Светлый режимТемный режим
Содержание курса
Web-разработчик
- Зачем нам этот модуль Бесплатно4 мин. 12 Сек.
- Современная разработка сайтов, веб-приложений и других веб-продуктов. Перспективы Бесплатно4 мин. 40 Сек.
- Про конструкторы, искусственный интеллект и перспективы Бесплатно5 мин. 13 Сек.
- Классификация и этапы создания сайтов/веб-приложений36 мин. 43 Сек.
- Как все это работает изнутри: протоколы, клиент-серверная архитектура и http Бесплатно16 мин. 44 Сек.
- Как все это работает изнутри: html, css, js и тд. Бесплатно6 мин. 31 Сек.
- Работа с графикой: виды, дизайн-макеты и тп Бесплатно20 мин.
- Сервисы для работы с графикой30 мин. 38 Сек.
- (Дополнительно) Преобразование иконок в svg формат и “сетки” в макетах9 мин. 41 Сек.
- Установка и настройка редактора кода18 мин. 30 Сек.
- Создаем свой первый проект. Основы HTML38 мин.
- Основные теги HTML на практике59 мин. 25 Сек.
- Тест на закрепление основных тэгов
- Семантика и семантические теги HTML519 мин. 54 Сек.
- Тест на закрепление семантических тэгов
- Основы CSS на практике42 мин. 50 Сек.
- Тест на закрепление знаний о CSS
- Блочная модель CSS27 мин. 57 Сек.
- Developer Tool. Что это и как с ним работать?18 мин. 57 Сек.
- Блочная модель CSS. Часть 235 мин. 3 Сек.
- Тест на закрепление знаний о блочной модели
- Позиционирование элементов в CSS. Принцип карточной колоды26 мин. 10 Сек.
- Выравнивание элементов по вертикали. История: верстка таблицами и float'ами16 мин. 15 Сек.
- Единицы измерения CSS31 мин. 8 Сек.
- Специфичность CSS селекторов15 мин. 27 Сек.
- Промежуточный тест на закрепление знаний
- Автоматическое форматирование кода10 мин. 14 Сек.
- Практика часть 1. Создаем сайт на чистом HTML и CSS46 мин. 45 Сек.
- Практика часть 2. Создаем сайт на чистом HTML и CSS42 мин. 24 Сек.
- Технология Flexbox19 мин. 19 Сек.
- Применение Flexbox в проекте17 мин. 16 Сек.
- Практика. Заканчиваем сайт на чистом HTML и CSS + домашнее задание52 мин. 46 Сек.
- Свойство object-fit и работа с изображениями20 мин. 48 Сек.
- Нормализация стилей normalize.css и аналоги16 мин. 37 Сек.
- Подключение файлов через cdn-сервера. Различия и преимущества10 мин. 34 Сек.
- Работа со шрифтами в web'e42 мин. 38 Сек.
- Заключительный тест модуля
В этом уроке мы обсудим что такое дизайн-макет, какие виды графики бывают в нем и какие форматы использовать
Ресурсы: