Front End Web Development Rearrange

Course Instructor OdinSchool

FREE

To enroll in this course, please contact the Admin

Contact Admin

Course Overview

Schedule of Classes

Course Curriculum

1 Subject

Front End Web Development Rearrange

104 Exercises • 106 Learning Materials

Week 1 Day 1 - Introduction to Full-Stack development, Web and HTML

Overview of Web Technologies

Understanding the Internet

Understanding the Internet - Knowledge Check

Exercise

Website Functionality and Architecture

Website Functionality and Architecture - Knowledge Check

Exercise

Introduction to HTML Basics

Introduction to HTML Basics - Knowledge Check

Exercise

HTML Tag Basics

HTML Tag Basics - Knowledge Check

Exercise

HTML Boilerplate

HTML Boilerplate - Knowledge Check

Exercise

Week 1 Day 2 - HTML Element Structure

Text Structuring in HTML

Text Structuring in HTML - Knowledge Check

Exercise

HTML Divs

HTML Divs - Knowledge Check

Exercise

Week 1 Day 3 - Common Tags and Supported Attributes

HTML Lists

HTML Lists - Knowledge Check

Exercise

Creating Links with Anchor Tags

Creating Links with Anchor Tags - Knowledge Check

Exercise

Adding Images in HTML

Adding Images in HTML - Knowledge Check

Exercise

Semantic HTML Tags

Semantic HTML Tags - Knowledge Check

Exercise

Week 1 Day 4 - Introduction to CSS

Introduction to CSS

Introduction to CSS - Knowledge Check

Exercise

Inline CSS Styling

Inline CSS Styling - Knowledge Check

Exercise

Internal CSS Styling

Internal CSS Styling - Knowledge Check

Exercise

External CSS Styling

External CSS Styling - Knowledge Check

Exercise

Understanding CSS Syntax

Understanding CSS Syntax - Knowledge Check

Exercise

CSS Selectors

CSS Selectors - Knowledge Check

Exercise

Comparing Classes and IDs

Comparing Classes and IDs - Knowledge Check

Exercise

Week 1 Day 5 - CSS Fundamentals continued

Week 2 Day 1 - Deep dive into the box model

The Box Model Basics and Advanced - 1

The Box Model Basics and Advanced - 2

The Box Model Basics and Advanced - Knowledge Check

Exercise

CSS Display Property

CSS Display Property - Knowledge Check

Exercise

Week 2 Day 2 - HTML Form

HTML Forms

HTML Forms - Knowledge Check

Exercise

Week 2 Day 3 - Typography and Positioning

Week 2 Day 4 - More on HTML Tags

HTML Tables

HTML Tables - Knowledge Check

Exercise

Week 2 Day 5 - Flex Boxes

Introduction to CSS Layouts - Three Ways of Building Layouts

Introduction to CSS Layouts - Three Ways of Building Layouts - Knowledge Check

Exercise

Using Floats for Layout

Using Floats for Layout - Knowledge Check

Exercise

How to Clear Floats?

How to Clear Floats? - Knowledge Check

Exercise

Building Layout using Float

Building Layout using Float - Knowledge Check

Exercise

Understanding the Box-Sizing Property and Its Impact on Layouts

Understanding the Box-Sizing Property and Its Impact on Layouts - Knowledge Check

Exercise

Introduction to Flexbox Layout

Introduction to Flexbox Layout - Knowledge Check

Exercise

Overview of Flexbox Properties

Overview of Flexbox Properties - Knowledge Check

Exercise

Spacing and Aligning Flex Items in a Container

Spacing and Aligning Flex Items in a Container - Knowledge Check

Exercise

Understanding the Flex Property in Detail

Understanding the Flex Property in Detail - Knowledge Check

Exercise

Introduction to CSS Grid Layout

Introduction to CSS Grid Layout - Knowledge Check

Exercise

Overview of CSS Grid Properties and Concepts

Overview of CSS Grid Properties and Concepts - Knowledge Check

Exercise

Sizing Grid Columns and Rows

Sizing Grid Columns and Rows - Knowledge Check

Exercise

Placing and Spanning Grid Items in a Grid Container

Placing and Spanning Grid Items in a Grid Container - Knowledge Check

Exercise

Aligning Grid Items and Tracks

Aligning Grid Items and Tracks - Knowledge Check

