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 1: Command Line and Version Control

    66:3m

    • Introduction

       Video

    • Lesson 2 : The command line and it’s uses

       Video

    • Lesson 3 : Why you need Version Control

       Video

    • Lesson 4 : What is Git and how to setup Git

      Video

    • Lesson 5 : Github and Remote repositories

       Video

    • Lesson 6 : Branching and Merging

       Video

  • Chapter 2: The Landing Page Project

    136:12m

    • Lesson 1 : Checking the Design

       Video

    • Lesson 2 Part 1 : Development Phase Part 1

       Video

    • Lesson 2 Part 2 : Development Phase Part 2

       Video

    • Lesson 2 Part 3 : Development Phase Part 3

       Video

    • Lesson 2 Part 4 : Development Phase Part 4

       Video

  • Chapter 3: The Blog Website Project

    166:58m

    • Lesson 1 : Checking the Design

       Video

    • Lesson 2 Part 1 : Development Phase Part 1

       Video

    • Lesson 2 Part 2 : Development Phase Part 2

       Video

    • Lesson 2 Part 3 : Development Phase Part 3

       Video

    • Lesson 2 Part 4 : Development Phase Part 4

       Video

    • Lesson 2 Part 5 : Development Phase Part 5

       Video

  • Chapter 4: The Portfolio Project

    104:11m

    • Lesson 1 : Checking the Design

       Video

    • Lesson 2 Part 1 : Development Phase Part 1

       Video

    • Lesson 2 Part 2 : Development Phase Part 2

       Video

    • Lesson 2 Part 3 : Development Phase Part 3

       Video

  • Chapter 5: ES6 JavaScript

    32:42m

    • Lesson 1 : The Version system in Javascript

       Video

    • Lesson 2 : Arrow Functions

       Video

    • Lesson 3 : Spread operator

       Video

    • Lesson 4 : Blocks And IIFE

       Video

  • Chapter 6: Deploying Your Website And Hosting

    35:16m

    • Lesson 1 : What is a Domain and Hosting

       Video

    • Lesson 2 : How to deploy your site

       Video

    • Lesson 3 : How to do optimizations to make the site load faster

       Video

  • Chapter 7: Last Things

    12:30m

    • Lesson 1 : What's next?

       Video

    • Lesson 2 : Freelancing

       Video

    • Some Freebies

       Resource

  • Conclusion

    0:0m

    • One Last Step : Verification

       Resource

Check out these courses