Младший верстальщик
Зарплата: 70 000 ₽
HTML и CSS.Профессиональная вёрстка сайтов
27 ноября 2023 — 5 февраля 2024
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.
Чтобы добиться такого качества обучения, мы используем профессиональную триаду «критерии-проекты-наставники»:
НаставникиПроверкой ваших проектов на соответствие критериям качества занимаются наставники, которые являются профессиональными разработчиками.
Критерии качестваПрофессиональные критерии качества мы разрабатываем совместно с компаниями и профессиональным сообществом.
Настоящие проектыВ течение обучения вы выполняете настоящие проекты.
В течение обучения вы выполняете настоящие проекты.
Как раз в этой триаде. На тренажёрах вы изучаете базовые конструкции языков, а на профессиональном курсе вы осваиваете приёмы и методики решения профессиональных задач.
Доступ к интерактивным курсам и подборка предварительных материалов
Выбор наставника и проекта
Участие в живых лекциях, работа над проектом с наставником
Подготовка проекта
к итоговой защите
Подведение итогов
Прямые эфиры, на которых преподаватели разбирают сложные моменты из теории и практики. Проходят с 19 до 21 по Москве, запись доступна на следующий день.
После лекции вы выполняете домашнее задание, в котором работаете над своим проектом и закрепляете учебный материал.
Наставник будет проверять качество выполнения заданий и делиться опытом, как можно сделать лучше.
Обучение рассчитано на выпускников курса «HTML и CSS. Профессиональная вёрстка сайтов» или для верстальщиков, желающих поднять свои навыки.
Объём заданий подобран так, чтобы даже занятые и работающие люди успевали выполнять их в срок, работая в комфортном режиме.
Вы сами регулируете нагрузку в зависимости от тарифа. На продвинутом тарифе понадобится уделять 10 часов в неделю, на базовом — 15 часов в неделю.
Сроки итоговой защиты позволяют детально проработать обратную связь от проверяющего наставника и получить отлично выполненный личный проект.
Актуальные стандарты качества: не нужно переучиваться после курса.
Понимание полного цикла работы верстальщика.
Фундаментальные и структурированные знания необходимых технологий.
Опыт работы с дедлайнами и планирования работы.
После успешного завершения курса можно начать карьеру фронтенд-разработчика, а также продолжить обучение на других наших курсах.
Зарплата: 70 000 ₽
HTML и CSS.
Зарплата: 150 000 ₽
HTML и CSS.
Зарплата: 155 000 ₽
JavaScript.* Информация о медианных зарплатах получена на основе исследования компании «Хабр Карьера» во втором полугодии 2022 года.
Консультация по телефону 8 800 555-86-28.
Мы убеждены, что обратную связь ученику должен давать опытный специалист, который прямо сейчас работает на рынке, решает современные задачи, использует актуальные подходы и инструменты.
Чтобы отбирать таких специалистов, мы построили уникальную систему привлечения и фильтрации.
Вместе с наставником вы будете разрабатывать проект в экосистеме, привычной профессионалам. Рабочий процесс мало отличается от реальной разработки в больших компаниях.
Проверяем, кем и где кандидат в наставники работал, какой у него опыт, а также смотрим на его код.
Проводим часовое собеседование, на котором проверяем знание предметной области, а также умение понятно объяснять и другие человеческие качества.
Прошедших собеседование кандидатов допускаем до учеников. На этом путь наставника только начинается. После каждого курса мы собираем обратную связь, которая помогает наставникам совершенствоваться.
Во время курса вас будет сопровождать наставник. Он будет делать ревью кода, проверять практические задания, отвечать на вопросы и делиться секретами мастерства.
Ревью кода — это привычная практика, используемая в крупных компаниях, когда более опытный разработчик проверяет код менее опытного. Львиную долю обратной связи вы получите от наставника в виде ревью кода.
А когда ревью кода недостаточно, наставники используют голосовые консультации, зачастую с демонстрацией экрана. На таких консультациях разбирают сложные вопросы или демонстрируют нетривиальные приёмы. Во время курса в зависимости от тарифа предусмотрено до 9 часов голосовых консультаций.
Во время курса вы будете работать над специально разработанными проектами: «Седона», «Кэт энерджи», «Мишка».
В течение курса вы успеете разработать и защитить от одного до трёх проектов в зависимости от тарифа.
Мы давно зарекомендовали себя в профессиональном сообществе. Нас и наших выпускников знают не только разработчики, но и крупные компании. Вот несколько отзывов от компаний о наших курсах и выпускниках.
В Авито нет верстальщиков, только фронтенд-разработчики разных уровней. Чтобы попасть к нам на работу младшим разработчиком, человек должен обладать определёнными навыками. Это уверенное владение базовыми технологиями: HTML, CSS и JavaScript, понимание того, как работает браузер, знание, как делать проекты кроссбраузерными, как работает API, DOM и другие важные основы. Кроме этого мы ценим ответственность, умение играть в команде, желание развиваться и инициативность.
Мне, как наставнику на курсах и бывшей студентке, известны стандарты качества Академии и то, как строится работа. Всё максимально приближено к реальным условиям — используется система контроля версий Git, есть разбивка проекта на этапы (своеобразные итерации), обязательное ревью кода наставниками и неумолимый дедлайн. Большое внимание уделяется доступности интерфейсов, а это полезно для всей отрасли.
В целом программа обучения в Академии построена грамотно для старта. Она помогает подготовить универсального бойца, который сможет качественно заниматься разработкой и в студии, и в крупной продуктовой компании. Если человек защитился на 100%, то это показатель, что у него всё в порядке с обучаемостью, мотивированностью и личными качествами, которые понадобятся в будущем на работе. А дальше уже всё зависит от активности и способности доказать свои умения делом.
Что касается вёрстки и создания веб-страниц, мы в команде трепетно относимся к семантической разметке и её пониманию, умению писать на чистом CSS и системному мышлению у разработчика. Страницы должны быть не только красивыми для пользователя, но и быстро загружаться, быть структурированными и, конечно, удобными для работы в команде. При нашем объёме проектов уделять этому внимание очень важно.
Кроме этого, ценится понимание принципов доступности, так как думать о людях, которые будут пользоваться интерфейсом — это хороший тон. Человек, который присоединяется к нашей команде не должен бояться решать незнакомые задачи, искать нестандартные решения и брать ответственность.
В этом смысле, подход Академии к обучению кажется адекватным: кодревью от опытного разработчика хорошо подготавливает к работе. Особенно ценно, что вся работа над проектами сразу идёт через Git — у нас также вся работа в компании проходит через обязательные ревью.
Сейчас в команде работает выпускник Академии Павел и я им доволен. Необходимые базовые навыки, понимание семантики, работа с чистым CSS — всё это на хорошем уровне, а что касается JavaScript — он быстро ориентируется, если делал что-то похожее — вспоминает. Он был сразу готов взять и начать работать.
Иногда бывает, что при выходе нового джуниор-разработчика, менторить приходится до самых мелких моментов. В случае с Павлом вливание в команду прошло практически беззаботно.
Мне, как руководителю не важны сертификаты и дипломы, я смотрю на код, который пишет человек, что им движет работать в этой сфере, почему он выбрал именно фронтенд. Поэтому если я вижу, что человек самостоятельно развивается, проходит курсы и целеустремлён — для меня это хороший показатель его заинтересованности.
Мы в Ostrovok.ru постоянно ищем талантливых ребят: наш продукт быстро развивается и лишние фронтендерские руки (желательно «золотые») нужны всегда. Хорошего специалиста найти не так просто, поэтому мы уже несколько раз обращались к Академии, когда подбирали джуниоров.
Ребята приходили с хорошей базой и горящими глазами, быстро вливались в процессы и команду. Сейчас в Ostrovok.ru работают три выпускника Академии — все на позиции джунов и отлично справляются.
Спасибо Академии за хорошо подготовленных специалистов.
Мы регулярно отправляем своих сотрудников на тренинги, семинары, интенсивы и всячески открыты к образовательным программам, так мы и познакомились с HTML Academy.
Сотрудники, прошедшие курсы, рассказывают, что материал в лекциях и заданиях изложен доступно и интересно. Отмечают также что после обучения, в какой-то мере, перестраивается мышление и начинаешь глубже понимать специфику языка, а это помогает в работе. Обучению им пришлось уделять действительно много времени, но это того стоит.
Для наших задач в компании, программа обучения включает в себя все необходимые железные основы и даже некоторые хитрости, поэтому мы отправляем на обучение в Академию как разработчиков с опытом, чтобы структурировать знания, так и новичков, чтобы подтянуть их на нужный уровень.
HTML Академия — лучшее, что происходило с ИТ-образованием в России.
Если вы боитесь, что не разберётесь или «программирование — это не для вас», то HTML Академия подойдёт вам идеально. Всегда будет у кого спросить и кто вас поддержит.
Они много работали с сообществом, чтобы понять какие именно знания нужны на работе. Круто насколько всё приближено к реальной разработке.
К нам на вакансию фронтенд-разработчика пришёл выпускник Академии. Знания, полученные на интенсивах по JavaScript и вёрстке помогают ему решать задачи с минимальными трудозатратами.
В целом, именно обучение на курсах Академии дало нашему сотруднику возможность развиваться как хорошему разработчику и профессионально подходить к решению проблем в работе.
Огромное спасибо HTML Academy за крутых выпускников! Три человека брали к себе на стажировку, в последующем два из них остались у нас на постоянной работе. Классные ребята с хорошим бэкграундом! Академия обучает сильных специалистов!
Обучение Участие в живых лекциях, работа над проектом с наставником.
Познакомимся с рабочим процессом на курсе.
Как проходит курс. Организационные вопросы.
Рабочий процесс на курсе.
Статьи
Приёмы создания надёжной вёрстки.
Зачем нужны методологии.
Обзор подходов к вёрстке.
Методология БЭМ.
Разбор учебного проекта по БЭМу.
СтатьиВзглянем на препроцессоры и разберёмся, чем они помогают в процессе вёрстки.
Стили на стероидах.
Основные возможности.
Дополнительные возможности.
Настройка окружения.
СтатьиУзнаем как создавать адаптивные сетки с использованием гридов и флексов.
Спецификация Grid Layout и раскладка по сетке макета.
Спецификация Flexible Boxes и раскладка по сетке макета.
Адаптивные сетки.
Учебник
Навыки построения сеток на гридах и флексах.
Создаём адаптивные сетки БЭМ-блоков учебного проекта.
СтатьиРазбираемся с адаптивными декоративными элементами. Делаем адаптивную вёрстку с резиновыми сетками.
Завершаем адаптивную вёрстку БЭМ-блоков учебного проекта.
Переход от фиксированных сеток к резиновым. Тонкости флексов.
Делаем резиново-адаптивную вёрстку БЭМ-блоков учебного проекта.
Погружаемся в адаптивную и ретиновую графику. Разбираемся с форматами и их назначением.
Графика для экранов повышенной чёткости.
Адаптивная графика.
<picture>.srcset.<source>.<source>.sizes.Ретинизируем и добавляем адаптивную графику в учебном проекте.
Научимся использовать векторную графику всеми возможными способами. Разберёмся, как использовать графику оптимально.
Использование SVG.
SVG-спрайты.
Стилизация SVG.
Оптимизация и доступность SVG.
Оптимизация растровой графики.
СтатьиПодготовим сборку проекта для его публикации.
Оптимизация.
Как держать код для разработчика удобным, а для браузеров — быстрым.
Разберёмся с производительностью вёрстки и попробуем оптимизировать узкие места.
Обзор трендов скорости интернета.
Процесс загрузки страницы.
Оптимизация шрифтов.
Аудит и подсказки.
Защита проекта Подготовка проекта к итоговой защите и оценка его проверяющим наставником по критериям качества.
Проверка проекта проверяющим наставником по критериям качества, его улучшение и защита.
Рекомендованные для прохождения курса программы *
* Мы рекомендуем такое окружение, потому что проверили на нём все учебные задачи и убедились, что с таким набором программ всё работает без ошибок.
Консультация по телефону 8 800 555-86-28.
После прохождения курса вы получите электронный сертификат
Образовательная деятельность осуществляется на основании государственной лицензии № 3026 от 6 июня 2017 года.
В отличие от первой ступени, вёрстке, как таковой, здесь не учат. Предполагается, что ты её уже знаешь. Если нужно научиться строить сетку, двигать правильными инструментами картинки, делать кнопки — кнопками, а ссылки — ссылками, то это на первый уровень. Здесь же учат хорошему тону: правильному подходу к коду, оптимизации и автоматизации.
Мне показался курс более интенсивным, чем первый. Иногда было ощущение, что я не успею ничего сдать. Во сне приходят интересные решения, глаз уже дёргается, когда переделываешь проект в третий раз, но в итоге всё получается. Ура! Полученные знания значительно прокачали верстальную мышцу и сам подход к вёрстке изменился. Спасибо Академия, за качественный продукт.
Второй уровень оказался ещё интереснее и сложнее первого. Взяла самый сложный (по мнению Академии) проект и весь месяц прокачивала внимательность, верстая для разных версий экрана. Больше же всего понравилось, как легко и ненавязчиво нас обучили основам автоматизации.
За две лекции я узнала об этом больше, чем за все предшествующие годы. Ещё раньше почему-то с подозрением относилась к препроцессорам, теперь же не представляю, как писала чистый CSS. В общем, знания потихоньку укладываются в голове, всё встаёт на свои места, мечта становится ещё немного ближе.
После первого уровня решила сразу идти на второй. Перед стартом прочла критерии и многие не поняла. Это, конечно, пугало, но зная уровень Академии, очень обрадовалась и не сомневалась, что за такой короткий срок нас научат многому. Препроцессоры, автоматизация, БЭМ, производительность и это неполный список новой и полезной информации, которую я получила за пять недель и это здорово!
Курс прошла с большим удовольствием. Хоть опыта у меня было немного, по совету наставника взяла сложный проект и смогла защитить его на 100%. Это ещё раз говорит об уровне и качестве преподавания и, конечно же, о роли наставника, который помогал преодолеть все трудности проекта и как-то упорядочить в голове поток новой информации.
Пять недель пронеслись очень быстро. Жаль, что всё заканчивается. Хочется учиться с Академией ещё и ещё!
Довольно сложный курс, по сравнению с первым нагрузка действительно пошла в гору. Вроде бы делаешь всё то же самое, что и раньше: верстаешь, стилизуешь и так далее, но то, как тебя учат это делать, тут уже совершенно другой подход. БЭМ, автоматизация, оптимизация, адаптив, препроцессоры — информации на освоение действительно очень много, особенно в столь сжатые сроки.
Поначалу голова буквально гудит от всего этого. Курс действительно хороший, сравнивая себя до и после, я ощущаю вполне ощутимый прогресс. Единственное, что является проблемой — время, его и правда потребуется о-о-очень много, потому что работа предстоит действительно серьёзная.
Сложно, интенсивно, но очень интересно и увлекательно. Иногда забываешь есть, спать и выходить на улицу. Но когда получаешь заветный статус «принят» — мир начинает играть новыми краскам.
Приходит осознание, что всего за каких-то полтора месяца ты получил огромную базу знаний и неоценимую помощь наставников-практиков, которые всегда на связи и готовы помочь.
Очень интересный курс. Я узнала много нового, научилась и полюбила работать с консолью, поняла, что такое препроцессоры, как делать сайты адаптивными и как автоматизировать процессы своей работы. Материала очень много. Его изучению в рамках пяти недель надо уделять всё свободное время. Особенно если ты не участник профессии и времени на защиту у тебя поменьше.
Но это того стоит. Знаний прибавилось значительно. И уверенности в том, что получится найти ту самую работу мечты в прекрасном, но нелёгком мире фронтенда. Так что, учимся дальше и идём к цели!
После первого уровня думал, что понял основы вёрстки, но оказалось, что второй уровень на 80% был полностью новым для меня. То есть это тоже, конечно, основы основ, но это уже отличный фундамент для того, чтобы построить свой путь в веб-сферу. Конкретно на этом курсе мне очень понравилась подача материала. В особенности видеоразбор «Git для чайников», потому что консоль меня пугала, но после этих видео я перестал бояться работать в терминале.
Когда после первой лекции прочитал критерии защиты, я не понял бо́льшую часть. Не просто не понял, а даже не представлял, что это такое. И вот чудо! Один месяц и я сам могу объяснить другим, как с этим всем работать.
Когда-то я думал, что никогда не пойму и не разберусь, а теперь умею верстать. Пожалуй, это и есть то, к чему стремится Академия!
Тимур ГумеровПроработав около двух лет JavaScript-разработчиком, я почувствовал острую нехватку знаний в HTML и CSS. Сначала пытался самостоятельно изучать, но информация была разрозненная, тяжело усваивалась и запоминалась. Вскоре наткнулся на курсы от HTML Academy — прошёл все бесплатные, потом оплатил один месяц и прошёл почти все остальные.
Долго думал, стоит ли оплачивать профессиональный курс. Были опасения, что будет информация с уже пройденных курсов. Но после оплаты и начала обучения был приятно удивлён: материал подаётся очень доступно, расширяет знания, полученные из курсов, лекторы мотивируют, нет лишней информации и закрепление на практике.
Из дополнительных плюсов для меня: когда на работе были монотонные и неинтересные задачи, курс был для меня отдушиной. Большое спасибо за такие курсы.
Можно ли собрать все лучшие практики и максимально доступно донести их, так, чтобы всё то, что так и не понял из документаций в сети, стало понятно с первых же слов лектора? Оказывается, можно.
Миксование БЭМ-классов, ретинизация, оптимизация загрузки, удобный способ работы с препроцессором и таск-раннером — всё это, оказывается, так просто. И медиа-запросов может быть намного меньше, если верстать по принципу сначала мобильные. Если вам знакомы эти термины и они вас пугают, то поверьте, здесь знают, как побороть ваш страх. В такой короткий срок такая прокачка дорогого стоит. Спасибо за то, что в очередной раз реклама интенсива оказалась правдой.
После первого уровня шла на второй уверенно, но уверенности поубавилось как только прочитала критерии для сдачи проекта. Я не поняла в них ни слова дальше разметки. Но решила в панику сразу не впадать, а решать проблемы постепенно, по мере поступления.
Ещё подумала: «Если нас всему этому научат, то будет круто!». И ведь научили! Пришлось, правда, потратить на интенсив весь отпуск, но нисколько не жалею. С помощью наставника (спасибо огромное), потратив огромное количество времени и сил, удалось сделать сложный проект и сдать его на 100% с первого раза. Теперь меня не пугают требования в вакансиях, я понимаю, чего от меня хотят и что могу сделать. А главное — мне всё это нравится. Очень нравится, спасибо.
Отчёт о 24 потоке читайте в нашем блоге.
Индивидуальный формат идеально подходит для компаний. Сделайте процесс обучения сотрудников максимально эффективным и подстройте его под рабочий график.
Вы частное лицо и вам нужно стартовать прямо сейчас и получить профессию за несколько месяцев интенсивного обучения? Это возможно в индивидуальном формате, ведь он максимально близок к персональному менторству.
Срок начала обучения устанавливаете вы, поэтому не надо ждать несколько месяцев до старта следующего потока курса.
Обычные курсы длятся 2 месяца со средней нагрузкой 15 часов в неделю. В индивидуальном формате можно составить расписание с любой нагрузкой: можно учиться сверхинтенсивно в стиле буткемпа, а можно наоборот размеренно и спокойно.
Мы подберём вам опытного наставника, за плечами у которого работа с десятками студентов. Позаботимся, чтобы стиль и формат работы наставника вам подошёл.
В индивидуальном формате и работа с наставником исключительно индивидуальная. Её объём — от 20 до 30 часов в зависимости от персонального расписания.
Личный адвайзер поможет подобрать наставника и составить расписание, будет поддерживать ваш ритм обучения и поможет справиться со сложностями.