Привет! Я рада представить вам мой полный курс по HTML и CSS на YouTube! Если вы хотите научиться создавать красивые и функциональные веб-страницы, то этот курс для вас.
Я покажу вам, как клиент взаимодействует с сервером и как использовать текстовый редактор для написания кода. Вы узнаете о структуре HTML и разнице между различными тегами, а также способы подключения CSS и базовые стили.
Мы также рассмотрим блочную модель CSS, позиционирование элементов на странице, псевдоклассы и псевдоэлементы. Кроме того, вы научитесь работать с flexbox и использовать его для создания гибких и адаптивных макетов.
Но это еще не все! В курсе также будет практика на реальных макетах, адаптивная верстка, гриды, Bootstrap, анимации и transitions в CSS. И, конечно же, есть бонусная тема для Вас.
Присоединяйтесь ко мне в этом увлекательном путешествии по HTML и CSS, и вы станете настоящим профессионалом в создании красивых и функциональных веб-страниц!
Ссылки для этого курса:
- первый вебсайт
- Visual Studio Code
#pseudo-class - Справочник по псевдоклассам и ниже псевдоэлементы
- Методология БЭМ
(Copy)?t=13vIVHGTuedZUdhX-0 - Первый макет
- код первого макета
- игра для практики display: flex
(Copy)?t=13vIVHGTuedZUdhX-0 - второй макет
- код второго макета
- код адаптивной верстки
- игра для практики гридов
- практика гридов
- Bootstrap
- Макет с бутстрапом
- GitHub
TimeCodes:
0:00 - Introduction (про курс и немного теории)
04:55-Текстовый редактор VS Code (установка, расширения)
10:42 - HTML (базовые теги, небольшая практика, разница между тэгами, как пользоваться инструментом разработчика)
43:48 - CSS (вступление, способы подключения, базовые стили на практике, иерархия в стилях, классы, айди)
01:11:15 - Блочная модель CSS (все тонкости, практика и задание)
01:29:11 - Псевдоклассы и псевдоэлементы (немного теории и много практики)
01:45:36 - Позиционирование в CSS (теория и практика)
01:59:00 - Практика тем с помощью макета
02:19:22 - БЭМ ( теория и практика)
02:29:32 - FLEX
02:37:00 - Практика на макете
04:11:04 - Адаптивная верстка (какие виды верстки бывают, какая разница, практика на макете)
05:11:13 - Гриды (теория и практические задания, практика на макете)
05:38:22 - Bootstrap ( теория и делаем макет на Bootstrap)
06:18:50 - Transition&Animation CSS
06:28:22 - Бонусная тема
Спасибо всем, надеюсь видео будет для Вас мегаполезным, я собирала и делала видео для Вас больше 3-х недель, не забывайте подписаться и поставить лайки, написать комментарии за мои труды! Я это очень ценю!
1 view
116
22
1 month ago 01:47:48 1
[Видеоуроки ПДД Рули Онлайн для учащихся автошкол] Общий урок по теме Дорожные знаки 2024