Description

Welcome to Front End Web Development - Level 2 Course. This course is designed to get you started in your front-end development journey. This will teach you how to create awesome websites with HTML5 and CSS3. You will learn how to create a website from a design file like XD, PSD, and Figma. This course also includes a real-life project where we will develop a corporate website from a design file. You will also be shown some awesome tricks and tips that will help you to get stuff done faster. This course also includes SASS, the most popular CSS preprocessor.

All the source code will be provided so that you can solve an error or bug in your code.

This course will cover:

  • HTML5
  • Semantic HTML
  • CSS3
  • Flexbox
  • Animations and keyframes
  • CSS variables
  • SASS
  • A full website project

Prerequisites & Requirements

  • Computer with an internet connection.
  • This course can be viewed on mobile, and most of the tasks can be done on mobile too, but it is not ideal. 

Curriculum

  • Chapter 00: Coderstrust

    0:48m
    • C0.01: Welcome to your learning journey!

      Resource
    • C0.02: What is Coderstrust?

      Video
    • C0.03: Coderstrust & You

      Resource
    • C0.04: Setting goals

      Resource
    • C0.05: Join our Community

      Resource
    • C0.06: How it works: Assignments

      Resource
    • C0.07: How it works: Quiz

      Resource
  • Chapter 01: Responsive Design And Bootstrap v5

    169:21m
    • Lesson 1 : Intro

      Video
    • Lesson 2 : What is Bootstrap?

      Video
    • Lesson 3 : How to setup Bootstrap for a project

      Video
    • Lesson 4 : Fundamentals of Bootstrap

      Video
    • Lesson 5 : Advance Bootstrap

      Video
    • Lesson 6 : How to make your pages responsive with Bootstrap and CSS

      Video
    • Lesson 7 : Lets create a small responsive web page with Bootstrap

      Video
  • Chapter 02: JavaScript Basics

    128:35m
    • Lesson 1 : Introduction to JavaScript

      Video
    • Lesson 2 : Let's write some JavaScript code

      Video
    • Lesson 3 : JavaScript Variables

      Video
    • Lesson 4 : Data Types in JavaScript

      Video
    • Lesson 5 : String methods

      Video
    • Lesson 6 : Operators And Comparing Values

      Video
    • Lesson 7 : The Conditionals

      Video
    • Lesson 8 : Loops

      Video
  • Chapter 03: Intermediate JavaScript Topics

    179:42m
    • Lesson 1 : Random number generation and Math methods

      Video
    • Lesson 2 : Functions

      Video
    • Lesson 3 : Arrays

      Video
    • Lesson 4 : Array methods

      Video
    • Lesson 5 : Integer/Number methods

      Video
    • Lesson 6 : Function scope

      Video
    • Lesson 7 : Let's make a small dice game with JS

      Video
  • Chapter 04: OOP in JavaScript and Classes

    75:12m
    • Lesson 1 : Intro Object oriented programming (OOP)

      Video
    • Lesson 2 : JavaScript Object

      Video
    • Lesson 3 : Constructuctor functions and the “this” keyword

      Video
    • Lesson 4 : Classes, Subclasses and Closures

      Video
  • Chapter 05: DOM Manipulation And Handling Events

    82:45m
    • Lesson 1 : What is DOM (Document Object Model)

      Video
    • Lesson 2 : Let's do some DOM manipulation

      Video
    • Lesson 3 : Ways to select an HTML element to manipulate

      Video
    • Lesson 4 : Common manipulations examples

      Video
    • Lesson 5 : Handling Events with JS

      Video
    • Lesson 6 : Types of Events we can handle with JS

      Video
    • Lesson 7 : Animate.css/wow.js

      Video
  • Conclusion

    3:3m
    • Conclusion

      Video
    • One Last Step : Verification

      Resource

Check out these courses