Исходники тут: t.me/js_by_vladilen/409 Присоединяйтесь к моему бесплатному марафону для начинающих! За 5 дней вы создадите 5 крутых проектов на HTML, CSS и JavaScript: bit.ly/3ljZsow PS Эксклюзивный контент на моем Boosty: boosty.to/vladilen

"Делай добро и бросай его в воду" редко, кто этим сейчас руководствуется в жизни. Огромное Вам Спасибо за добро, которое Вы делаете для меня и для других людей. Оно обязательно Вам вернётся.

Таймкоды, так как ниже их никто вроде не расписал, а также их нет в видео: 0:00 - Интро 1:17 - Введение в CSS. Что такое CSS согласно документации MDN. 2:54 - Переходим к сайту, написанному Владиленом на курсе по HTML. 3:44 - Несколько слов про редактор кода VSCode. Установка полезных плагинов. 5:14 - Переходим к практике по CSS. 6:11 - Способы инлайнового подключения CSS к документу. Примеры работы свойств background и color. 12:28 - Подключение внешнего CSS-файла. 14:51 - Переход к непосредственному написанию CSS. Работа со свойствами background и color. 17:14 - Несколько слов о браузерном инспекторе кода Chrome DevTools. 19:39 - Работа со шрифтами в CSS. 26:38 - Работа с картинками . Работа со свойствами width, border-radius. Изучение атрибутов тега . 32:20 - Стилизация параграфов рядом с картинкой. 35:53 - Некоторые интересные свойства для работы с текстом в CSS. 38:32 - Работа с Box Model в CSS. Основы работы с различными отступами, границами элементов, отображением их размеров. 53:11 - Основы работы со вложенными элементами в CSS. Важный момент касаемо позиционирования элементов при помощи свойства float. 57:33 - Продолжение стилизации документа. Стилизация ссылок. Основы псевдоклассов/псевдоэлементов на примере стилизации ссылок. 1:01:56 - Реализация секций-"карточек". Практика в работе с задними фонами, списками, отступами, ссылками. 1:07:03 - Стилизация списка хобби в карточке "Мои хобби". 1:09:56 - Стилизация таблицы в карточке "Опыт работы". Интересный пример работы с псевдоэлементами. 1:16:04 - Стилизация карточки "UKposts курсы". Пример стилизации списка с ссылками. 1:20:02 - Стилизация секции "Связаться со мной". Достаточно показательный пример стилизации формы обратной связи. Важные моменты стилизации тегов и . 1:27:26 - Несколько слов о СSS FlexBox на примере выравнивания тегов в форме. Свойство display. 1:30:16 - Тонкости работы со свойством display. 1:33:00 - Стилизация кнопки отправки формы. 1:34:29 - Основы работы с позиционированием в CSS: свойства position, top, bottom, left, right. 1:41:59 - Несколько слов о настройке адаптивности сайта. 1:44:42 - Разворачиваем нашу готовую страницу на бесплатном хостинге от GitHub. 1:46:44 - Завершение работы. 1:47:14 - Аутро. P.S. Буду признателен, если Владилен добавит в закреп или в описание к видео )

не могу пройти мимо качественного материала с приятной подачей да еще и бесплатно! актуализировала давние знания, спасибо!

Уважаемый Владилен! Спасибо большое за Ваши видео. Начала с HTML, теперь CSS, но это явно только начало знакомства с вашими курсами. Информация потрясающе концентрирована, но при этом разделена нагрузка по плотности информации на момент восприятия, абсолютно легко усваиваешь и понимаешь каждый момент. Отдельно хотелось бы отметить ораторские способности: саму манеру речи, словарный запас, спокойствие и доброжелательность, которую излучаете) Здорово было узнать о вас, здорово, что вы это сделали - результат потрясающий.

Теперь уже полностью можно погрузится в твой канал учить web разработку и стать разработчиком даже с нуля только на твоем контенте. Многому у тебя научился, спасибо тебе за твой труд и за такой хороший контент)

Я менеджер проектов и прохожу ваши уроки, чтобы понимать программистов и хоть немного говорить с ними на одном языке)) Большое спасибо за урок! Всё, что вы объясняете у меня получается!

Владилен, видео супер! Доступно и понятно, спасибо Вам огромное, затронуты все ключевые моменты в разработке. Вы наверное единственный такой человек на этой планете!

спасибо тебе!!! ты настолько круто объясняешь ,что я прихожу в восторг . начал заниматься ещё летом : изучил HTML, а на остальное силы воли не хватило : всё было запутанно и я просто выгорел,но тут появился ты! теперь я всё понимаю. ценю)