Exercise

Building a Simple CSS Grid Layout

Building a Simple CSS Grid Layout - Knowledge Check

Exercise

Using Grid-Template-Areas to Define Layouts

Using Grid-Template-Areas to Define Layouts - Knowledge Check

Exercise

Week 3 Day 1 - Responsive Web Design

Understanding Media Queries - 1

Understanding Media Queries 1 - Knowledge Check

Exercise

Understanding Media Queries - 2

Understanding Media Queries 2 - Knowledge Check

Exercise

Selecting Appropriate Breakpoints

Selecting Appropriate Breakpoints - Knowledge Check

Exercise

Designing for Small Laptops

Designing for Small Laptops - Knowledge Check

Exercise

Designing for Landscape Tablets

Designing for Landscape Tablets - Knowledge Check

Exercise

Designing for Tablets

Designing for Tablets - Knowledge Check

Exercise

Creating a Mobile Navigation Menu - 1

Creating a Mobile Navigation Menu 1 - Knowledge Check

Exercise

Creating a Mobile Navigation Menu - 2

Creating a Mobile Navigation Menu 2 - Knowledge Check

Exercise

Designing for Smaller Tablets

Designing for Smaller Tablets - Knowledge Check

Exercise

Designing for Phones

Designing for Phones - Knowledge Check

Exercise

Week 3 Day 2 - Introduction to Bootstrap

Week 3 Day 3 - Bootstrap Components

Week 3 Day 4 - Intro To JS

Introduction to JavaScript

Introduction to JavaScript - Knowledge Check

Exercise

Values and Variables

Values and Variables - Knowledge Check

Exercise

Understanding Data Types in JavaScript

Understanding Data Types in JavaScript - Knowledge Check

Exercise

let, const and var

let, const and var - Knowledge Check

Exercise

Basic Operators in JavaScript

Basic Operators in JavaScript - Knowledge Check

Exercise

Understanding Operator Precedence in JavaScript

Understanding Operator Precedence in JavaScript - Knowledge Check

Exercise

Working with Strings and Template Literals in JavaScript

Working with Strings and Template Literals in JavaScript - Knowledge Check

Exercise

Week 3 Day 5 - JS control flow

Making Decisions with if / else Statements in JavaScript

Making Decisions with if / else Statements in JavaScript - Knowledge Check

Exercise

The switch Statement

The switch Statement - Knowledge Check

Exercise

Iteration: The for Loop in JavaScript

Iteration: The for Loop in JavaScript - Knowledge Check

Exercise

Looping Arrays, Breaking, and Continuing in JavaScript

Looping Arrays, Breaking, and Continuing in JavaScript - Knowledge Check

Exercise

Looping Backwards and Loops in Loops

Looping Backwards and Loops in Loops - Knowledge Check

Exercise

The while Loop

The while Loop - Knowledge Check

Exercise

Week 4 Day 1 - JS Array

Introduction To Arrays

Introduction To Arrays - Knowledge Check

Exercise

Basic Array Operations (Methods) - 1 in JavaScript

Basic Array Operations (Methods) - 1 in JavaScript - Knowledge Check

Exercise

Basic Array Operations (Methods)- 2

Basic Array Operations (Methods)- 2 - Knowledge Check

Exercise

Working with Arrow Functions in JavaScript

Working with Arrow Functions in JavaScript - Knowledge Check

Exercise

Week 4 Day 2 - JS Object -1

Introduction to Object-Oriented Programming

Introduction to Object-Oriented Programming - Knowledge Check

Exercise

OOP Concepts in JavaScript

OOP Concepts in JavaScript - Knowledge Check

Exercise

Constructor Functions and the "new" Operator

Constructor Functions and the "new" Operator - Knowledge Check

Exercise

Introduction to Objects in JavaScript

Introduction to Objects in JavaScript - Knowledge Check

Exercise

Understanding Dot vs. Bracket Notation in JavaScript

Understanding Dot vs. Bracket Notation in JavaScript - Knowledge Check

Exercise

Working with Object Methods in JavaScript

Working with Object Methods in JavaScript -Knowledge Check

Exercise

Week 4 Day 3 - JS Object - 2

Week 4 Day 4 - JS Object - 3

Week 4 Day 5 - Functions deep dive and new control flow

Course Instructor

OdinSchool

128 Courses • 25703 Students