kottans-frontend

---

Contents

Stage 0. Self-Study

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

---

General

• Git Basics,[DONE]
• Linux CLI, and HTTP, [DONE]
• Git Collaboration; [DONE]

---

Front-End Basics

• Intro to HTML and CSS, [DONE]
• Responsive Web Design , [DONE]
• HTML & CSS Practice , [DONE]
• JavaScript Basics , [DONE]

• Document Object Model - practice

---

Advanced Topics

• Building a Tiny JS World (pre-OOP) - practice
• Object oriented JS - practice
• OOP exercise - practice
• Offline Web Applications
• Memory pair game — real project!
• Website Performance Optimization
• Friends App - real project!

---

---

Stage 1. The Show Must Go On

Main part of the Front-End Course.

Lectures & Workshops

HTML, CSS & DOM

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

---

JavaScript

• Scopes & Closures
• Concept of this
• Prototypes
• Types & Grammar
• Callbacks & Promises
• Async & Await
• ESNext Api / Generators
• Functionality
• How browser works/Web workers

---

Frontend Framework

---

TypeScript

---

Soft Skills

---

Git Intro

After completing this course I discovered many new commands for myself in Git. It turns out that I didn't know this topic well.

---

Linux CLI, and HTTP

Refreshed my knowledge of Linux commands and had a good time reading about http protocols. A lot of information that I did not know and still learn. Also I learned about printer control commands and others that I had not used before

---

Git Collaboration

I know the necessary commands and operations, but not all of them, and therefore I will practice and review the materials. A very useful thing. Thanks

I didn't know commands like Fetch, Rebase, Cherry-pick, and others that I will definitely use in my work in the feature.

---

Intro to HTML and CSS

I've never used a grid before. Flex also has always been a problem and remains difficult for me.

---

Responsive Web Design

It was a lot of fun to play with frogs.

---

HTML & CSS Practice

hard to admit but it was not easy to put all together

Demo | Code base

---

JavaScript Basics

!!!!!!!!!!!!!!!!!!!!!!!!!!

---