Сложность
Сложность
Продвинутый
Тип обучения
Тип обучения
Курс
Формат обучения
Формат обучения
Записанные лекции
Трудоустройство
Трудоустройство
Отсутствует
Сертификат
Сертификат
Да

Стоимость курса

19 900 ₽
есть рассрочка

Требования для начала курса:

--- Знание JavaScript ES2020

Программное обеспечение, необходимое для работы с проектом:

--- Git и Github
--- Node.js
--- Docker

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

Зачем изучать Vue.js
Vue.js --- фреймворк с открытым исходным кодом. Позволяет создавать пользовательские интерфейсы UI и одностраничные приложения любой степени сложности.

32% вакансий
Фронтенд-разработчика в продуктовых компаниях требуют знания Vue.js*

223 000₽
Средняя зарплата на вакансии фронтенд-разработчика со знанием Vue.js*

#1
Рейтинг среди всех репозиториев с JavaScript фреймворками на Github

#3
По популярности использования в работе**

74% опрошенных
Разработчиков хотят использовать фреймворк снова или изучить его**

Что будет на курсе?

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

Практика
После изучения теории выполняете домашнее задание: работаете над своим проектом и закрепляете учебный материал.

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

Что вы получите после обучения

Приобретаемые навыки
6
Github
7
HTTP
8
Vuex
9
Vue DevTools
10
Nuxt.js

Образовательная организация

Наша цель — сделать из любого новичка полноценного и востребованного специалиста, готового работать в веб-индустрии.

В 2013 году Саша и Лёша запустили HTML Academy. Мы с самого начала решили учить работать с живым кодом, решая задачи, приближенные к реальным. Мы даём возможность получить не только знания, но и умения. В процессе обучения мы сталкиваем ученика с испытаниями, принцип которых — «сверстай, как показано в образце». Именно по такому принципу работают большинство верстальщиков.

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

Мы подготовили тренажёры, затрагивающие разные аспекты работы верстальщика. Этого достаточно, чтобы вплотную познакомиться с вёрсткой. А для тех, кто хочет вырасти в профессионала, мы подготовили шесть онлайн-курсов. Эти уникальные образовательные программы позволяют подготовить специалистов с необходимыми для веб-индустрии навыками. И в этом нам помогают наставники. Сейчас с нами работают более трёхсот наставников.

Если тренажёров и курсов вам будет мало, то можно посмотреть на книжную полку, где мы постепенно собираем книги по веб-разработке. Или зайти к нам на форум и обсудить волнующий вас вопрос.

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

Раздел 1

Основы синтаксиса и базовых возможностей Vue.js

В первом разделе мы разберём первоначальную настройку проекта, архитектуру, базовый синтаксис, строение компонентов и шаблонизатор Vue.js.

  • --- Особенности фреймворка Vue.js. Сравнительный анализ с React и Angular 2+.
  • --- Настройка проекта с использованием Vue CLI.
  • --- Дерево компонентов. Однофайловые компоненты.
  • --- Структура компонента Vue (Template, Script, Style).
  • --- Условные операторы и работа со списками.
  • --- Хуки жизненного цикла компонента.
  • --- Работа с Vue DevTools.
Раздел 2

Взаимодействие между компонентами Vue.js

В разделе 2 мы рассмотрим передачу данных и взаимодействие между компонентами Vue.js.

  • --- Виды и обработка событий.
  • --- Виды взаимосвязей между компонентами.
  • --- Слоты и динамический контент.
Раздел 3

Углублённое понимание Vue.js

В разделе 3 мы углубимся в работу фреймворка Vue.js, добавим автоматические лейауты и маршрутизатор.

  • --- Как работает реактивность компонента?
  • --- Свойства компонента (this свойства).
  • --- Данные, вычисляемые свойства и методы компонента, миксины.
  • --- Глобальный доступ к экземпляру Vue, плагины.
  • --- Vue-директивы.
  • --- Vue-маршрутизатор.
Раздел 4

Подключение и использование Vuex

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

  • --- Для каких целей нам нужно глобальное хранилище?
  • --- Хранение данных. Vuex состояние.
  • --- Вычисляемые свойства хранилища. Vuex-геттеры.
  • --- Изменение состояния. Vuex-мутации.
  • --- Работа с асинхронными задачами. Vuex-действия.
  • --- Модули, плагины, Vuex this.
Раздел 5

Работа с HTTP

В разделе 5 мы избавимся от тестовых данных и реализуем взаимодействие с сервером.

  • --- Создание и подключение API-сервиса.
  • --- Создание и подключение сервиса для работы с токеном авторизации.
  • --- Добавление middleware во Vue-маршрутизатор.
Раздел 6

Анимации Vue.js

В разделе 6 мы реализуем анимации для нашего проекта.

  • --- Переходы и анимации.
  • --- Жизненный цикл переходов и анимаций.
  • --- Анимация списков.
Раздел 7

Тестирование компонентов Vue.js

В разделе 7 мы добавим модульное тестирование для компонентов.

  • --- Обзор Jest и Vue Test Utils.
  • --- Глупые и умные компоненты. mount vs shallowMount.
  • --- Модульные тесты для компонентов.
Раздел 8

Продвинутые техники Vue.js

В разделе 8 мы разберём продвинутые техники Vue.

  • --- Автоматизация Vue-маршрутизатора.
  • --- Автоматизация подключения модулей Vuex.
Раздел 9

Обзор Nuxt.js

В разделе 9 сделаем обзор Nuxt.js.

  • --- Рендеринг на стороне сервера и для чего это нужно.
  • --- Различия между Nuxt.js и Vue.js.
  • --- Маршрутизация Nuxt.js.
  • --- Обзор fetch и asyncData.

 

Рейтинг курса

4.1
рейтинг
0
0
0
0
0

Может быть интересно

обновлено 25.03.2024 09:46
Vue.js 2 Разработка клиентских приложений

Vue.js 2 Разработка клиентских приложений

Оставить отзыв
Поделиться курсом с друзьями