« 𝕶𝖔𝖙𝖙𝖆𝖓𝖘 𝖋𝖗𝖔𝖓𝖙𝖊𝖓𝖉 𝖈𝖔𝖚𝖗𝖘𝖊 »

Stage 0 :

1. General

• :white_check_mark: Git and GitHub Intro
  
• :white_check_mark: Linux, Command Line, HTTP Tools
  
• :white_check_mark: Git for Team Collaboration
  

2. Front-End Basic

• :white_check_mark: Intro to HTML & CSS
  
• :white_check_mark: Responsive Web Design
  
• :x: HTML & CSS Practice: Hooli-style Popup
  
• :x: JavaScipt Basics
  
• :x: Document Object Model - practice
  

3. Advansed Topics

• :x: Building a Tiny JS World - practice
  
• :x: Object oriented JavaScript - practice
  
• :x: OOP exercise - practice
  
• :x: Offline Web Applications - optional
  
• :x: Memory – Pair Game — real project!
  
• :x: Website Performance Optimization - optional
  
• :x: Friends App — real project!
  

Aditional Information of the Course:

Git та GitHub

• Лекція по Git від Олексія Руденка

• Git за 30 хвилин

• Git tips — закріпити свої знання про Git

• About Merge Conflicts

• Resoilving a Merge Conflict

• Communicating using Markdown

• Learn anything front-end

• TypingClub — покращити швидкість набору на клавіатурі

• How to Learn and Cope with Negative Thoughts

Linux, Command Line, HTTP Tools

• How I taught myself to code in eight weeks

• How JavaScript works: Deep dive into WebSockets and HTTP/2 with SSE + how to pick the right path

  Optional:

• Command Line Power User

• Configuring Linux Web Servers

• Networking for Web Developers

Git for Team Collaboration

• An Introduction to Git and GitHub by Brian Yu (CS50 course), video, ~40 min.

• Oh shit, git!

• Flight rules for git

• GitHub Skills

Intro to HTML & CSS

• HTML уроки (з 3 по 7 відео)

• CSS уроки (з 9 по 15 відео)

• Learn HTML(Eng)

• Learn CSS(Eng)

• freecodecamp.org

• Intro to HTML @github

• Can't Unsee - brilliant and useful challenge

• Publish your static web site using GitHub Pages

Responsive Web Design

• Specificity

• Specificity calculator

• 11 things I learned reading the flexbox spec

• Flexbox Zombies (game)

• HiDPI Screens and Web Development