Thanks to visit codestin.com
Credit goes to github.com

Skip to content

yhorodechna/kottans-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 

Repository files navigation

kottans-frontend

Stage 0. Self-Study

General
  • 0.Git Basics
  • 1.Linux CLI and Networking
  • 2.Git Collaboration
Front-End Basics
  • 3.Intro to HTML & CSS
  • 4.Responsive Web Design
  • 5.HTML & CSS Practice
  • 6.JS Basics
  • 7.Document Object Model
Advanced Topics
  • 8.Building a Tiny JS World (pre-OOP)
  • 9.Object oriented JS
  • 10.OOP exercise
  • 11.Offline Web Applications
  • 12.Memory pair game
  • 13.Website Performance Optimization
  • 14.Friends App

General:


0.Git Basics

Before listening first and second weeks of curse Introduction to Git and GitHub I listened another course from Bogdan Stashchuk . It is makes all easier. Also I used some GIT commands earlier in VS Code.

Task Git collaboration

screen-01 screen-02

1.Linux CLI, and HTTP

Task Linux CLI

screen-01 screen-02 screen-03 screen-04

Actually earlier I used few of Linux commands, but Linux Survival showed many useful commands in practice . I liked this tutorial. What about HTTP it was hard for me to understanding all theory about working HTTP. But earlier I learned some theory and apply in practice some methods like GET, POST, PUSH, DELETE.

2.Git Collaboration

Task Git Collaboration

screen-01 screen-02

After listening third and fourth weeks of course Introduction to Git and GitHub I write down some useful commands witch I will use in the feature. But I have to notice that this time it wos difficult to pass all levels in the game Learn Git Branching. So I will come back to it.


Front-End Basics


3.Intro to HTML and CSS

Task HTML and CSS intro

screen-01 screen-02

I really liked course of HTML and CSS from Codecademy. It is easy for beginners to understand how work HTML and CSS on practice. Actually some years ego I have a lot of practice with used HTML and CSS, for example I learned HTML code used design layout in this online course.

4.Responsive Web Design

Task Responsive Web Design

screen-01 screen-02

Corses of Flexbox and Grid I passed two years ago. But it was useful for me to recall the various nuances. And the most useful it is short description from "Фрілансер по життю" about different topics, includes Flexbox and Grid. Also two years ago I passed games Flexbox froggy and Grid garden.

5.HTML & CSS Practice

Demo

It was an interesting experience with using tag input for popup. Also I saw my mistakes and understand how to correct them.

6.JS Basics

Task JS Basics

screen-01 screen-02 screen-03 screen-04 screen-05 screen-06

I used JS earlier. It was useful to to recall some methods of arrays and other topics. Also I write down some unknown to me thinks. I must note that it was very hard for me to dy all tasks from Intermediate Algorithm Scripting... Only at the time of this writing, I read that it was necessary to do only the first eleven tasks. So, it was hard but useful for me.

7.Document Object Model

Task JS DOM

screen-01

Demo

It was useful to use addEventListener instead of adding events to all necessary tags. I will use this in the future.


Advanced Topics


8.Building a Tiny JS World

Demo

Nice preparation for OOP.

9.Object oriented JS

Demo

Task JS OOP

screen-01

I actually didn't really like the exercises in Codewars. Too many math exercises. In my opinion, the smaller half will be useful to me in the future. But actually it was useful for brain. For me Classic Frogger Game it was interesting OOP practice.

10.OOP exercise

Demo

As soon as I started doing this task it seemed easy. But in practice, I saw that this is not true. OOP, it's a difficult topic for me...
I think it will become easier with practice.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published