У нас вы можете посмотреть бесплатно Полный курс HTML & CSS за 6 часов или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
Привет! Я рада представить вам мой полный курс по HTML и CSS на YouTube! Если вы хотите научиться создавать красивые и функциональные веб-страницы, то этот курс для вас. Я покажу вам, как клиент взаимодействует с сервером и как использовать текстовый редактор для написания кода. Вы узнаете о структуре HTML и разнице между различными тегами, а также способы подключения CSS и базовые стили. Мы также рассмотрим блочную модель CSS, позиционирование элементов на странице, псевдоклассы и псевдоэлементы. Кроме того, вы научитесь работать с flexbox и использовать его для создания гибких и адаптивных макетов. Но это еще не все! В курсе также будет практика на реальных макетах, адаптивная верстка, гриды, Bootstrap, анимации и transitions в CSS. И, конечно же, есть бонусная тема для Вас. Присоединяйтесь ко мне в этом увлекательном путешествии по HTML и CSS, и вы станете настоящим профессионалом в создании красивых и функциональных веб-страниц! Ссылки для этого курса: http://info.cern.ch/ - первый вебсайт https://code.visualstudio.com/ - Visual Studio Code https://webref.ru/css#pseudo-class - Справочник по псевдоклассам и ниже псевдоэлементы https://ru.bem.info/methodology/ - Методология БЭМ https://www.figma.com/file/aUJMMrnGpA... - Первый макет https://github.com/makhabatabd/PEXEL-... - код первого макета https://flexboxfroggy.com/ - игра для практики display: flex https://www.figma.com/file/4e2ApgX1Q6... - второй макет https://github.com/makhabatabd/cloudb... - код второго макета https://github.com/makhabatabd/cloudb... - код адаптивной верстки https://cssgridgarden.com/ - игра для практики гридов https://developer.mozilla.org/en-US/d... - практика гридов https://getbootstrap.com/ - Bootstrap https://github.com/makhabatabd/bootst... - Макет с бутстрапом https://github.com/ - 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-х недель, не забывайте подписаться и поставить лайки, написать комментарии за мои труды! Я это очень ценю!