КУРС ПО VUE.JS
С НУЛЯ ДО ПРО

Овладей трендовым фреймворком в курсе vue.js - с нуля до про. Полное руководство по современной веб-разработке!

Что вас ждёт в процессе обучения?

Подготовка к интервьюКурс нацелен на успешное прохождение интервью и дальнейшее трудоустройство.
Знания и навыки148 Видео. 17 Модулей.
0% воды и 100% практических примеров, которые действительно пригодятся в работе.
Доступ к чатуЧат со всеми участниками курса, служит для обмена знаниями и помогает с решением различных вопросов.
Домашние заданияПроверка домашних заданий, а так же общие рекомендации и консультации на всех этапах.
Кейсы и проекты7 современных приложений для вашего портфолио и GitHub.
СертификатИменной сертификат об окончании курса с общими рекомендациями и оценкой.

Пройдя курс, Вы научитесь:

Правильно разделять код и UI на компоненты

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

Разрабатывать полноценные приложения на стеке vue.js

Vue.js является лишь представлением данных. Мы также изучим: как хранить данные и взаимодействовать с ними, передавать данные по технологии REST API и общаться с сервером - принимать и отдавать запросы.

Жизненный цикл Vue.js компонента

Created, mounted, watch и тд. А так же асинхронная подгрузка содержимого.

Состояние приложения с VUEX

Actions, Mutations, State, Getters - все для правильного храненения данных и их дальнейшего взаимодействия.

Роуты и авторизация

Роутинг и авторизация на клиенте. Защита данных, проверка авторизации на сервере. Скрытие роутов для не зарегистрированных пользователей. Разграничение ролей.

Работа с API

На API строится весь современный веб. Понимание того как работют такие технологии как REST API или GraphQL делают вас намного востребованнее и профессиональнее.

Выбирать правильные инструменты и технологии

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

Оптимизировать Vue.js приложения

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

Почему нужно учить vue?

Vue – мировой лидер фреймворков! Этот фреймворк используется среди компний крупного и среднего бизнеса по всему миру. Самую большую популярность vue.js получил на китайском и европейском рынке. Его используют большинство китайских компаний: Alibaba (мировой лидер торговли в сети), Baidu (IT-гигант, лидер отрасли), Xiaomi, Sina Weibo и другие крупные компании.

Самые крупные компании используют vue:

Vue.js входит в ядро Laravel, а так же PageKit. Система управления репозиториями GitLab так же перешла на Vue.js.

80 000₽

Средняя зарплата

Frontend разработчика по РФ

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

Согласно hh, SuperJob и Яндекс работа, где собирались данные о вакансиях - это средняя зарплата vue.js разработчика. В данной выборке не участвовали города миллионники. Поэтому в Москве, Санкт-Петербурге и других городах-миллионерах она может быть выше (иногда в 2 - 3 раза).

Нужна консультация?

Схема обучения:

#1

14 Видео9 Статей
Основы vue.js

Основные моменты vue.js, которые применим в первом же приложении и начнем двигаться дальше!

Раскрыть карту

#2

16 Видео5 Статей
Приложение с заметками

Напишем приложение с заметками, где применим все знания из "Основы vue.js" и начнем двигаться дальше!

Первая часть

Первая часть, где мы только начинаем знакомиться с основными приципами vue.js!

Вторая часть

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

#3

19 Видео8 Статей
VUE CLI 3

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

Основы VUE CLI

Vue CLI это отличный инструмент чтобы быстро разворачивать vue приложения.

Router

Роутер - это одна из самых важных частей SPA. Vue-router мы будем использовать во всех последующих приложениях!

Vuex

Вслед за роутером идет Store - именно здесь мы будем хранить все данные и далее с ними взаимодействовать!

#4

14 Видео6 Статей
WEBPACK 4

