Складчина HTML Academy - Интенсивный онлайн‑курс «Базовый HTML и CSS» №18

[Bit Bitten]

HTML Academy Базовый HTML и CSS №18
Автор: HTML Academy

Начало занятий: 07.08.2017

Программа переработана и дополнена в отличие от предыдущих потоков (например, добавлено построение сетки на flexbox - подробно см. ниже).

Это складчина на новый поток базового месячного интенсивного курса по верстке от команды "HTML Academy", который будет проходить с 7 августа по 13 сентября 2017 года.


Программа этого курса переработана и обновлена: личные проекты на флексбоксах, больше внимания разметке и векторной графике, доступность, новые критерии качества и лучшие практики.

Интенсив «Базовый HTML и CSS» — это пять недель работы над проектом. Лекции ведут четыре опытных преподавателя, а с работой над проектом помогает личный наставник — практикующий разработчик.

Курс рассчитан на новичков и начинающих верстальщиков. Подойдёт он и для систематизации уже существующих знаний.

«Базовый HTML и CSS» — это более 20 часов онлайн-вебинаров, с возможностью задать вопрос лектору, 23 интерактивных демонстраций, на которых пошагово разбираются решения типовых задач, 12 скринкастов, объясняющих нюансы вёрстки, 6 дизайн -макетов разной степени сложности и еженедельные консультации с наставником, который поделится секретами мастерства.


Через месяц вы:

• Получите опыт создания веб-интерфейсов;
• Научитесь решать типовые задачи верстальщика;
• Освоите необходимые инструменты для работы;
• Начнёте карьеру с портфолио.

Что даёт курс
После прохождения курса вы сможете начать карьеру в веб-индустрии, а также продолжить обучение на продвинутых курсах.

Начальный уровень: новичок
Курс рассчитан на людей с нулевыми знаниями HTML и CSS. Он подойдёт каждому, кто хочет окунуться в мир профессиональной веб-разработки.

Живые вебинары
Вебинары проходят по понедельникам и четвергам с 19:00 до 21:00 по московскому времени. Преподаватель рассказывает лекцию, а студенты задают вопросы.

Практика
После вебинаров нужно выполнять практические задания — проходить интерактивные курсы и верстать части учебных макетов. В этом вам будет помогать ваш наставник.

Личный наставник
Персональный наставник помогает выполнять задания и проверяет результаты работы. Это ваш личный преподаватель, который помогает вам весь курс и делится секретами мастерства. Расписание работы с наставником вы определяете сами.

Спойлер: Программа курса

ПЕРВАЯ НЕДЕЛЯ


Введение

Теоретический вебинар
Вводная лекция про роль и место верстальщика в мире веб-технологий.

Как проходит курс. Организационные вопросы.

• Обзор личных проектов.
• Как работать с наставником.
• Критерии качества вёрстки.
• Защита личного проекта и получение сертификата.

Что на самом деле происходит, когда вы вводите в браузере адрес сайт а и нажимаете Enter?

• IP-адрес, сервер и веб-сервер, «виртуальные хосты».
• Доменные имена, URL-адреса и система DNS.
• Загрузка и «сборка» веб-страницы.
• Особенности HTTP и HTTPS. Протоколы HTTP/1.1 и HTTP/2.
• Приёмы оптимизации веб-страниц.

Инструменты веб-разработчика и рабочий процесс на интенсиве.

• Системы контроля версий.
• Инструменты вёрстки: редакторы кода, инспекторы, полезные веб-сервисы.
• Немного о браузерах, браузерных движках и различиях между ними.
• 6 практических курсов для знакомства с HTML.
• Статьи, которые помогут выбрать редактор кода, разобраться с принципами работы веб-браузеров и начать работать с системами контроля версий.
• Получаем наставника.
• Настраиваем инструменты разработки, получаем графические макеты и создаём репозитории проектов.
• Отрабатываем процесс выполнения заданий. Вносим изменения в проект и отправляем их в Гитхаб.

Разметка
Создадим логическую HTML-разметку страниц учебного и личного проектов. Попрактикуемся использовать подходящие теги, задавать имена классов, оценивать сложность разметки.



ВТОРАЯ НЕДЕЛЯ


Фотошоп для верстальщика
Разберём всё необходимое для работы верстальщика в Фотошопе. Подготовим графику для проектов.



Доступность
Научимся делать интерфейсы удобные и доступные для всех. Управление фокусом, важность семантики, тестирование и скринридеры.



ТРЕТЬЯ НЕДЕЛЯ


Введение в CSS
Разберёмся с базовыми механизмами CSS и начнём стилизацию проектов.



Сетки
Разберёмся с блочной моделью документа. Создадим сетки страниц учебного и личного проектов.



ЧЕТВЁРТАЯ НЕДЕЛЯ


Декоративные элементы
Познакомимся с приёмами создания декоративных элементов. Завершим вёрстку главных страниц учебного и личного проектов.



Оформление контента
Завершим вёрстку внутренних страниц и подготовим проекты к публикации. Начнём готовиться к защите личного проекта.



ПЯТАЯ НЕДЕЛЯ


Введение в JavaScript
Познакомимся с JavaScript, узнаем что такое Vanilla JS и оживим некоторые блоки вёрстки.



Лучшие практики
Узнаем как правильно применять практические знания, как учиться новому и развивать ся в профессии.

Продажник:

Для просмотра скрытого контента необходимо Войти или Зарегистрироваться.

Для просмотра скрытого контента необходимо Войти или Зарегистрироваться.

​

 

[Артём86]

Отзыв:

Очень подробный курс, для себя открыл много нового материала, большинство ранее не понятных вопросов были разложены по полочкам с подробным объяснением онных, курс четко структурирован, разбит на индивидуальные от части независимые разделы, при необходимости можно смотреть только определенные темы - большая часть из них понятна из контекста в процессе просмотра самого видео.
Для начинающих самое то. Бывалые врят-ли найдут для себя что-то новое.

Для меня этот курс открыл двери в мир веб-разработки! Вдохновили и научили, помогли сделать первые шаги. Хоть их программа обучения больше нацелена на работу с личным куратором, но для меня оказалось достаточно и этих видео! Благодарю, на высоте.

Это несомненно лучший курс для новичка. Именно с него советую начинать изучение фронтэндерам!

Благодарю автора, курс стоящий! Курс поможет как новичку так и норм разработчику!