TGViewer
[404] — программирование [404] — программирование @procode404 · 40.3K subscribers
Post #1138 49.7K
​⌨️ Учимся с нуля верстать сайт на CSS и HTML

Очень понятный и важный гайд для новичков по верстке: без препроцессоров, сборщиков и каких-либо сторонних инструментов. Только HTML и CSS. Один из лучших гайдов на русском Ютубе.

1. Начало и подготовка.
[50:42]
2. Верстаем блоки, работа с флексами и трансформацией.
[34:11]
3. Верстка блоки сервисов и девайсов.
[34:04]
4. Верстаем блоки с аккордеоном и отзывами.
[35:23]
5. Снова верстка блоков и работа с иконочным шрифтом Fontawesome.
[27:54]
6. Верстаем блоки с помощью flexbox.
[28:04]
7. Заканчиваем основную HTML-верстку.
[1:10:01]
8. Делаем блоки адаптивными и подгоняем сайт под разные устройства.
[39:35]
9. Завершаем адаптивную верстку.
[35:36]
10. Делаем мобильную навигацию, бургер-меню и взаимодействуем с JavaScript.
[27:43]
11. Оживляем сайт с помощью JQuery.
[47:16]
12. Выкладываем сайт: как настроить хостинг и домен, установить SSL-сертификат.
[32:54]

#видео #верстка
More from @procode404
  1. Oct 11, 2026​🔥 Экстремальное программирование — [6:55] Extreme Programming — одна из гибких методолог…
  2. Oct 10, 2026​📖 «Книги, которые сделали меня программистом» — [8:20] В наше время без книг никуда, вед…
  3. Oct 9, 2026Шпаргалка по Git Систему контроля версий Git сейчас используют при разработке почти любого…
  4. Oct 8, 2026​💰 Решаем задачу про валюты на JavaScript — [10:09] Разбор популярной задачи с собеседова…
  5. Oct 7, 2026​👨‍💻 Пишем бота для Террарии на Python — [13:21] В этом небольшом видеоуроке вы научитес…
  6. Oct 6, 2026​​​🧑‍🎓 Что должен знать Python-разработчик для приёма на работу Пост для тех, кто только…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →