Верстка простого сайта с нуля на Webpack / HTML / SCSS HD

19.03.2022
Быстрый и удобный хостинг Спринтхост: https://sprinthost.ru/c4816 ПРОМОКОД на бесплатный домен в зоне .RU/.РФ: annblok Если ты впервые работаешь с Webpack, то заранее установи себе: Git: https://git-scm.com/downloads NodeJS: https://nodejs.org/en/ ⚡️ Макеты можно получить через донат: 1) по подписке (доступ ко всем макетам) https://boosty.to/annblok/purchase/711871?ssource=DIRECT&share=subscription_link 2) по подписке (доступ ко всем макетам) https://vk.com/donut/tpverstak 3) разовая оплата через крипту с получением одного макета https://new.donatepay.ru/@958090 ✌️ Материалы видео: Шрифт: https://fonts.google.com/specimen/Open+Sans?subset=cyrillic Сборка Webpack: https://github.com/annblok/Webpack-Simple/tree/master Пройди бесплатный практикум по веб-разработке https://annblok.ru/workshop или начни обучение сразу на ttp://youcancode.ru/ ОПЛАТИТЬ ПРОБНЫЙ МЕСЯЦ: https://lk.annblok.ru/club ПОДАТЬ ЗАЯВКУ НА АБОНЕМЕНТ: https://lk.annblok.ru/club_abonement Подробнее про YouCanCode: http://youcancode.ru/ Таймкоды: 00:00:00 Вступление 00:00:45 Подготовка проекта 00:02:34 Знакомство с командами Webpack (ч1) 00:03:52 Хостинг Спринтхост 00:00:00 Знакомство с командами Webpack (ч2) 00:05:35 Запускаем режим разработки 00:06:14 Обзор макета 00:06:50 Разметка шапки сайта 00:09:39 Подключение шрифта 00:10:51 Сохранение изображений 00:19:30 Вносим переменные в стили 00:21:08 Про обучение YouCanCode 00:21:45 Стилизуем шапку 00:30:06 Работаем с первым экраном 00:45:34 Делаем grid-сетку 00:53:07 Делаем блок с счетчиком 00:58:55 Делаем блок с приложением 01:08:00 Делаем подвал сайта 01:15:00 Собираем проект Instagram — https://www.instagram.com/annblok/ TikTok — https://www.tiktok.com/@annblok_webdev ВК — https://vk.com/tpverstak Telegram — https://t.me/tpverstak Чат Telegram — https://t.me/tpverstakchat Задать вопрос про фронтенд или верстку — https://frontendhelp.me/ru

Похожие видео

Показать еще