Думаю не ошибусь, если скажу, что ты лучший СНГ контент мейкер, ОГРОМНЕЙШАЯ благодарность за такие труды!

Крутой материал, из всяких курсов разных и того что я отсматривал здесь конечно топчик. Сижу с 2 компов и параллельно практикую, то что ты рассказываешь, очень простой и понятный язык подачи, что редкость в наше время. Жаль что можно только один лайк поставить !)

Огромное вам спасибо, что так доступно и доходчиво объясняете темы, обучение даётся гораздо легче благодаря вашему контенту!

Это просто офигенно , спасибо за проделанную работу !)

Ну, собственно, как и всегда - интересно, доходчиво, полезно! Спасибо, Владилен!

Огромное спасибо, за эту прекрасную возможность обучаться на понятном и грамотном примере. Огромный респект автору!!!

Уважаемый Владилен! Огромное, огромное Вам спасибо! Очень приятно Вас слушать): во-первых, всё понятно; но также мне очень нравится Ваше чувство вкуса! Результат получается не только функциональным, но и эстетически красивым. Это - здорово! 🍀🐞 ❣

Очень, доступно, просто и легко объясняете, большое спасибо за этот урок!

Владилен, две недели назад понятия не имел, что такое ХТМЛ. сейчас уже вделал разметку и очень радуюсь ! у вас дар учителя ! То, как вы доносите материал - талант ! Я никогда бы не подумал. что меня заинтересует кодировка! Это Благодаря Вам ! спасибо за ваш труд! пусть Господь благословит !

Класс! Спасибо! Отдельная благодарность за фишечки из best practice.

Спасибо огромное! За один урок объяснил больше, чем препод за семестр

Владилен, спасибо огромное за прекрасное руководство! Вы очень хороший преподаватель! :)

35:17 - курсив 36:10 underline - нижн.подчёркивание

Спасибо, друг ) всего тебе доброго, а мы идем за тобой

Огромное человеческое спасибо Владилен! Всё очень понятно! Всё получилось! Я счастлива!!!

Огромнейшее спасибо за Ваши супер-курсы! Очень просто и понятно!

Спасибо за твои труды! Очень полезное видео!

Владилен, очень легко и доходчиво объясняешь всегда, тебе удачи и развития твоего канала)

Спасибо! Одолел это видео за 3 часа. Буду ещё его прогонять несколько раз. Владилен, вы лучший! Никто и близко так понятно не объясняет.

У Вас талант доносить хорошо информацию. Спасибо большое за урок!!! Пожалуйста, продолжайте в том же духе. :)

Спасибо Владилену Все объясняет понятно и доходчиво. То что раньше не мог понять , сейчас понимаю благодаря этим видео.

Почти два часа! 👍 Огромное спасибо, Владилен, я долго это ждал.

В восторге от урока, спасибо и успехов вам по жизни!

Спасибо за курс, Владилен. Очень полезно. Как на счёт совместить HTML+CSS +JS на примере создания сайта со всей динамикой? Было бы круто!

Спасибо Вам большое за этот прекрасный курс, я очень многому научился и теперь умею создавать HTML+CSS сайты! 🎉🙏

огромное спасибо! создала свой первый сайт, где-то конечно смотрю в интернете, где-то еще видео ищу отдельные, но именно тут все очень емко и понятно! у вас талант к преподаванию, очень хочу курс лично от вас!

Спасибо. Все по делу, без лишней воды и доступно!

Владилен тебе огромное мой благодарность. Ты объясняешь классно. Еще одновременно проктикуешь нас сразу. Удачи тебе и твоим близким.

Только проснулся, а тут уже такой контент. Молодец, респект за огромный вклад!

Cпасибо Владилен за этот труд)Ты очень хорошо объясняешь!Лучший курс по СSS для меня)

Спасибо за понятные объяснения! Очень помогло в школьном проекте!

Крутой курс! Отличная подача и все понятно. Спасибо 👏

Спасибо огромное, Владилен! За два относительно коротких видео вспомнил всю программу колледжа и смог понять того, что тогда не понял Просто и понятно

Владилен! Удачи тебе и спасибо за доступное объяснение!

Владилен, Твои уроки - лучшее что я встречал !

Большой респект! Побольше бы таких людей)

Невероятная работа, спасибо большое!

Владилен, видео супер !!!!!!!!! Огромное спасибо за твою работу !!!!!!!!

Спасибо за такие подробности в компактном виде!

Огромное спасибо! Это был большой труд.

Спасибки, Владилен! Классный контент, делай еще!!!

Супер! Спасибо большое! Доступно и понятно.

