Интерактивные онлайн-курсы HTML Academy
Научитесь создавать и программировать современные веб-интерфейсы, начните карьеру в IT, оттачивайте своё мастерство.
Подробнейшие тренажёры
по HTML, CSS и JavaScript
Мы выбрали одно направление — фронтенд — и сделали самые подробные тренажёры о веб-технологиях. Одну тысячу пятьсот заданий в среднем проходят за три месяца.
9 частей тренажёров — бесплатно
Сто тридцать интерактивных заданий — бесплатные. После их прохождения вы сможете создать свой сайт.
Обучение на практике
С самого начала мы учим работать с живым кодом и самостоятельно решать задачи, приближённые к реальным. Также вас ждут испытания, принцип которых — «сверстай, как показано в образце».
От новичка до профессионала
Разобравшись с тренажёрами вы сможете принять участие в профессиональных курсах. Это профессиональные программы, где под руководством личного наставника вы научитесь создавать современные сайты и веб-приложения по критериям качества, принятым в веб-индустрии.
Учиться весело
Интересные, наглядные и затягивающие курсы, интерактивные интерфейсы, достижения — всё для обучения с удовольствием. И конечно же, Инструктор Кекс. Заскучать не получится.
1 508 Заданий и испытаний
1 078 945 Пользователей
92 047 820 Заданий выполнено
Всё начинается с сущей шалости. «Я только попробую», — говоришь ты. А утром обнаруживаешь себя за компьютером и не можешь ответить, как долго просидел за ним, проходя онлайн‑курсы один за другим. Именно в этот момент всё выходит из-под контроля: базовый интенсив, продвинутый, JavaScript. И вот ты уже меняешь свою работу, жизнь и мечтаешь теперь об одном: стать ниндзя веб-разработки, в арсенале которого HTML, CSS, SVG и JavaScript. Ребятам из HTML Academy удалось невозможное: увлечь за собой многих «скучающих и сомневающихся» и занять их сложным, современным и очень классным делом. Ирина Смирнова, фронтенд-разработчик в Bookmate
Обучаясь в Академии, вы сэкономите огромное количество времени и научитесь правильно писать код, работать с реальными проектами и очень легко сможете продолжить свою карьеру фронтенд-разработчика самостоятельно. А также работа с наставником даёт большой опыт работы с кодом, потому что он всегда готов помочь в трудную минуту. Богдан Васкан, веб-разработчик в Synergic Software
Курсы Академии мне порекомендовали. Всегда скептически относился к вебинарам, но обучение в Академии изменило это представление. Учиться действительно интересно, занимательно, и, самое главное, не скучно. Интенсив Академии просто «вбивает» в голову нужные и современные навыки и знания, которые пригодятся вам в любимом деле. Павел Цыганов, преподаватель
Для меня знакомство с миром вёрстки началось с книжек и скринкастов на YouTube. Это было интересно, но непросто. И вызывало больше вопросов, чем ответов. В процессе появилось понимание, что без структуры и обратной связи от опытных практиков обучение может растянуться до бесконечности. В какой-то момент я наткнулся на сайт Академии. Это было что-то принципиально новое, интересное и увлекательное. Я стал проходить курсы по HTML и CSS. Это напоминало увлекательную игру, в которой хочется пройти на новый уровень. Сразу вспомнилась моя любимая игра World of Warcraft. Выполнил задание — получил достижение. В какой-то момент захотелось большего, и естественным продолжением стал интенсив. Месяц бессонных ночей, взорванный мозг, и вот, я смотрю на мой первый сайт. Потом на второй. И этот загадочный мир вёрстки начинает становиться понятным и уже родным. Для меня Академия стала прекрасным стартом, и я уверен, что будет отличным продолжением! Сергей Фоменко, ученик Академии
Если бы в школьную программу добавили обучение по таким интерактивным курсам, думаю, дети быстрей поняли, что им нравится, и лучше усваивали. Регулярно захожу на сайт, чтобы отдохнуть и вдобавок вспомнить, что давно не использовал в вёрстке. Советую всем тем, кто хочет держать себя в тонусе, и тем, кто учится. Поверьте такой подход обучения покажет свой результат, а если вы добавите ещё видео и книги, то пойдёт как по маслу. Поехали! Владислав Ридвановский, младший фронтенд-разработчик
HTML Academy — это новый уровень в онлайн-обучении. Я даже представить не мог, что такой уровень подачи материала может быть в онлайн. Академия учит тебя думать как профессионал, делать как профессионал. Плюс ко всему Академия — это семья и сообщество в одном лице, где каждый найдёт себе собеседника, ответ на волнующий его вопрос. Ни разу не пожалел, что год тому назад решил попробовать их курсы! Дмитрий Руднев, фронтенд-разработчик в Greensight
Обучение в HTML Academy позволяет быстро погрузиться и качественно прокачаться в сфере фронтенда. Круто стать частью огромного волшебного мира и так скоро уже оказаться одним из лучших среди новых коллег. Артемий Альтигин, системный администратор
Программа обучения
Предлагаем путеводитель по интерактивным заданиям, следуя которому вы станете настоящим профессионалом.
Эпичный тренажёр По подписке
Применяйте полученные знания на практике!
Вы с нуля сверстаете настоящий сайт, используя графический макет. Всё, как у настоящих профессионалов.
Тренажёр открывается постепенно, по мере прохождения программы обучения.
Основы HTML и CSS 0/12 Знакомство с веб-разработкой
В этой части мы под руководством инструктора Кекса познакомимся с основами вёрстки на примере небольшого лендинга.
Кексби. Знакомство 0/10
Размечаем основные блоки главной страницы магазинчика Кекса.
Основы JavaScript 0/16 Знакомство с веб-разработкой
Познакомимся с JavaScript, с его помощью изменим вёрстку на странице, напишем переключатель тем, сделаем интерактивную форму подписки и научимся пользоваться консолью.
Основы PHP 0/15 Знакомство с веб-разработкой
Познакомимся с основами PHP. Научимся внедрять PHP в вёрстку, работать с веб-сценариями и адресной строкой, запрограммируем интернет-магазин.
Структура HTML-документа 0/17 Знакомство с HTML и CSS
Начинаем готовить разметку страницы блога, разбираемся из каких тегов она состоит и за что эти теги отвечают.
Разметка текста 0/20 Знакомство с HTML и CSS
Продолжаем верстать страницу блога, изучаем, как правильно размечать текстовое содержание: абзацы, заголовки, подзаголовки, списки и многое другое.
Кексби. Разметка, оформление текста 0/11
Добавляем в разметку текстовые теги: заголовки, списки, цитаты.
Ссылки и изображения 0/16 Знакомство с HTML и CSS
Завершаем разметку страницы блога, добавляем навигационные ссылки, а также разбираемся с форматами изображений.
Кексби. Ссылки и изображения 0/15
Вставляем содержательные картинки и добавляем ссылки.
Основы CSS 0/16 Знакомство с HTML и CSS
Начинаем оформление страниц блога и заодно разбираем базовые понятия CSS: правила, селекторы, свойства, значения, наследование и каскадирование.
Оформление текста 0/19 Знакомство с HTML и CSS
Завершаем оформление страниц блога, учимся оформлять тексты с помощью CSS: задаём шрифты, цвета, отступы, размеры.
Условия и создание элементов 0/15 Знакомство с JavaScript
Познакомимся с условиями, научимся создавать и добавлять на страницу новые элементы, напишем счётчик лайков и систему комментирования.
Коллекции и свойства элементов 0/16 Знакомство с JavaScript
Познакомимся с коллекциями элементов и циклом for of, научимся с помощью свойств получать данные и управлять элементами, сделаем всплывающие подсказки и валидацию формы.
Прокрутка и операторы 0/14 Знакомство с JavaScript
Узнаем, как управлять прокруткой в браузере, и познакомимся с операторами равенства и логическим И. Запрограммируем кнопку прокрутки к началу страницы и создадим фильтрацию на новостном сайте.
Динамические стили элементов 0/16 Знакомство с JavaScript
Научимся менять стили элементов, используя свойство style и данные из полей ввода. Запрограммируем настройки цвета и размера текста на странице, добавим шкалу сложности пароля и возможность посмотреть пароль.
Условия в PHP 0/14 Знакомство с PHP
Научимся использовать условия в сценариях и шаблонах. Познакомимся с операциями сравнения и логическими операторами. Доработаем страницы интернет-магазина.
Массивы и циклы в PHP 0/15 Знакомство с PHP
Узнаем, что такое массивы и циклы, и почему они отлично работают вместе. Поработаем с разными массивами и циклами на страницах интернет-магазина. Добавим фильтрацию товаров и решим ещё пару задач.
Массивы и функции в PHP 0/16 Знакомство с PHP
Узнаем, как создавать собственные функции и использовать встроенные. Научимся с помощью функций сортировать, фильтровать, копировать и перемешивать массивы. Доделаем страницу доставки и выведем на главную страницу карточки со случайными товарами.
Числа и строки в PHP 0/14 Знакомство с PHP
Научимся работать с числами и строками в PHP, познакомимся с циклом for и тернарным оператором. Сделаем пагинацию и выведем на страницу дату в сложном формате.
Чтобы увидеть всю программу, нужно зарегистрироваться.
Обучение в HTML Academy
Найдите свой путь к работе мечты!
HTML Academy покажет протоптанные тропы к успеху и хорошей оплате!
В добрый путь к успеху
Тренажёры
И вы разработчик домашних страничек
Вы изучили азы HTML, CSS и JavaScript. Теперь вы знаете, как размечать абзацы, заголовки, списки, как задавать размеры элементов и добавлять на фон красивые картинки. Этого достаточно для того, чтобы создавать домашние странички для себя, друзей и кота.
Если хотите стать профессионалом, самое время записаться на онлайн‑курс «HTML и CSS. Профессиональная вёрстка сайтов».
HTML и CSS. Профессиональная вёрстка сайтов
И вот вы младший верстальщик с зарплатой в 30 000 ₽
Смотреть вакансии
Теперь вы можете разрабатывать коммерческие проекты. Соответствие макету, устойчивые к переполнению сетки, валидная и семантичная разметка — для вас не пустой звук.
Пока нет информации о следующем потоке.
Чтобы браться за сложные и дорогие проекты, вам пора записаться на онлайн‑курс «HTML и CSS. Адаптивная вёрстка и автоматизация».
HTML и CSS. Адаптивная вёрстка и автоматизация
И вы уже верстальщик с зарплатой в 45 000 ₽
Смотреть вакансии
Вы овладели адаптивной и резиновой вёрсткой и разобрались в современных инструментах. Методологии, препроцессоры, автоматизация — всё это поможет вам работать эффективнее.
Пока нет информации о следующем потоке.
После всего этого, будет самое время изучить JavaScript на онлайн‑курсе «JavaScript. Профессиональная разработка веб-интерфейсов.»
JavaScript. Профессиональная разработка веб-интерфейсов
И вот вы хороший верстальщик на зарплате в 55 000 ₽
Смотреть вакансии
Валидация данных, работа с графикой, шаблонизация — всё это позволит вам добавлять в проекты интерактивные элементы.
Следующий поток пройдёт 7 июня — 8 августа.
Хотите научиться создавать приложения и сложные сервисы? Записывайтесь на онлайн‑курс «JavaScript. Архитектура клиентских приложений».
JavaScript. Архитектура клиентских приложений
И, между прочим, вы фронтендер с зарплатой в 75 000 ₽
Смотреть вакансии
Теперь вы умеете создавать современные веб-приложения. Знаете, как писать код на ES2015 (ES6), умеете его тестировать, умело применяете паттерны проектирования.
Следующий шаг — разобраться, как применять библиотеку React для разработки сложных интерфейсов на онлайн-курсе «React. Разработка сложных клиентских приложений».
React. Разработка сложных клиентских приложений
И вы супер фронтендер с зарплатой в 100 000 ₽
Смотреть вакансии
Теперь вы умеете создавать современные веб-приложения. Уверенно применяете новые возможности последних редакций ES, пишете надёжный код, покрытый тестами, используете объектно-ориентированный подход.
Следующий поток пройдёт 4 июля — 5 сентября.
Следующий шаг — разобраться, как работают повседневные инструменты на онлайн-курсе «Node.js. Разработка серверов приложений и API».
Node.js. Разработка серверов приложений и API
в асинхронном формате
Вжух, и вы фронтендер с зарплатой 100 000 ₽
Смотреть вакансии
Вы точно научитесь работать с Node.js, но остальные подробности покрыты тайной. Мы долго пытали Кекса, но он молчит как кот. Остаётся просто смотреть программу курса.
Никто ничего не знает о том, что же будет дальше.
Плюсы обучения с нами
Весь процесс обучения проходит в максимально приближенных к реальным условиям работы: дробление на задачи, ревью кода, процесс в Гитхабе.
Наставник лучше всех передаст опыт работы, познакомит с нюансами разработки, даст хороший пинок к старту карьеры. Кстати, с нами работает более трёхсот наставников! И мы всегда набираем новых.
Нексус — это база лучших выпускников Академии. Там мы собираем все ваши навыки и проекты и даём доступ проверенным компаниям.
Контакты
Остались вопросы? Проконсультируем по телефону 8 800 555-86-28.
Отвечаем и помогаем во Вконтакте, Фейсбуке или по почте.
HTML Academy
HTML Academy запись закреплена
Должен ли разработчик разбираться в дизайне? А дизайнер — в коде? Где и как им учиться? Что общего в их работе, и почему возникают конфликты? Эти и другие вопросы обсудили в новом выпуске подкаста с Юлей Миоцен, продуктовым дизайнером в Яндекс.
Посмотрите на впечатляющие работы Юли на CodePen — https://codepen.io/miocene
HTML Academy запись закреплена
Подошёл к концу 24 поток курса «JavaScript. Профессиональная разработка веб-интерфейсов», который успешно закончили 237 студентов.
3% студентов проходят курс на Линуксе — мы решили, что вы просто должны узнать этот факт.
HTML Academy запись закреплена
HTML Academy запись закреплена
А вы уже слушали новый выпуск подкаста «Да как так-то»?
Обсудили вместе с Юлей Миоцен — продуктовым дизайнером в Яндекс: должен ли разработчик разбираться в дизайне, а дизайнер — в коде, где и как им учиться, что общего в их работе, и почему возникают конфликты.
HTML Academy запись закреплена
Есть много способов сэкономить время и упростить жизнь разработчика. Но они кажутся такими сложными и непонятными, что знакомство с ними постоянно откладывается. И зря: сегодня мы расскажем, как автоматизировать работу, используя вспомогательные инструменты.
Шаблонизаторы для HTML — один из таких способов.
HTML Academy запись закреплена
Свежий отчёт с 32 потока курса «HTML и CSS. Профессиональная вёрстка сайтов» уже здесь.
Мы постоянно анализируем обратную связь от студентов и смотрим, что можно улучшить, добавить или убрать. Этот поток содержит рекордное количество изменений за всю историю профессиональных курсов HTML Academy.
Посмотреть статистику, отзывы о курсе и изменения на потоке можно в статье.
Посмотреть статистику, отзывы о курсе и изменения на потоке можно в статье.
Детали заказа
Номер заказа — #819387.
Сумма заказа — 1 770 рублей.
Дата создания заказа — 8 декабря 2021.
Прошу вернуть деньги. Я вроде отписался от вашей подписки, но видимо не до конца, и сегодня ночью у меня списались деньги. Прошу вернуть их, и деактивировать мой аккаунт.
HTML Academy запись закреплена
Хотите получать 100 тысяч за код? Мы собрали 8 шагов, чтобы достичь этой цели
Первый шаг в карточках, остальные читайте в статье — https://tml.io/0yemk
Детали заказа
Номер заказа — #819387.
Сумма заказа — 1 770 рублей.
Дата создания заказа — 8 декабря 2021.
Прошу вернуть деньги. Я вроде отписался от вашей подписки, но видимо не до конца, и сегодня ночью у меня списались деньги. Прошу вернуть их, и деактивировать мой аккаунт.
HTML Academy запись закреплена
Недавно наш телеграм-канал был захвачен Серёжей Поповым, который в Академии занимается «Лигой.А» и продуктами для опытных разработчиков. В нём Серёжа рассказал, что изменилось в обновлённых курсах, как учиться без наставника и зачем нужна карта компетенций, а также дал несколько советов разработчикам. Самое интересное собрали в карточках, а полная версия доступна в телеграм-канале.
Курсы для мидлов и карту компетенций можно посмотреть здесь — https://tml.io/xoya4
HTML Academy запись закреплена
Сегодня стартует курс «Шаблонизаторы HTML».
Для чего нужны шаблонизаторы?
Использование шаблонизаторов позволяет сократить время на разработку продуктов и уменьшить количество ошибок и исправлений.
Показать полностью.
🟣Какие знания нужны для успешного прохождения курса?
Необходимые знания: HTML, CSS, базовый JavaScript.
🟠Как проходит курс?
Курс предполагает самостоятельное изучение материала в комфортном для вас режиме. Программа разбита на модули, каждый из которых позволяет постепенно осваивать навык от простых основ до сложных тонкостей.
🟢Чему я научусь благодаря этому курсу?
— Быстрее собирать сложные интерфейсы.
— Грамотнее использовать компонентный подход.
— Минимизировать количество ошибок и ускорить их исправление.
— Связывать компоненты с данными и тестировать их с разным контентом.
🟣Какие знания нужны для успешного прохождения курса?
Необходимые знания: HTML, CSS, базовый JavaScript.
🟠Как проходит курс?
Курс предполагает самостоятельное изучение материала в комфортном для вас режиме. Программа разбита на модули, каждый из которых позволяет постепенно осваивать навык от простых основ до сложных тонкостей.
🟢Чему я научусь благодаря этому курсу?
— Быстрее собирать сложные интерфейсы.
— Грамотнее использовать компонентный подход.
— Минимизировать количество ошибок и ускорить их исправление.
— Связывать компоненты с данными и тестировать их с разным контентом.
В чём смысл профессий HTML Academy. Максимально коротко
Профессия — это способ стать веб-разработчиком с нуля. Профессия длится больше года и состоит из двух этапов — обучения и производства. После этого — стажировка в «Лиге А.».
Во время обучения мы даём актуальные знания и навыки и объясняем, как всё это применять на практике. На производственном этапе — опыт разработки сайтов и проекты в портфолио. Помогаем выпускникам составить хорошее резюме и найти работу.
Первый этап — обучение
Коротко: от 4 до 6 курсов с наставником, где вы получаете все необходимые знания и навыки. На обучение нужно 2-3 часа в день.
Вы проходите от четырёх до шести — зависит от профессии — курсов. Каждый из них посвящён определённой теме и длится один-два месяца.
Программа профессии «React-разработчик»
Учебные материалы. На курсах вы изучаете теорию по вёрстке или программированию с помощью интерактивных тренажёров и демонстраций с разбором эталонного кода. А ещё в тренажёрах можно попробовать своими руками сделать то, о чём вы прочитали. Решаете задачки в редакторе кода — тут же видите результат. Вдобавок есть учебник и статьи в блоге, чтобы разобраться в теме ещё лучше.
Лайвы. Каждую неделю проходят лайвы — прямые эфиры, где авторы курса объясняют сложные моменты по каждой теме и отвечают на вопросы студентов. После каждого лайва есть несколько дней, чтобы выполнить домашнее задание по теме.
Например, на курсе «Профессиональная вёрстка сайтов» на лайве про разметку авторы разбирают работу с HTML, рассказывают, как анализировать макет и делать по нему разметку. В качестве домашнего задания надо разметить главную и внутреннюю страницу выпускного проекта.
Лайв «Знакомство с JavaScript» курса «Профессиональная разработка веб-интерфейсов»
Личный проект. Это как курсовая работа, только на нормальную тему и с актуальными заданиями. Над проектом вы работаете в течение всего курса и применяете там всё, чему научились. Все домашние задания — часть выпускного проекта.
Наставник. У каждого студента есть личный наставник — практикующий специалист. Это человек, который проверяет домашние задания, помогает разобраться в трудных темах и поддерживает морально. Вы сами договариваетесь с наставником, когда и каким способом вам обоим удобно общаться на консультациях: по телефону, по видео или в переписке.
Второй этап — производство
Грейдирование
Коротко: в течение недели вы выполняете небольшой проект, а ещё неделю мы проверяем ваш уровень знаний и навыков.
Это небольшой проект для самостоятельной работы, который покажет, чему вы научились на курсах. Это проверка того, как хорошо вы усвоили материал. Не надо бояться: мы просто подскажем, что ещё можно подтянуть, и на чём сделать упор дальше.
В этот момент вы получаете сертификат об образовании. Теперь можно смело устраиваться на работу по новой специальности. С этим помогает «Центр карьеры», который собирает вакансии для выпускников HTML Academy.
Акселератор
Коротко: три проекта за три месяца с командой.
В Акселераторе вы в течение трёх месяцев тренируетесь на трёх проектах в команде с наставником, тестировщиком и менеджером, чтобы увеличить скорость и качество своей работы. Это такой симулятор, где всё происходит так, как это устроено в настоящих компаниях.
Третий этап — стажировка в «Лиге А.»
Оплачиваемая трёхмесячная стажировка в «Лиге А.», где вы работаете над коммерческими проектами. Тут уже всё взаправду: реальные заказчики, сроки и команда.
Топ-5 историй выпускников, которые перешли в IT из других сфер:
Сколько времени занимает обучение
Коротко: вы можете учиться ежедневно по 2-3 часа. Если не успеваете по вечерам в будние дни — можно подольше посидеть на выходных.
Программа составлена так, чтобы учиться успевали даже работающие люди: заниматься можно по вечерам и выходным. Но даже если вы настроены серьёзно, в обучении могут случаться сбои. Плохое самочувствие, день рождения бабушки, выступление ребёнка на концерте — минус учебные часы. Главное — помните, что это нормально и всё можно нагнать. Конечно, освоение профессии требует усердия и постоянного внимания. Но и отдыхать тоже надо. Просто распределяйте силы равномерно, не оставляйте всё на последний момент — и будет вам веб-разработка.
Как успевать учиться и не сходить с ума от нагрузки:
Итак, профессия — это обучение с нуля и практика на реальных проектах, после которых вы станете веб-разработчиком. Здесь вы не только получите актуальную теорию, но получите навыки решения типовых задач разработчика и научитесь делать настоящие проекты, такие же по сложности, как в индустрии. На выходе — полное понимание того, что происходит в настоящих компаниях, и опыт работы в команде с менеджерами, тестировщиками и дизайнерами.
Профессия — это просто
Но если хотите, мы перезвоним и расскажем всё в деталях.
Нажатие на кнопку — согласие на обработку персональных данных
