Пошаговая ВЕРСТКА всей страницы с нуля по макету (Уровень 3 - средний-сложный)

Описание: 🟢 HTML, CSS, Flexbox, SVG Спрайты, Git, Accessibility, Lighthouse, БЭМ, препроцессоры - В уроке верстаем полноценную страницу с нуля и по шагам по макету в фигма. Уровень сложности = 3 (средний - сложный)

➡️ таймлайн ➡️
00:00:00 обзор и подготовка проекта
00:24:45 header секция
01:23:48 hero секция
02:25:43 work секция
03:07:05 about секция
03:55:51 experience секция
04:24:11 testimonials секция
05:07:20 form секция
05:34:26 contacts секция
06:00:25 mob menu

▶ Ссылка на макет (Фигма):
https://www.figma.com/file/QqRjLgoPQ4...)
▶ GitHub (ПРОЕКТ): https://github.com/DmitryKolotilshiko...
▶ основной Telegram: https://t.me/Dmitry_Kolotilshikov
▶ приватный Telegram (Видео без VPN + ПОДДЕРЖАТЬ можно тут): https://t.me/tribute/app?startapp=sm6T
▶ Linkedin:   / kolotilshikov  
▶ Boosty: https://boosty.to/dmitry_ko
▶ Графический дизайн и анимация: https://t.me/getlogo

⚡️ вкусняхи ⚡️
🔑 Курс по GIT (одно видео):    • Полный КУРС 2024 по GIT. Команды, терминал...  
🔑 CSS Flexbox (2 видео):    • 47. Frontender[1.0] FLEXBOX (флексбокс) те...  
🔑 CSS Grid (2 видео):    • 78. Frontender[1.0] CSS GRID | Теория, Пра...  
🔑 Препроцессоры SCSS (2 видео):    • 82. Frontender[1.0] ПРЕПРОЦЕССОРЫ SASS | S...  
🔑 SVG, svg-спрайты (2 видео):    • 53. Frontender[1.0] Векторная графика SVG ...  
🔑 1 уровень - Верстка макета (8 видео):    • 57. Frontender[1.0] Верстка первого макета...  
🔑 2 уровень - Верстка макета (8 видео):    • 70. Frontender[1.0] ВЕРСТКА второго макета...  
🔑 3 уровень - Верстка макета (10 видео):    • 84. Frontender[1.0] ВЕРСТКА Макета. Обзор ...  

⚙️ Курс Frontender[1.0] разделен на 3 модуля:
1) HTML, CSS, SCSS, БЭМ, Flexbox, Grid, Bootstrap, GIT, FIGMA, верстка 3 макетов (100 уроков);
2) JavaScript, решение задач, написание нескольких приложений;
3) React, Typescript, Redux написание полноценного приложения;

Пошаговая ВЕРСТКА всей страницы с нуля по макету (Уровень 3 - средний-сложный)

📢 Автор: Дмитрий Колотильщиков
#js #frontend #javascript