kottans-frontend

Stage 0. Self-Study

General

• Git Basics
• Linux CLI and Networking
• Git for Team Collaboration

Front-End Basics

• Intro to HTML & CSS
• Responsive Web Design
• HTML & CSS Practice
• JavaScript 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!

Git Basics

What's New

• Using Git in terminal!
• Staging and working area.
• Pushing and pulling — that's so impressive!

Linux CLI, and HTTP

What's New

• Arranged all the main commands in my heads.
• All about HTTP/S protocol.

Screenshots

Git for Team Collaboration

What's New

• Working with remote git (github).
• How cool is learngitbranching! Awesome education tool.

Screenshots

Intro to HTML & CSS

What's New

• Repeated and consolidated knowledge about basic HTML and CSS.

Screenshots

Responsive Web Design

What's New

• Viewports and how to use them.
• Flexbox froggy is so cute game!

Screenshots

HTML & CSS Practice

What's New

• That was excellent experience! Code Demo

JavaScript Basics

What's New

• freeCodeCamp - the best place to study JS, enjoyed it a lot!

Screenshots

Document Object Model - practice

What's New

• That was excellent experience! Code Demo

Screenshots

Building a Tiny JS World (pre-OOP) - practice

What's New

• That was excellent experience! Code Demo

Object oriented JS - practice

What's New

• Codewars - the place where code borns! Like it a lot!

Screenshots