🟢 HTML, CSS, Flexbox, SVG Спрайты, Git, Accessibility, Lighthouse - В уроке верстаем полноценную страницу с нуля и по шагам по макету в фигма. Уровень сложности = 1
➡️ таймлайн ➡️
00:00:00 обзор макета
00:02:27 подготовка проекта
00:12:58 header секция
00:47:12 home секция
01:03:23 about секция
01:21:43 history секция
01:33:08 portfolio секция
01:47:06 contacts секция
02:11:40 мобильное nav menu
▶ Ссылка на макет (Фигма):
https://www.figma.com/design/EpAvCLMxW3XbuFx7TwsSrl/Landing_Aivazovski
▶ GitHub (ПРОЕКТ): https://github.com/DmitryKolotilshikov/aivazovski_page
▶ основной Telegram: https://t.me/Dmitry_Kolotilshikov
▶ приватный Telegram (Видео без VPN + ПОДДЕРЖАТЬ можно тут): https://t.me/tribute/app?startapp=sm6T
▶ Linkedin: https://www.linkedin.com/in/kolotilshikov
▶ Boosty: https://boosty.to/dmitry_ko
▶ Графический дизайн и анимация: https://t.me/getlogo
⚡️ вкусняхи ⚡️
🔑 Курс по GIT (одно видео): https://youtu.be/h5SzR2CM6kQ
🔑 CSS Flexbox (2 видео): https://youtu.be/H9NLmrD7w4A
🔑 CSS Grid (2 видео): https://youtu.be/LpsE9GDPDBM
🔑 Препроцессоры SCSS (2 видео): https://youtu.be/6JGm-t-psiE
🔑 SVG, svg-спрайты (2 видео): https://youtu.be/RdlS_8qnyqw
🔑 1 уровень - Верстка макета (8 видео): https://youtu.be/9PjXCToSKag
🔑 2 уровень - Верстка макета (8 видео): https://youtu.be/VvKVx76a1Ko
🔑 3 уровень - Верстка макета (10 видео): https://youtu.be/z3PTjpOlcW0
⚙️ Курс Frontender[1.0] разделен на 3 модуля:
1) HTML, CSS, SCSS, БЭМ, Flexbox, Grid, Bootstrap, GIT, FIGMA, верстка 3 макетов (100 уроков);
2) JavaScript, решение задач, написание нескольких приложений;
3) React, Typescript, Redux написание полноценного приложения;
Пошаговая ВЕРСТКА всей страницы с нуля по макету (Уровень 1)
📢 Автор: Дмитрий Колотильщиков
#js #frontend #javascript