Перейти в платформу

Полный курс
Frontend-разработки
с нуля в режиме онлайн

Проходи обучение на востребованную
ИТ-специальность
С любой
скоростью
В любое время
дня и ночи
Бесплатно навсегда
Скроль дальше и узнай больше

Программа обучения
на TutoriTech

Блок 1
Верстка веб-страниц
За 9 занятий освоишь основы языка HTML, CSS, поймешь их место во фронтенд-разработке и научишься верстать веб-страницы сайтов и интерфейсов веб-приложений.
Блок 2
Основы Javascript и DOM-манипуляций
14 занятий посвящены глубокому изучению синтаксиса Javascript и фундаментальных операций с деревом документа. Научишься разрабатывать веб-приложения, которые умеют общаться с пользователем.
Блок 3
Стандарты коммерческой веб-разработки
За 8 занятий освоишь продвинутые технологии фронтенд-разработки и приблизишься к тому, чтобы уметь делать приложения коммерческого уровня - такими приложениями пользуются миллиарды людей ежедневно.
Блок 4
Frondtend-фреймворк (React/Vue)
За 7 занятий изучишь в подробностях любой на выбор фреймворк (можно оба) и будешь уметь создавать приложения на его основе, не забывая все изученные ранее технологии.
Экзамен
Сдавай экзамен по разработке полноценного веб-приложения и получи электронный сертификат, подтверждающий твои знания, навыки и достижения на курсе.
Условия участия
от 0 рублей Стоймость курса
любое удобное Расписание обучения
любой Срок, в который нужно
завершить курс
Платформа TutoriTech предлагает подход к обучению, при котором ты сам можешь регулировать стоимость и длительность своего обучения - мы не вгоняем тебя ни в какие рамки по срокам и стоимости
Как это работает?
Подробнее о курсе

Ваше резюме
по окончанию курса

Сидоров Артемий
Junior Frontend Developer (Vue/React)
Навыки и знания
  • CSS Flex, Grid
    ?
    Базовые технологи верстки, требуемые для разработки и стилизации веб-страниц любой сложности.
  • Адаптивная верстка
    ?
    Способность разрабатывать веб-страницы, которые адаптируются под разные разрешения и варианты экрана пользователя, позволяя работать с сайтом удобно на любом устройстве
  • Bootstrap, Material UI
    ?
    Умение подключать фреймворки верстки для очень быстрого и качественного построения веб-страниц.
  • Препроцессор SASS, SCSS
    ?
    Препроцессоры - диалекты языка CSS, позволяющие создавать стили быстрее, лаконичнее и с большей простотой поддержки. Используются сегодня на болшинстве проектов.
  • Vanilla DOM
    ?
    Набор Javascript-методки, позволяющих внедрять на сверстанную страницу логику приложения. База любой разработки.
  • ECMAScript 2015+
    ?
    Мощные синтаксические конструкции языка Javascript, позволяющие строить масштабируемые и устойчивые веб-приложения.
  • Асинхронное программирование в Javascript
    ?
    Управление множеством параллельных операций в Javascript.
  • ООП в Javascript
    ?
    Стандарты объектно-ориентированного программирования используются для построения очень крупных веб-приложений, живущих не один год.
  • Стандарты качества кода и проектирования приложений
    ?
    Мало писать код, который просто работает - необходимо писать код, который легко читать, изменять и масштабировать.
  • Инструменты сборки веб-приложений (Webpack)
    ?
    Пакетные проекты - стандарт де-факто современной веб-разработки. Множество инструментов, ускоряющих разработку проекта, управляются при помощи NPM и внедряются при помощи Webpack.
  • Инструменты управления разработкой: Jest, JSDoc, ESLint
    ?
    Умение проектировать и писать тесты, составлять грамотную документацию для кода и описывать правила стилевого оформления кода при помощи инструментов, управляемых NPM.
  • Vue/React - продвинутый уровень
    ?
    Фреймворк веб-разработки позволяет существенно ускорить разработку приложений и сделать эту работу более простой и масштабируемой
  • Основы Node.js. Базовый бэкенд на Google Firebase
    ?
    Что такое бэкенд-разработка, связь фронтенд-бэкенд, написание собственного бэкенда при помощи сервисов Firebase - возможность создавать полноценные приложения.
Опыт проектов
  • 5 крупных работ с практикумов курса в виде отдельных Github-репозиториев
    ?
    В конце каждого блока курса - практический экзамен, на котором создается крупное, завершенное веб-приложение и которое отлично дополняет резюму начинающего специалиста.

Что ты можешь делать после курса

Опубликовать резюме, пройти собеседование и получить предложение о работе
Начать разрабатывать свое собственное приложение для реализации любых задач!
Пройти стажировку или лабораторию в ИТ-компании и получить первую работу
Начать работать фрилансером на разработке веб-приложений для мирового бизнеса
Пройти стажировку или лабораторию в ИТ-компании и получить первую работу
Опубликовать резюме, пройти собеседование и получить предложение о работе
Начать работать фрилансером на разработке веб-приложений для мирового бизнеса
Начать разрабатывать свое собственное приложение для реализации любых задач!

Как учиться на TutoriTech

Весь курс разбит на 5 тематических блоков по 8-12 занятий в каждом. Проходить курсы следует
последовательно, не перескакивая. Если ты уже знаешь какой-то материал, то блок можно пропустить
Основы верстки
веб-страниц
Продвинутые приемы верстки веб-интерфейсов
Основы Javascript и DOM
Стандарты современного Javascript-программирования
Frontent Framework (Vue/React)
В каждом занятии:
Смотри видеоколекцию с теоретической информацией, примерами кода и решений задач
Изучай дополнительные материалы по теме, прикрепленные преподавателем к уроку
Проходи тест на проверку полученных знаний
Решай практическую задачу на использование полученных знаний и навыков

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

