Младший верстальщик
Медианная зарплата: 30 000
HTML и CSS, уровень 1
6 мая — 7 июля 2019
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
Консультация по телефону .
На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.
Чтобы добиться такого качества обучения, мы используем профессиональную триаду «критерии-проекты-наставники»:
НаставникиПроверкой ваших проектов на соответствие критериям качества занимаются наставники, которые являются профессиональными разработчиками.
Критерии качестваПрофессиональные критерии качества мы разрабатываем совместно с компаниями и профессиональным сообществом.
Настоящие проектыВ течение обучения вы выполняете настоящие проекты.
В течение обучения вы выполняете настоящие проекты.
Как раз в этой триаде. В интерактивных курсах вы изучаете базовые конструкции языков, а на профессиональном курсе вы осваиваете приёмы и методики решения профессиональных задач.
Доступ к интерактивным курсам и подборка предварительных материалов
Выбор наставника и проекта
Участие в живых лекциях, работа над проектом с наставником
Промежуточная проверка проекта по критериям качества
Подготовка проекта к итоговой защите
Подведение итогов
Лекции проходят по понедельникам и четвергам с 19:00 до 21:00 по московскому времени. Запись лекции доступна на следующий день.
После лекции вы выполняете домашнее задание, в котором работаете над своим проектом и закрепляете учебный материал.
После каждого задания ваш личный наставник проверяет качество работы, делится опытом и рассказывает, как можно сделать лучше.
Курс рассчитан на новичков. Для его прохождения достаточно завершить интерактивные курсы по основам HTML и CSS.
Объём заданий подобран так, чтобы даже занятые и работающие люди успевали выполнять их в срок, работая в комфортном режиме.
Чтобы успешно пройти курс вам понадобится 10−15 часов в неделю или 1,5−2 часа в день. Занимайтесь равномерно в течение недели или погружайтесь в учёбу на выходных.
Сроки итоговой защиты позволяют детально проработать обратную связь от проверяющего наставника и получить отлично выполненный личный проект.
Актуальные стандарты качества: не нужно переучиваться после курса.
Понимание полного цикла работы верстальщика.
Фундаментальные и структурированные знания необходимых технологий.
Опыт работы с дедлайнами и планирования работы.
После успешного завершения курса можно начать карьеру младшего верстальщика, а также продолжить обучение на других наших курсах.
Медианная зарплата: 30 000
HTML и CSS, уровень 1
Медианная зарплата: 60 000
HTML и CSS, уровень 2
Медианная зарплата: 90 000
JavaScript, уровень 1* Информация о медианных зарплатах получена на основе исследования компании «Мой круг» за 2018 год.
Цена повысится через 3 дня.
Мы убеждены, что обратную связь ученику должен давать опытный специалист, который прямо сейчас работает на рынке, решает современные задачи, использует актуальные подходы и инструменты.
Чтобы отбирать таких специалистов, мы построили уникальную систему привлечения и фильтрации.
Вместе с наставником вы будете разрабатывать проект в экосистеме, привычной профессионалам. Рабочий процесс мало отличается от реальной разработки в больших компаниях.
Проверяем, кем и где кандидат в наставники работал, какой у него опыт, а также смотрим на его код.
Проводим часовое собеседование, на котором проверяем знание предметной области, а также умение понятно объяснять и другие человеческие качества.
Прошедших собеседование кандидатов допускаем до учеников. На этом путь наставника только начинается. После каждого курса мы собираем обратную связь, которая помогает наставникам совершенствоваться.
Во время курса вас будет сопровождать личный наставник. Он будет делать ревью кода, проверять практические задания, отвечать на вопросы и делиться секретами мастерства.
Ревью кода — это привычная практика, используемая в крупных компаниях, когда более опытный разработчик проверяет код менее опытного. Львиную долю обратной связи вы получите от наставника в виде ревью кода. Он прочитает каждую строчку, оставит комментарии и поможет сделать ваше решение правильным.
А когда ревью кода недостаточно, наставники используют голосовые консультации, зачастую с демонстрацией экрана. На таких консультациях разбирают сложные вопросы или демонстрируют нетривиальные приёмы. Во время курса предусмотрено 5 часов голосовых консультаций или 9 часов на комфортном тарифе.
Во время курса вы будете работать над специально разработанными проектами «Нёрдсом», «Седоной» и «Техномартом», а на комфортном тарифе к ним добавяться более сложные проекты «Глейси» и «Девайс». Посмотрите короткие видеоразборы каждого макета и выберите тот, который вам больше нравится.
В течение курса вы успеете разработать и защитить один проект, а на комфортном тарифе можете защитить два проекта.
Мы давно зарекомендовали себя в профессиональном сообществе. Нас и наших выпускников знают не только разработчики, но и крупные компании. Вот несколько отзывов от компаний о наших курсах и выпускниках.
В Авито нет верстальщиков, только фронтенд-разработчики разных уровней. Чтобы попасть к нам на работу младшим разработчиком, человек должен обладать определёнными навыками. Это уверенное владение базовыми технологиями: HTML, CSS и JavaScript, понимание того, как работает браузер, знание, как делать проекты кроссбраузерными, как работает API, DOM и другие важные основы. Кроме этого мы ценим ответственность, умение играть в команде, желание развиваться и инициативность.
Мне, как наставнику на курсах и бывшей студентке, известны стандарты качества Академии и то, как строится работа. Всё максимально приближено к реальным условиям — используется система контроля версий Git, есть разбивка проекта на этапы (своеобразные итерации), обязательное ревью кода наставниками и неумолимый дедлайн. Большое внимание уделяется доступности интерфейсов, а это полезно для всей отрасли.
В целом программа обучения в Академии построена грамотно для старта. Она помогает подготовить универсального бойца, который сможет качественно заниматься разработкой и в студии, и в крупной продуктовой компании. Если человек защитился на 100%, то это показатель, что у него всё в порядке с обучаемостью, мотивированностью и личными качествами, которые понадобятся в будущем на работе. А дальше уже всё зависит от активности и способности доказать свои умения делом.
Что касается вёрстки и создания веб-страниц, мы в команде трепетно относимся к семантической разметке и её пониманию, умению писать на чистом CSS и системному мышлению у разработчика. Страницы должны быть не только красивыми для пользователя, но и быстро загружаться, быть структурированными и, конечно, удобными для работы в команде. При нашем объёме проектов уделять этому внимание очень важно.
Кроме этого, ценится понимание принципов доступности, так как думать о людях, которые будут пользоваться интерфейсом — это хороший тон. Человек, который присоединяется к нашей команде не должен бояться решать незнакомые задачи, искать нестандартные решения и брать ответственность.
В этом смысле, подход Академии к обучению кажется адекватным: кодревью от опытного разработчика хорошо подготавливает к работе. Особенно ценно, что вся работа над проектами сразу идёт через Git — у нас также вся работа в компании проходит через обязательные ревью.
Сейчас в команде работает выпускник Академии Павел и я им доволен. Необходимые базовые навыки, понимание семантики, работа с чистым CSS — всё это на хорошем уровне, а что касается JavaScript — он быстро ориентируется, если делал что-то похожее — вспоминает. Он был сразу готов взять и начать работать.
Иногда бывает, что при выходе нового джуниор-разработчика, менторить приходится до самых мелких моментов. В случае с Павлом вливание в команду прошло практически беззаботно.
Мне, как руководителю не важны сертификаты и дипломы, я смотрю на код, который пишет человек, что им движет работать в этой сфере, почему он выбрал именно фронтенд. Поэтому если я вижу, что человек самостоятельно развивается, проходит курсы и целеустремлён — для меня это хороший показатель его заинтересованности.
Мы в Ostrovok.ru постоянно ищем талантливых ребят: наш продукт быстро развивается и лишние фронтендерские руки (желательно «золотые») нужны всегда. Хорошего специалиста найти не так просто, поэтому мы уже несколько раз обращались к Академии, когда подбирали джуниоров.
Ребята приходили с хорошей базой и горящими глазами, быстро вливались в процессы и команду. Сейчас в Ostrovok.ru работают три выпускника Академии — все на позиции джунов и отлично справляются.
Спасибо Академии за хорошо подготовленных специалистов.
Мы регулярно отправляем своих сотрудников на тренинги, семинары, интенсивы и всячески открыты к образовательным программам, так мы и познакомились с HTML Academy.
Сотрудники, прошедшие курсы, рассказывают, что материал в лекциях и заданиях изложен доступно и интересно. Отмечают также что после обучения, в какой-то мере, перестраивается мышление и начинаешь глубже понимать специфику языка, а это помогает в работе. Обучению им пришлось уделять действительно много времени, но это того стоит.
Для наших задач в компании, программа обучения включает в себя все необходимые железные основы и даже некоторые хитрости, поэтому мы отправляем на обучение в Академию как разработчиков с опытом, чтобы структурировать знания, так и новичков, чтобы подтянуть их на нужный уровень.
HTML Академия — лучшее, что происходило с ИТ-образованием в России.
Если вы боитесь, что не разберётесь или «программирование — это не для вас», то HTML Академия подойдёт вам идеально. Всегда будет у кого спросить и кто вас поддержит.
Они много работали с сообществом, чтобы понять какие именно знания нужны на работе. Круто насколько всё приближено к реальной разработке.
К нам на вакансию фронтенд-разработчика пришёл выпускник Академии. Знания, полученные на интенсивах по JavaScript и вёрстке помогают ему решать задачи с минимальными трудозатратами.
В целом, именно обучение на курсах Академии дало нашему сотруднику возможность развиваться как хорошему разработчику и профессионально подходить к решению проблем в работе.
Огромное спасибо HTML Academy за крутых выпускников! Три человека брали к себе на стажировку, в последующем два из них остались у нас на постоянной работе. Классные ребята с хорошим бэкграундом! Академия обучает сильных специалистов!
Обучение Участие в живых лекциях, работа над проектом с личным наставником.
Вводная лекция про роль и место верстальщика в мире веб-технологий.
Как проходит курс. Организационные вопросы.
Что на самом деле происходит, когда вы вводите в браузере адрес сайта и нажимаете Enter?
Инструменты веб-разработчика и рабочий процесс на интенсиве.
Статьи
Создадим логическую HTML-разметку страниц учебного и личного проектов. Попрактикуемся использовать подходящие теги, задавать имена классов, оценивать сложность разметки.
Введение в HTML.
Качественная разметка и стили кодирования.
<article>, <section> и <div>?Создаём разметку главной страницы учебного проекта.
СкринкастыСтатьиЗадания на разметку страниц учебного и личного проектов.
Разберём всё необходимое для работы верстальщика с графическими редакторами. Подготовим графику для проектов.
Обзор основных графических редакторов и инструментов для работы с макетами: Adobe Photoshop, Sketch, Zeplin, Avocode.
Типовые задачи верстальщика в графических редакторах.
Обзор форматов графики в вебе.
Разбор графических макетов проектов.
СтатьиЗадания на подготовку графики и текстовых стилей учебного и личного проектов.
Научимся делать интерфейсы удобные и доступные для всех. Управление фокусом, важность семантики, тестирование и скринридеры.
Интерфейсы — не картинки.
Понятие доступности.
Взаимодействие с клавиатуры.
Значимые элементы.
Лейблы элементов.
СкринкастыСтатьиЗадания на шлифовку разметки учебного и личного проектов.
Разберёмся с базовыми механизмами CSS и начнём стилизацию проектов.
Введение в CSS.
Практика стилизации.
Начинаем стилизацию главной страницы учебного проекта.
Задаём глобальные стили документа, описываем текстовые параметры элементов и состояния интерактивных элементов.
СкринкастыСтатьиЗадания на базовую стилизацию учебного и личного проектов.
Разберёмся с блочной моделью документа. Создадим сетки страниц учебного и личного проектов.
Поток документа и блочная модель документа.
width: 100% и width: auto, свойство box-sizing и другие.display. Управление типом боксов.Создание сеток на флексбоксах.
Создаём сетку главной страницы учебного проекта.
СкринкастыСтатьиЗадания на создание сеток учебного и личного проектов на флексбоксах.
Познакомимся с приёмами создания декоративных элементов и завершим стилизацию этих элементов на главных страницах учебного и личного проектов.
Позиционирование.
Приёмы создания элементов интерфейса.
Завершаем вёрстку главной страницы учебного проекта.
Скринкасты3 практических курса для закрепления навыков создания декоративных элементов.
Задания на создание декоративных элементов учебного и личного проектов.
Узнаем как стилизовать содержание внутренних страниц, которые наполняются из CMS. Начнём готовиться к защите личного проекта.
Практикуемся в вёрстке элементов содержимого.
Разбираем типовые случаи переполнения и способы борьбы с ними.
Готовим проект к предзащите и защите. Разбор критериев защиты выпускных проектов.
СтатьиЗадание на подготовку личного проекта к предзащите.
Познакомимся с JavaScript, узнаем что такое Vanilla JS и оживим некоторые блоки вёрстки.
Язык программирования JavaScript.
document.window.Типовые случаи использования JavaScript.
Оживляем всплывающее окно и вставляем интерактивную карту на главной странице учебного проекта.
Статьи об опыте взаимодействия форм и особенностях работы JavaScript в браузере.
Задание по оживлению всплывающих окон и добавлению интерактивной карты в личный проект.
Защита проекта Подготовка проекта к итоговой защите и оценка его проверяющим наставником по критериям качества.
Дедлайн предзащиты и начало подготовки к итоговой защите.
Узнаем как правильно применять практические знания, как учиться новому и развиваться в профессии.
Совместимая вёрстка.
Реальное тестирование.
Корневые технологии.
Развитие в профессии.
Статьи и видеозаписи докладов о прогрессивном улучшении.
Промежуточная проверка проекта личным наставником по критериям качества.
Улучшение проекта по замечаниям проверяющего наставника и подача на вторую оценку.
Внесение финальных правок и получение итоговой оценки.
Цена повысится через 3 дня.
После прохождения курса вы получите сертификат
Образовательная деятельность осуществляется на основании государственной лицензии № 3026 от 6 июня 2017 года.
Юлия ЗабелинаНачинала проходить интерактивные курсы, чтобы скоротать свободное время на работе. В процессе поняла, что смена сферы деятельности не за горами. Интенсивного курса немного боялась, казалось, что будет намного труднее, чем просто проходить курсы, и я попросту не справлюсь. В итоге, всё оказалось намного проще, чем я ожидала.
А именно, увлекательная работа над проектом с нуля, когда начинаешь понемногу понимать, как сделаны сайты, которые чаще всего посещаешь, когда случайно нажатая клавиша F12 не вызывает страх от увиденной абракадабры. И самое прекрасное, когда результат работы постепенно становится похожим на макет. Обучение построено в довольно удобном формате, и это даёт намного больше знаний, чем обычное прохождение интерактивных курсов. Хотя и они весьма интересные и доступные. Отдельное спасибо преподавателям, за доступное объяснение информации, интересный и не занудный формат лекций. И спасибо Академии за возможность обучаться на диване.
Денис БирченкоНа интенсивный курс пришёл с почти нулевыми знаниями, пройдя несколько разделов интерактивных курсов. Узнал для себя много нового и даже больше, получил много практического опыта в ходе выполнения личного проекта, чему безусловно рад. Наставники отличные, отзывчивые и что самое главное — всегда на связи.
Подача материала, лекции — пять с плюсом. Преподаватели — настоящие профессионалы своего дела, в них невозможно не влюбиться, это факт. Всё понятно, доступно разжевали, просто внимательно слушай и получай знания. Теперь уверен, что не остановлюсь, буду продолжать учиться и идти к своей цели. А цель — устроиться на работу джуном. Всем будущим ученикам этой прекрасной Академии желаю успехов во всех начинаниях, успешно сдать проекты и устроиться на работу мечты.
Vadym StavnychyiHTML Academy — фанаты своего дела. Если хотите изучать фронтенд, то Академия ваш лучший друг. Благодаря курсу за месяц можно выучить столько, сколько вы учили бы полгода самостоятельно. И то не факт, что учили бы правильно, так как нужно, чтобы кто-то проверял ваш код. Именно Академия даёт такую возможность, предоставляя каждому ученику личного наставника.
Viacheslav LitvinovДолго думал, стоит ли идти на курс. Читал отзывы смотрел комментарии, но после прохождения ни капли не пожалел. Курс очень хорош, придя на него неопытным новичком — выходишь с уверенностью в том, что можешь сверстать уже довольно хороший сайт.
Михаил МосквинКурс просто бомба! В хорошем смысле этого слова. Даёт огромный вагон знаний, несмотря на то, что это только начальный курс. Да, он нелёгкий, да придётся потрудиться, но это стоит того. Были моменты, когда меня посещала мысль, бросить всё, но благодаря наставнику и уже части пройденного пути, отогнал эту мысль, взял себя в руки и сдал на 100%. В общем, курс — супер, рекомендую!
Андрей ДеевОчень благодарен Академии за интенсивный курс «HTML и CSS, уровень 1». Благодарен не только за полученные мной систематизированные знания, большое количество полезных статей, ссылок, материалов, но и за время, которое я сэкономил, отказавшись от самостоятельного изучения.
Совмещать обучение и работу оказалось не очень сложно, планируйте своё время правильно, и вы всё успеете. Также отдельно хочу отметить работу с наставником, что является неотъемлемой частью обучения и составляет огромную долю успеха в получении знаний и защите проекта, а ещё это отличная возможность пообщаться с опытным профессионалом. Планирую дальше учиться в Академии и развиваться в профессии.
Александр ЛёзовЭто был очень крутой месяц. Узнал много нового, прежняя информация, полученная в интерактивных курсах, разложилась по полочкам, чувствуешь себя не так растерянно, как до интенсивного курса. Удобная подача информации, записи лекций и индивидуальное планирование времени с наставником помогут успешно дойти до конца курса и сдать его, даже если у вас не так много свободного времени.
Павел ВолковМои впечатления о курсе только положительные, я никогда в жизни ничего не учил так быстро как здесь. Подача материала, на мой взгляд? шикарная. Главное, что знания полученные таким путём останутся со мной надолго. Получил даже больше, чем ожидал. Курс идеально подойдёт людям, которые любят откладывать что-то в долгий ящик.
Информация подаётся очень интересно, возможность потрогать руками интерактивные курсы, а не просто посмотреть на картинку, помогает лучше усвоить материал, а лекторы просто мастера своего дела, успевают рассказать весь материал и ответить на все вопросы. Кстати, возможность задать свои вопросы прямо на онлайн-лекции очень порадовала.
АлександрСначала сомневался: не будет ли легко и скучно на первом уровне вёрстки? Так как кое-какой опыт у меня всё же был. Ответ не заставил себя долго ждать — скучно точно не будет. Интересные лекции, грамотно подобранный материал, опытнейшие преподаватели, юмор и позитив — всё это об Академии.
Но это всё лирика и красивые слова. Что конкретно мне дал интенсив?
Академия — это, бесспорно, лучшее что случалось в сфере обучения. Записался на следующий курс ещё во время прохождения этого, чего и вам советую. Всем добра!
Роман ЮрловЭто был интересный, сложный, увлекательный, очень интенсивный курс. Иногда хотелось всё бросить. Иногда казалось, что ничего не получится, один раз даже удалил всё что было сделано и начал с нуля. Иногда забывал спать, а случалось, что верстал во сне.
Самое интересное — когда у тебя на глазах, с чистого листа, появляется полноценный сайт. При этом начинаешь понимать, как всё устроено и как работает. Начинаешь смотреть на сайты и думать: «А как бы это сделал я?». В общем нисколько не пожалел. Многому ещё стоит научиться, но начало положено. Впереди следующие курсы.
Отчёт о 23 потоке читайте в нашем блоге.
6 мая — 7 июля 2019