Напиши SPA-проект на Vue
Nuxt 3 + GraphQL
и тестами на Jest
за 6 дней
Разберись в современных инструментах разработки и сделай проект в портфолио
с обратной связью от Head of Frontend
СДЕЛАТЬ ПРОЕКТ
Доступ после оплаты
Разберётесь в востребованных инструментах, которые просят в компаниях
Vue 3
Чем Vue 3 отличается от Vue 2? Как работает Composition API в Vue 3? Какие преимущества она предоставляет? Как работает система виртуального DOM в Vue 3?
Nuxt 3
Что нового появилось в Nuxt 3 по сравнению с предыдущей версией? Как работает система маршрутизации в Nuxt 3? Какие виды рендеринга поддерживает Nuxt 3?
Vue Router
Что такое Vue Router и для чего он используется во Vue.js? Как настроить маршрутизацию в Vue.js с использованием Vue Router? Как передавать параметры в маршруты с помощью Vue Router?
GraphQL + Apollo
Что такое GraphQL и как он отличается от RESTful API? Как работает схема GraphQL и какие типы данных поддерживает? Что такое Apollo и какую роль он играет в экосистеме GraphQL? Как установить и настроить Apollo Client для работы с GraphQL?
TypeScript
Что такое TypeScript и зачем он нужен? Какая разница между TypeScript и JavaScript? Какие преимущества предоставляет TypeScript в разработке приложений? Какие типы данных поддерживает TypeScript?
Jest
Что такое Jest и для чего он используется? Как установить и настроить Jest для проекта? Какие основные функции предоставляет Jest для тестирования кода? Как писать и запускать модульные тесты с помощью Jest?
Pinia, Vuelidate, Web Storage, Swiper
Что такое Pinia и для чего он используется во Vue.js? Какие преимущества предоставляет Pinia по сравнению с другими решениями для управления состоянием в Vue.js? Что такое Vuelidate и как он используется для валидации форм во Vue.js? Как сохранять и получать данные из Web Storage с использованием JavaScript?
Три причины идти на интенсив
  • Готовый материал по новым технологиям Nuxt 3
    Найти что-то стоящее на ютубе тяжело
  • Обучение с возможностью получить обратную связь от наставника здесь и сейчас
    Можно задать дополнительные вопросы, которые появляются после просмотра уроков
  • Опыт действующего разработчика, а не просто человека из интернета, который прочитал документацию
    Можно быстро научиться на чужих ошибках, чтобы не дожидаться своих 😁
Предлагаем не насиловать себя и своё время, а сделать проект на свежих технологиях под руководством Head of Frontend
и добавить очки опыта в резюме через неделю, а не через год
Подойдёт тем, кто знает JavaScript, но ещё не щупал Vue
Быстро погрузитесь в самую гущу: основные инструменты Vue + Nuxt 3 из опыта действующего разработчика
И тем, кто знает Vue и хочет практики
Этот блок написан для тех, кто ходит на все наши интенсивы по JavaScript и каждый раз просит побольше сложностей. Ребята, этот курс для вас!
Точно не подойдёт, если
у вас совсем нет опыта
в JavaScript
Конечно, можете записаться и посмотреть курс потом, но в процессе будет тяжело.
Сделаем всё за 6 дней
День 1. Настройка проекта и создание основной структуры
Установка и настройка Nuxt 3 с использованием TypeScript
Настройка линтеров (ESLint, Stylelint) и форматирования кода с использованием Prettier
Создание базовых лейаутов
Создание основных компонентов: Layout, Header, Footer и др.
День 2. Работа с данными и GraphQL
Введение в GraphQL и его преимущества
Установка и настройка Apollo Client для работы с GraphQL
Создание и настройка модуля GraphQL-запросов для получения данных
Создание страницы продуктов и акций. Получение данных через GraphQL
День 3. Создание детальной страницы продукта и страниц ошибок
Создание детальной страницы продукта
Создание лейаута для вывода ошибок
Получение данных текущего продукта из хранилища или с использованием GraphQL-запроса
День 4. Создание компонента корзины
Создание компонента корзины
Настройка добавления и удаления товаров из корзины
День 5. Создание компонента страницы оформления заказа
Создание компонента страницы оформления заказа
Валидация данных на странице оформления заказа
Отображение подтверждения оформления заказа и очистка корзины
День 6. Тестирование Vue/Nuxt приложения с использованием Jest
Введение в Jest как инструмент для тестирования Vue/Nuxt приложений
Настройка окружения для тестирования
Написание базовых тестов для компонентов
После интенсива у вас будет готовый проект —
SPA, который можно добавить в портфолио
(внешний вид проекта на курсе может отличаться от этого)
Если у вас есть промокод на скидку — его можно ввести на странице оплаты после клика по области «Знаете промокод?»
Автор — Андрей Арчаков
Автор, Head of Frontend в InetProduction
Frontend-разработчик . Разрабатываю веб-приложения, сервисы и бэкенды для мобильных приложений.

Пишу на пишу Vue.js и Nuxt.js, работаю с Typescript, Jest, GraphQL, Websockets, Chart.js, Storybook, Dadata, Node.js с использованием Express.js и MongoDB.

В моем портфолио множество проектов, среди которых новый сайт росгосстраха, курьерская служба "Несу", крупнейший сайт для свадебных фотографов "Mywed", кредитный модуль для ДЦ, множество проектов от L'Oreal Paris.
Если есть вопросы
Напишите нам в Телеграм-бота или ВК — вам ответит живой человек. Чтобы вас быстрее нашли в чате — напишите сразу вопрос)
Написать в Телеграм
Написать в ВК
Это последний экран на сайте, здесь всё решается. Остаёшься на месте или идёшь с нами?
Вариант 1
Закрыть этот лендинг и пойти заниматься делами

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

Обязательно сказать, что «Всё есть в интернете!!1!»
Вариант 2
Разобраться на практике и сделать проект в портфолио на Vue + Nuxt 3

Получить знания от действующего разработчика и задать все волнующие вопросы

Сделать проект сейчас, а не как-нибудь потом
Политика конфиденциальности
ИП Янковский В. А.
ОГРНИП: 323554300014251
ИНН 553102763605
Договор оферты
Glo Academy