Переходить к изучению следующего блока стоит только после решения тобой задачи из практикума.

Пиложение, которое ты создаешь в результате практикума, будет составлять часть твоего рабочего портфолио на GitHub и его ты будешь показывать заинтересованным в том, чтобы тебя нанять людям.

Начать прохождение курса

Как получить помощь преподавателя

В TutoriTech все материалы бесплатны и оплачивается только реальная помощь преподавателя,
которую ты можешь получить следующим образом:
Проверка и ревью твоих
решений
Стоимость = 1 проверка
В каждом занятии курса есть одна или несколько доволно крупных задач, решение которых поможет тебе закрепить материал и получить навык. Ты можешь отправить задачу преподавателю на проверку и получить от него развернутый ответ с комментариями к твоему коду. Это поможет тебе понять, насколько правильным был твой подход и увидеть все проблемные места в решении, в дальнейшем не допускать таких ошибок.
Как выглядит ревью решений?
Индивидуальные консультации
с преподавателем
Стоимость = 1 проверка
В ходе обучения ты можешь договориться с преподавателем о видеоконсультации. Она длится 25 минут и на ней ты можешь задать все вопросы и разобраться со всеми проблемами, с которыми ты столкнулся по ходу прохождения обучения.
Как выглядит ревью решений?
Участие в периодических
вебинарах
Стоимость = 1 проверка
Преподаватели периодически организуют вебинары по разным темам из курса. На них ты можешь посмотреть вживую работу над разработкой приложения и задать преподавателю все вопросы по теме вебинара или более ранним темам.
В процессе разработки
Сколько стоит?
В TutoriTech для платных действий используется общий токен, который называется
проверкой. Его стоимость зависит от количества закупаемых за раз штук.
Доступ к учебным материалам - видео, статьям, тестам и задачам бесплатен навсегда.
от 780 рос. руб.

Примерный расчет стоимости
и длительности твоего обучения

error_outlineДоступ к учебным материалам - видео, статьям, тестам и задачам бесплатен навсегда. Покупка проверок не является обязательной.

Свободных полных часов на обучение в неделю
8 недель
уйдет на усвоение курса
Сколько раз в месяц ты будешь пользоваться помощью преподаваетля
13 600 рос. руб.
примерные затраты на помощь
8 недель
уйдет на усвоение курса
13 600 рос. руб.
примерные затраты на помощь
Начать учиться бесплатно

Сравнение форматов обучения

В TutoriTech все материалы бесплатны и оплачивается только реальная помощь преподавателя,
которую ты можешь получить следующим образом:
Онлайн-курсы
Учебные программы построены вокруг разработки одного-трех проектов и все знания, полученные студентами, помогут реализовать лишь похожие проекты. Решать абсолютно новую задачу студент без дополнительной подготовки не способен.
Учебная программа
Учебная программа в курсе TutoriTech дает фундаментальные знания и навыки, позволяющие самостоятельно решать любые задачи по разработке приложения и не быть привязанными к заложенным алгоритмам решения.
Может быть минимальна или вообще отсутсвовать. Обучение порой автоматизировано и исключает общение с живыми людьми.
Помощь преподавателя
Можно получать помощь сразу в трех различных форматах в независимости от характера проблемы и удобства для тебя
Фиксированная, платишь до начала курса или спустя непродолжительное время. При этом оплата не гарантирует качественного освоения материала и до оплаты ты не получаешь к ним доступ и не знаешь, с чем имеешь дело.
Стоимость
Стоимость доступа к нашим материалам равно нулю. Ты можешь учиться самостоятельно и полностью бесплатно. Оплачивается лишь помощь, которую ты запрашиваешь у живого преподавателя и за деньги ты получаешь ощутимую пользу. Сколько платить за помощь - ты решаешь сам, подбирая комфортный для тебя объем общения с преподавателем.
На обычных курсах фиксированное расписание, которое может тебе быть неудобно. Кроме того, если ты где-то задержался, то никто не будет ждать одного отставшего.
Расписание
Ты сам выбираешь, в какое время дня и как часто работать над занятиями. Ты можешь проходить курс и 3 месяца, и 6 и целый год - с удобной для тебя скоростью. Все материалы и возможность запросить помощь будут доступны в любое время.

Начать учиться с TutoriTech

Получи одну бесплатную проверку после регистрации.
Начни свое обучение и протестируй помощь, которую может
дать преподаватель!
Начать учиться бесплатно
Ваши шаги после регистрации
на платформе:
Ты получишь полный доступ ко
всем материалам нашего курса
Изучай наши материалы,
проходи занятие за занятием
Покупай и используй проверки,
чтобы получать помощь от
преподавателя в твоем обучении

Часто задаваемые вопросы

Что входит в проверку домашнего задания?
Преподаватель просматривает код присланного решения и оставляет комментарии к решению в целом и к строкам кода, которые стоило бы переписать - в частности. В итоге студент получает обширный анализ своего решения в удобном для восприятия виде, что поможет запомнить все свои ошибки и не допускать в дальнейшем.
Можно ли ничего не покупать, чтобы пройти курс?
Покупать проверки не обязательно. Доступ к материалам занятий предоставляется бесплатно. Проверки покупать понадобится только в случае, если студенту понадобится помощь преподавателя.
Как долго курс будет бесплатным?
С момента регистрации в платформе материалы курса предоставляются бесплатно навсегда (бессрочно).
Можно ли получить сертификат за курс?
На платформе TutoriTech можно сдать экзамен (практический) за каждый блок и в конце курса получить электронный сертификат, который включает в себя оценку за все тесты и экзамены за блок.