ypx

онлайнc наставником

Профессия
Frontend-разработчик

Вы с нуля изучите все необходимые технологии и станете востребованным frontend-разработчиком. А мы поможем вам начать карьеру в компании или на фрилансе!
Роман Чернов, сооснователь Айтилогии и автор курса
старт 3 потока
Набор скоро начнется
длительность
10 месяцев
Формат обучения
Онлайн, по записанным видео урокам, с проверкой домашек и постоянной поддержкой наставников
помощь в трудоустройстве
Выход на фриланс в середине обучения + помощь в трудоустройстве в компании и студии

Кто такой front‑end разработчик

Frontend-разработчик разрабатывает frontend-часть веб-приложения или сайта: это та часть сайта, которая работает у пользователя в браузере и общается посредством http-запросов с серверной частью (back-end).
  • Работа в одном из самых популярных и перспективных IT‑направлений
  • Возможность стремительного карьерного роста и дохода свыше 5000$
  • Работа в офисе, удалённо или на фрилансе
  • Возможность изучить backend и в будущем стать Fullstack‑разработчиком
Ваша зарплата
*На основе среднестатистических данных наших выпускников и данных портала hh.ru
900$
После обучения
1500$
Через 1-2 года
3000$
Через 2-3 года
5000$
Через 4 года

Кому подойдёт этот курс

Начинающим

Вы обучитесь востребованной IT‑профессии и будете работать в IT-компании или на фрилансе

Продолжающим

Если у вас уже есть знания по верстке или фронтенду, но их недостаточно для трудоустройства или заказов

Сборщикам сайтов на конструкторах

Если вы собираете сайты на конструкторах, но поняли, что хотите стать именно веб‑разработчиком, то наш полноценный курс поможет вам выйти на новый уровень знаний и дохода

Бэкенд‑разработчикам

Если вы уже владеете знаниями в backend, то закончив наш курс по frontend станете полноценным Fullstack-разработчиком

Веб-дизайнерам

Обладая навыками верстки и frontend-разработки сайтов, вы сможете брать заказы на сайты «под ключ» и зарабатывать в разы больше

На курсе вы научитесь всем необходимым и актуальным навыкам и станете востребованным frontend-разработчиком

01
Верстать сайты по дизайн-макетам из Photoshop и Figma, используя HTML и CSS
02
Программировать, использовать средства разработчика в браузере и делать отладку кода
03
Использовать Git на профессиональном уровне
04
Работать в IDE профессиональных разработчиков – WebStorm
05
Быстро разбираться и использовать любые CSS и JS библиотеки и плагины
06
Профессионально работать с JavaScript и TypeScript
07
Понимать и применять основные паттерны проектирования и принципы построения проектов
08
Знать основы backend и создавать собственную API
09
Создавать большие и сложные веб-приложения на Angular
10
Создавать фронтенд-приложения на React и Vue.js
11
Делать сборку проектов, писать тесты, загружать на сервер свои приложения
12
Прокачивать свои Soft-скиллы для развития карьеры

Технологии и программы, которыми вы овладеете

Angular
React
Vue.js
HTML
CSS
JavaScript
TypeScript
Вы будете работать в лучшей IDE для веб-разработки — WebStorm
IDE от компании JetBrains
Компания JET BRAINS предоставляет каждому ученику Айтилогии бесплатную лицензию. Вы сможете использовать программу WEBStorm бесплатно 11 месяцев!
RxJS
Github
Photoshop
Bootstrap
jQuery
Ajax
Git
Less
Sass
NPM
Gulp
Grunt
Docker
NodeJs
Webpack
Figma
12+
frontend-проектов вы реализуете за время обучения
  • 7 полноценных сайтов на HTML, CSS, JS
  • Полноценное веб-приложение на чистом JavaScript
  • 3 больших проекта на Angular
  • Проект на React
  • Проект на Vue.js
  • Собственная API на Node.js (backend)

Ваше резюме после обучения

