8 812 320 13 03
  • Новости
  • Расписание
  • Курсы
  • Организациям
  • Контакты
  • Перезвоните мне

    Курс Vue.js + Nuxt.js для фронтенд-разработчиков (для мидлов)

    Курс Vue.js + Nuxt.js для фронтенд-разработчиков (для мидлов)

    Курс Vue.js + Nuxt.js для фронтенд-разработчиков (для мидлов)
    Начало курса
    22.10.2024
    Продолжительность
    1,5 месяца (48 ак. часов)
    Расписание
    Вт 19:00 - 21:30
    Чт 19:00 - 21:30
    Онлайн
    (11 мест)
    38990 записаться

    Описание курса

    Курс «Vue.js + Nuxt.js для фронтенд-разработчиков» ориентирован на начинающих фронтенд-разработчиков, которые хотят получить/углубить знания по фреймворкам Vue.js и Nuxt.js, а также повысить свои технические навыки.


    Кому подходит этот курс:

    • новичкам со знанием верстки и среднего уровня JavaScript,
    • разработчикам с опытом, которые хотят быстро освоить новый фреймворк
    • всем, кто хочет изучить Vue.js и Nuxt.js 

    Практика: 

    • 3 полноценных проекта на Vue.js и 1 проект на Nuxt.js,
    • несколько мини-приложений

    Стек технологий курса:

    • ES7+
    • Vue.js 2 и 3 версии с использованием и option api, и composition api соответственно
    • Vue Router
    • Vuex
    • Pinia
    • Nuxt.js
    • различными библиотеками для работы со слайдерами, лоадерами, валидацией, построения таблиц

    Требования к участникам курса:

    • знание основ HTML/CSS: умение работать с основными HTML элементами и готовой вёрсткой
    • знание JavaScript (уровень Junior+), включая ES2015+ и основы работы с HTTP API
    • стабильный интернет

    Программа

    развернуть

    Занятие 1. Знакомство с Vue.js

    • Подготовка рабочего пространства, настройка окружения.
    • Vue.js: что такое?
    • Вспоминаем нативный Javascript ES6+
    • Базовые возможности Vue: Подключение vue, обзор основных возможностей: 
    • Интерполяция, aтрибуты, события, директивы и их модификаторы.
    • Жизненный цикл, Template, Virtual DOM, render, Реактивность и Proxy
    • Проект 1. Приложение Todo List: начинаем приложение.
    • Работа с Git и Github
    развернуть

    Занятие 2. Входим в полноценную разработку с использованием Vue-cli

    • Vue cli: что такое, зачем нужно, как использовать, начальная структура
    • Компоненты: что такое, как использовать. Локальная и глобальная регистрация компонентов, параметры, пользовательские события и их события всплытия. Использование slots. Асинхронные компоненты.
    • Работа с css и препроцессорами во Vue
    • Знакомство с eventBus
    • Vue 3. Переходим к полноценному использованию Vue 3 версии с использованием composition API
    • Проект 1. Приложение Todo List: создаём форму и попапы
    развернуть

    Занятие 3. Углубляемся во Vue

    • Пользовательские директивы, плагины, фильтры, миксины
    • Встроенные анимации, использование keepAlive, teleport, Suspens
    • Использование пользовательских валидаций, масок
    • Настройка fireBase, инструменты для работы с сервером во Vue
    • Проект 1. Приложение Todo List: создаём расширенную структуру проекта, записываем данные в localStorage, подключаем базу данных, пишем сервис для запросов
    развернуть

    Занятие 4. Использование роутинга и менеджеры состояний Vuex и Pinia

    • Жизнь без инструментов. Базовое использование роутинга без использования сторонних библиотек
    • Обзор и установка Vue Router, а также:
    • Настройка роутера и базовая навигация, использование навигации, редиректа (настройка активной ссылки, расширенные возможности роутера; динамические и вложенные роуты; работа с параметрами, хешем и скроллом; ленивая загрузка)
    • Проект 1. Приложение Todo List: Создание регистрацию и авторизацию
    развернуть

    Занятие 5. Менеджеры состояний Vuex и Pinia

    • Что такое менеджеры состояний и зачем они нужны?
    • Vuex. Обзор, установка, настройка. Работа со store: state, getters, actions, mutations, modules. Рассмотрим работу использования с mapState, mapGetters, mapActions, mapMutations
    • Pinia: Обзор, различия и использование
    • Проект 1. Приложение Todo List: завершаем проект. Сборка приложения
    развернуть

    Занятие 6. Nuxt.js

    • Что такое, зачем нужно? Обзор структуры приложения, особенности работы и пр.
    • SSR, AsyncData, Fetch, NuxtServerInit
    • Создаем заготовку приложения: Структура, линтинг, commitizen/commitlint
    • Практика. Проект Доставка еды | Портал
    развернуть

    Занятие 7. Практика. Проект «Доставка еды» | портал

    развернуть

    Занятие 8. Практика. Проект «Доставка еды» | портал

    • Завершение портала + Деплой
    развернуть

    Занятие 9. Практика. Проект «Доставка еды» | админка

    развернуть

    Занятие 10. Практика. Проект «Доставка еды» | личный кабинет

    развернуть

    Занятие 11: Практика. Проект «Доставка еды»

    • Деплой приложений
    развернуть

    Занятие 12. Подведение итогов

    • Подведение итогов
    • Обзор вакансий, советы по прохождению собеседования
    • Куда двигаться дальше?

    Преподаватели

    Владимир

    Лидер команды разработки в компании Super Cluster

    Знаю как и умею создавать сложные проекты, разрабатывать их архитектуру, управлять командой и добиваться результата. 
    Имею опыт разработки продуктов в международных производственных IT-компаниях, а также опыт разработки для обширного спектра устройств - TV, мобильные и web-приложения.

    Фото с очных занятий в СПб

    Курсы программирования, тестирования, мобильных и веб-технологий от Level UP!
    Учитесь с профессионалами в сфере IT-образования!