kottans-frontend

Kottans frontend course (2022)

---

Git, GitHub, git flow

2022-09-07 18:10 Щойно закінчив знайомство з Git. Потужний інструмент. Must-have для кожного IT-вця.

Що ще прочитати про Git:

• Лекція по Git від Олексія Руденка 2022-09-10 17:40

Нове:

• крива навчання;
• підхід до світогліду у форматі Обізнаність -> Знання -> Навички -> Майстерність: навіть проста обізнаність про певні явища/тенхології/події підвищує вашу здатність у вирішенні проблеми;

Здивувало:

• підхід Обізнаність -> Знання -> Навички -> Майстерність;

Використаю в майбутньому:

• не буду обмежувати свою обізнаність;

• Git за 30 хвилин 2022-09-11 17:44

Нове:

• робота з віддаленими репозиторіями git remote add; git push origin [branch];

Використаю в майбутньому:

• можливості .gitignore;

• Git tips — закріпити свої знання про Git 2022-09-07 19:18

Нове:

• не бійтесь помилятсь, майже все в Git можна відновити;

Здивувало:

• не бійтесь помилятсь, майже все в Git можна відновити;

Використаю в майбутньому:

• можливість атомарних змін (одна правка - один commit);

• About Merge Conflicts

• Resoilving a Merge Conflict

2022-09-11 18:17 (один відгук на 2 статті про merge conflicts)

Нове:

• merge-конфлікти можуть виникати у випадку видалення файлу;

Використаю в майбутньому:

• вбудований в github редактор конфліктів;

• Communicating using Markdown 2022-09-10 20:33

Нове:

• вивчив інструмент розмітки Markdown;

Здивувало:

• простота у використанні розмітки;
• онлайн превьюер на hithub;

Використаю в майбутньому:

• Дуже зручно користуватись при оформленні сторінок типу README та іншої документації;

• Learn anything front-end

2022-09-11 18:36 Нове:

• кількість інструментів, які використовуються для роботи з фронтендом;

Здивувало:

• це якась "кроляча нора", понад 20 технологій/фреймворків;
• а якщо перейти по посиланням, то ще по 20 (як у тій історії про винайдення шахів ;-(( );

Використаю в майбутньому:

• краще використати це посилання як довідник - шукати там інформацію при виникненні питань (або ж для розширення обізнаності);

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

2022-09-08 20:58 Typingclub - гарний клавіатурний тренажер. Є можливість тренуватись в наборі латиницею. Займаюсь ще з 2019 року.

• How to Learn and Cope with Negative Thoughts 2022-09-10 22:14

Нове:

• програмування (витривалість+концетрація) - це навичка, яку треба можна розвивати;
• "відкритість" допомагає досягти прогресу;

Здивувало:

• свідомість може творити спротив(навіть з реальними фізичними симптомами);

Використаю в майбутньому:

• відстежуй прогресс(а якщо його довго немає - змінюй підход);

Linux CLI, and HTTP

• Linux Survival

Нове:

• робота з принтером;

Здивувало:

• я вже знайомий з командним рядком linux, тому здивований не був;

Використаю в майбутньому:

• pipe |;

• grep;

• HTTP: Протокол, який повинен розуміти кожний веб-розробник

Нове:

• ознайомився з особливостями протоколу HTTP, сформував загальне уявлення;

Додаткові матеріали

• How I taught myself to code in eight weeks

Здивувало:

• за 2 місяці (8 тижнів) автор написав свій перший проект;

Використаю в майбутньому:

• спробую повторити шлях автора;

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

Опціонально

• Command Line Power User
• Configuring Linux Web Servers
• Networking for Web Developers

Git Collaboration

• Introduction to Git and GitHub(тижні 3 і 4)

Нове:

• review кода;
• Continious integration & continiuos delivery;

Здивувало:

• Continious integration & continiuos delivery;

Використаю в майбутньому:

• CI/CD;

• learngitbranching.js.org віддалені репозиторії

Нове:

• робота з віддаленими репозиторіями, гілками;
• опція cherry-pick;

Здивувало:

• використання git push origin та git fetch origin без джерела;

Використаю в майбутньому:

• буду використовувати роботу з віддаленими репозиторіями/гілками, оскільки це потужний інструмент в командній розробці;
• git cherry-pick;
• git rebase;

Intro to HTML and CSS

• Introduction to responsive design (Coursera; тиждень 1 та тиждень 2);

• Learn HTML(Eng) (https://www.codeacademy.com);

• Learn CSS(Eng) (https://www.codeacademy.com);

  

Нове:

• CSS position: sticky;
• <meta name="viewport" ;

Здивувало:

• семантична розмітка HTML;
• розробка "mobile first";

Використаю в майбутньому:

• семантична розмітка HTML;
• CSS grids;
• CSS float;
• responsive design;

Responsive web design

• Responsive web design basics
• FLEXBOX. Вчимося верстати на флексах
• Flexbox Froggy
• CSS Grid Layout
• Grid Garden

Нове:

• Flexbox layout;
• Grid layout;
• Columns layout;

Здивувало: (ну може не здивувало, а приємно вразило)

• "автоматичне" розташування елементів в контейнерах flex та grid;

Використаю в майбутньому:

• Flexbox макет;
• Grid макет;