Моя школа в online ДЛЯ КОГО ЭТА ПРОГРАММА
Вы успешно решаете рабочие задачи, но понимаете, что вам не хватает знаний, чтобы двигаться дальше и делать сложные продукты. Вы хотите структурировать знания и глубже копнуть в инструментарий. Мы поможем получить навыки, которые позволят вам расти выше и решать более сложные задачи.
Вы хотите быть fullstack разработчиком — мы поможем вам приобрести необходимые компетенции и делать более интересные задачи, за которые вам будут платить больше.
Вы работаете тестировщиком и хотите не только находить баги, но и создавать их:) Вы знаете основы HTML, CSS и JS, но при разработке реальных проектов чувствуете себя неуверенно. Мы дадим знания и навыки, необходимые для выполнения повседневных задач frontend разработчика.
Вы уже работаете в компании или на фрилансе и хотите вырасти в middle frontend специалиста. Мы поможем вам получить все навыки, которые нужны на работе в крупных компаниях.
Material UI, Firebase, Authentication, Authorization, OAuth 2.0
6 уроков, 14 заданий, 1 мини-проект
Разберём рабочую ситуацию: людей нет, но бизнесу очень нужен веб-сервис. Научимся делать приличный дизайн без дизайнера и надёжный бэкенд без бэкендера, а также узнаем, как закрыть доступ к админке для посторонних.
DNS, Linux, Nginx, VPS, VDS, SSH, TLS/SSL, HTTPS, CI/CD, Prettier, ESLint, Stylelint, EditorConfig, React Router
6 уроков, 50 заданий, 1 мини-проект
Освоим DevOps для фронтендера: настроим Nginx и CI/CD, познакомимся с основами безопасности в интернете и научимся говорить на одном языке с бэкенд-разработчиками и DevOps-инженерами.
FrontOps: сборка и доставка кода
React, Babel, Webpack, TypeScript, TCP/IP, HTTP, HTTP/2, HTTP/3, CORS, API, Event Loop, Promises, Async/await
10 уроков, 75 заданий, 1 мини-проект
Начнём работу над проектом со знакомства с ключевыми технологиями, которые можно встретить в большинстве вакансий. Сделаем страницу на HTML, CSS и JS, столкнёмся с первыми трудностями и научимся подбирать подходящие инструменты для решения рабочих задач.
React, TypeScript, Webpack, интернет (TCP/IP), HTTP и CORS
10 уроков, 20 заданий, 1 мини-проект
Минимальная версия нашего продукта выстрелила, и теперь пришло время навести красоту! Сделаем плавные и продуманные анимации, адаптируем интерфейс под разные экраны, добавим скелетоны и тёмную тему — применим все известные UX-оптимизации, чтобы новостная лента заиграла новыми красками.
React Portal, React Ref, React Context, Redux, Redux Toolkit, Анимации: CSS, SVG, JS; react-transition-group, мобильная версия, темная тема, skeleton, popup/modal
4 урока, 16 заданий, 1 мини-проект
Напишем serviceworker, сделаем PWA, добавим поддержку языков и повысим доступность сайта. Теперь любой пользователь сможет читать нашу новостную ленту без интернета и не заходя в браузер.
Web Workers, Service Workers, PWA, Lighthouse, VoiceOver, Localazy
Научимся устранять проблемы производительности как на клиенте, так и на сервере. Подробно рассмотрим вкладку Performance и выясним, откуда вообще берутся лаги.
6 уроков, 16 заданий, 1 мини-проект
Научимся отлавливать ошибки на сайте и выводить их на графики, чтобы не сидеть за компьютером круглосуточно. Построим полный цикл тестирования из ручных, интеграционных, сквозных и юнит-тестов.
Sentry, ручное тестирование, Jest, React Testing Library, Cypress
Узнаем, как за 5 дней сделать всё, что мы проходили 5 месяцев. Изучим готовые инструменты для создания всей необходимой инфраструктуры и научимся быстро собирать и тестировать новые продукты.
Create React App, Storybook, NextJS, Vercel, Strapi, Heroku
Обсудим тонкости и нюансы поиска работы. Проконсультируемся с HR, которая специализируется на подборе frontend-разработчиков.
Пройдите 8 уроков, познакомьтесь с образовательной платформой и решите, подходит ли вам формат обучения
React, TypeScript, Webpack, интернет (TCP/IP), HTTP и CORS FrontOps: сборка и доставка кода Быстрая админка Модный frontend Офлайн и доступность Производительный frontend Тестирование и мониторинг Frontend на коленке Поиск работы
Получите доступ к работе на удалённом сервере и поддержке от наших преподавателей
React. Введение CORS и подключение API Создаем админку без дизайна Анимации (CSS, SVG, JS) PWA + Favicon Клиентская скорость загрузки Основы тестирования фронтенда Create React App + Storybook
Регистрация на курсе открывается сразу после нажатия на кнопку ниже.
Доступ к демоверсии откроется после регистрации на образовательной платформе.
Оплата в течение 5 месяцев
Скидка 15 000 ₽ при полной оплате
Для начинающих в 2023 году.
«Веб-программирование» от Skillbox
Длительность: 12 уроков длительностью от 40 минут до 7 часов, общая длительность 32 часа.
Формат обучения: записи вебинаров.
Уровень сложности: для начинающих.
Обратная связь: нет.
Программа обучения
На правах рекламы
«Профессия Веб-разработчик» от Skillbox
Длительность: 11 уроков.
Формат обучения: текстовые уроки + тесты + практическое упражнение на тренажёре + дополнительные материалы.
Длительность: 9 уроков длительностью от 6 до 12 минут. Общая длительность 1 час 15 минут.
Формат обучения: видеоуроки.
Язык: английский. Проверьте свой уровень английского бесплатно.
Длительность: 133 урока длительностью от 3 до 20 минут. Общая длительность 20 часов 45 минут.
Длительность: 32 урока длительностью 5-10 минут. Общая длительность 2 часа 45 минут.
Язык: английский, есть русские субтитры.
Длительность: 40 часов, курс рассчитан на 5 недель.
Длительность: 17 уроков.
Формат обучения: видеоуроки + практические задания + тесты.
Длительность: 20 часов
Формат обучения: интерактивный симулятор (теория в виде текста + практические задания).
Длительность: 41 уроков.
Формат обучения: текстовые уроки.
Длительность: 83 урока, 3 часа теории, 3 часа практики.
Формат обучения: текстовые уроки + практические задания.
Длительность: 12 уроков.
Формат обучения: видеоуроки + домашние задания.
Обратная связь: в Telegram-чате.
https://youtube.com/watch?v=8i3iTVsdnrg%3Ffeature%3Doembed
Длительность: 5 уроков длительностью от 1,5 до 2 часов. Общая длительность 9 часов.
Что узнаете и чему научитесь
Длительность: 11 уроков длительностью общей длительность 20 часов.
Уровень сложности: для начинающих +домашние задания.
https://youtube.com/watch?v=8mK5aY5YOCc%3Flist%3DPLY4rE9dstrJyeZlPWoKJr1xKVVnG4w-Hc
Длительность: 21 урок длительностью от 5 до 20 минут. Общая длительность 3 часа 15 минут.
https://youtube.com/watch?v=ed7un-2kdRA%3Flist%3DPL0lO_mIqDDFXf1eqaJfdL9MJa1Naf5rd_
Длительность: 14 уроков длительностью от 2 до 20 минут. Общая длительность 2,5 часа.
Уровень сложности: для начинающих и продолжающих.
https://youtube.com/watch?v=yJcCKuxfb2o%3Flist%3DPLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr
Длительность: 56 уроков длительностью от 5 минут до 1 часа 10 минут. Общая длительность 20,5 часов.
https://youtube.com/watch?v=AUQMy9-M7gg%3Flist%3DPL_z4rXo1im3obzKry-jKZiUpwxf4n0Nrf
Длительность: 91 урок длительностью от 5 минут до 25 минут.
https://youtube.com/watch?v=n9kx5Vk0jgc%3Flist%3DPL3LQJkGQtzc5G7wIQfVqBMEprmTKZIaXf
Длительность: 31 урок длительностью от 10 минут до 1 часа 30 минут. Общая длительность 22 часа.
Уровень сложности: для веб-дизайнеров с базовым опытом проектирования интерфейсов.
https://youtube.com/watch?v=mub0B5peRIs%3Flist%3DPLrCZzMib1e9r9OwZDTtkgdIOy84SwICKu
Длительность: 13 уроков длительностью от 50 минут до 3 часов 45 минут. Общая длительность 24,5 часа.
Основатель проекта. Профессиональный information junkie. 😊
«Фронтенд-разработчик»
Длительность — 1 год и 4 месяца
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым специалистом. Он подойдёт для работающих людей, у которых мало времени.
Сертификат
После прохождения профессии вы получите электронный сертификат
Образовательная деятельность осуществляется на основании государственной лицензии № 3026 от 6 июня 2017 года.
Для тех, кто хочет получить серьёзный результат в интенсивном ритме. Подойдёт, если у вас много свободного времени.
— Длительность — 1 год и 4 месяцa.
— Нагрузка 20 часов в неделю.
— 3 выполненных проекта.
— 2 мидл-компетенции.
Зарегистрироваться и оплатить профессию«Фронтенд-разработчик»
При оплате сразу экономия до 27 июня — ₽
Заполните, пожалуйста, ваши имя и электронную почту для регистрации.
После оплаты курса вам придёт письмо с инструкциями и ссылкой для доступа в интерфейс участника.
Оплата за курс делится на 11 месяцев. Первая часть оплачивается при записи на курс, остальные — не позднее 17 числа следующих месяцев. Получается, второй платёж нужно внести до 17 июля, третий — до 17 августа и так далее до полного погашения задолженности.
Последняя часть составит 10 000₽.
После оплаты мы пришлём письмо с инструкциями и ссылкой для доступа к обучению.
Если вы находитесь не в России, свяжитесь с нами для оплаты курса
Несколько правил для корпоративных клиентов:
Чтобы получить счёт на оплату, отправьте на почту:
Заявление об акцепте оферты должно содержать все необходимые сведения, а также подписи учащегося и уполномоченного лица вашей компании.
2. Реквизиты вашей организации.
3. Ссылку на профиль вашего сотрудника на сайте Академии, который будет проходить обучение.
4. Доверенность, если заявление подписано лицом, действующим по доверенности
Индивидуальный формат идеально подходит для компаний. Сделайте процесс обучения сотрудников максимально эффективным и подстройте его под рабочий график.
Вы частное лицо и вам нужно стартовать прямо сейчас и получить профессию за несколько месяцев интенсивного обучения? Это возможно в индивидуальном формате, ведь он максимально близок к персональному менторству.
Запишитесь на консультацию
Ваша подготовка будет проходить в два этапа
Профессиональное обучение
Это серьёзное обучение, которое длится 10 месяцев и построено на базе профессиональной триады «критерии-проекты-наставники».
Вы получите навыки решения типовых задач фронтенд-разработчика и научитесь делать настоящие проекты, такие же по сложности, как в индустрии. И будете делать их правильно, на высоком профессиональном уровне.
Учебные проекты
На курсе вы научитесь создавать востребованные современным рынком проекты, которые можно будет добавить в портфолио.
Производство
Чтобы конкурировать с разработчиками, одних знаний недостаточно — нужна практика. Поэтому после обучения вас ждёт небольшой экзамен, который покажет, какие навыки стоит подтянуть. Дальше — несколько проектов в команде с тестировщиком, менеджером и тех. лидом для прокачки скорости и качества работы. Последняя часть практики — оплачиваемая стажировка в «Лиге А.» с реальными заказами, сроками и первыми заработанными деньгами в новой профессии. Вы научитесь оценивать задачи и будете верстать быстро и без ошибок.
Поможем найти работу по душе
Мы уверены, что после обучения вы найдёте работу, на которой будет интересно и хорошо.
Наши выпускники уже работают в IT
В компаниях, о которых вы точно слышали.
Отзывы выпускников
Эти и другие истории выпускников читайте в нашем блоге.
Как проходит обучение на курсе
Сколько я буду получать
Значение зарплаты взято из исследования компании «Хабр Карьера».
Программа курса
Модуль предназначен, чтобы подготовить полных новичков к успешному освоению профессиональных навыков Фронтенд-разработчика.
Вы плавно погружаетесь в ритм обучения, а также с нуля изучаете и закрепляете «технологический минимум», который необходим, чтобы эффективно осваивать профессиональные задачи Фронтенд-разработчика.
Курс построен на базе тренажёров, с самого начала мы учим вас работать с живым кодом и самостоятельно решать задачи, приближенные к реальным.
На курсе вы изучите базовые конструкции языков HTML, CSS и JavaScript, разберётесь с тегами и их параметрами, CSS-свойствами, селекторами и каскадностью, изучите команды JavaScript, переменные условия, циклы и попробуете себя в роли фронтендера.
Вы научитесь создавать выразительную и доступную разметку, работать с графическим макетом, строить сетки страниц, оформлять декоративные элементы и текстовое содержание, оптимизировать код и готовить завершённый проект к публикации.
Вы научитесь создавать разметку по методологии БЭМ, использовать препроцессоры, строить адаптивные сетки, работать с адаптивной и ретиновой графикой, использовать инструменты автоматизации и настраивать сборку проекта для публикации.
Вы изучите основы JavaScript, познакомитесь с актуальными возможностями стандарта ECMAScript, научитесь алгоритмическому мышлению, разберётесь, как оживлять статичные страницы, валидировать данные в формах, взаимодействовать с серверами и получите практику решения типовых задач.
Вёрстка — это один из начальных этапов работы над продуктом. Чаще всего следующим этапом является интеграция вёрстки в систему управления контентом (CMS). Во время интеграции из вёрстки делают шаблоны, в которые CMS подставляет содержание. При этом содержание меняется самим клиентом, поэтому важно делать вёрстку таким образом, чтобы её было удобно интегрировать в CMS.
Вёрстка с нуля в экосистеме React и создание интерактивных React компонентов.
Сначала мы оценим ваш исходный уровень качества вёрстки и скорость разработки с помощью грейдирования.
Затем мы начнём работать над этими показателями в акселераторе. Вы будете выполнять проект за проектом в составе небольшой команды (вы в роли разработчика, а также тестировщик и менеджер), а мы будем помогать, давать обратную связь, измерять ваши показатели и показывать вам, как быстро они растут.
После акселератора произойдёт плавный переход к оплачиваемой стажировке в «Лиге А.». Мы постепенно погрузим вас в команду и процессы Лиги, проведя от небольших вводных задач до полноценных проектов.
На стажировке вы встретитесь с реальными заказами, дедлайнами и первыми заработанными деньгами по новой профессии, научитесь точно оценивать сроки и прокачаете навыки командного взаимодействия. И, конечно, получите тот самый опыт коммерческой разработки и строчку в резюме, которые так важны для работодателей.
Рекомендованные для прохождения курса программы *
Система контроля версий
* Мы рекомендуем такое окружение, потому что проверили на нём все учебные задачи и убедились, что с таким набором программ всё работает без ошибок.
Статистика «Лиги А
Наши выпускники выполнили проектов
Другие компании о Лиге
Отзывы компаний о выпускниках
В Авито нет верстальщиков, только фронтенд-разработчики разных уровней. Чтобы попасть к нам на работу младшим разработчиком, человек должен обладать определёнными навыками. Это уверенное владение базовыми технологиями: HTML, CSS и JavaScript, понимание того, как работает браузер, знание, как делать проекты кроссбраузерными, как работает API, DOM и другие важные основы. Кроме этого, мы ценим ответственность, умение играть в команде, желание развиваться и инициативность.
Мне, как наставнику на курсах и бывшей студентке, известны стандарты качества Академии и то, как строится работа. Всё максимально приближено к реальным условиям — используется система контроля версий Git, есть разбивка проекта на этапы (своеобразные итерации), обязательное ревью кода наставниками и неумолимый дедлайн. Большое внимание уделяется доступности интерфейсов, а это полезно для всей отрасли.
В целом программа обучения в Академии построена грамотно для старта. Она помогает подготовить универсального бойца, который сможет качественно заниматься разработкой и в студии, и в крупной продуктовой компании. Если человек защитился на 100%, то это показатель, что у него всё в порядке с обучаемостью, мотивированностью и личными качествами, которые понадобятся в будущем на работе. А дальше уже всё зависит от активности и способности доказать свои умения делом.
Авито Интернет-сервис для размещения объявлений о товарах, услугах, вакансиях и резюме на рынке труда.
Что касается вёрстки и создания веб-страниц, мы в команде трепетно относимся к семантической разметке и её пониманию, умению писать на чистом CSS и системному мышлению у разработчика. Страницы должны быть не только красивыми для пользователя, но и быстро загружаться, быть структурированными и, конечно, удобными для работы в команде. При нашем объёме проектов уделять этому внимание очень важно.
Кроме этого, ценится понимание принципов доступности, так как думать о людях, которые будут пользоваться интерфейсом, — это хороший тон. Человек, который присоединяется к нашей команде, не должен бояться решать незнакомые задачи, искать нестандартные решения и брать ответственность.
В этом смысле подход Академии к обучению кажется адекватным: кодревью от опытного разработчика хорошо подготавливает к работе. Особенно ценно, что вся работа над проектами сразу идёт через Git: у нас также вся работа в компании проходит через обязательные ревью.
Сейчас в команде работает выпускник Академии Павел, и я им доволен. Необходимые базовые навыки, понимание семантики, работа с чистым CSS — всё это на хорошем уровне, а что касается JavaScript — он быстро ориентируется, если делал что-то похожее — вспоминает. Он был сразу готов взять и начать работать.
Иногда бывает, что при выходе нового джуниор-разработчика, менторить приходится до самых мелких моментов. В случае с Павлом вливание в команду прошло практически беззаботно.
Мне как руководителю не важны сертификаты и дипломы, я смотрю на код, который пишет человек, на то, что им движет работать в этой сфере, почему он выбрал именно фронтенд. Поэтому если я вижу, что человек самостоятельно развивается, проходит курсы и целеустремлён — для меня это хороший показатель его заинтересованности.
Сергей Чикирев Wrike Website Team Lead
Wrike Популярный сервис для управления проектами и совместной работы.
Мы в Ostrovok.ru постоянно ищем талантливых ребят: наш продукт быстро развивается и лишние фронтендерские руки (желательно золотые) нужны всегда. Хорошего специалиста найти не так просто, поэтому мы уже несколько раз обращались к Академии, когда подбирали джуниоров.
Ребята приходили с хорошей базой и горящими глазами, быстро вливались в процессы и команду. Сейчас в Ostrovok.ru работают три выпускника Академии — все на позиции джунов и отлично справляются.
Спасибо Академии за хорошо подготовленных специалистов.
Ostrovok.ru Интернет-сервис по бронированию более 900 000 отелей.
Мы регулярно отправляем своих сотрудников на тренинги, семинары, интенсивы и всячески открыты к образовательным программам, так мы и познакомились с HTML Academy.
Сотрудники, прошедшие курсы, рассказывают, что материал в лайвах и заданиях изложен доступно и интересно. Отмечают также, что после обучения в какой-то мере перестраивается мышление и начинаешь глубже понимать специфику языка, а это помогает в работе. Обучению им пришлось уделять действительно много времени, но это того стоит.
Для наших задач в компании программа обучения включает в себя все необходимые железные основы и даже некоторые хитрости, поэтому мы отправляем на обучение в Академию как разработчиков с опытом, чтобы структурировать знания, так и новичков, чтобы подтянуть их на нужный уровень.
Валерия Шемякина Менеджер по обучению Ozon.
Ozon Крупнейший российский интернет-магазин.
HTML Academy — лучшее, что происходило с ИТ-образованием в России.
Если вы боитесь, что не разберётесь или «программирование — это не для вас», то HTML Academy подойдёт вам идеально. Всегда будет у кого спросить и кто вас поддержит.
Они много работали с сообществом, чтобы понять какие именно знания нужны на работе. Круто, насколько всё приближено к реальной разработке.
Андрей Ситник Автор множества проектов с открытым исходным кодом. Создатель PostCSS, Autoprefixer и Logux_io.
К нам на вакансию фронтенд-разработчика пришёл выпускник Академии. Знания, полученные на профессиональных курсах по JavaScript и вёрстке, помогают ему решать задачи с минимальными трудозатратами.
В целом именно обучение на курсах Академии дало нашему сотруднику возможность развиваться как хорошему разработчику и профессионально подходить к решению проблем в работе.
ГиперМетод Ведущий разработчик решений для организации дистанционного обучения, управления знаниями и учебным процессом, развития и оценки персонала в компаниях и учебных заведениях.
Огромное спасибо HTML Academy за крутых выпускников! Три человека брали к себе на стажировку, в последующем два из них остались у нас на постоянной работе. Классные ребята с хорошим бэкграундом! Академия обучает сильных специалистов!
NORDMOUNT Внедрение, кастомизация и интеграция Salesforce на рынках США и западной Европы.