Придбаний [HTML academy] створення веб-інтерфейсів за допомогою HTML та CSS

[Gadzhi]

Переглянути вкладення 73504

​

У чому відмінність від базового інтенсиву?
Початковий рівень: середній
Інтенсив призначений для тих, хто пройшов базовий інтенсив або для людей вже володіють версткою.

професійне зростання
Цей інтенсив призначений для" прокачування " від верстальника-новачка до повноцінного фахівця, затребуваного на ринку.

просунуті інструменти
У процесі навчання на інтенсиві будуть постійно використовуватися ті інструменти, якими повинен володіти кожен верстальник-професіонал. Практична частина буде зав'язана на GitHub, будуть активно використовуватися засоби автоматизації.

що включає в себе інтенсив:

• 10 вебінарів тривалістю 2 години.
• 5 годин індивідуальних консультацій персонального наставника.
• методичні матеріали: відеозаписи лекцій, презентації, інтерактивні покрокові керівництва.
• Окремий форум для спілкування та взаємодопомоги.
• Сертифікат при успішному проходженні інтенсиву.

Спойлер: "інформація"

1 розділ: Організація робочого процесу (workflow)

• введення в Git.
• огляд препроцесорів.
• огляд систем збірки.
• огляд засобів автоматизації.
• огляд інших корисних інструментів (emmet, його аналоги, і ін.).
• Як буде організований навчальний процес на інтенсиві.

2 РОЗДІЛ: методологія

• Верстка незалежними блоками (БЕМ).
• Робота з інспектором.
• методи пошуку проблем.
• як верстати, щоб не ламалося.

3 Розділ: Препроцесори, частина 1

• LESS.
• SASS.
• Stylus.
• І КОМПАНІЯ.

4 Розділ: Препроцесори, частина 2
Продовжуємо розмову про препроцесори.

5 Розділ: адаптивність, сітки

• Гумова верстка.
• Медіавираження, брейкпоінти, принцип "перебудови сітки".
• адаптивність з фіксованими сітками.
• адаптивність з гумовими сітками.
• підходи: від простої сітки до складної, від складної до простої.
• Mobile first і сітки.
• огляд flexbox.

6 розділ: адаптивність, графіка, типографіка

• адаптивні графіка і медіаконтент.
• оптимізація графіки.
• Ретина.
• SVG.
• Іконкові шрифти.
• Робота з відносними розмірами шрифту.
• Em vs rem vs vw/vh

7 Розділ: прикладний JavaScript, частина 1

• покращуємо UX за допомогою скриптів.
• Ajax.
• веселі анімації, трансформації.
• паралакс.

8 розділ: прикладний JavaScript, частина 2
Продовжуємо розмову про JavaScript.

9 РОЗДІЛ: Фреймворки

• Bootstrap і співтовариші.
• Якщо ви вирішили створити свій фреймворк?

10 Розділ: введення в автоматизацію

• перевірка коду
• оптимізація коду
• оптимізація графіки
• Деплой

https://privatelink.de/?https://htmlacademy.ru/advanced_intensive