Полный курс HTML & CSS за 6 часов

Привет! Я рада представить вам мой полный курс по HTML и CSS на YouTube! Если вы хотите научиться создавать красивые и функциональные веб-страницы, то этот курс для вас.

Я покажу вам, как клиент взаимодействует с сервером и как использовать текстовый редактор для написания кода. Вы узнаете о структуре HTML и разнице между различными тегами, а также способы подключения CSS и базовые стили.

Мы также рассмотрим блочную модель CSS, позиционирование элементов на странице, псевдоклассы и псевдоэлементы. Кроме того, вы научитесь работать с flexbox и использовать его для создания гибких и адаптивных макетов.

Но это еще не все! В курсе также будет практика на реальных макетах, адаптивная верстка, гриды, Bootstrap, анимации и transitions в CSS. И, конечно же, есть бонусная тема для Вас.

Присоединяйтесь ко мне в этом увлекательном путешествии по HTML и CSS, и вы станете настоящим профессионалом в создании красивых и функциональных веб-страниц!

Ссылки для этого курса:

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-х недель, не забывайте подписаться и поставить лайки, написать комментарии за мои труды! Я это очень ценю!

[Have]

Почему я раньше не нашел Вас. Сохранил бы себе куча времени. Жду еще выпуски... Простое доступное объяснение для новичка то, что я искал с пошаговым объяснением..

[RkKab-vz]

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

[N.Valeriy]

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

[ReinoSipila]

А как вы думаете, стоит ли начинать с HTML и CSS или сразу углубляться в JavaScript? Лично я выбирал курсы для того, чтобы быстро освоить основы веб-разработки и начать работать. Рассматривал разные компании, но в итоге остановился на Skypro, потому что у них самые понятные и структурированные материалы. В итоге уже через пару месяцев смог устроиться на работу с хорошей зарплатой))

[МаксимМинаков-яо]

Спасибо, прохожу ваш курс и мне очень интересно.

[МаксатМусаев-мж]

Махабат, омурлуу, бактылуу болунуз.Эмгегинизге береке.Ыразычылык Сизге.

[foxprobro]

Круто, то что информация подана структурно! И это база для начала заработка. Спасибо за полезные ссылки!

[_Alhimik_]

Спасибо тебе Махабат! Как всегда очень ценные уроки!!

[dimondimonov]

Уго. Ты молодец. Большое спасибо за видео.

[tuzzzz]

спасибо за ваш труд вы мне очень помогли

[bohdanshyrii]

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

[yuriyzadorozhnyi]

Дякую Вам Makhabat, вітаю з наступаючим Великоднем, бажаю щастя й здоров'я !

[Агент-лл]

Не знаю что написать, поэтому пишу коммент для развития канала👍 Я, конечно, это все знаю, но все равно решил пересмотреть. У тебя приятный голос и отличная подача информации, так что спасибо👍👍👍

[TOROGAR]

Буду первым-спасибо тебе большое за твои видео. А такой формат-всё в одном видео просто супер

[mutter_liebhaberr]

Спасибо огромное, давно хотел разобраться нормально с css в совокупности с html.Обычно курсы есть но не такие подробные как тут. Либо сливы искать нужно) 100/10 за работу.

[Lana-muqt]

Спасибо за скорость подачи речи =) было интересно
Это важно когда большой объём информации.

[Lokstar_Ugar]

Спасибо, очень круто! Вот бы еще что то подобное по JS посмотреть :)

[zinabunina]

Махабат, огромное спасибо за Ваш труд! 👏 Очень много полезной информации, без лишнего трёпа. Желаю Вам успехов и всего самого наилучшего! 🍀 ❤

[LolPopGames]

2:04:04 УРА, первый гавно-код из div'ов!

[kiralatysheva]

Привет! Спасибо большое за такое полезное видео. За сколько подходов записала? =) Попробую за 2-3 раза посмотреть, с конспектом =)