Первый заказ на фрилансе сможете выполнить уже 27 сентября 2022
Начать работать в IT-компании вы сможете уже 27 марта 2023
Сертификат
Полученные знания и навыки подтвердит сертификат
Кликни на него для подробностей
Иван Иванов
Frontend-разработчик
Ключевые навыки и компетенции
  • Верстка страниц любой сложности на HTML, CSS по дизайн-макетам Photoshop, Figma
  • Отличные знания Less/sass, npm, webpack, jQuery, Bootstrap, gulp, grunt
  • Разработка проектов на Angular, React, Vue.js с использованием JavaScript и TypeScript
  • Отладка кода, развертывание, сборка, деплоймент, настройка docker-контейнеров
  • Понимание концепций SPA и MVC, паттернов проектирования, ООП
  • Знание Git на профессиональном уровне
  • Создание unit-тестов
  • Базовые знания бэкенда и Node.js, понимание принципов API
Поможем вам с трудоустройством в компанию
Опытный HR-специалист поможет вам составить резюме и откликаться на вакансии. Сделает разбор ошибок вашего неудачного собеседования и расскажет, как успешно пройти следующее собеседование
наши выпускники работают в компаниях в офисе или удалённо
Кликай на карточку для подробностей
1
Видеоуроки по карьере и трудоустройству в компании
Материалы для изучения и практики по теме трудоустройства, а также личный опыт основателей Ольги и Романа
2
Резюме и сопроводительные письма для откликов
Поможем составить привлекательное резюме и научим писать толковые сопроводительные письма
3
Помощь с собеседованиями
Карьерный консультант поможет подготовиться к собеседованию и разобрать уже пройденное вами
4
Продающее портфолио
Дадим рекомендации, как выгодно презентовать ваше портфолио с курса работодателю и какие проекты стоит продемонстрировать
5
Помощь в подборе вакансий
Расскажем, как выбирать вакансии и пришлем вам подходящие. Разошлем ваше резюме по нашей базе компаний
6
Ответы на вопросы от карьерного специалиста
Сможете получить ответ от карьерного консультанта на любой вопрос о трудоустройстве в компанию
1
Видеоуроки по работе на фрилансе и с заказчиками
Материалы для изучения и практики по теме работы на фрилансе, а также личный опыт Романа Чернова
2
Работа на фриланс-биржах
Предоставим список лучших бирж, поможем заполнить и оформить аккаунт и портфолио, научим оставлять отклики, которые читают
3
Все возможные другие способы поиска клиентов и заказов
Научим искать заказы без бирж и расскажем обо всех возможных способах. Научим делать клиенту сильный оффер
4
Взаимодействие с клиентом и формирование цен
Ответим на все ваши вопросы по взаимодействию с клиентами
5
Мы всегда готовы помочь вам советом
На протяжение всего обучения мы будем рядом с вами, чтобы помочь с возникающими вопросами, когда вы получите реальный заказ! Благодаря нашей поддержке вам будет не страшно и вы точно со всем справитесь :)
Поможем вам зарабатывать на фрилансе
Программа курса построена так, что в середине курса у вас уже будет сформировано стартовое портфолио, с которым вы начнёте искать заказы параллельно дальнейшей учебе.
Вместе с этим в специальном модуле курса вы получите необходимые знания и навыки, которые позволят уже во время обучения найти клиента и зарабатывать первые деньги на новой профессии.
наши студенты работают на фрилансе с заказчиками
Кликай на карточку для подробностей

Программа курса

Модуль 0
Предобучение
Подготовительный модуль
  • Узнаете, какие книги почитать, чтобы погрузиться в профессию
  • Установите себе среду разработки (IDE) профессионалов – программу WebStorm
  • Узнаете базовую информацию про работу веб-сайтов и про основные технологии
  • Узнаете, как лучше и эффективнее обучаться
Модуль 1
Введение в курс и профессию
  • Познакомитесь с автором курса
  • Настроите среду разработки (IDE) профессионалов – программу WebStorm
  • Разберетесь в основах Photoshop и основных инструментах
  • Разберетесь в основах Figma и основных инструментах
  • Научитесь работать с дизайн-макетами в Photoshop/Figma
Модуль 2
HTML
  • Разберетесь с основами разметки HTML
  • Научитесь использовать основные теги, их атрибуты и свойства
  • Создадите собственную большую форму и научитесь её отправлять POST-запросом, контролируя отправляемые данные
  • Научитесь работать с таблицами
