Сохранено отсюда на случай пропажи YouTube:
1 Вводный модуль. 00:00:00
1.1. Как работают сайты. Backend и frontend. Вёрстка.
1.2. Как выглядит и из чего состоит код веб-страницы.
1.3. Установка редактора кода Sublime Text
1.4. Простая веб-страница на HTML. Тэги и атрибуты.
1.5. CSS-стили. Селекторы, параметры и значения.
2 HTML. 00:47:57
2.1. Структура HTML5-документа.
2.2. Обзор и демонстрация работы основных HTML-тэгов.
2.3. Вёрстка веб-форм. Поля и кнопки. Валидация форм.
2.4. Таблицы и табличная вёрстка.
2.5. Семантическая вёрстка. Стандарты и валидность.
3 Основы CSS. 02:39:05
3.1. Как можно задавать стили. Селекторы.
3.2. Отступы, поля, размеры и единицы измерения.
3.3. Inline- и block- элементы, свойство display.
3.4. Обтекание, позиционирование и слои.
3.5. Блочная верстка
3.6. Цвета, шрифты, фон и границы.
4 Основы JavaScript 05:03:35
4.1. Что такое JavaScript и как его подключать к веб-странице
4.2. Библиотека jQuery. Управление стилями элементов
4.3. Обработка событий
4.4. Работа с DOM, изменение, добавление и удаление элементов
4.5. Отображение и скрытие элементов, анимация
4.6. Работа с сетью, получение и отправка данных
4.7. JavaScript-фреймворки
5 Адаптивность и кроссбраузерность. 06:48:32
5.1. Ширина экрана и резиновость сайта
5.2. Media-запросы
5.3. Flexbox
5.4. Шаги адаптивности и сетки
5.5. Разнообразие браузеров и их особенности
5.6. Инструменты проверки и обеспечения адаптивности и кроссбраузерности.
6 Оформление. 08:04:49
6.1. Фон, прозрачность и градиенты.
6.2. Границы, аутлайны и тени.
6.3. Шрифты и оформление текста. Типографика и спецсимволы
6.4. Стили указателей.
6.5. Изображения. Форматы, сжатие, спрайты, iconfonts. Favicon.
6.6. Рисование на веб-странице. SVG и Canvas.
7 Advanced CSS. 09:38:56
7.1. Сложные селекторы. Свойство important.
7.2. Псевдо-классы и псевдо-элементы.
7.3. Транформации, переходы и анимации.
7.4. Стандарты именования в CSS. Методология БЭМ.
7.5. Библиотеки стилей - Bootstrap, Semantic UI, Material UI
7.6. Шаблонизаторы (Twig, Haml) и препроцессоры (SASS, LESS, Stylus).
8 Инструменты верстальщика. 10:26:35
8.1. Размещение своих работ в Интернете. Домен и хостинг.
8.2. Инструменты командной разработки. Таск-трекеры и Git.
8.3. Сборщики, минификаторы и оптимизаторы проектов
8.4. Инструменты прототипирования.
8.5. Инструменты прототипирования.
Методичка ДЗ Инструкции:
Донат visa: 4890 4947 6096 6986
5 views
5900
2939
4 months ago 00:06:11 1
Пишем кликер на Python для Hamster Kombat ! Автоматизируем хайп-игру.
4 months ago 00:17:00 1
vs Что лучше использовать для верстки.
4 months ago 04:12:13 1
Бесплатный курс по созданию сайтов в Webflow с нуля!
4 months ago 00:06:13 1K
Dimpiks SPORT
4 months ago 00:06:39 1
Бросай верстку, начинай программировать
4 months ago 00:36:44 1
Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]
4 months ago 00:08:50 1
TOP 10 форм обратной связи для ваших проектов
4 months ago 00:16:19 1
Выпускной 2024. Курс: Графический дизайн. Группа 61. Алгоритмика Магнитогорск.
4 months ago 00:17:19 1
Пошаговый алгоритм создания лендинга
4 months ago 00:17:31 1
#7 Верстаем раздел сайта на HTML и CSS по макету из Figma
4 months ago 04:19:47 1
Верстка сайта с нуля на HTML и CSS для начинающих - Часть 2
4 months ago 00:00:00 3
Подготовка JS перед React. 2 часть. Объекты, промисы
4 months ago 00:12:20 1
#6 Верстаем раздел сайта на HTML и CSS по макету из Figma
4 months ago 00:01:14 1
ПОЛИПЛАСТ Верстка главной страницы. - “ARIAL“ ()
4 months ago 00:00:54 4
Perplexity (https://www.
4 months ago 00:13:46 1
Уроки Adobe InDesign CS5 для начинающих №1 | Leonking
4 months ago 00:11:42 1
#5 Работа с SVG иконками, верстаем раздел сайта на HTML и CSS
4 months ago 00:00:00 1
Верстка сайта для новичков. Адаптив, HTML, CSS.
4 months ago 00:12:08 1
Publisher для начинающих: Урок 1. Особенности программ верстки. Интерфейс
4 months ago 02:59:16 1
4. Принципы типографики и верстки | Курс UX UI Дизайнер: «Возрождение» | Бесплатный курс веб дизайна
4 months ago 00:12:32 1
Как отправлять заявку с сайта на почту? SMTP скрипт отправки писем
4 months ago 00:13:30 3.7K
Как Эффективно Изучать Программирование?
4 months ago 00:16:35 1
7.Создаем сайт с эффектом параллакс используя HTML,CSS #webdevelopment #web #HTML #css #parallax
4 months ago 00:45:50 1
Знакомство с Tailwind CSS на примере проекта с FrontendMentor