Профессиональный HTML и CSS, уровень 1 от HTML Academy

От: HTML Academy

5/5

2 отзыва

CSS HTML Frontend-разработка

Курс "Профессиональный HTML и CSS, уровень 1" предназначен для веб-разработчиков, владеющих основами HTML и CSS и желающих стать верстальщиками. Позволяет за 63 дня обучения без отрыва от работы овладеть востребованной профессией. В учебной программе: живые лекции, практические задания, разработка и защита реального проекта с полным сопровождением индивидуального наставника. Это 10−15 часов в неделю, или всего 36 часов занятий по теории и 90 часов практики. Выпускник научится работать с Grid Layout, Flexible Boxes, Figma, Photoshop и JavaScript. Выдаётся диплом.

Записаться на курс

Сводка

Цена

15 900₽

Рассрочка

от 200₽

Статус

Идет набор

Длительность

63 дня

Язык

Описание курса

Работать с HTML и CSS на уровне младшего верстальщика

- Понимать полный цикл работы верстальщика
- Работать с системой контроля версий в GitHub Desktop
- Работать с графическим макетом в редакторе Figma
- Создавать выразительную и доступную разметку
- Строить сетки страниц на гридах
- Работать с кастомными свойствами, анимацией, ретиновой графикой
- Оптимизировать код
- Готовить завершённый проект к публикации

О школе

HTML Academy

Отзывы 0

Информация

Компания основана в 2013 году. Официальный сайт https://htmlacademy.ru. Мы собрали и проверили более 33 отзывов об онлайн курсах HTML Academy.

Программа курса

Первая неделя

ОБУЧЕНИЕ

Участие в живых лекциях, работа над проектом с личным наставником.

Раздел 1

Старт

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

Раздел 2

Введение в HTML

Проанализируем макет перед вёрсткой, узнаем синтаксис HTML и базовую структуру страницы, посмотрим как работает спецификация и разберём сложные случаи разметки.

Вторая неделя

Раздел 3

Введение в CSS

Разделим макет на блоки, создадим структуру стилей, погрузимся в основы CSS, поработаем с типографикой и подключим шрифты.

Свернуть / Развернуть

Раздел 4

Редакторы и инспекторы графики

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

Третья неделя

Раздел 5

Сетки и раскладки

Научимся понимать систему сеток и раскладку блоков, рассмотрим принципы работы Grid Layout и Flexible Boxes, научимся предусматривать переполнение сетки и разберёмся в блочной модели.

Раздел 6

Декоративные и контентные элементы

Поговорим о том, какими правилами оперирует дизайн при построении макетов. Рассмотрим состояния и позиционирование элементов на странице. Сделаем интерфейс устойчивым к переполнению.

Четвёртая неделя

Раздел 7

Доступность

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

Пятая неделя

Раздел 8

JavaScript в вёрстке

Поговорим о том, где применяется JavaScript, чем отличается DOM и HTML-дерево. Подключим и настроим JavaScript-компоненты.

Шестая неделя

ЗАЩИТА ПРОЕКТА

Подготовка проекта к итоговой защите и оценка его проверяющим наставником по критериям качества.

Первая неделя защиты

Начало подготовки к итоговой защите.

Седьмая неделя

Вторая неделя защиты

Первая оценка проекта проверяющим наставником по критериям качества.

Восьмая неделя

Третья неделя защиты

Улучшение проекта по замечаниям проверяющего наставника и подача на вторую оценку.

Девятая неделя

Четвёртая неделя защиты

Внесение финальных правок и получение итоговой оценки.

Раздел 9

Финал

Поговорим о том, как прошёл курс и куда вам двигаться дальше.

Инструменты

HTML

CSS

Figma

Photoshop

Git

Другие курсы школы

Великий Кексби

Оформление текста

Знакомство с PHP [Бета‑тест]

React-разработчик

Основы SVG

Отзывы

О школе О Курсе

Рейтинг 5

2 отзывов

Ребята, без приукрашиваний, лично мое мнение - это самое лучшее онлайн обучение верстке (пока могу судить только об этом, т.к. закончил два курса HTML и CSS, оба на 100%). От нечего делать смотрел после окончания курса вэбинары другой такой школы ... и обалдел насколько большая разница в подаче материала. Там, конечно преподают намного больше специальностей в IT сфере (все возможные наверное:), но сложилось впечатление, что готовят как в поговорке И швец, и жнец, и на дуде игрец . Здесь же готовят в конкретной специальности к реальной работе, показывают много фишечек, которые не привыкли делать, а может просто и не знают, даже ребята с опытом работы. Короче, затачивают сразу на правильный подход к делу, чтобы потом не переучивать самого себя под реалии жизни. Скажу сразу - да, без опыта будет сложно (сам такой, да и к тому же не совсем молодой 38 лет), но если ты на самом деле хочешь этому научиться, то здесь есть все для этого. По мере обучения смотрел оооочень много видео на данную тему - говорят можно самому бесплатно научиться тому же самому. Да, можно, но реально это будет в разы дольше и труднее и скорее всего не на таком высоком уровне (даже не представляю как без опыта практически этому научиться, хотя представляю - время обучения можно сразу умножить на три и уровень будет не тот). Если б вернуть время назад - я бы даже не раздумывая пошел на эти курсы.

Отзыв взят с сайта mooc.ru

В целом я получил то, на что рассчитывал. Забегая наперед: остался доволен. С Академией знаком давно, с 2015 года понемногу проходил интерактивы. Посоветовали опытные фронтендеры с Киева. Сбило меня только тогда с толку, сказав: ну платные курсы сейчас нету смысла покупать, все есть в интернете . Согласился. Накачал значит всяких курсов, никакие до конца не завершил. А время то идет. Даже HTML 1 интенсив проходил без наставника . Растянул я это на шесть месяцев, ну и без всех плюшек с наставником, без код ревью и защиты, без сертификата. И не за два месяца. Вот поэтому и решил оплатить интенсив, убедившись в том что здесь работают профессионалы, с уникальными учебными материалами. Защитился на 100%, за два месяца, получив отличный опыт. Сейчас учусь на интенсиве JS 1. Так что хочу сказать, что учиться самому можно, и нужно, но подавляющее большинство просто это растянет на года. Здесь же так не получится, и если человек это действительно хочет - удобный интерфейс, структурированная программа, наставник, преподаватели, кураторы, дедлайны - в этом помогут. P.S. Для позиционирования по центру элементов с position: absolute не используйте left: 50%, transform: transition(-50%); - в IE 11 & EDGE - работать не будет)