Производство: PurpleSchool, Stepik
Жанр: Видеокурс
Описание:
В этом курсе мы изучим всё об HTML и CSS и сверстаем несколько посадочных страниц и отдельных компонент сайта. Он подойдёт тем, кто только хочет погрузиться в веб разработку и создавать свои сайты или полноценные приложения. HTML и CSS является базой перед переходом к jаvascript и фреймворкам типа React, Angular или Vue, поэтому от вас не потребуется вообще никаких знаний. Так же он подойдёт тем, кто уже пишет веб приложения, но хочет структурировать свои знания по вёрстке и почерпнуть техники работы с flex и grid. Все эти знания мы применим на вёрстке реальной страницы сайта PurpleSchool, сравнивая различные подходы к вёрстке.
Продолжительность: 17:51:25
Качество видео: WEB-DL
Язык озвучки: Русский ©Torrent-Soft.Net
Загрузил: Unix (2 августа 2023 09:29)
Управление:
[обновить]
Как тут скачать?
Взяли: 312 | Размер: 3,44 Gb
Последняя активность: не наблюдалась
Содержание:
[Purpleschool] [Антон Ларичев] HTML и CSS - полный курс по вёрстке с нуля (154 файла)
1.Введение (4 файла)
1. HTML и CSS.mp4 (13,58 Mb) 2. Обзор проектов.mp4 (5,65 Mb) 3. Обзор курсов.mp4 (11,15 Mb) 4. Курс с наставником.mp4 (15,07 Mb)2. Настройка Окружения (3 файла)
1. Настройка окружения.mp4 (6,72 Mb) 2. Настройки VSCode.mp4 (8,8 Mb) 3. Создание первой страницы.mp4 (4,11 Mb)3. Знакомство с HTML (12 файлов)
1. Структура HTML.mp4 (7,89 Mb) 10. Изображения.mp4 (17,33 Mb) 11. Комментарии.mp4 (7,56 Mb) 12. Упражнение - Вёрстка статьи 2.mp4 (11,17 Mb) 2. Параграфы и переносы.mp4 (17,59 Mb) 3. Заголовки.mp4 (16,52 Mb) 4. Работа с git.mp4 (19,18 Mb) 5. Инспектор Chrome.mp4 (14,05 Mb) 6. Структура документа.mp4 (16,15 Mb) 7. Списки.mp4 (15,26 Mb) 8. Упражнение - Вёрстка статьи.mp4 (21,43 Mb) 9. Ссылки.mp4 (12,45 Mb)4. Семантика и HTML 5 (6 файлов)
1. Что такое HTML5-.mp4 (9,14 Mb) 2. Блочные и строчные элементы.mp4 (19,91 Mb) 3. Sup и sub.mp4 (8,73 Mb) 4. Сущности HTML.mp4 (18,83 Mb) 5. Семантическая разметка.mp4 (27,8 Mb) 6. Screen Readers.mp4 (18,15 Mb)5. Таблицы (4 файла)
1. Создание таблиц.mp4 (17,78 Mb) 2. Доступность таблиц.mp4 (11,96 Mb) 3. Colspan, rowspan.mp4 (11,55 Mb) 4. Упражнение - Вёрстка таблицы.mp4 (13,79 Mb)6. Формы (11 файлов)
1. Form.mp4 (23,05 Mb) 10. Валидация форм.mp4 (154,26 Mb) 11. Упражнение - Форма контактов.mp4 (14,69 Mb) 2. Input.mp4 (14,98 Mb) 3. Label.mp4 (19,56 Mb) 4. Кнопки.mp4 (13,44 Mb) 5. Name.mp4 (17,53 Mb) 6. Упражнение - Поиск YouTube.mp4 (9,15 Mb) 7. Radio, Checkbox, Select.mp4 (20,42 Mb) 8. Range.mp4 (8,48 Mb) 9. Textarea.mp4 (6,38 Mb)7. Основы CSS (7 файлов)
1. Для чего нужен CSS.mp4 (10,52 Mb) 2. Способы стилизации.mp4 (18,23 Mb) 3. Цвет и фон.mp4 (7,45 Mb) 4. Работа с цветами.mp4 (20,24 Mb) 5. Упражнение - Цвета формы.mp4 (10,87 Mb) 6. Стилизация теста.mp4 (22,87 Mb) 7. Font family.mp4 (22,92 Mb)8. Работа с Figma (4 файла)
1. Разбор интерфейса.mp4 (23,79 Mb) 2. Компоненты и свойства.mp4 (23,6 Mb) 3. Экспорт графики.mp4 (20,12 Mb) 4. Измерение расстояний.mp4 (9,59 Mb)9. Css и Селекторы (7 файлов)
1. Выбор элементов.mp4 (8,94 Mb) 2. ID элемента.mp4 (12,45 Mb) 3. Выбор по классу.mp4 (14,37 Mb) 4. Выбор по атрибуту.mp4 (7,91 Mb) 5. Упражнение - Стиль страницы.mp4 (29,58 Mb) 6. Дочерние элементы.mp4 (15,42 Mb) 7. Соседние элементы.mp4 (7,71 Mb)10. Псевдоклассы и элементы (5 файлов)
1. Псевдоклассы.mp4 (22,4 Mb) 2. Псевдоклассы с параметрами.mp4 (20,48 Mb) 3. Псевдоэлементы.mp4 (12,34 Mb) 4. Стили списков.mp4 (19,79 Mb) 5. Упражнение - Дизайн списка.mp4 (14,28 Mb)11. Каскад (4 файла)
1. Каскад CSS.mp4 (13,66 Mb) 2. Специфичность стилей.mp4 (30,18 Mb) 3. Important.mp4 (10,94 Mb) 4. Наследование в CSS.mp4 (18,29 Mb)12. Блочная модель (6 файлов)
1. О блочной модели.mp4 (8,69 Mb) 2. Ширина и высота.mp4 (21,29 Mb) 3. Границы.mp4 (28,13 Mb) 4. Padding.mp4 (18,15 Mb) 5. Margin.mp4 (12,58 Mb) 6. Упражнение - Добавление отступов.mp4 (50,82 Mb)13. Поток документа (6 файлов)
1. Поток документа.mp4 (9,71 Mb) 2. Float.mp4 (22,48 Mb) 3. Display.mp4 (28,12 Mb) 4. Position.mp4 (39,04 Mb) 5. Text-align.mp4 (13,95 Mb) 6. Упражнение - Label формы.mp4 (47,7 Mb)14. Единицы измерения (4 файла)
1. Проценты.mp4 (166,93 Mb) 2. Em.mp4 (22,28 Mb) 3. Rem.mp4 (10,83 Mb) 4. Vh и vw.mp4 (12,21 Mb)15. Анимация (5 файлов)
1. Transition.mp4 (20,55 Mb) 2. Transition timing functions.mp4 (26,54 Mb) 3. Анализ анимации.mp4 (7 Mb) 4. Transform.mp4 (177,97 Mb) 5. Animation.mp4 (27,75 Mb)16. Адаптивная верстка (7 файлов)
1. Что такое адаптивная вёрстка.mp4 (10,98 Mb) 2. Media выражения.mp4 (25,53 Mb) 3. Max и min width.mp4 (12,04 Mb) 4. Шрифты и vmin.mp4 (9,82 Mb) 5. Calc.mp4 (14,72 Mb) 6. Min и max.mp4 (12,74 Mb) 7. Clamp.mp4 (12,76 Mb)17. CSS и Flexbox (15 файлов)
1. О flexbox.mp4 (4 Mb) 10. Align-self.mp4 (3,65 Mb) 11. Размеры и flex.mp4 (8,21 Mb) 12. Flex-grow, flex-shrink и flex-basis.mp4 (17,93 Mb) 13. Flex-wrap с flex-basis.mp4 (10,49 Mb) 14. Gap row-gap column-gap.mp4 (13,87 Mb) 15. Auto margin.mp4 (6,4 Mb) 2. Введение во Flexbox.mp4 (8,79 Mb) 3. Работа с flex-direction.mp4 (5,65 Mb) 4. Flex-wrap.mp4 (12,77 Mb) 5. Порядок элементов.mp4 (9,46 Mb) 6. Flex-flow.mp4 (2,65 Mb) 7. Justify-content.mp4 (14,4 Mb) 8. Align-items.mp4 (8,64 Mb) 9. Align-content.mp4 (10,01 Mb)18. Практика Flexbox (4 файла)
1. Подключение шрифтов.mp4 (19,41 Mb) 2. Google Fonts.mp4 (13,77 Mb) 3. Упражнение - Вёрстка hero.mp4 (58,49 Mb) 4. Упражнение - финал вёрстки.mp4 (38,79 Mb)19. Методологии и практики (4 файла)
1. Зачем методологии.mp4 (8,56 Mb) 2. БЭМ.mp4 (43,78 Mb) 3. SMACSS.mp4 (26,59 Mb) 4. Custom Properties.mp4 (19,59 Mb)20. Проект верстка старницы (11 файлов)
1. Подготовка проекта.mp4 (15,55 Mb) 10. Упражнение - Блог.mp4 (114,07 Mb) 11. Упражнение - Адаптив блога.mp4 (14,29 Mb) 2. Вёрстка шапки.mp4 (62,49 Mb) 3. Шрифты и адаптив шапки.mp4 (249,21 Mb) 4. Упражнение - Hero.mp4 (57,91 Mb) 5. Адаптив Hero.mp4 (36,86 Mb) 6. Aria атрибуты.mp4 (22,21 Mb) 7. Вёрстка футера.mp4 (39,38 Mb) 8. Стилизация футера.mp4 (46,21 Mb) 9. Адаптив футера.mp4 (16,05 Mb)21. CSS Grid (14 файлов)
1. Подготовка проекта.mp4 (13,82 Mb) 10. Order.mp4 (5,43 Mb) 11. Justify и align.mp4 (20,41 Mb) 12. Заполнение grid.mp4 (13,27 Mb) 13. Template-areas.mp4 (25,78 Mb) 14. Лучшие практики.mp4 (13,37 Mb) 2. Template и gap.mp4 (15,01 Mb) 3. Grid-auto-flow.mp4 (7,93 Mb) 4. Ширина колонок.mp4 (11,62 Mb) 5. Ширина элементов.mp4 (11,95 Mb) 6. Положение элементов.mp4 (14,37 Mb) 7. Именованные линии.mp4 (10,52 Mb) 8. Auto-fit и auto-fill.mp4 (11,24 Mb) 9. Адаптивный grid.mp4 (11,44 Mb)22. Проект Практика Grid (8 файлов)
1. Разбор макета.mp4 (21,87 Mb) 2. Упражнение - Вёрстка сетки.mp4 (32,24 Mb) 3. Overflow и white-space.mp4 (16,38 Mb) 4. Scrollbar.mp4 (9,91 Mb) 5. Упражнение - Вёрстка карточки.mp4 (73,49 Mb) 6. Адаптив списка курсов.mp4 (19,99 Mb) 7. Упражнение - Нам доверяют.mp4 (57,5 Mb) 8. Финальный адаптив.mp4 (37,05 Mb)Финал курса (1 файл)
1. Куда дальше.mp4 (3,19 Mb)
Макет фигмы.txt (52 b)
Репозиторий проекта.zip (1,02 Mb)