#1 Верстка сайта HTML(PUG)/CSS/JS
Начнем создание красивого сайта туров по Беларуси, используя препроцессор PUG(Jade), CSS и JavaScript. Рассмотрим вариант, как использовать PUG(Jade) вместе с Node.js + Express.js (Express). Создадим сервер, подключим шаблоны .pug. Научимся использовать фишки PUG, которых не хватает в HTML. Будем делать вставки javascript-кода. Ну и, конечно же, будем верстать сам сайт. 00:00 - шаблон в Figma 00:24 - смешной мопс 00:28 - что такое PUG? 01:02 - что за Node.js? 02:25 - опять про PUG 04:32 - начинаем 13:42 - верстаем, используя PUG 17:06 - создаем header 21:24 - функция для статических файлов 23:31 - создаем footer 29:32 - о циклах в PUG 37:52 - подключаем стили 58:21 - добавляем еще шаблоны 01:01:10 - стилизуем footer 01:05:55 - делаем общий шаблон для всех страниц 01:14:58 - верстаем первый экран 01:43:59 - чекаем, что изучили 💛 на развитие Frontend'а - 410016136600084 (яндекс.кошелек) ☃️ мой github: https://github.com/tomkovich 🐧 мой вк: https://vk.com/tomkovich_ya 🐰 мой телеграм: https://t.me/tomkovich_ya 🌚 мой патреон: https://www.patreon.com/tomkovich 😻 мой linkedin: https://www.linkedin.com/in/tomkovich 😤 мой твиттер: https://twitter.com/tomkovich_ya 👻 для сотрудничества: tomkovich.ya@yandex.by Рекомендую к просмотру: Гайд по NPM и Gulp - https://www.youtube.com/playlist?list=PLZbLobvphXS-0pUkw-DHC_XL8sj_rlv4q Создание приложения ReactJS - https://www.youtube.com/playlist?list=PLZbLobvphXS-p41z95dXu-FhqypvljBbW Создание WordPress темы - https://www.youtube.com/playlist?list=PLZbLobvphXS9xmn7WzdUh1ZTEZwIo9IcQ #1 Верстка сайта HTML(PUG)/CSS/JS - https://youtu.be/CZa7eQafH28 #верстка #pug #javascript
Название:
#1 Верстка сайта HTML(PUG)/CSS/JS
Категория:
Разное