Модуль 3
CSS
  • Научитесь использовать CSS различными способами
  • Научитесь работать со всеми основными свойствами стилей, нужными для верстки сайтов
  • Полностью разберетесь с селекторами, приоритетами и правилами CSS-стилей
  • Будете уметь использовать разные виды отображения элементов и работать с Computed Styles
  • Сможете использовать на страницах псевдоклассы и псевдоэлементы, подключать веб-шрифты и пользоваться SVG иконками
  • Узнаете всё о различных видах позиционирования, размещения, и обтекания элементов (float)
  • Научитесь работать с Flexbox моделью и CSS Grid шаблонами
  • Будете уметь делать полный адаптив любого сайта и применять там анимации CSS
  • Узнаете что такое кроссбраузерность и как её применять
  • Научитесь работать по методологии БЭМ
Модуль 4
JavaScript
  • Вы погрузитесь в мир программирования на JavaScript
  • Изучите синтаксис этого языка и все основы программирования: типами данных, переменными, операциями и операторами, условиями, функциями, массивами, объектами и циклами
  • Вы начнете использовать ES6
  • Вы будете знать, как обрабатывать ошибки и как использовать встроенные в JS функции
  • Научитесь работать с DOM, событиями в браузере, а также узнаете как работать с объектами window и document
Модуль 5
Продвинутые фронтенд-средства
  • Научитесь работать с Bootstrap, использовать его шаблон и сетку, а также основные компоненты
  • Откроете для себя библиотеку jQuery и различные эффекты, плагины и библиотеки, которые работают на этой библиотеке
  • Вы научитесь подбирать на свою страницу плагины и сторонние библиотеки
  • Узнаете о том, как работать с AJAX, делать правильную валидацию форм и прикручивать лоадер
  • Научитесь работать с препроцессорами LESS и SASS, менеджером пакетов NPM а также сборщиками проектов Gulp/Grunt
  • Сможете встраивать сторонние ресурсы и аналитику на сайт
  • А в конце модуля разберетесь как валидировать верстку и оптимизировать страницы.
Модуль 6
Реализация проекта по ТЗ
  • В этом модуле вы самостоятельно реализуете свой первый полноценный проект на HTML + CSS + JS с 0 на основе дизайн-макета
  • Сделаете для него полный адаптив и внедрите в него использование изученных продвинутых фронтенд-средств и технологий
Модуль 7
Старт на фрилансе
  • Вы узнаете, как правильно искать заказы
  • Узнаете, как правильно использовать биржи фриланса
  • Научитесь правильно составлять профиль и портфолио
  • Узнаете как делать эффективные отклики и продавать свои услуги
  • Научитесь работать с клиентами и зарабатывать на основе приобретенных навыках и знаниях на курсе
Модуль 8
Профессиональный Git
  • Научитесь работать с git в unix-терминале
  • Научитесь создавать локальные и удаленные репозитории
  • Будете работать с историей изменений проекта
  • Начнете правильно использовать ветки и версии вашего проекта
  • Научитесь правильно соединять код и решаьт конфликты
  • Освоите работу с удаленными ветками
  • Разберетесь в перебазировании
  • Научитесь работать с git в IDE (Visual Studio Code + WebStorm)
  • Узнаете, что такое Fork, PR, Cherry-pick, Alias, Stash
  • Научитесь работать с тегами
  • Сможете работать с git на удаленном сервере и деплоить изменения проекта
  • Вникнете в подход git-flow
Модуль 9
Продвинутый фронтенд
  • Научитесь делать правильную отладку js-кода
  • Глубже разберетесь с преобразованием типов и регулярными выражениями
  • Вы погрузитесь в контекст и замыкания, сможете разобраться во встроенных функциях, функциях работы с массивами и высшего порядка
  • Узнаете, как использовать деструктуризацию
  • Узнаете про то, как работать с WebSockets, Long Polling
  • Научитесь писать код по ООП, использовать модули и делать unit-тестирование вашего кода
  • Детально разберетесь в HTTP-протоколе, REST API, аиснхронной модели и EventLoop
  • Делать базовый бэкенд для приложения и поймете принцип взаимодействия фронт и бэк сторон приложения
Модуль 10
Реализация проекта на JS
  • В результате этого модуля вы самостоятельно реализуете свой первый полноценный проект на чистом JavaScript
  • В нем вы используете различные продвинутые фронтенд-технологий и средства, изученные в предыдущих модулях, и позволяющие создавать полноценные frontend-приложения с нуля
