Top.Mail.Ru
ypx
INTENSIVE
Попробуй себя в UX/UI-дизайне UX/UI-дизайн бесплатно
7 дней
5 проектов в портфолио
проверка дз
banner-circle
INTENSIVE
Попробуй себя во Frontend разработке Frontend бесплатно
7 дней
1 полноценный проект
проверка дз
banner-circle

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

Frontend-разработчик

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

Кто такой Frontend-разработчик

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
RxJS
Github
Photoshop
Bootstrap
jQuery
Ajax
Git
Less
Sass
NPM
Gulp
Grunt
Docker
NodeJs
Webpack
Figma
20+
frontend-проектов вы реализуете за время обучения
  • Более 15 одностраничных сайтов на HTML, CSS, JS
  • 3+ Frontend-приложений на чистом JavaScript и TypeScript
  • Полноценный интернет-магазин на Angular
  • Курсовой проект по ТЗ на Angular
  • 3 игры: на чистом JavaScript, на React и на Vue.js
  • Собственная API на Node.js (backend)

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

Первый заказ на фрилансе сможете выполнить уже 26 августа 2024
Начать работать в IT-компании вы сможете уже 26 апреля 2025
Сертификат
Полученные знания и навыки подтвердит сертификат
Кликни на него для подробностей
Иван Иванов
Frontend-разработчик
Ключевые навыки и компетенции
  • Верстка страниц любой сложности на HTML, CSS по дизайн-макетам Photoshop, Figma
  • Отличные знания Less/sass, npm, webpack, jQuery, Bootstrap, gulp, grunt
  • Разработка фронтенд-проектов на JavaScript и TypeScript
  • Разработка проектов на фреймворке Angular
  • Базовые знания фреймворков React, Vue.js
  • Отладка кода, развертывание, сборка, деплоймент, настройка 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-кода
  • Глубже разберетесь с преобразованием типов и регулярными выражениями
  • Вы погрузитесь в контекст и замыкания, сможете разобраться во встроенных функциях, функциях работы с массивами и высшего порядка
  • Узнаете, как использовать деструктуризацию
  • Детально разберетесь с реализацией аутентификации и авторизации
  • Научитесь правильно пользоваться хранилищами браузера
  • Научитесь писать код по ООП, использовать модули
  • Детально разберетесь в HTTP-протоколе, REST API, аиснхронной модели и EventLoop
  • Сделаете базовый бэкенд для приложения и поймете принцип взаимодействия фронт и бэк сторон приложения
  • Реализуете полноценный SPA-проект на чистом JavaScript
Модуль 10
Реализация проекта на JS
  • В результате этого модуля вы самостоятельно реализуете свой первый полноценный проект на чистом JavaScript
  • В нем вы используете различные продвинутые фронтенд-технологий и средства, изученные в предыдущих модулях, и позволяющие создавать полноценные frontend-приложения с нуля с использованием готового Backend
Модуль 11
TypeScript
  • Узнаете про то, зачем нужен TypeScript и чем отличается от JavaScript
  • Разберетесь в типизации и Generic Types
  • Узнаете, как в TypeScript работают интерфейсы, классы, объекты, конструкторы
  • Переделаете свой фронтенд-проект с JavaScript на TypeScript
  • Научитесь правильно использовать модификаторы доступа, свойства, модули
  • Узнаете, как компилировать TypeScript в JavaScript
  • Научитесь правильно использовать tsconfig
Модуль 12
Фреймворк Angular
  • Вы научитесь строить полноценные фронтенд-приложения на Angular
  • Будете правильно использовать компоненты, шаблоны, пайпы и биндинг
  • Узнаете, зачем и как работать с директивами, сервисами и DI
  • Научитесь настраивать грамотный роутинг
  • Будете использовать библиотеки компонентов, строить сложные формы и работать с HTTP-запросами
  • В конце модуля сможете разобраться в реактивном программировании
  • Узнаете, как делать тестирование проектов и сборку приложений на Angular
  • Создадите фронтенд-проект на Angular
Модуль 13
Реализация интернет-магазина на Angular
  • В этом модуле будем вместе с вами реализовывать полноценное frontend-приложение на Angular. Это будет большой интернет-магазин!
  • Создадим проект с нуля по дизайн-макету Figma и сделаем основной функционал интернет-магазина: Авторизацию, главную, страницу каталога, страницу товара, корзину, оформление заказа, избранное, личный кабинет. Настроим сборку приложения.
Модуль 14
Профессиональные средства
  • Разберетесь в основах Docker
  • Научитесь деплоить проект на сервер
  • Разберетесь как создавать Unit-тесты для фронтенд-приложений
  • Научитесь работать с Linter
  • Узнаете про концепции CI и CD и о том, как такое разворачивается на реальных серверах
  • Познакомитесь с GitLab (+ CI/CD)
Модуль 15
Курсовой проект на Angular
  • Самостоятельно создадите полноценное фронтенд-приложение на основе готового API и бэкенд-проекта на Node.js
  • Проект вы будете создавать по техническому заданию (ТЗ) и используете все знания, полученные на курсе
Модуль 16
Фреймворки React, Vue.js
  • Познакомитесь с фреймворком React, узнаете о его базовых концепциях и сделаете практику: создадите свою игру на React.
  • Познакомитесь с фреймворком Vue.js, узнаете о его базовых концепциях и сделаете практику: создадите свою игру на Vue.js.
Модуль 17
Карьера в IT
  • Составите план поиска работы, портфолио, сделаете крутое резюме
  • Научитесь писать хорошее сопроводительное письмо компаниям и грамотно выполнять тестовое задание
  • Сможете перенять личный и дизайнерский опыт сооснователя школы - Романа Чернова
  • Расскажем вам как успешно пройти собеседование
  • После этого модуля у вас начнется месяц карьеры: наш карьерный консультант будет помогать вам с поиском работы, а так же отвечать на любые вопросы
  • Прокачаете самые важные софт-скиллы, которые позволят вам лучше понимать IT-сферу и принципы продвижения по карьере.

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

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

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

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

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

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

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

340  $/ мес.
Стоимость частями (5 частей)
1 500 $
Стоимость курса (разовым платежом)

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

У вас уже есть аккаунт? Войти
старт 24 потока
26 мая
осталось всего
1 место
Место на поток закрепляется за вами после внесения полной или частичной оплаты!

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

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

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

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

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