Front-End Course. Contents

October 8, 2020 · View on GitHub

MIT Licensed Awesome        Telegram

Front-End Course. Contents

Stage 0. Self-Study

Preparatory stage of Front-End Course. Following tasks should be completed to join main course. Learn more in README.

General

  1. Git Basics
  2. Linux CLI and Networking
  3. VCS (hello gitty), GitHub and Collaboration

Front-End Basics

  1. Intro to HTML & CSS
  2. Responsive Web Design
  3. HTML & CSS Practice
  4. JavaScript Basics
  5. Document Object Model - practice

Advanced Topics

  1. Building a Tiny JS World (pre-OOP) - practice
  2. Object oriented JS - practice
  3. OOP exercise - practice
  4. Offline Web Applications
  5. Memory pair game — real project!
  6. Website Performance Optimization
  7. Friends App - real project!

Stage 1. The Show Must Go On

Main part of the Front-End Course.

Lectures & Workshops

HTML, CSS & DOM

  1. W3C and WHATWG Standards. HTML markup. Intro to CSS. Grids.
  2. Graphics on the web. А11Y & forms. Content handling
  3. DOM and Layout Trees
  4. Cookies, document.cookie

JavaScript

  1. Scopes & Closures
  2. Concept of this
  3. Prototypes
  4. Types & Grammar
  5. Callbacks & Promises
  6. Async & Await
  7. ESNext Api / Generators
  8. Functionality
  9. How browser works/Web workers

Frontend Framework

TypeScript

Soft Skills