README.md

Git та GitHub

learngitbranching.js.org крута штука)
Дуже допомогло у виконанні домашнього завдання

Linux CLI, and HTTP

Вот і ближчи познайомився з Linux.
Команд дуже багато, але розумію, тільки практика допоможе іх запам'ятати))

Screenshots

Статті о HTTP змістовні, без води))
Додав до закладок, щоб до співбесіди бути готовим!

Git Collaboration

Пройшов повністю learngitbranching.js.org
Розширив знання про Git. Зрозумів, що окрім

• git add .
• git commit
• git push

є ще дуже багато різних штук, котрі необхідні для співпраці у команді.

Screenshots

Intro to HTML and CSS

Із HTML та CSS добре знайом. Не пом'ятаю, коли в останнє Float користувался))

Screenshots

Responsive Web Design

Я вважаю всі сайти та додатки повинні мати адаптивний дизайн, тому що 70% користувачів використовують телефони та планшети. Флекси дуже зручний інструмент для адаптивності. Раніше використовував Bootstrap, але зараз використовую флекси. А медіа-запроси залишив <576px, ≥576px, ≥768px, ≥992px, ≥1200px. Grid зовсім не використовував, але пройшовши Grid Garden, зрозумів що складному дизайні краще Grid чим Flex.

Flexbox Froggy

Screenshots

Grid Garden

Screenshots

HTML & CSS Practice: Hooli-style Popup

practice

Demo | Code base

JS Basics

Закріпив знання Basic JavaScript.

Дуже сподобались задачі Algorithm Scripting Challenges. Витратив багато часу, але черпнув нові для себе методи та деякі рішення.

Screenshots

Document Object Model

Поправктикувався із DOM.

Screenshots

practice

Demo | Code base

Building a Tiny JS World (pre-OOP)

practice

Demo | Code base

To be continued...