0. Git Basics

Course Introduction

1. Нова річ: Дізнався безліч цікавих можливостей Git. Найбільш новим було це можливість відкочувати зміни до минулих версій
2. Річ яка мене здивувала: git revert - чудова штука =)
3. Річ яку я збираюсь використовувати в майбутньому: Я так розумію що буду використовувати майже всі можливості Git, так як це один з необхідних робочих інструментів)

Скріншоти

learngitbranching.js:

1. Нова річ: Майже все нове, но цього користувався "GitHub Desktop" і графічним інтерфейсом
2. Річ яка мене здивувала: інформація про HEAD, раніше не задумувався про про це
3. Річ яку я збираюсь використовувати в майбутньому: merge, pull, push, clone, rebase, checkout -звісно і інше також, но саме ці команди напевно основні

Скріншоти

1. Linux CLI, and HTTP

Linux Survival

1. Нова річ: Нове все крім "сd". Ніколи раніше не користувався Linux
2. Річ яка мене здивувала: Перевірка процесів і їх закриття через командну строку "ps aux" А також надсилання даних в файл ">"
3. Річ яку я збираюсь використовувати в майбутньому: Основні команди: cd, mkdir, ls, cp, rm, rmdir. Доцільнісь всього іншого покаже життя )

Скріншоти

HTTP (частина 1)

1. Нова річ: Інформація про прийом та обробку запиту клієнту (коди). Використання HTTP у фреймворках та бібліотеках.
2. Річ яка мене здивувала: Аналіз трафіку та завантаженості мережі, Chrome/Webkit. і т.д.
3. Річ яку я збираюсь використовувати в майбутньому: Методи: POST, GET, PUT,

HTTP (частина 2)

1. Нова річ: HTTPS, SSL, постійні з'єднання, паралельні з'єднання - перший про це чую
2. Річ яка мене здивувала: Детальний розбір гешування. Раніше не знав скільки там функцій і наскільки це заплутаний процес. Вважав що просто збергає дані по відвідуванню сайтів і що це просто )
3. Річ яку я збираюсь використовувати в майбутньому: Ідентифікація та автентифікація

2. Git Collaboration

Introduction to Git and GitHub

1. Нова річ: Нового було багато, но найперше що приходить в голову це те як відбувається Code Reviews
2. Річ яка мене здивувала: Автоматизовані тести "Travis"
3. Річ яку я збираюсь використовувати в майбутньому: pull request, fork

Скріншоти

learngitbranching.js:

1. Нова річ: Майже все нове, но цього користувався "GitHub Desktop" і графічним інтерфейсом
2. Річ яка мене здивувала: інформація про HEAD, раніше не задумувався про про це
3. Річ яку я збираюсь використовувати в майбутньому: merge, pull, push, clone, rebase, checkout -звісно і інше також, но саме ці команди напевно основні

Скріншоти

3. Intro to HTML and CSS

Intro to HTML & CSS

1. Нова річ: Інформація про те навіщо оголошувати "!DOCTYPE html", а також те як відкривати нові сторінки в новій вкладці "target='_blank'"
2. Річ яка мене здивувала: Так щоб аж здивувало то мабуть нічого, не перший раз знайомлюсь з HTML. Хіба що те що тег alt використовується для зчитування з екрана
3. Річ яку я збираюсь використовувати в майбутньому: Абсолютно все, но думаю найбільше в роботі буду працювати з списками "ul" та за картинками "img"

Скріншоти

Learn HTML(Eng)

1. Нова річ: Форми
2. Річ яка мене здивувала: Взаємозв'язок "input", "label", "select", "datalist"
3. Річ яку я збираюсь використовувати в майбутньому: Аналогічно все що було в курсі, всі теги, відео, аудіо, форми, можливо таблиці

Скріншоти

Learn CSS(Eng)

1. Нова річ: "box-sizing: border-box;"
2. Річ яка мене здивувала: те що можна задавати декілька класів через пробіл. Хоча це і логічно якщо згадати Bootstrap =)
3. Річ яку я збираюсь використовувати в майбутньому: відступи, позиціонування, блокові елементи, шрифти

Скріншоти

4. Responsive Web Design

Responsive web design basics

1. Нова річ: мета тег "width=device-width"
2. Річ яка мене здивувала: можливіть перегляду точок медіа запитів за допомогою DevTools
3. Річ яку я збираюсь використовувати в майбутньому: методи компонування CSS, Flexbox, Grid і ще хочу подивитись що собою представляє Multicol

FLEXBOX. Вчимося верстати на флексах

1. Нова річ: всі властивості Flex для мене були новими, ті про які читав у попередній статті на практиці стали зрозуміліші =)
2. Річ яка мене здивувала: flex-wrap
3. Річ яку я збираюсь використовувати в майбутньому: flex, flex-wrap, flex-direction і т.д.

Скріншоти

Flexbox Froggy

1. Нова річ: flex-flow
2. Річ яка мене здивувала: можливіть задавати мінусові значення
3. Річ яку я збираюсь використовувати в майбутньому: Всі можливості flex

Скріншоти

CSS Grid Layout

1. Нова річ: всі властивості Flex для мене були новими, ті про які читав у попередній статті на практиці стали зрозуміліші =)
2. Річ яка мене здивувала: grid-template - складна штука но можливості і лаконічність запису дивують
3. Річ яку я збираюсь використовувати в майбутньому: Все, дуже сподобались можливості grid тому і grid-template, grid-template-areas і все інше пов'язане з grid

Скріншоти

Grid Garden

1. Нова річ: все було в попередніх заняттях
2. Річ яка мене здивувала: те що order:-1 буде рахувати зправа
3. Річ яку я збираюсь використовувати в майбутньому: Всі можливості grid

Скріншоти

5. Hooli-style Popup

1. Нова річ: приховування чекбоксів і робота з їх станами
2. Річ яка мене здивувала: focus і те як його налаштовувати.
3. Річ яку я збираюсь використовувати в майбутньому: :hover, :checked, :focus

Посилання на GitHub Pages

Скріншоти

6. JS Basics

Introduction to JS

1. Нова річ: this - раніше бачив в інших кодах і не розумів що це
2. Річ яка мене здивувала: вложені функції JS
3. Річ яку я збираюсь використовувати в майбутньому: функціональне програмування

Скріншоти

FreeCodeCamp

1. Нова річ: Регулярні вирази
2. Річ яка мене здивувала: Регулярні вирази
3. Річ яку я збираюсь використовувати в майбутньому: map, slice, splice, filter, reduce та Регулярні вирази =)

Скріншоти

7. DOM

Document Object Model Manipulation

1. Нова річ: Абсолютно все нове
2. Річ яка мене здивувала: Слухачі подій
3. Річ яку я збираюсь використовувати в майбутньому: Слухачі подій =)

Скріншоти

Algorithm Scripting Challenges

1. Нова річ: Робота з об'єктами,
2. Річ яка мене здивувала: fromCharCode
3. Річ яку я збираюсь використовувати в майбутньому: fromCharCode, агрументи

Скріншоти

Практичне завдання

1. Нова річ: методи DOM
2. Річ яка мене здивувала: createElement
3. Річ яку я збираюсь використовувати в майбутньому: createElement, innerHTML і т.д.

Посилання на GitHub Pages Посилання на Git

Скріншоти

8. A Tiny JS World

Практичне завдання

1. Нова річ: робота з декількома об'єктами
2. Річ яка мене здивувала: можливість в одному об'єкті посилатись на елементи іншого
3. Річ яку я збираюсь використовувати в майбутньому: об'кти =)

Посилання на GitHub Pages

Скріншоти

9. Object Oriented JS

ООП 1 частина - Класи

1. Нова річ: класи, конструктор, методи
2. Річ яка мене здивувала: наслідування
3. Річ яку я збираюсь використовувати в майбутньому: наслідування

Скріншоти

ООП 2 частина - Прототипи

1. Нова річ: методи set і get
2. Річ яка мене здивувала: методи set і get
3. Річ яку я збираюсь використовувати в майбутньому: методи set і get

Скріншоти

Практика - Classic Frogger Game

1. Нова річ: практична робота з класами
2. Річ яка мене здивувала: движок гри
3. Річ яку я збираюсь використовувати в майбутньому: класи, методи, об'єкти

Посилання на GitHub Pages

Скріншоти

Сodewars

1. Нова річ: алгоритми деяких завдань
2. Річ яка мене здивувала: алгоритми деяких завдань
3. Річ яку я збираюсь використовувати в майбутньому: даний сайт для покращення практичних навичок в нових завданнях =)

Скріншоти