Загрузка страницы

CSS для Начинающих - Практический Курс [2021]

🔗 CSS Практика и исходники тут: https://t.me/js_by_vladilen/409
🚀 Присоединяйся к моему бесплатному марафону: https://bit.ly/3ljZsow

💥 Подпишись на мой инстаграм: https://www.instagram.com/vladilen.minin/

Видео по основам CSS.
В рамках данного ролика вы создадите с нуля классную стилистику на CSS для сайта резюме и выложите его на GitHub Pages.

HTML + CSS. Практические Курсы
Я уже очень давно хотел это сделать)
Хочу, чтоб каналом новые зрители могли пользоваться, как бесплатной образовательной площадкой прям с нуля.
Чтоб вот пришел зритель, и поэтапно выучил HTML, потом CSS, потом JavaScript и перешел к практике.
Как вы знаете JavaScript на канале очень много, потому ловите первые строительные блоки для веба.
Я разработал 2 ролика, в которых последовательно буду показывать, как с нуля сделать сайт-резюме и выложить его на GitHub.
В процессе вы узнаете про все необходимые элементы внутри HTML и CSS с нуля.

0:00 - Интро
1:17 - Введение в CSS. Что такое CSS
3:44 - Редактор кода VSCode. Установка плагинов
5:14 - Начало практики по CSS
6:11 - Инлайн стили
12:28 - Подключение внешнего CSS-файла
14:51 - Свойства background и color
17:14 - Инспектор кода Chrome DevTools
19:39 - Работа со шрифтами в CSS
26:38 - Работа с картинками img
32:20 - Стилизация параграфов
35:53 - Работы с текстом в CSS
38:32 - Box Model в CSS
53:11 - Вложенные элементы в CSS
57:33 - Стилизация ссылок
1:01:56 - Реализация секций -"карточек"
1:07:03 - Стилизация списка хобби
1:09:56 - Интересный пример работы с псевдоэлементами
1:16:04 - Пример стилизации списка с ссылками
1:20:02 - Стилизация форм
1:27:26 - СSS FlexBox
1:30:16 - Свойство display
1:33:00 - Стилизация кнопки
1:34:29 - Позиционирование в CSS
1:41:59 - Медиа запросы. Адаптив
1:44:42 - Деплой на GitHub
1:46:44 - Завершение работы
1:47:14 - Аутро

Видео CSS для Начинающих - Практический Курс [2021] канала Владилен Минин
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
15 сентября 2021 г. 11:19:55
01:47:36
Другие видео канала
HTML для Начинающих - Практический Курс [2021]HTML для Начинающих - Практический Курс [2021]JavaScript Основы для Начинающих - Полный Курс за 6 часов [2020]JavaScript Основы для Начинающих - Полный Курс за 6 часов [2020]Как я стал ютуберомКак я стал ютуберомПодключение шрифтов. Google Fonts. CSS font-face. Как подключить шрифты // Фрилансер по жизниПодключение шрифтов. Google Fonts. CSS font-face. Как подключить шрифты // Фрилансер по жизни50 вопросов по CSS. Собеседование на HTML верстальщика. Проверь свои знания!50 вопросов по CSS. Собеседование на HTML верстальщика. Проверь свои знания!ПЛАН РАЗВИТИЯ ФРОНТЕНД РАЗРАБОТЧИКА. ЭФФЕКТИВНОЕ ОБУЧЕНИЕ HTML CSS JAVASCRIPTПЛАН РАЗВИТИЯ ФРОНТЕНД РАЗРАБОТЧИКА. ЭФФЕКТИВНОЕ ОБУЧЕНИЕ HTML CSS JAVASCRIPTПрепроцессор SASS/SCSS. Что такое SASS, SCSS. Все, что нужно знать о этих препроцессорах.Препроцессор SASS/SCSS. Что такое SASS, SCSS. Все, что нужно знать о этих препроцессорах.FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнераFLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнераЧто учить в JavaScript? [2021]Что учить в JavaScript? [2021]Топ-7 фишек HTML/CSS верстки сайта которые ты должен знатьТоп-7 фишек HTML/CSS верстки сайта которые ты должен знатьСобеседование на Junior Frontend разработчика. Стажер фронтендер 19 лет из EPAMСобеседование на Junior Frontend разработчика. Стажер фронтендер 19 лет из EPAMУчим CSS за 40 минут для начинающих от 10 лет (Основы с нуля)  + Инструмент разработчикаУчим CSS за 40 минут для начинающих от 10 лет (Основы с нуля) + Инструмент разработчикаКак не надо учить Javascript! Без aху### способов и рекламы (рассказываю для начинающих).Как не надо учить Javascript! Без aху### способов и рекламы (рассказываю для начинающих).CSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSSCSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSSReact + NodeJS. Fullstack приложение за 3 часаReact + NodeJS. Fullstack приложение за 3 часаУчим Html за 35 минут для начинающих от 10 лет (Основы) + Мотивация для разработчиков #ДомаВместеУчим Html за 35 минут для начинающих от 10 лет (Основы) + Мотивация для разработчиков #ДомаВместеЧто такое CSS?Что такое CSS?VS Code Полный Курс для JavaScript разработчиковVS Code Полный Курс для JavaScript разработчиковАдаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]
Яндекс.Метрика