{WEB PRO} - Школа веб-разработки, создание сайтов
Покажу как верстать сайты с самого нуля по семантике, как сделать адаптив на сайте, как пользоваться фигмой, редактором кода Visual Studio Code (vs code).
На канале WEB PRO выходят:
- Обучающие видео уроки html, css, js
- Обучающие плейлисты по фронтенд разработке (frontend)
- Марафоны по верстке и созданию сайтов с нуля
- Вебинары и прямые эфиры, разбор кода верстальщиков
- Верстка сайта по макету в формате psd, fig в средах Adobe Photoshop и Figma
- Мастер классы по разработке сайтов
- Основы веб дизайна, адаптивная верстка сайтов html5, css3
Меня зовут Никита Щегольков. Я преподаватель по веб-разработке, учу людей верстать и программировать сайты с самого нуля до очень крутых скриптов. Подписывайся, чтобы не пропустить новые видео.
Освой профессию верстальщика и javascript разработчика с школой Веб про и начни зарабатывать на фрилансе или трудоустройся веб-разработчиком в IT компанию.
Ссылки на другие соц.сети ниже.

Мобильная адаптация Starbucks Landing 10

Starbucks Landing 9 - Адаптив сайта под планшет с помощью медиазапросов CSS

Starbucks Landing 8 - Верстка подвала сайта и создание якорных ссылок

Starbucks Landing 7 - Верстка контактов и анимация стаканчика на первом экране

Starbucks Landing 6 - Верстка на гридах секции с событиями (grid)

Starbucks Landing 5 - Верстка и анимация секции со стаканчиками
![[Продвинутая верстка] Урок 21. Трансформация и переходы (transform, transition)](https://ricktube.ru/thumbnail/ruTHQp9rT1I/mqdefault.jpg)
[Продвинутая верстка] Урок 21. Трансформация и переходы (transform, transition)

Starbucks Landing 4 - Верстка секции со статистикой
![[Продвинутая верстка] Урок 20. Разметка и стилизация формы на сайте (input, checkbox, radio, label)](https://ricktube.ru/thumbnail/PEbFiQX0bP4/mqdefault.jpg)
[Продвинутая верстка] Урок 20. Разметка и стилизация формы на сайте (input, checkbox, radio, label)

Starbucks Landing 3 - Верстка секции с преимуществами
![[Продвинутая верстка] Урок 19. Псевдоэлементы в css: before, after, first-letter, selection, marker](https://ricktube.ru/thumbnail/RslfP6-rbCU/mqdefault.jpg)
[Продвинутая верстка] Урок 19. Псевдоэлементы в css: before, after, first-letter, selection, marker

Starbucks Landing 2 - Верстка приветственной секции на флексбокс
![[Продвинутая верстка] Урок 18. Градиенты в CSS. Как их создать и анимировать.](https://ricktube.ru/thumbnail/j6eOStnO0aM/mqdefault.jpg)
[Продвинутая верстка] Урок 18. Градиенты в CSS. Как их создать и анимировать.

Адаптивная верстка лендинга для новичков Starbucks. Верстка сайта на HTML и CSS. Часть 1 - Header
![[Продвинутая верстка] Урок 17. Псевдоклассы в css: hover, link, visited, active, focus, nth-child](https://ricktube.ru/thumbnail/kGR2QtXE0XI/mqdefault.jpg)
[Продвинутая верстка] Урок 17. Псевдоклассы в css: hover, link, visited, active, focus, nth-child
![[Продвинутая верстка] Урок 16. Фильтры и mix-blend-mode (смешивание цветов в css)](https://ricktube.ru/thumbnail/TtRJhEX-eNM/mqdefault.jpg)
[Продвинутая верстка] Урок 16. Фильтры и mix-blend-mode (смешивание цветов в css)
![[Продвинутая верстка] Урок 15. Векторная графика. Тег use и экспорт svg из Figma](https://ricktube.ru/thumbnail/Q5j_83PAxjA/mqdefault.jpg)
[Продвинутая верстка] Урок 15. Векторная графика. Тег use и экспорт svg из Figma
![[Продвинутая верстка] Урок 14. Растровая графика. Ленивая загрузка изображений. Теги picture, source](https://ricktube.ru/thumbnail/gHihw-jlck8/mqdefault.jpg)
[Продвинутая верстка] Урок 14. Растровая графика. Ленивая загрузка изображений. Теги picture, source
![Всё о GitHub: Как создать репозиторий, сделать пуш и комит проекта в гитхаб [продвинутая верстка]](https://ricktube.ru/thumbnail/mbiqeBUjVVg/mqdefault.jpg)
Всё о GitHub: Как создать репозиторий, сделать пуш и комит проекта в гитхаб [продвинутая верстка]
![[Продвинутая верстка] Урок 12. Как сделать обводку для текста на сайте, встроить изображение в текст](https://ricktube.ru/thumbnail/Lpx9xPIoJjA/mqdefault.jpg)
[Продвинутая верстка] Урок 12. Как сделать обводку для текста на сайте, встроить изображение в текст
![[Продвинутая верстка] Урок 11. Выпадающее меню на чистом HTML с помощью тега details](https://ricktube.ru/thumbnail/Jkki1MZq02c/mqdefault.jpg)
[Продвинутая верстка] Урок 11. Выпадающее меню на чистом HTML с помощью тега details
![[Продвинутая верстка] Урок 10. Как задать тень для текста и элементов на сайте](https://ricktube.ru/thumbnail/vtFLGKND-L8/mqdefault.jpg)
[Продвинутая верстка] Урок 10. Как задать тень для текста и элементов на сайте
![[Продвинутая верстка] Урок 9. Модальное окно на чистом HTML с помощью тега dialog](https://ricktube.ru/thumbnail/4JdAqGTyLdc/mqdefault.jpg)
[Продвинутая верстка] Урок 9. Модальное окно на чистом HTML с помощью тега dialog
![[Продвинутая верстка] Урок 8. Переполнение блока. Свойство overflow и его значения.](https://ricktube.ru/thumbnail/3lrI7wWOUUo/mqdefault.jpg)
[Продвинутая верстка] Урок 8. Переполнение блока. Свойство overflow и его значения.
![[Продвинутая верстка] Урок 7. Вариативные шрифты (variable). Гибкие шрифты на сайте.](https://ricktube.ru/thumbnail/_6-DCwhfGh4/mqdefault.jpg)
[Продвинутая верстка] Урок 7. Вариативные шрифты (variable). Гибкие шрифты на сайте.
![[Продвинутая верстка] Урок 6. Всё о локальных шрифтах на сайте.](https://ricktube.ru/thumbnail/wIoWQROo1HA/mqdefault.jpg)
[Продвинутая верстка] Урок 6. Всё о локальных шрифтах на сайте.

Portfolio Designer 7 - Адаптация сайта под телефон, программирование бургер меню, плавная прокрутка
![[Продвинутая верстка] Урок 5. Метатеги в head. Теги meta. Миниатюрная иконка для сайта (favicon).](https://ricktube.ru/thumbnail/XUnMnCdobbE/mqdefault.jpg)
[Продвинутая верстка] Урок 5. Метатеги в head. Теги meta. Миниатюрная иконка для сайта (favicon).

Portfolio Designer 6 - Адаптация сайта под планшет (адаптив desktop first)
![[Продвинутая верстка] Урок 4. Логические свойства в CSS](https://ricktube.ru/thumbnail/rNtPRdcnyvo/mqdefault.jpg)
[Продвинутая верстка] Урок 4. Логические свойства в CSS