Первая неделя курса
«Разработчик сайтов»
вместе с куратором
«Разработчик сайтов»
вместе с куратором
Освоите основы HTML и CSS, поймёте как развиваться дальше и сделаете небольшой проект
7—16 декабря
Артём Исламов, вы его и так знаете, но если что, он — автор курса «Веб-старт»
Зачем записываться на одну неделю
Мы провели уже больше 40 потоков разных курсов: по вёрстке, JavaScript, PHP, React, разным CMS, поиску заказов на фрилансе. На каждом потоке есть те, кому не нужен полный курс, а необходимы основа для работы. Ещё есть те, кто хочет попробовать курс и решить уже на месте — учиться до конца или нет. Первым и вторым мы предлагаем записаться на первую неделю.
если можно записаться на весь курс
Программа первой недели
Подробно о том, что вы будете знать и уметь уже до следующей пятницы
Подготовительный модуль.
• Как эффективно учиться.
• Какие бывают сайты.
• Настройка редактора кода
• Какие бывают сайты.
• Настройка редактора кода
Урок №1. Урок 1. Основы HTML
•Структура HTML5-документа
• Элементы HTML разметки. Теги.
• Виды тегов. Парные/непарные теги.
• Служебные «невидимые» теги.
• Видимые теги для работы.
• Атрибуты тегов.
• Атрибуты специального назначения.
• Атрибуты общего назначения.
• Текстовые теги. Преобразование текста.
• Теги картинок и ссылок.
• Элементы HTML разметки. Теги.
• Виды тегов. Парные/непарные теги.
• Служебные «невидимые» теги.
• Видимые теги для работы.
• Атрибуты тегов.
• Атрибуты специального назначения.
• Атрибуты общего назначения.
• Текстовые теги. Преобразование текста.
• Теги картинок и ссылок.
Урок №2. Основы CSS
• Варианты подключения таблиц стилей.
• Абсолютный и относительный путь
• Селекторы CSS (id, class, вложенные элементы)
• Наследование и группирование свойств
• Приоритеты применения стилей
• Работа с текстом в CSS
— Декорирование текста
— Преобразование текста
• Цвета в CSS
• Форматы цветов
• Прозрачность (альфа-канал)
• Абсолютный и относительный путь
• Селекторы CSS (id, class, вложенные элементы)
• Наследование и группирование свойств
• Приоритеты применения стилей
• Работа с текстом в CSS
— Декорирование текста
— Преобразование текста
• Цвета в CSS
• Форматы цветов
• Прозрачность (альфа-канал)
Урок №3. Как работать с дизайн-макетом
• В каком формате дизайнеры передают макет
— PSD или Adobe XD
— Avocode, Zeplin или Figma
• Навык работы с дизайн-макетом для разработчика
• Горячие клавиши для быстрой работы с макетом
• Работа со слоями, папками, смарт-объектами
• Графика для web (gif, png, jpeg, svg)
• Avocode для быстрой работы с графикой
— PSD или Adobe XD
— Avocode, Zeplin или Figma
• Навык работы с дизайн-макетом для разработчика
• Горячие клавиши для быстрой работы с макетом
• Работа со слоями, папками, смарт-объектами
• Графика для web (gif, png, jpeg, svg)
• Avocode для быстрой работы с графикой
Урок №4. Блочная модель в CSS
• Строчные и блочные элементы HTML
• Ширина, высота, рамка и отступы объектов
• Как работает Float
• Зачем нужен clearfix Наследование CSS-свойств
• Ширина, высота, рамка и отступы объектов
• Как работает Float
• Зачем нужен clearfix Наследование CSS-свойств
Бонус. Разбор работ по блочной модели CSS
• Разбираем ошибки при использовании блочной модели
Урок №5. FlexBox CSS
• Свойство display: flex
• Выравнивание элементов по горизонтали justify-content
• Выравнивание элементов по вертикали align-items
• Направление главной оси flex-direction
• Многострочность элементов flex-wrap
• Многострочное выравнивание align-content
• Порядок отображения элементов order
• Базовая ширина элемента flex-basis
• Растяжение элементов flex-grow
• Сужение элементов flex-shrink
• Выравнивание отдельных элементов align-self
• Выравнивание элементов по горизонтали justify-content
• Выравнивание элементов по вертикали align-items
• Направление главной оси flex-direction
• Многострочность элементов flex-wrap
• Многострочное выравнивание align-content
• Порядок отображения элементов order
• Базовая ширина элемента flex-basis
• Растяжение элементов flex-grow
• Сужение элементов flex-shrink
• Выравнивание отдельных элементов align-self
Бонус. Разбор работ по Flexbox CSS
• Разбираем работы по Flexbox CSS
Урок №6. Хостинг и домен
- Что такое доменное имя сайта
- Как опубликовать сайт на хостинге
- Как привязать домен к хостингу
- Как давать ссылку на свой сайт
- Что такое SSL сертификат и как его выпустить
Урок №7. Практика вёрстки макета
- Верстаем первый проект
🚩 Формат обучения
Где и как проходят уроки, у кого просить помощи,
есть ли общий чат.
есть ли общий чат.
Видеоуроки
Каждый день на нашей учебной платформе выходят уже записанные видеоуроки. Обычно это один основной урок и один дополнительный. Посмотреть можно в любое удобное время, но не затягивайте :)
Домашние задания
К видеоуроку идут домашние задания — простое и усложнённое. Первое — обязательное, второе вы выполняете, если хотите углубиться в тему.
Прямая трансляция
В конце недели проходит прямая трансляция с преподавателем. На ней преподаватель отвечает на дополнительные вопросы, разбирает типичные ошибки в уроках или проводит дополнительную лекцию.
Общий чат
В чате работают все участники, кураторы курса и преподаватель. Можно спросить помощи, обсудить домашку и просто поболтать. Помимо общего чата вам доступен отдельный чат с вашим куратором.
Куратор
Вы учитесь вместе с куратором — наставником, который поможет разобраться в уроке, укажет на ошибку, подскажет, что ещё почитать по теме. Куратор проверяет все ваши домашние задания.
Готовая работа
По итогам недели вы самостоятельно сверстаете страницу о книге
Стоимость первой недели курса «Разработчик сайтов» —
2000 рублей
2000 рублей
За это время вы освоите основы HTML и CSS, поработаете со строчно-блочными элементами и Flexbox CSS, сделаете две работы и поймёте, подходит ли вам разработка сайтов или нет.
Осталось 4 из 12 мест
Осталось 4 из 12 мест