Front-End Web Development (Full-Time)

Week1: Basics & Installation 7 Topics | 6 Quizzes

Expand

Lesson Content

0% Complete 0/7 Steps

Day1 (1/2): Intro to the course & to web development

Quiz: How this Course will work

Quiz:
Introduction to Web Development

Day1 (2/2): Gearing Up

Day2 (1/2): Set up Accounts & Services

Quiz: Accounts & Services

Day2 (2/2): How does the Web work?

Day3: Web Development Environment

Quiz: Setting up a Web Development Environment

Day4: Code editors & VScode

Quiz: Visual Studio Code: Live Server Setup

Day5: Command Line Basics

Quiz: Command Line Basics

Week2 (1/2): Git basics 4 Topics | 3 Quizzes

Expand

Lesson Content

0% Complete 0/4 Steps

Day1 (1/2): Git basics part I

Day1 (2/2): Setting up Git

Evaluation: Git, GitHub and Version Control

Day2 (1/2): Git basics part II

Quick Quiz: Command Line Basics

Day2 (2/2): Practicing Git Basics

Exercise: Practicing Git Basics

Week2 (2/2): HTML & CSS basics 3 Topics | 3 Quizzes

Expand

Lesson Content

0% Complete 0/3 Steps

Day3: Introduction to the Front End

Quiz: What is Frontend?

Day4: HTML & CSS Basics

Quiz: HTML & CSS Basics

Day5: Developer Tools

Quiz: Developer Tool

Week3: Practice & Basic HTML page structure 6 Topics | 5 Quizzes

Expand

Lesson Content

0% Complete 0/6 Steps

Day1: Google Project HTML/CSS

Googe Project: HTML & CSS

Day2: Code review series

Project: How does the Web work?

Day3: Lists & Tables in HTML

Quiz: HTML Tables

Day4: Forms for collecting data

Quiz: Project: HTML Forms

Day5: Linking pages & Working with Media (Image, video..)

Quiz: Project: Embedding Images and Video

What’s New in HTML5

Week4: CSS – Cascading Style Sheets 5 Topics | 3 Quizzes

Expand

Lesson Content

0% Complete 0/5 Steps

Day1: Intro, Box model & Positioning

Day2: Flexbox

Day3: CSS Grid

Quiz: CSS Grid

Day4: Best practices, Backgrounds & Gradients

Quiz: Backgrounds and Gradients

Day5: Project: Building with Backgrounds and Gradients

Quiz: Building with Backgrounds and Gradients

Week5: UX, Responsive design, Animation & CSS Frameworks 5 Topics | 4 Quizzes

Expand

Lesson Content

0% Complete 0/5 Steps

Day1: Intro to design, UX & Fonts

Day2: Responsive Design & Practice

Quiz: Project: Building With Responsive Design

Day3: CSS Frameworks like Bootstrap and Foundation

Quiz: CSS Frameworks – Bootstrap 5

Day4: Project: Using Bootstrap

Quiz: Project: Using Bootstrap

Day5: Animations, Transitions and Transforms

Quiz: Animations, Transitions and Transforms

Week6 (1/2): Advanced CSS 2 Topics | 1 Quiz

Expand

Lesson Content

0% Complete 0/2 Steps

Day1: Using CSS Preprocessors to Save Time

Quiz: Project: Design Your Own Grid-Based Framework

Day2: Conclusion

Week6 (2/2): Fundamentals 4 Topics | 3 Quizzes

Expand

Lesson Content

0% Complete 0/4 Steps

Day3: Data types, Variables & Operators

Quiz: Fundamentals 1

Day4: String, Conditionals & Logical Operators

Quiz: Fundamentals 2

Day5: Functions part.1

Day6: Functions part.2

Quiz: Fundamentals 3

Week7: More Javascript 3 Topics | 2 Quizzes

Expand

Lesson Content

0% Complete 0/3 Steps

Day1: Project Rock Paper Scissor

Quiz: Project: Rock Paper Scissors

Day2: Clean Code

Quiz: Fundamentals 4

Day 3, 4 & 5: Objects, Arrays, Loops & TDD

Week 8: DOM & Events – JS in the browser 5 Topics | 5 Quizzes

Expand

Lesson Content

0% Complete 0/5 Steps

Day1: DOM Manipulation

Quiz: DOM Manipulation

Day2: Events

Quiz: JS events

Day3: Linting & Dynamic User Interface Interactions

Quiz: Dynamic User Interface Interactions

day 4: Forms

Quiz: Form Validation

Day 5: Webpack

Quiz: Fundamentals 5

Week 9: Asynchronous JavaScript 5 Topics | 1 Quiz

Expand

Lesson Content

0% Complete 0/5 Steps

Day1: JSON & Async

Day2: Working with APIs

Day3: Async and Await

Day4: Working with Web (Browser) APIs

Day5: Project Weather App

Project: Weather App

Week 10 & 11: Organizing your JavaScript Code 9 Topics | 5 Quizzes

Expand

Lesson Content

0% Complete 0/9 Steps

Day 1: Objects and Object Constructors

Day 2: Project Library

Quiz: Project Library

Day 3: Project Tic-Tac-Toe

Quiz: Project: Tic-Tac-Toe

Day 4: Classes

Quiz: JS Classes

Day 5: ES6 Modules

Day 6: Project Restaurant Page

Quiz: Project Restaurant Page

Day 7: OOP Principles

Day 8: Project Todo List

Quiz: Project Todo List

Day 9: ES6 and beyond

Week 12: React 2 Topics

Expand

Lesson Content

0% Complete 0/2 Steps

Day 1: Introduction to Frameworks

Day 2-5: React

Course Content