Skip to content

4zorbin/kottans-frontend

Repository files navigation

kottans-frontend


Contents

Stage 0. Self-Study

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

General


Front-End Basics

  • 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


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

Udacity learngitbranching learngitbranching


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

Linux CLI, and HTTP Linux CLI, and HTTP Linux CLI, and HTTP Linux CLI, and HTTP


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.

Git Collaboration


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

HTML and CSS HTML and CSS HTML and CSS


It was a lot of fun to play with frogs.

Responsive Web Design

Responsive Web Design


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

Demo | Code base

HTML & CSS Practice


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

JavaScript Basics


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published