frontend

      

Front-End Course. Contents

Stage 0. Self-Study

Підготовчий етап Front-End Course. Слід виконати наступні завдання, щоб приєднатися до головної частини курсу. Дізнайтеся більше в 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 - optional
5. Memory pair game — real project!
6. Website Performance Optimization - optional
7. Friends App - real project!

Stage 1. The Show Must Go On

Головна частина 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

This site is open source. Improve this page.