В этом модуле мы напишем универсальную сборку на Webpack`е заточенную под vue.
Эту сборку точно также можно будет переиспользовать в любых проектах.

Далее у вас будет выбор - чем именно собирать все последующие проекты это будет webpack или vue cli.

Webpack введение

Основные моменты работы с webpack

Webpack в верстке

Разберемся с тем, как использовать навыки, которые мы изучим в обычной верстке.

#5

19 Видео6 Статей
Формы, модальные окна и валидация

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

Раскрыть карту

#6

10 Видео5 Статей
Приложение Shop

В этом приложении, как и во всех последующих, мы будем использовать vue-roter и vuex. Все продукты будем хранить в общем хранилище. А роутер будет обрабатывать все динамические маршруты.

Раскрыть карту

#7

7 Видео8 Статей
REST API

REST – это архитектурный подход, определяющий, как API должны выглядеть. На REST строится весь современный веб! Поэтому дальше мы будем строить все приложения по REST API!

Раскрыть карту

#8

6 Видео5 Статей
Приложение Users CRM

Познакомимся с REST API, а также пагинацией данных и сортировкой. Научимся забирать данные со стороннего API через axios и get/post запросы.

Раскрыть карту

#9

11 Видео6 Статей
Приложение новостной ленты

Сделаем подгрузку содержимого, реализуем свое API. Научимся обновлять данные на фронте, меняя их на сервере, и следить за “свежестью” данных.

Раскрыть карту

#10

8 Видео5 Статей
Приложение GitHub Finder

Сторонние API, на примере самого популярного - GitHub. В этом приложении научимся отправлять и получать данные от api.github, как и раньше - по REST API.

Раскрыть карту

#11

56 Видео12 Статей
SSR Блог на nuxt.js 🔥

Современный блог на nuxt.js + vue.js с рендерингом и админкой, полным SEO и небольшой CRM системой внутри, которая будет показывать все комментарии с возможностью сменять статус "опубликован/не опубликован", а также удалять "спам"

Часть первая - фронтенд

В этой части поговорим про 'плюшки', которые дает Nuxt в том числе и SSR. В целом Nuxt.js это все тот же vue, но гораздо удобнее!

Вторая часть - бекенд REST API

Блок с Бекендной частью. Все также по REST API мы будем отправлять, принимать запросы, делать аутентификацию, регистрацию, познакомимся подробнее с CORS и token`ами, поддержкой сессий через Coocie и тд.
На этом этапе может быть любой бекенд, ведь мы работаем по REST!

Заключение - Полное SEO и деплой

Nuxt.js в связке с vue.js позволяет делать полный рендер. А это значит, что весь текст, картинки и тп будут отлично ранжироваться поисковыми системами!
Например, текущий сайт tocode.ru полностью написан на Nuxt.js!

#12

22 Видео13 Статей
Дополнительный модуль

Дополнительный модуль, где мы рассмотрим различные фичи, которые помогут в дальнейшей разработке!

Раскрыть карту

Ваш будущий
Сертификат

По окончании обучения Вы получаете именной сертификат. Это отличное дополнительние при трудоустройстве!

Сертификат будет доступен в электронном виде в личном кабинете! Вместе с тем, у Вас будет персональная ссылка с подтверждением оценки. Ссылку Вы сможете добавить в резюме, тем самым подтвердив свой уровень подготовки.

7 выпускных проектов!

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

Видео презентация

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

Цена с максимальной
скидкой на ранюю запись:
14 990 ₽9 990 ₽
3 330 ₽По предоплатеПолная оплата

Отличный старт чтобы начать учиться! Модули открываются по мере оплаты.
Оплата разбита на 3 части без всяких переплат!


Ввести промокод

Следующее повышение цены - 1 июня
Запишитесь сейчас, чтобы гарантировано забронировать место со скидкой и получить материал для подготовки

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

Когда выйдет vue.js 3 версии этот курс устареет?

Я сам жду, когда будет релиз 3 версии! После релиза (по слухам начало 2020) все блоки будут обновлены!
Более того, курс переодически обновляется. Например, недавно был обновлен модуль с вебпаком, добавлен модуль с Markdown разметкой, а также гайд по использованию вью в верстке!

Необходимый уровень для прохождения курса?

Курс идет по ступеням - от легкого к более продвинутому.
Поэтому на начальном этапе будет достаточно пониманимать базис JavaScript, а со всем остальным мы разберемся постепенно!

Хорошей практикой будет, если вы уже верстали сайт с применением нативного js или jquery, тогда вы легко освоите vue.js! Обычно верстальщикам этот фреймворк дается проще всего!

Можно ли оставить заявку сейчас и оплатить позже?
После курса меня возьмут на позицию Frontend разработчика?
Как будет осуществляться доступ к курсу?
Какой формат курса?
Если оплачу по предоплате, а цена станет выше?
Есть расписание? Сколько длится курс?
Сколько человек уже записано?
Если я что-то не пойму?