Модуль 11
TypeScript
  • Узнаете про то, зачем нужен TypeScript и чем отличается от JavaScript
  • Разберетесь в типизации и Generic Types
  • Узнаете, как в TypeScript работают интерфейсы, классы, объекты, конструкторы
  • Научитесь правильно использовать модификаторы доступа, свойства, модули
  • Узнаете, как компилировать TypeScript в JavaScript
  • Научитесь правильно использовать tsconfig
Модуль 12
Фреймворк Angular
  • Вы научитесь строить полноценные фронтенд-приложения по MVC-MVVM паттернам
  • Будете правильно использовать компоненты, шаблоны, пайпы и биндинг
  • Узнаете, зачем и как работать с директивами, сервисами и DI
  • Научитесь настраивать грамотный роутинг
  • Будете использовать библиотеки компонентов, строить сложные формы и работать с HTTP-запросами
  • В конце модуля сможете разобраться в реактивном программировании
  • Узнаете, как делать тестирование проектов и сборку приложений на Angular
Модуль 13
Фреймврки React, Vue.js
  • Вы научитесь создавать фронтенд-приложения на фреймворке React
  • Вы научитесь создавать фронтенд-приложения на фреймворке Vue.js
Модуль 14
Реализация интернет-магазина на Angular
  • В этом модуле будем вместе с вами реализовывать полноценное frontend-приложение на Angular. Это будет большой интернет-магазин!
  • Создадим проект с нуля, сделаем авторизацию, админку, основной функционал интернет-магазина. Напишем несколько unit-тестов и сделаем сборку приложения.
Модуль 15
Профессиональные средства
  • Вы научитесь дебажить код
  • Будете правильно обрабатывать ошибки
  • Узнаете что такое логгирование и как его настраивать
  • Узнаете про Gitlab и Gitlab CI
  • Свои проекты сможете запускать в Docker
  • Научитесь разворачивать свои проекты на хостингах, настраивать деплоймент с концепциями CI и CD
  • Познакомитесь с самыми важными паттернами проектирования и принципами построения проектов Solid и Dry
Модуль 16
Дипломная работа на Angular
  • Самостоятельно создадите полноценное фронтенд-приложение на основе готового API и бэкенда
  • Проект вы будете создавать по техническому заданию (ТЗ) и используете все знания, полученные на курсе
Модуль 17
Soft Skills
  • Технические знания не всегда имеют самую важную роль в построении успешной карьеры веб-разработчика. Поэтому, благодаря этому модулю, вы прокачаете самые важные софт-скиллы, которые позволят вам лучше понимать IT-сферу и принципы построения карьеры
Модуль 18
Карьера в IT
  • Составите план поиска работы, портфолио, сделаете крутое резюме
  • Научитесь писать хорошее сопроводительное письмо компаниям и грамотно выполнять тестовое задание
  • Расскажем вам как пройти любое собеседование
  • В начале этого модуля у вас начнется месяц карьеры – наш карьерный консультант будет помогать вам с поиском работы, а так же отвечать на любые ваши вопросы

Как будет проходить ваше обучение

На курсе у вас будет много практики, поэтому в ходе уроков и домашек будет много работы и много правок от наставников, которые нужно будет вносить в проект, чтобы получить качественную работу и отличный результат.

Благодаря системе обучения в Айтилогии вы сможете совмещать прохождение курса с работой, детками или обучением в университете. А также сможете удобно обучаться, находясь в любом часовом поясе.

Смотрите видеоуроки в удобное время. Выполняете практику в ходе урока. Проходите тестирование по изученному материалу.
В удобное для вас время суток самостоятельно выполняете домашнее задание и отправляете его на проверку наставнику.
По домашнему заданию вы получаете индивидуальный разбор ошибок от наставника (видео или текстом), необходимое количество раз, доводя работу до отличного результата.
По желанию выполняете дополнительные практические задания к урокам для лучшего закрепления материала. Они не проверяются наставником, но вы можете обсудить их в чате с одногруппниками.
После практики во время прохождения курса выполняете главный большой дипломный проект в конце обучения. После завершения учебной программы вы получаете сертификат, который приложите к своему портфолио.
После окончания курса с вами будет работать карьерный консультант Айтилогии и будет всячески помогать вам с трудоустройством в компании. А в середине курса у вас будет модуль по заработку на фрилансе, чтобы вы могли зарабатывать уже во время обучения!
Комфортная система обучения
Мы обеспечиваем каждому нашему ученику комфортный и удобный процесс обучения!

