Младший верстальщик
Зарплата: 30 000
HTML и CSS.Профессиональная вёрстка сайтов
18 января — 21 марта 2021
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.
Чтобы добиться такого качества обучения, мы используем профессиональную триаду «критерии-проекты-наставники»:
НаставникиПроверкой ваших проектов на соответствие критериям качества занимаются наставники, которые являются профессиональными разработчиками.
Критерии качестваПрофессиональные критерии качества мы разрабатываем совместно с компаниями и профессиональным сообществом.
Настоящие проектыВ течение обучения вы выполняете настоящие проекты.
В течение обучения вы выполняете настоящие проекты.
Как раз в этой триаде. В интерактивных курсах вы изучаете базовые конструкции языков, а на профессиональном курсе вы осваиваете приёмы и методики решения профессиональных задач.
Доступ к интерактивным курсам и подборка предварительных материалов
Выбор наставника и проекта
Участие в живых лайвах, работа над проектом с наставником
Подготовка проекта к итоговой защите
Подведение итогов
Лайвы проходят по понедельникам и четвергам с 19:00 до 21:00 по московскому времени. Посмотреть запись лайва можно на следующий день.
После лайва вы выполняете домашнее задание, в котором работаете над своим проектом и закрепляете учебный материал.
После каждого задания ваш личный наставник проверяет качество работы, делится опытом и рассказывает, как можно сделать лучше.
Курс рассчитан на новичков. Для его прохождения достаточно завершить интерактивные курсы по основам HTML и CSS.
Объём заданий подобран так, чтобы даже занятые и работающие люди успевали выполнять их в срок, работая в комфортном режиме.
Чтобы успешно пройти курс вам понадобится 10−15 часов в неделю или 1,5−2 часа в день. Занимайтесь равномерно в течение недели или погружайтесь в учёбу на выходных.
Сроки итоговой защиты позволяют детально проработать обратную связь от проверяющего наставника и получить отлично выполненный личный проект.
Актуальные стандарты качества: не нужно переучиваться после курса.
Понимание полного цикла работы верстальщика.
Фундаментальные и структурированные знания необходимых технологий.
Опыт работы с дедлайнами и планирования работы.
После успешного завершения курса можно начать карьеру верстальщика, а также продолжить обучение на других наших курсах.
Зарплата: 30 000
HTML и CSS.Зарплата: 90 000
HTML и CSS.Зарплата: 140 000
JavaScript.* Информация о медианных зарплатах в городе Москва получена на основе исследования компании «Мой круг» во втором полугодии 2018 года.
Цена повысится через 10 дней.
Мы убеждены, что обратную связь ученику должен давать опытный специалист, который прямо сейчас работает на рынке, решает современные задачи, использует актуальные подходы и инструменты.
Чтобы отбирать таких специалистов, мы построили уникальную систему привлечения и фильтрации.
Вместе с наставником вы будете разрабатывать проект в экосистеме, привычной профессионалам. Рабочий процесс мало отличается от реальной разработки в больших компаниях.
Проверяем, кем и где кандидат в наставники работал, какой у него опыт, а также смотрим на его код.
Проводим часовое собеседование, на котором проверяем знание предметной области, а также умение понятно объяснять и другие человеческие качества.
Прошедших собеседование кандидатов допускаем до учеников. На этом путь наставника только начинается. После каждого курса мы собираем обратную связь, которая помогает наставникам совершенствоваться.
Во время курса вас будет сопровождать личный наставник. Он будет делать ревью кода, проверять практические задания, отвечать на вопросы и делиться секретами мастерства.
Ревью кода — это привычная практика, используемая в крупных компаниях, когда более опытный разработчик проверяет код менее опытного. Львиную долю обратной связи вы получите от наставника в виде ревью кода. Он прочитает каждую строчку, оставит комментарии и поможет сделать ваше решение правильным.
А когда ревью кода недостаточно, наставники используют голосовые консультации, зачастую с демонстрацией экрана. На таких консультациях разбирают сложные вопросы или демонстрируют нетривиальные приёмы. Во время курса предусмотрено 5 часов голосовых консультаций или 9 часов на комфортном тарифе.
Во время курса вы будете работать над специально разработанными проектами «Нёрдсом», «Седоной» и «Техномартом», а на комфортном тарифе к ним добавятся более сложные проекты «Глейси» и «Девайс».
В течение курса вы успеете разработать и защитить один проект, а на комфортном тарифе можете защитить два проекта.
Мы давно зарекомендовали себя в профессиональном сообществе. Нас и наших выпускников знают не только разработчики, но и крупные компании. Вот несколько отзывов от компаний о наших курсах и выпускниках.
В Авито нет верстальщиков, только фронтенд-разработчики разных уровней. Чтобы попасть к нам на работу младшим разработчиком, человек должен обладать определёнными навыками. Это уверенное владение базовыми технологиями: HTML, CSS и JavaScript, понимание того, как работает браузер, знание, как делать проекты кроссбраузерными, как работает API, DOM и другие важные основы. Кроме этого мы ценим ответственность, умение играть в команде, желание развиваться и инициативность.
Мне, как наставнику на курсах и бывшей студентке, известны стандарты качества Академии и то, как строится работа. Всё максимально приближено к реальным условиям — используется система контроля версий Git, есть разбивка проекта на этапы (своеобразные итерации), обязательное ревью кода наставниками и неумолимый дедлайн. Большое внимание уделяется доступности интерфейсов, а это полезно для всей отрасли.
В целом программа обучения в Академии построена грамотно для старта. Она помогает подготовить универсального бойца, который сможет качественно заниматься разработкой и в студии, и в крупной продуктовой компании. Если человек защитился на 100%, то это показатель, что у него всё в порядке с обучаемостью, мотивированностью и личными качествами, которые понадобятся в будущем на работе. А дальше уже всё зависит от активности и способности доказать свои умения делом.
Что касается вёрстки и создания веб-страниц, мы в команде трепетно относимся к семантической разметке и её пониманию, умению писать на чистом CSS и системному мышлению у разработчика. Страницы должны быть не только красивыми для пользователя, но и быстро загружаться, быть структурированными и, конечно, удобными для работы в команде. При нашем объёме проектов уделять этому внимание очень важно.
Кроме этого, ценится понимание принципов доступности, так как думать о людях, которые будут пользоваться интерфейсом — это хороший тон. Человек, который присоединяется к нашей команде не должен бояться решать незнакомые задачи, искать нестандартные решения и брать ответственность.
В этом смысле, подход Академии к обучению кажется адекватным: кодревью от опытного разработчика хорошо подготавливает к работе. Особенно ценно, что вся работа над проектами сразу идёт через Git — у нас также вся работа в компании проходит через обязательные ревью.
Сейчас в команде работает выпускник Академии Павел и я им доволен. Необходимые базовые навыки, понимание семантики, работа с чистым CSS — всё это на хорошем уровне, а что касается JavaScript — он быстро ориентируется, если делал что-то похожее — вспоминает. Он был сразу готов взять и начать работать.
Иногда бывает, что при выходе нового джуниор-разработчика, менторить приходится до самых мелких моментов. В случае с Павлом вливание в команду прошло практически беззаботно.
Мне, как руководителю не важны сертификаты и дипломы, я смотрю на код, который пишет человек, что им движет работать в этой сфере, почему он выбрал именно фронтенд. Поэтому если я вижу, что человек самостоятельно развивается, проходит курсы и целеустремлён — для меня это хороший показатель его заинтересованности.
Мы в Ostrovok.ru постоянно ищем талантливых ребят: наш продукт быстро развивается и лишние фронтендерские руки (желательно «золотые») нужны всегда. Хорошего специалиста найти не так просто, поэтому мы уже несколько раз обращались к Академии, когда подбирали джуниоров.
Ребята приходили с хорошей базой и горящими глазами, быстро вливались в процессы и команду. Сейчас в Ostrovok.ru работают три выпускника Академии — все на позиции джунов и отлично справляются.
Спасибо Академии за хорошо подготовленных специалистов.
Мы регулярно отправляем своих сотрудников на тренинги, семинары, интенсивы и всячески открыты к образовательным программам, так мы и познакомились с HTML Academy.
Сотрудники, прошедшие курсы, рассказывают, что материал в лекциях и заданиях изложен доступно и интересно. Отмечают также что после обучения, в какой-то мере, перестраивается мышление и начинаешь глубже понимать специфику языка, а это помогает в работе. Обучению им пришлось уделять действительно много времени, но это того стоит.
Для наших задач в компании, программа обучения включает в себя все необходимые железные основы и даже некоторые хитрости, поэтому мы отправляем на обучение в Академию как разработчиков с опытом, чтобы структурировать знания, так и новичков, чтобы подтянуть их на нужный уровень.
HTML Академия — лучшее, что происходило с ИТ-образованием в России.
Если вы боитесь, что не разберётесь или «программирование — это не для вас», то HTML Академия подойдёт вам идеально. Всегда будет у кого спросить и кто вас поддержит.
Они много работали с сообществом, чтобы понять какие именно знания нужны на работе. Круто насколько всё приближено к реальной разработке.
К нам на вакансию фронтенд-разработчика пришёл выпускник Академии. Знания, полученные на интенсивах по JavaScript и вёрстке помогают ему решать задачи с минимальными трудозатратами.
В целом, именно обучение на курсах Академии дало нашему сотруднику возможность развиваться как хорошему разработчику и профессионально подходить к решению проблем в работе.
Огромное спасибо HTML Academy за крутых выпускников! Три человека брали к себе на стажировку, в последующем два из них остались у нас на постоянной работе. Классные ребята с хорошим бэкграундом! Академия обучает сильных специалистов!
Обучение Участие в живых лайвах, работа над проектом с личным наставником.
Познакомимся с участниками и процессом на курсе, рассмотрим устройство веба и ваше место в профессии, подготовим инструменты для работы.
Как проходит курс.
Кто и как делает сайты.
Инструменты и процесс.
Статьи
Проанализируем макет перед вёрсткой, узнаем синтаксис HTML и базовую структуру страницы, посмотрим как работает спецификация и разберём сложные случаи разметки.
Создание страниц по макету.
Синтаксис HTML
Базовая структура страницы.
Семантика и спецификации.
СкринкастыТри интерактивные демонстрации по разметке учебного проекта.
СтатьиРазделим макет на блоки, создадим структуру стилей, погрузимся в основы CSS, поработаем с типографикой и подключим шрифты.
Устройство и логические части макета.
Файлы и структура для блоков.
Погружение в стили для блоков.
Наследование, каскад, специфичность
font-size отличается от background-color.Размеры и центрирование макета.
Шрифты.
СкринкастыТри интерактивных демонстраций по базовой стилизации: «стилизация главной страницы», «стилизация страницы каталога», «стилизация карточки товара».
СтатьиЧетыре практических курса для знакомства с блочной моделью документа, флексами, гридами и приёмами построения сеток.
Посмотрим, какие есть редакторы и инспекторы графики, изучим интерфейс Figma, разберёмся в форматах графики, научимся выбирать правильные, экспортировать и оптимизировать.
Отличия редактора от инспектора.
Интерфейс Figma и работа с макетом.
Форматы графики и принцип выбора.
Оптимизация графики после экспорта.
Файловая структура и указание путей.
СтатьиНаучимся понимать систему сеток и раскладку блоков на примере Grid Layout. Научимся выделять сетки на макетах. Разберёмся в блочной модели.
Модульная система и сетки.
Спецификация Grid Layout и раскладка по сетке макета.
Блочная модель.
СкринкастыИнтерактивные демонстрации по созданию сетки главной страницы, каталога и карточки товара.
СтатьиНаучимся понимать систему сеток и раскладку блоков на примере Flexible Boxes. Научимся выбирать случаи, когда флексы подходят лучше гридов.
Спецификация Flexible Boxes и раскладка внутри блоков.
Флексы и гриды.
СкринкастыИнтерактивные демонстрации по созданию блоков главной страницы, каталога и карточки товара.
СтатьиПоговорим о том, какими правилами оперирует дизайн при построении макетов. Рассмотрим состояния и позиционирование элементов на странице. Сделаем интерфейс устойчивым к переполнению.
Контентная и оформительская графика в вебе.
Визуальные правила и типографика.
Интерактивность интерфейса.
Раскладка контента: мультиколонки и флоаты.
Переполнение контента.
СкринкастыИнтерактивная демонстрация со стилизацией декоративных и контентных элементов.
СтатьиПрактические курсы для закрепления навыков создания декоративных элементов.
Узнаем как стилизовать содержание внутренних страниц, которые наполняются из CMS. Начнём готовиться к защите личного проекта.
Практикуемся в вёрстке элементов содержимого.
Разбираем типовые случаи переполнения и способы борьбы с ними.
СкринкастыЗадания на создание декоративных элементов личного проекта.
Поговорим про доступность, рассмотрим возможности улучшения удобства интерфейсов. Поработаем с инструментами проверки и отладки доступности.
Ситуации с неудобным интерфейсом, введение в доступность.
Доступность встроенных в HTML элементов.
Способы взаимодействия с интерфейсом.
Популярные паттерны интерфейса.
Подписи к интерактивным и контентным элементам.
Инструменты проверки и отладки доступности.
СкринкастыЗадания на улучшение доступности личного проекта.
Защита проекта Подготовка проекта к итоговой защите и оценка его проверяющим наставником по критериям качества.
Поговорим о том, где применяется JavaScript, чем отличается DOM и HTML-дерево. Подключим и настроим JavaScript-компоненты.
JavaScript в браузерах.
Интерактивные компоненты Барбершопа.
Интерактивная демонстрация по оживлению карты и попапов.
СтатьиИнтерактивные курсы по работе с переменными и функциями.
Начало подготовки к итоговой защите.
Первая оценка проекта проверяющим наставником по критериям качества.
Улучшение проекта по замечаниям проверяющего наставника и подача на вторую оценку.
Внесение финальных правок и получение итоговой оценки.
Поговорим о том, как прошёл курс и куда вам двигаться дальше.
Результаты курса.
Ваше место в профессии.
Куда двигаться дальше.
Цена повысится через 10 дней.
После прохождения курса вы получите электронный сертификат
Образовательная деятельность осуществляется на основании государственной лицензии № 3026 от 6 июня 2017 года.
Начинала проходить интерактивные курсы, чтобы скоротать свободное время на работе. В процессе поняла, что смена сферы деятельности не за горами. Интенсивного курса немного боялась, казалось, что будет намного труднее, чем просто проходить курсы, и я попросту не справлюсь. В итоге, всё оказалось намного проще, чем я ожидала.
А именно, увлекательная работа над проектом с нуля, когда начинаешь понемногу понимать, как сделаны сайты, которые чаще всего посещаешь, когда случайно нажатая клавиша F12 не вызывает страх от увиденной абракадабры. И самое прекрасное, когда результат работы постепенно становится похожим на макет. Обучение построено в довольно удобном формате, и это даёт намного больше знаний, чем обычное прохождение интерактивных курсов. Хотя и они весьма интересные и доступные. Отдельное спасибо преподавателям, за доступное объяснение информации, интересный и не занудный формат лекций. И спасибо Академии за возможность обучаться на диване.
На интенсивный курс пришёл с почти нулевыми знаниями, пройдя несколько разделов интерактивных курсов. Узнал для себя много нового и даже больше, получил много практического опыта в ходе выполнения личного проекта, чему безусловно рад. Наставники отличные, отзывчивые и что самое главное — всегда на связи.
Подача материала, лекции — пять с плюсом. Преподаватели — настоящие профессионалы своего дела, в них невозможно не влюбиться, это факт. Всё понятно, доступно разжевали, просто внимательно слушай и получай знания. Теперь уверен, что не остановлюсь, буду продолжать учиться и идти к своей цели. А цель — устроиться на работу джуном. Всем будущим ученикам этой прекрасной Академии желаю успехов во всех начинаниях, успешно сдать проекты и устроиться на работу мечты.
HTML Academy — фанаты своего дела. Если хотите изучать фронтенд, то Академия ваш лучший друг. Благодаря курсу за месяц можно выучить столько, сколько вы учили бы полгода самостоятельно. И то не факт, что учили бы правильно, так как нужно, чтобы кто-то проверял ваш код. Именно Академия даёт такую возможность, предоставляя каждому ученику личного наставника.
Долго думал, стоит ли идти на курс. Читал отзывы смотрел комментарии, но после прохождения ни капли не пожалел. Курс очень хорош, придя на него неопытным новичком — выходишь с уверенностью в том, что можешь сверстать уже довольно хороший сайт.
Курс просто бомба! В хорошем смысле этого слова. Даёт огромный вагон знаний, несмотря на то, что это только начальный курс. Да, он нелёгкий, да придётся потрудиться, но это стоит того. Были моменты, когда меня посещала мысль, бросить всё, но благодаря наставнику и уже части пройденного пути, отогнал эту мысль, взял себя в руки и сдал на 100%. В общем, курс — супер, рекомендую!
Очень благодарен Академии за интенсивный курс «HTML и CSS. Профессиональная вёрстка сайтов». Благодарен не только за полученные мной систематизированные знания, большое количество полезных статей, ссылок, материалов, но и за время, которое я сэкономил, отказавшись от самостоятельного изучения.
Совмещать обучение и работу оказалось не очень сложно, планируйте своё время правильно, и вы всё успеете. Также отдельно хочу отметить работу с наставником, что является неотъемлемой частью обучения и составляет огромную долю успеха в получении знаний и защите проекта, а ещё это отличная возможность пообщаться с опытным профессионалом. Планирую дальше учиться в Академии и развиваться в профессии.
Это был очень крутой месяц. Узнал много нового, прежняя информация, полученная в интерактивных курсах, разложилась по полочкам, чувствуешь себя не так растерянно, как до интенсивного курса. Удобная подача информации, записи лекций и индивидуальное планирование времени с наставником помогут успешно дойти до конца курса и сдать его, даже если у вас не так много свободного времени.
Мои впечатления о курсе только положительные, я никогда в жизни ничего не учил так быстро как здесь. Подача материала, на мой взгляд? шикарная. Главное, что знания полученные таким путём останутся со мной надолго. Получил даже больше, чем ожидал. Курс идеально подойдёт людям, которые любят откладывать что-то в долгий ящик.
Информация подаётся очень интересно, возможность потрогать руками интерактивные курсы, а не просто посмотреть на картинку, помогает лучше усвоить материал, а лекторы просто мастера своего дела, успевают рассказать весь материал и ответить на все вопросы. Кстати, возможность задать свои вопросы прямо на онлайн-лекции очень порадовала.
Сначала сомневался: не будет ли легко и скучно на первом уровне вёрстки? Так как кое-какой опыт у меня всё же был. Ответ не заставил себя долго ждать — скучно точно не будет. Интересные лекции, грамотно подобранный материал, опытнейшие преподаватели, юмор и позитив — всё это об Академии.
Но это всё лирика и красивые слова. Что конкретно мне дал интенсив?
Академия — это, бесспорно, лучшее что случалось в сфере обучения. Записался на следующий курс ещё во время прохождения этого, чего и вам советую. Всем добра!
Это был интересный, сложный, увлекательный, очень интенсивный курс. Иногда хотелось всё бросить. Иногда казалось, что ничего не получится, один раз даже удалил всё что было сделано и начал с нуля. Иногда забывал спать, а случалось, что верстал во сне.
Самое интересное — когда у тебя на глазах, с чистого листа, появляется полноценный сайт. При этом начинаешь понимать, как всё устроено и как работает. Начинаешь смотреть на сайты и думать: «А как бы это сделал я?». В общем нисколько не пожалел. Многому ещё стоит научиться, но начало положено. Впереди следующие курсы.
Отчёт о 28 потоке читайте в нашем блоге.
18 января — 21 марта 2021
