kottans-frontend

January 20, 2021 · View on GitHub

Kottans fronend course

stage0

  • 🔥 0 Git Basics - DONE
  • 🔥 1 Linux CLI and Networking - DONE
  • 🔥 2 Git Collaboration - DONE
  • 🔥 3 Intro to HTML and CSS - DONE
  • 🔥 4 Responsive Web Design - DONE
  • 🔥 5 HTML & CSS practice - DONE
  • 🔥 6 JS Basics - DONE
  • 🔥 7 DOM - DONE
  • 🔥 8 JS pre OOP - DONE
  • 🔥 9 Object-Oriented JavaScript - DONE
  • 🔥 10 OOP practice - DONE
  • 🔥 11 Offline Web Applications - Not DONE yet
  • 🔥 12 Memory – Pair Game - DONE
  • 🔥 13 Website Performance Optimization - Not DONE yet
  • 🔥 14 Friends App - DONE

Git Basics

I've never used Git before! This study was awesome, I've learned a lot of things =)

git pull origin studies:myBrain
Screenshots:

Version Control with Git

udacity

levels at learngitbranching

learngitbranching learngitbranching

Linux CLI, and HTTP

I've learned a lot of new things. Linux CLI was new for me and now that is clear=) This task was easy and very educative

Screenshots:
task_linux_cli__scr--0task_linux_cli__scr--1
task_linux_cli__scr--2task_linux_cli__scr--3

Git Collaboration

While i've completed all levels at learngitbranching.js.org at task#0, there was not much new information for me. But it was good to remember all things.

Screenshots:
task_git_collaboration--0task_git_collaboration--1

Intro to HTML and CSS

I have known almost everything, except grids. It was cool to understand everything about them =)

Screenshots:
task_html_css_intro--0task_html_css_intro--1task_html_css_intro--2

Responsive Web Design

I have known everything before. =)

Screenshots:
task_responsive_web_design--0task_responsive_web_design--1

HTML & CSS practice

This was fun experience and good remembering practice.
HTML CSS popup Demo

JS Basics

There was many new things to me. The biggest part of new things is all about methods to work with strings, arrays, and object.
Also, it was enjoyable to learn on freeCodeCamp! Material is big, and I will keep practicing to fully master it. =)

Screenshots:
task_js_basics--0task_js_basics--1

DOM

This was fun experience and good remembering practice.
New things to me was about JS call stack and queue, also about three phases of event processing.
JS Dom Poke Demo

Screenshots:
task_js_dom--0task_js_dom--1

JS pre OOP

Easy done
Tiny Js world pre-OOP Demo

Object-Oriented JavaScript

Wow. This was hard. There was many new things to me on Udacity course.
Now I understand how is this keyword binding happening and now have some understading of inheritance patterns.
Also, it was very hard and interesting to understand how Frogger works and complete it.
JS Frogger Demo

Screenshots:
task_js_oop--0task_js_oop--1

OOP practice

This task wass much easier, because I was already quite familiar with ES6 class declarations.
Anyway, there is so many things that i should learn in 2021 =)
Tiny Js world OOP Demo

Memory – Pair Game

This was fun to me to create real game from scratch.
Nothing hard, it was real practice! Also, I've learned new array shuffle method - it is very cool!
Memory – Pair Game Demo

Friends App

It was higly educative task.
I have learned how to fetch data, create async functions.
Also, I had done this app with OOP approach, and I like it.
Friends App Demo