udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
CSS Bootcamp - Изучите CSS (включая CSS Grid / Flexbox)
CSS Bootcamp - Master CSS (Including CSS Grid / Flexbox)
★5 (всего оценок - 29)
Продолжительность
11 ч 31 мин
Категория
CSSКоличество уроков
87 Видео
Дата добавления
28 нояб. 2019 г., 23:04
Язык
Английский
Дата выхода
24 окт. 2019 г., 00:00
Дата обновления
29 апр. 2026 г., 05:43
Освойте CSS с нуля и начните создавать современные, адаптивные и визуально привлекательные веб‑интерфейсы. Этот улучшенный обзор курса поможет пользователям понять ценность обучения, а поисковым системам — точнее индексировать страницу.
Что включает курс CSS Bootcamp
Курс идеально подходит для новичков и разработчиков, которые хотят углубить знания в области веб‑стилей и научиться работать с современными технологиями CSS.
- Основы CSS — понимание структуры, свойств и базовой стилизации.
- Продвинутый CSS — эффекты, анимации, трансформации, псевдоклассы.
- Flexbox — современная технология построения гибких макетов.
- Проект 1: «Гранд Отель» — практическое применение Flexbox.
- CSS Grid — мощная система модульной сетки.
- Проект 2: «Мебельный сайт» — полноценный многостраничный макет на Grid.
Структура курса
Основы CSS
С первых уроков вы изучаете ключевые принципы работы с CSS: каскадность, специфичность, селекторы, блочную модель и способы подключения стилей. Эти знания формируют фундамент, необходимый для уверенной верстки.
Продвинутый CSS
Раздел углубляет понимание технологий визуальных эффектов: переходы, анимации, тени, фильтры, работа с фоном, относительное и абсолютное позиционирование. Эти инструменты позволяют создавать динамичные и привлекательные интерфейсы.
CSS Flexbox
Вы освоите создание адаптивных макетов с помощью Flexbox — технологии, которая стала стандартом для современной верстки. После изучения теории вы примените знания на практике в проекте «Гранд Отель».
CSS Grid
Grid — один из самых мощных инструментов для создания сложных, но гибких макетов. Вы научитесь строить сетки любой сложности и завершите обучение проектом «Мебельный сайт».
Дополнительные преимущества
Все проекты в курсе создаются с учетом принципов адаптивной верстки, что обеспечит корректное отображение на смартфонах, планшетах и мониторах. Вы познакомитесь с современными практиками CSS и изучите основы применения Bootstrap в реальных проектах.
Начните обучение CSS уже сегодня и сделайте уверенный шаг к профессии веб‑разработчика.
- Урок 1.00:03:32Introduction
- Урок 2.00:04:29Setup
- Урок 3.00:03:18What is CSS?
- Урок 4.00:09:33How to write CSS?
- Урок 5.00:02:04HTML Elements Tree
- Урок 6.00:09:01CSS Selectors
- Урок 7.00:05:11CSS Combinators
- Урок 8.00:05:35CSS Colors
- Урок 9.00:03:19Inheritance
- Урок 10.00:06:06Text Formatting - Part 1
- Урок 11.00:09:38Text Formatting - Part 2
- Урок 12.00:12:55Box Model
- Урок 13.00:07:29Pseudo Classes - Part 1
- Урок 14.00:04:01Pseudo Classes - Part 2
- Урок 15.00:04:04Pseudo Elements
- Урок 16.00:06:40Measurement Units - Part 1
- Урок 17.00:06:25Measurement Units - Part 2
- Урок 18.00:06:13Positions - Part 1
- Урок 19.00:08:51Positions - Part 2
- Урок 20.00:03:38Overflow
- Урок 21.00:05:55Floats
- Урок 22.00:12:01Backgrounds - Part 1
- Урок 23.00:08:21Backgrounds - Part 2
- Урок 24.00:06:34Gradients
- Урок 25.00:07:57Shadows
- Урок 26.00:10:15Transitions
- Урок 27.00:07:15Transforms - Part 1
- Урок 28.00:04:40Transforms - Part 2
- Урок 29.00:07:30Animations - Part 1
- Урок 30.00:08:25Animations - Part 2
- Урок 31.00:06:19What Is Flexbox?
- Урок 32.00:14:56Flex Container Properties
- Урок 33.00:09:36Flex Items Properties
- Урок 34.00:10:20Grand Hotel - Project Preview
- Урок 35.00:05:52Sidebar - Markup
- Урок 36.00:11:52Sidebar - Style
- Урок 37.00:06:02Navigation - Markup
- Урок 38.00:12:45Navigation - Style - Part 1
- Урок 39.00:09:53Navigation - Style - Part 2
- Урок 40.00:10:49Create Click Event
- Урок 41.00:04:03Create markup for Header
- Урок 42.00:14:11Header - Style
- Урок 43.00:04:32About Us Section - Markup
- Урок 44.00:12:46About Us Section - Style - Part 1
- Урок 45.00:05:54About Us Section - Style - Part 2
- Урок 46.00:06:34Rooms Section - Markup
- Урок 47.00:12:41Rooms Section - Style
- Урок 48.00:04:18Customers Section - Markup
- Урок 49.00:07:08Customers Section - Style
- Урок 50.00:08:46Footer - Markup
- Урок 51.00:14:51Footer - Style
- Урок 52.00:07:32Make "Grand Hotel" Project Responsive - Part 1
- Урок 53.00:09:37Make "Grand Hotel" Project Responsive - Part 2
- Урок 54.00:12:15Make "Grand Hotel" Project Responsive - Part 3
- Урок 55.00:04:47CSS Grid Introduction
- Урок 56.00:05:30Setup
- Урок 57.00:06:20How To Create Grid
- Урок 58.00:06:09Fractional Units
- Урок 59.00:09:28Positioning and Spanning Grid Items
- Урок 60.00:09:29Naming Grid Items - Part 1
- Урок 61.00:10:03Naming Grid Items - Part 2
- Урок 62.00:05:08Naming Grid areas
- Урок 63.00:06:01Explicit and Implicit Grid
- Урок 64.00:06:21Aligning Grid items
- Урок 65.00:04:07Aligning Grid tracks
- Урок 66.00:05:07max-content, min-content, minmax()
- Урок 67.00:04:40auto-fill, auto-fit
- Урок 68.00:02:46Furniture Store - Project Preview
- Урок 69.00:05:07Navbar - Part 1 - Markup
- Урок 70.00:16:39Navbar - Part 1 - Style
- Урок 71.00:06:06Navbar - Search Form
- Урок 72.00:05:38Navbar - Part 2 - Markup
- Урок 73.00:10:27Navbar - Part 2 - Style
- Урок 74.00:08:09Navbar - Part 2 - Dropdown
- Урок 75.00:04:27Banner - Markup
- Урок 76.00:11:07Banner - Style
- Урок 77.00:06:51Banner Slideshow - Part 1
- Урок 78.00:06:44Banner Slideshow - Part 2
- Урок 79.00:13:01Day Offer Section
- Урок 80.00:04:42Bestselling Furniture - Markup
- Урок 81.00:09:52Bestselling Furniture - Style
- Урок 82.00:10:29Gallery
- Урок 83.00:09:57Contact Section and Footer
- Урок 84.00:08:16Modal box - Markup
- Урок 85.00:11:53Modal Box - Style - Part 1
- Урок 86.00:09:46Modal Box - Style - Part 2
- Урок 87.00:21:49Make Project Responsive
Автор - udemy
Комментарии