большое спасибо !! все доходчиво. буду осваивать.....

Один из самый лучших курсов, которые я встречал на просторах интернета! 10 из 10!

Благодарю за такие ценные знания!

Владилен, вы просто КОСМОС!

Как всегда - лучший и по контенту и по стилю изложения !=))

Владилен огромное спасибо!) Всё получилось! Хорошо и понятно всё обьясняешь! Единственное: ты забыл показать как увеличить шрифт на кнопке и подключить форму, чтобы она стала рабочей! Я подписался на канал, буду с нетерпением ждать следующих видео!

Супер! Снова годнота. Приступим:) Спасибо, Владилен.

Огромное спасибо за видео. Сразу понимаешь основы и логику CSS.

Cпасибо вам столько раз возвращался к вашему видео чтоб освежить знания.

Владилен, спасибо большое за видео! Все очень доступно :)

Владилен, спасибо большое! реально ценная информация закрепленная практикой. Жду третью часть по JS, чтобы сделать сайт динамическим) И доработать блок "обратной связи"

Спасибо за урок! Очень информативно и доходчиво!

Ты просто молодец, я не знаю как бы я это все учил, и сколько бы времени это у меня заняло бы. Спасибо огромное!!!

Спасибо большое, очень крутой материал, а главное все понятно и доступно👍

Благодарю, Владилен. То что делишься своим опытом - это очень благородно. Занимаюсь бекендом. Нужны были общие знания по HTML, CSS. Понимание получил и за это огромнейшее спасибо. В конце видео, на мой взгляд, было бы прям очень круто затронуть тему использования библиотеки bootstrap. На очереди JS.

Спасибо Вам за труд.Заинтересовало.

ого !!!!))) для освежения в памяти --будет в самый раз !!!)) спасибо за видео!!!)))

Очень крутой курс! Спасибо)

Лучший курс для начинающих! Спасибо большое

Спасибо! Получил кучу мотивации заниматься программированием смотря именно Ваши ролики. Буду продолжать изучать информацию дальше, вместе с Вами. А мое дело простое - лайк, подписка. :)

ого, про position:fixed - круто! ролик классный спасибо

Круто, классно было. Спасибо большое.

Спасибо, очень информативно.

Спасибо огромное! , объясняете очень доступно !!!

Как всегда на высоте! Отличный контент!

Супер. Спасибо из Кыргызстана 🇰🇬

Спасибо, доходчивая подача основ css! Круто! Есть в планах продолжение по теме верстки? SCSS, flex, grid... Возможно верстка страницы посложнее...

Всё очень понятно, спасибо. Единственное говорят, что пользоваться дивами не желательно, а стоит использовать такие теги как и . Было бы интересно узнать ведут ли они себя как дивы или нет.

Огромное спасибо

Как всегда лучший!

Спасибо за очень качественный контент!

Владилен, благодарю

Очень понятно объяснили! Спасибо

Спасибо, это помогло в понимание и изучение CSS😎🤟😜

Огромное вам спасибо! Не у всех есть возможность платно обучиться ! По больше бы таких людей добрых людей и мир бы был по проще ! а то в наше время все продажные ... .

очень доступно объясняете! спасибо вам

с Днём рождения !!!))) Всех всех благ !!!)))) Исполнения желаний!!)) Успехов в делах и конечно же в развитии канала ))))

Спасибо вам Владилен. Как всегда видео топ. Теперь буду и css учить

Спасибо за такие уроки!!!!

Владилен неистово респектую!

Ставлю своего лукашенко, мне очень зашло, спасибо. Везде уроки +/- "вот так выглядит готовое", а у Владилена идёт от начального отстойного каркаса к красивому итогу! Видно, как нужно двигаться к совершенству.

Круто) жду курс по адаптивной верстке!

Спасибо за все твои видео, очень интересно

Лучший курс, вся информация подана максимально понятно и структурировано, спасибо! Подскажи, где можно попрактиковаться для себя, может какие-то хорошие сайты с материалами и задачами. буду очень благодарна:)

Просто нет слов объясняет хорошо просто в шоке огромное спасибо

Спасибо тебе!!!! Это лучший тьютор на Ютуб!!!!!!!!!

Владилен, я понимаю что это уже за рамками темы html и css, но было бы интересно увидеть как ты завершишь блок обратной связи. За объяснения спасибо, учу второй месяц и за 2 твоих урока понял намного больше чем отовсюду)

Спасибо, классный урок!

Спасибо тебе дружище! Подписался на канал, буду продолжать развиваться с твоими гайдами 😄 *P.S Очень круто объясняешь, всё понятно и доходчиво, я очень благодарен.* ☺️