Верстка сайта с нуля. Агрегатор онлайн курсов. Часть 2
HTML-код
- Опубликовано: 29 июн 2024
- Всем привет. Верстаем большой адаптивный сайт - агрегатор онлайн курсов с нуля и до финальной выгрузки. Используемый стек технологий - Pug, SCSS, HTML, JavaScript, Gulp.
Приятного просмотра.
Github проекта github.com/FARCER/frontcoder-... (папка agregator)
Ссылка на макет www.figma.com/file/2CxseSo54r...
Содержание:
00:00 - Вступление
06:00 - Начинаем работу над проектом
01:35:50 - Итоги
-----------------------------------------------------------------------------------
Плейлисты моего канала, которые также могут быть вам интересны
Верстка сайта #10. PSD 2 HTML . Верстка сайта по продаже строительных материалов - bit.ly/2kIF3Ov
Chrome DevTools - bit.ly/33IfApM
Учим программирование через игры - bit.ly/2CEGkvq
Верстка интернет - магазина - bit.ly/2CvE75h
Собери свою сборку на gulp4 - bit.ly/32IwCTa
Секреты Frontend Разработчика - bit.ly/2X7a3X6
Практикум JavaScript - bit.ly/2DPk3LK
Основы JavaScript - bit.ly/2Rr7rT4
-----------------------------------------------------------------------------------
✅ ВК - frontcoder
✅ Чат Telegram - t.me/frontcoder
✅ Boosty - boosty.to/frontcoder
✅ Поддержать канал - boosty.to/frontcoder/donate
-----------------------------------------------------------------------------------
Не забываем, что самый лучший способ сказать "спасибо" - нажать кнопку "нравится" и скинуть ссылку на урок друзьям. Ничто другое так сильно не мотивирует автора продолжать работу :)
Про отступы хочу вставить свои 5 копеек, лучше использовать gap, по сути аналог всех эти * > last-child, тем более поддержка хорошая. Да и по поводу сетки, грид это крутая вещь, flex для контента больше использую. Да и почему не используете css переменные ? var, их ведь можно получить даже в js чтоб потом где то применить, то есть значение нужно будет только поменять в переменной css, для бэкенд разраба кто будет вешать верстку это удобно, чтоб не лазить по js файлам
gap не всегда подходит. Например не везде нужен flex. Грид опять же не всегда и везде нужен. Пока что во всех проектах мне без него удобнее было. Исключение - какие то сложные сетки прям. Переменные - я знаю и понимаю их, но пока не было видимо в работе ситуаций, когда они были бы особо предпочтительнее scss
@@Frontcoder про переменные допустим заказчик захочет прикрутить темную тему для сайта, с css переменными будет очень просто это сделать. Грид для любых сеток лучше использовать, там куча всяких приколюх типа minmax и прочих функций.
@@thesweetlife843 так я и не отрицаю эти инструменты. Каждый инструмент нужен для определенных целей. В данном кейсе они мне не нужны.