Coming soon

Frontend Engineering

This beginner Frontend Engineering course teaches HTML/CSS for webpage structure and style, JavaScript, user interface, and web frameworks.
Coming soon

Frontend Engineering

This beginner Frontend Engineering course teaches HTML/CSS for webpage structure and style, JavaScript, user interface, and web frameworks.
Course Level
Intermediate
Course Duration
8 Weeks
Language
English
Price
$699

Skills you will gain

HTML
CSS
JavaScript
Object-Oriented Programming
Flexbox
Webpack
About this course 📜

Welcome to the Frontend Engineering Bootcamp! This course is designed to provide you with the necessary skills to become a proficient frontend developer. You don't need any prior experience or skills to participate in this course, just a basic understanding of how to use a computer and an eagerness to learn.

During this course, you'll learn how to design and create responsive web pages, work with HTML, CSS, JavaScript, and other programming languages. You'll be provided with pre-course materials to help you prepare for the program, including short quizzes that will help you gauge your understanding of the concepts you'll be learning.

To ensure that you have access to the course materials, you'll need a stable internet connection and a computer. Once you enroll for the course, you'll receive instructions on how to download the pre-course materials and take the quiz. If you successfully complete the quiz, you'll receive payment instructions to proceed with the program.

Throughout the course, you'll have access to experienced trainers who will provide guidance and support to ensure that you're on track to achieving your goals. You'll also get the opportunity to work on real-world projects, which will help you gain practical experience in frontend development.

By the end of this program, you'll have the skills and knowledge necessary to build interactive and visually appealing web pages. Whether you're interested in building your career in frontend development or starting your own business, this course is an excellent choice to help you achieve your goals.

Pre-requisite

There are no skill or experience level prerequisites to participate in the Frontend Engineering Bootcamp beyond the basic use of computer, the willingness and excitement to learn and practice.

Every Learner must have access to a stable internet and a computer.

What you will learn 📖
  1. Introduction to Frontend Engineering
  2. Introduction to HTML and CSS
  3. Introduction to JavaScript
  4. User Interface and Web Frameworks
  5. Accessibility in Frontend Engineering
Michael King
Frontend Developer
Michael King
Frontend Developer
Michael King
Frontend Developer
Michael King
Frontend Developer
Michael King
Frontend Developer

Course Modules

Introduction to Frontend Engineering

Lesson 1: Overview of Frontend Engineering

  • Definition of Frontend Engineering
  • Web Development Process
  • Resources and Tools in Frontend Engineering
Introduction to HTML and CSS

Lesson 1: HTML Fundamentals

  • HTML Syntax 
  • HTML Tags and Element
  • HTML Grouping using Div Span
  • HTML Links and Anchors
  • HTML Lists and Tables
  • HTML Images Multimedia
  • HTML Forms and Input
  • HTML Layout
  • HTML iframes

Lesson 2: CSS Fundamentals

  • CSS Syntax
  • CSS Selectors
  • CSS Backgrounds 
  • CSS Borders 
  • CSS Padding 
  • CSS Height/Width 
  • CSS Gradients 
  • CSS Shadows
  • CSS Text 
  • CSS Font
  • CSS Box Model
Introduction to JavaScript

Lesson 1: JavaScript Basics

  • JavaScript Data types and Operators
  • JavaScript Statements
  • JavaScript Output
  • JavaScript Math 
  • JavaScript Comparisons 
  • JavaScript Conditions 
  • JavaScript Switch 
  • JavaScript Loops 
  • JavaScript Type Conversion

Lesson 2: JavaScript Arrays and Objects

  • JavaScript Array Methods
  • JavaScript Array Sort
  • JavaScript Array Uses
  • JavaScript Array Iteration
  • Creating and working with objects
  • Object methods and properties

        Lesson 3: JavaScript Functions

  • Function Definition
  • Function Scope
  • Function Parameters and Arguments
  • Function Calling
  • Arrow Functions

Lesson 4: Manipulation of the DOM

  • Introduction to the DOM
  • DOM Structure and tree analogy
  • Creating and Manipulating DOM elements
  • Events and Event Listeners

User Interface and Web Frameworks

Lesson 1: Introduction to User Interface and Web Frameworks

  • What is User Interface 
  • What are Web Frameworks
  • What are the benefits of adding Web Frameworks to your HTML and CSS

Lesson 2: Introduction to popular Web Frameworks in Frontend Engineering

  • BootStrap
  • JQuery
  • AngularJS
  • VueJS
Accessibility in Frontend Engineering

Lesson 1

  • Semantic HTML
  • Fonts
  • Color Contrast
  • Alternative Text for Images
  • Keyboard Navigation
  • Accessible Audio and Video Content
  • ARIA attributes

Recruiters, Product Managers
and Engineers ❤️ love us

Really loving @Univaciti! An incredible platform and awesome team! Univaciti continues to blow my mind at what's possible and the completeness of the platform at this stage.
Raymond Darlington
Backend Engineer
Joining Univaciti was a life changing decision for me. What i like is that they delivered what they promised, a great income & career growth 🔥
Esther Howard
Data Analyst
With Univaciti, we are able to find talented developers in a matter of weeks instead of months. The quality of talent they supply is extremely high
Sarah Conolly
Hiring Manager
Univaciti bridges the gap in employment opportunities across the world giving developers a better quality of work, exposure & pay ❤️
Esther Howard
Data Analyst
Really loving @Univaciti! An incredible platform and awesome team! Univaciti continues to blow my mind at what's possible and the completeness of the platform at this stage.
Raymond Darlington
Backend Engineer
Joining Univaciti was a life changing decision for me. What i like is that they delivered what they promised, a great income & career growth 🔥
Esther Howard
Data Analyst
With Univaciti, we are able to find talented developers in a matter of weeks instead of months. The quality of talent they supply is extremely high
Sarah Conolly
Hiring Manager
Univaciti bridges the gap in employment opportunities across the world giving developers a better quality of work, exposure & pay ❤️
Esther Howard
Data Analyst
Hire & manage talents
Tell us the skills you need and we'll find the best
talent for you in days, not weeks.

Join our community

You can find sneak peeks, vote on upcoming features, chat, share and learn from our team.

Request a detailed syllabus.

Fill in the form to receive more information about the course.

Thanks for your interest! We'll be in touch soon.
Oops! Something went wrong while submitting the form.