Отзывы выпускников
Айтилогии об обучении

Или посмотрите видео отзывы от выпускников курса
Курс обучит вас профессии Frontend-разработчик
Роман Чернов
  • Сооснователь Айтилогии
  • Senior Full-stack developer
  • 8 лет практического опыта работы веб‑разработчиком на больших и сложных проектах в IT-компаниях и на фрилансе
  • Автор и преподаватель обучающих программ по веб-разработке
А также практикующие разработчики и опытные наставники будут помогать вам в освоении новой профессии и следить за вашими результатами!
На курсе у вас будет:
    • Проверка ваших домашек практикующими наставниками-разработчиками (текстовые или видеоразборы)
    • Ответы на ваши вопросы в учебном чате и на платформе от наставников и Романа Чернова
    • Созвоны в Zoom с Романом Черновым
    • Мотивация и поддержка от наставников
    • Работа над вашим мышлением, преодоление страхов и выход на новый уровень развития благодаря работе с наставниками
    • Доступ в закрытый чат участников вашего потока и в общий чат выпускников Айтилогии
    • Возможность продления поддержки наставника после даты окончания курса

Ждём вас на курсе Frontend-разработчик

от 26 400 ₽/ мес.
(~ 420 USD)
Стоимость в рассрочку
112 000
(~ 1 781 USD)
Полная стоимость курса

Записаться на курс

У вас уже есть аккаунт? Войти
старт 3 потока
Набор скоро начнется

Ответы на часто задаваемые вопросы

После курса я смогу устроиться в компанию или брать заказы на фрилансе?
Курс построен таким образом, что вы сможете брать заказы на фриланс уже спустя 3 месяца обучения, так как у вас будут все необходимые для этого навыки и знания. А в конце курса у вас будет целый месяц работы с нашим карьерным консультантом, который поможет вам найти работу: подскажет как пройти собеседование и разберет уже пройденное, ответит на все ваши вопросы, поможет составить резюме и грамотно оформить портфолио!
Гарантируете ли вы трудоустройство?
Мы не можем гарантировать трудоустройство, так как почти всё зависит от человека и его личных качеств. Все необходимые знания и навыки для успешного трудоустройства вы получите на обучении! Наши выпускники устраиваются в компании по всему миру и работают на фрилансе. Со своей стороны мы сделаем всё для того, чтобы наш выпускник устроился в IT-компанию и нашел заказы на фрилансе еще во время обучения – это наша с вами общая главная цель!
Что нужно знать, чтобы начать обучение на курсе?
Курс адаптирован для начинающих и мы всему научим вас с нуля! Но если вы уже обладаете какими-либо знаниями и навыками, то это тоже хорошо. Английский язык вам тоже не нужен для успешного старта в этой профессии. Нужно лишь уметь пользоваться компьютером и браузером.
Смогу ли я совмещать обучение с основной работой?
Да, при условии, что у вас будет хотя бы 2-3 часа в день на обучение. Почти все наши студенты совмещают обучение с работой, учебой в вузе или детьми, и при этом успешно справляются с программой курса. Важно понимать, что вы обучаетесь полноценной профессии, и чем больше вы сможете уделять времени обучению – тем лучше же для вас!
В какое время нужно обучаться?
Для вашего удобства все уроки находятся в записи и открываются автоматически, последовательно по расписанию. Вам не нужно подстраиваться под конкретное время занятий и вы можете обучаться в удобное для вас время суток. При этом важно соблюдать расписание обучения.
Что если я не успею пройти курс к дате завершения?
Если вы не успеете пройти все уроки до конца срока обучения, то мы дадим бонусом ещё 2 недели, в течение которых наставник будет бесплатно проверять ваши домашние задания, делать разборы работ, давать вам обратную связь и помогать в освоении профессии. Если же вы все равно не успеете пройти обучение, то вы не сможете проходить курс дальше – доступ останется только к уже пройденным урокам сроком на 6 месяцев с даты окончания обучения. Однако вы сможете воспользоваться платной услугой 30-дневной «поддержки» и продлить срок обучения с поддержкой наставника.

Остались вопросы?

Напишите нам в онлайн-чат внизу экрана и мы ответим на ваш вопрос.

Также вы можете написать нам на почту [email protected]