18 курсов по Vue js

None

Обучение для опытных разработчиков веб- и frontend-программирования

Увеличьте ваш навыки, изучая популярный Vue.js фреймворк.

Преимущества курса:

• Профессиональное обучение: Получите знания от опытных специалистов в области разработки
• Развитие навыков: Повысьте уровень своих навыков за счет изучения Vue.js
• Актуальность: Изучите трендовый фреймворк, чтобы быть в курсе последних технологий

Не упустите возможность стать лучшим в своей области!

<p><b>Получите профессиональные навыки разработки веб-сайтов</b></p>
<p>На нашем курсе вы освоите создание полноценных веб-приложений и сайтов с использованием JavaScript. Кроме того, вы изучите один из ведущих фреймворков – Vue, React или Angular.</p>

<p><b>Станьте востребованным специалистом</b></p>
<p>Полученные знания и навыки помогут вам стать ценным сотрудником для любой IT-компании. Вы научитесь строить карьеру, освоите путь к повышению в должности и сможете значительно увеличить свой заработок.</p>

• Зачем нужен Vue.js? - Концепции Vue.js
• Реактивность - Концепции Vue.js
• Двустороннее связывание - Концепции Vue.js
• Декларативность - Концепции Vue.js
• Бизнес логика или детали реализации? - Концепции Vue.js
• «Теория ограничений» - Vue.js
• Криптономикон-1 - Практика Vue.js
• Криптономикон-2 - Практика Vue.js
• Криптономикон-3: vue-cli и tailwind
• Криптономикон-4 - Самостоятельная работа (валидации)
• Криптономикон-5: Работа со списком - Практика Vue.js
• Криптономикон: рефакторинг - Практика Vue.js
• Криптономикон: ещё раз о рефакторинге - Практика Vue.js
• YAGNI - Практика Vue.js
• Криптономикон: улучшаем API - Практика Vue.js
• Криптономикон: refs - Практика Vue.js
• nextTick - Нюансы Vue.js
• Криптономикон: компоненты - Практика Vue.js
• Нативные события - Нюансы Vue.js
• Всплытие событий - Нюансы Vue.js
• Знакомство со слотами - Практика Vue.js
• Попап и scoped slots - Практика Vue.js
• Попап и промисы - Практика Vue.js
• Как во Vue.js использовать Х - Нюансы Vue.js
• Знакомство - Практика Vue.js
• Учимся учиться - Практика Vue.js

Vue.js - инструмент для создания веб-приложений

Vue.js – это JavaScript фреймворк с открытым исходным кодом, который облегчает разработку веб-приложений. Он позволяет создавать SPA-приложения, используя такие популярные технологии, как HTML и CSS.

Преимущества изучения Vue.js

• Изучение управления состоянием приложения
• Создание реактивных веб-форм
• Разработка собственных UI-компонентов
• Работа с REST-запросами по протоколу HTTP

Специалисты, владеющие этими навыками, пользуются большим спросом среди работодателей.

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

Модуль 1. Основы Vue.js

• Установка Vue.js и обзор инструментов разработчика
• Применение Virtual DOM для улучшения производительности
• Использование шаблонов проектирования Model-View-Controller

Модуль 2. Представления

• Интерполяции и директивы в шаблонах Vue
• Управление состоянием приложения
• Создание и организация компонентов

Модуль 3. Работа с REST-запросами

• Использование библиотеки axios для обмена данными с сервером
• Тестирование и отладка веб-приложений

Модуль 4. Использование BootstrapVue

• Преимущества BootstrapVue для создания веб-приложений
• Использование UI-компонентов BootstrapVue
• Взаимодействие с API при обмене данными в формате JSON

Изучаемые темы

• Vue JS
• Vuex
• Laravel
• JavaScript
• React
• Firebase
• HTML
• PHP
• Angular
• Веб-разработка
• TypeScript
• Верстка веб-страниц
• Django
• CSS
• Комплексная веб-разработка
• Express Framework
• React Hooks

Курсы и проекты

• Создание сайта на Vue.JS с Firebase, Vuex и Router
• Vue JS и Vuex - практический проект
• Vue.js с нуля на реальном проекте
• Игра на Vue.js
• The Complete Guide по Vue.js (с Router, Vuex, Composition API)
• Nuxt.js - Vue.js на стероидах
• Разработка веб-приложений с Vue JS 3 и Firebase
• React JS, Angular и Vue JS - быстрый старт и сравнение
• Vue JS с Vuex и Vue Router
• Vue JS 2: От начинающего до профессионала (с Vuex)
• Vue.js: Full Stack App с Firebase, Vuex и Router
• Vue.js Jump-start с Nuxt.js и Firebase
• Vue JS 2.0 - Создание веб-приложений
• Quasar V1: Приложения для разных платформ (с Vue 2, Vuex и Firebase)
• Vue.js Essentials - 3 курса в одном
• Laravel API Development и Vue JS SPA с нуля
• Полный курс по Vuejs: Vue.js + Nuxt.js + PHP + Express.js
• Full-Stack Vue с GraphQL - исчерпывающее руководство

Vue.js: инновационный фреймворк для создания веб-интерфейсов

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

• Простота в использовании.
• Легкость масштабирования.
• Высокая степень интеграции.

Данный видео курс представляет собой комплекс из 6 уроков, на которых учащиеся смогут познакомиться с новым фреймворком на базе JavaScript - Vue.js, и изучить основные принципы его функционирования. По завершению обучения вы сможете самостоятельно создавать веб-приложения, используя различные шаблоны и систему маршрутизации страниц.

Что предстоит изучить в рамках данного видео курса:

• Создание анимаций и переходов на странице, с применением классов.
• Работа с компонентами, которые являются основными элементами Vue.js.
• Взаимодействие с формами и данными.
• Использование этапов жизненного цикла приложения для последовательного анализа происходящих событий.
• Создание готовых веб-приложений с помощью маршрутизации и редиректов.

Выпускной проект

• Неделя 1 — Workflow
• Знакомство с наставником и группой.
• Использование webpack-сборки для верстки выбранного макета выпускного проекта.
• Размещение результатов на Github и сдача на проверку наставнику.

Открытие курса

• 1 урок (01:09:37) — Как проходит обучение.

Модуль 1

• 24 урока (01:42:43)
• Теория (04:49)
• Hello World (06:20)
• Обработка событий (02:38)

Однофайловые компоненты

• 11 уроков (55:27)
• Установка проекта. VUE-CLI (09:22)

NPM

• Модуль 11 уроков (35:05)
• Что такое npm? (05:50)

Yarn

• 1 урок (07:07) — Yarn.

Webpack и npx

• Модуль 5 уроков (12:53)
• Введение (01:26)
• Установка и запуск (03:10)

Этот курс поможет вам освоить Vue.js на продвинутом уровне, раскрывая широкие возможности фреймворка. Хотя Vue.js считается легким в экосистеме JavaScript, некоторые возможности могут быть незамечены при самостоятельном изучении.

Для кого подходит курс:

• JavaScript-разработчики, знакомые с HTML/CSS;
• Backend-разработчики, желающие стать Fullstack.js и пополнить навыки работы с фронтендом;
• Новички в области Vue-разработки.

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

В ходе курса вы научитесь:

• Работать с возможностями Vue, Vue-router, Vuex;
• Создавать SPA-приложения и оптимизировать их для production;
• Писать чистый и лаконичный код на ES6/ES8/TypeScript;
• Писать интеграционные и юнит-тесты с Jest, Cypres;
• Работать с GraphQL, Firebase, Electron, NativeScript;
• Понимать работу Webpack и Babel, использовать различные паттерны проектирования.

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

Модуль 1: Основы Vue

• Введение в курс, современная веб-разработка;
• Vue, введение;
• Шаблоны;
• Использование CSS во Vue;
• Компоненты props и события;
• Формы, слоты, фильтры, директивы;
• Реактивные данные, MVVM и особенности Vue 3;
• Vue3 работа с библиотеками.

Модуль 2: Уверенная разработка на Vue

• Vue router;
• Анимация Vue;
• Vuex работа с данными;
• Тестирование Vue приложений;
• Организация кода и паттерны Vue;
• Продвинутый JavaScript;
• QA / Code review.

Модуль 3: Продвинутые и практические решения

• Web components + Vue;
• Интеграции Vue: GraphQL, FireBase, OAuth 2.0;
• SSR с Nuxt;
• Typescript;
• Консультация по дипломному проекту;
• Десктоп приложения с Electron;
• Функциональное программирование и продвинутый Vue;
• Инструменты современной разработки.

Модуль 4: Проектная работа

• Выбор темы и организация проектной работы;
• Консультация по проектам и домашним заданиям;
• Защита проектных работ.

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

• Требования для начала курса: Знание JS ES6.
• Программное обеспечение, необходимое для работы с проектом: Git и Github, Docker.

Раздел 1

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

Раздел 2

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

Раздел 3

• Углубленное понимание Vue.js.
• Изучение работы фреймворка Vue.js и добавление автоматических лейаутов и маршрутизатора.
• Реактивность компонента и свойства.
• Вычисляемые свойства и методы компонента.
• Глобальный доступ к экземпляру Vue, плагины.
• Vue-директивы и маршрутизатор.

Раздел 4

• Подключение и использование Vuex.
• Подключение глобального хранилища Vuex к приложению и его использование.
• Хранение данных и вычисляемые свойства хранилища.
• Vuex-геттеры и мутации.
• Работа с асинхронными задачами и действиями Vuex.

Раздел 5

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

Раздел 6

• Анимации Vue.js.
• Реализация анимаций для проекта, включая переходы и анимации списков.

Раздел 7

• Тестирование компонентов Vue.js.
• Добавление модульного тестирования для компонентов.
• Использование Jest и Vue Test Utils.

Раздел 8

• Продвинутые техники Vue.js.
• Разбор продвинутых техник Vue, включая автоматизацию маршрутизатора и подключения модулей Vuex.

Раздел 9

• Обзор Nuxt.js.
• Ознакомление с Nuxt.js, рассмотрение рендеринга на стороне сервера и различий с Vue.js.

Овладей Vue.js, изучая всего по 2 часа в день в течение 1 месяца

С любого уровня владения JavaScript

Самая актуальная информация по 3-й версии Vue.js

Vue.js: Фреймворк для создания реактивных пользовательских интерфейсов

Vue.js отличается от других фреймворков своей простотой и эффективностью. Этот фреймворк имеет наибольшее количество звезд на github.com по сравнению с Angular и React, выигрывая приз зрительских симпатий среди разработчиков.

Подробная программа курса

1. 1 Неделя
   • Введение
   • Основы Vue
   • Что еще есть во Vue
2. 2 Неделя
   • Работа с Vue CLI
   • Все о компонентах
   • Работа с элементами формы
   • Vue и работа с HTTP
3. 3 Неделя
   • Миксины, директивы и плагины
   • Vue Router
   • Vuex - Работа с данными
   • Работа с Composition API
4. 4 Неделя
   • Vue на TypeScript
   • Практика. Создаем приложение

Курс "Разработка на Vue 3"

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

Блок 1: Знакомство с Vue.js

• Основы Vue.js
• Синтаксис шаблонов
• Реактивность и вычисляемые свойства
• Работа с DOM
• Хуки жизненного цикла
• Компонентный подход во Vue.js

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

• Инструменты для Frontend разработки
• Однофайловые компоненты (SFC)
• Создание приложений с @vue/cli
• Одностраничные приложения (SPA)
• Маршрутизация с vue-router
• Unit-тестирование с Jest и vue-test-utils

Блок 3: Углубление во Vue.js

• Компоненты-обёртки
• Реактивность вне компонентов
• Virtual DOM и render-функции
• Scoped-slots и Renderless компоненты

Блок 4: Другие взаимодействия компонентов и Composition API

• Шина событий
• Пользоватские директивы
• Composition API

Блок 5: Vuex. Архитектура проекта

• Глобальное хранилище Vuex
• Архитектура приложения
• Применение Vuex

Блок 6: Завершение курса

Обсуждение проблем SPA приложений, сравнение prerendering и server-side rendering, другие темы.

Результат обучения:

• Понимание возможностей Vue.js и его библиотек
• Умение разрабатывать компоненты на Vue.js и создавать SPA приложения
• Использование инструментов для современной веб-разработки
• Знакомство с Nuxt.js и серверным рендерингом
• Направления для дальнейшего развития

Курсовой проект: Сервис для "митапов"

• Одностраничное приложение с роутингом и динамической подгрузкой страниц
• Вывод информации в виде календаря или списка
• Работа с формами и сетевыми запросами
• Современная архитектура приложения

Explore Vue.js 3 Masterclass

• Watch time: 5 hrs | 126 lessons
• Upcoming lessons

Discover the art of creating a real-world application with Vue.js 3 in the revamped Vue.js Masterclass. Gain access for FREE!

Master Vue.js 3 Fundamentals

• Watch time: 58 min | 11 lessons

Grasp the core principles and dive into Vue.js 3 effortlessly. Ideal for beginners or those starting out. Access this course for FREE!

Enhance Vue.js Components with Slots

• Watch time: 44 min | 10 lessons

Unlock the potential of slots and scoped slots to construct adaptable and recyclable vue.js components. Suitable for advanced learners.

Efficiently Use Vue-Apollo GraphQL

• Watch time: 45 min | 10 lessons

Learn to harness GraphQL APIs within your Vue.js applications using Vue-Apollo. Currently in progress!

Discover New Features in Vue 3

• Watch time: 1 hr | 15 lessons
• Upcoming lessons

Delve into the latest additions and enhancements in Vue 3 such as Portals, Suspense, and more. Access this course for FREE!

Основы Vue.js

• Установка
• Введение
• Что такое Vue.js?
• Начало работы

Основы работы с Vue.js

• Декларативная отрисовка
• Условия и циклы
• Работа с пользовательским вводом
• Разбиение приложения на компоненты
• Отношение к пользовательским элементам Web Components

Готовность к прогрессу

• Экземпляр Vue
• Синтаксис шаблонов
• Вычисляемые свойства и слежение
• Работа с классами и стилями
• Условная отрисовка
• Отрисовка списков
• Обработка событий
• Работа с формами

Работа с компонентами

• Основы компонентов
• Продвинутые компоненты
• Регистрация компонентов
• Входные параметры
• Пользовательские события
• Слоты
• Динамические и асинхронные компоненты

Дополнительные возможности Vue.js

• Переходы и анимации
• Переиспользование и композиция
• Примеси
• Пользовательские директивы
• Render-функции и JSX

Другие инструменты и возможности

• Фильтры
• Однофайловые компоненты
• Тестирование
• Поддержка TypeScript
• Публикация на production
• Масштабирование
• Роутинг
• Управление состоянием приложения
• Отрисовка на стороне сервера
• Безопасность

Продвинутые темы и возможности Vue.js

• Подробно о реактивности
• Вопросы миграции
• Мета
• Сравнение с другими фреймворками

Присоединяйтесь к сообществу Vue.js!

Познакомьтесь с командой

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

• Курс #1: Видеоуроки продолжительностью около 50 минут. Основы Options API. Основные концепции Vue.js, применимые в первом приложении.
• Курс #2: Видеоуроки примерно на 1 час 20 минут. Создание приложения с заметками, используя знания из "Основы vue.js".

Другие модули курса

• Курс #3: Основы VUE CLI (продолжительность около 1 часа).
• Курс #4: Vue Router (продолжительность около 40 минут).
• Курс #5: Vuex (продолжительность примерно 1 час 30 минут).

Вебпак и Vue.js

• Курс #6: Webpack в связке с vue.js (примерно 2 часа).
• Курс #7: Vue.js + Webpack для быстрой верстки (продолжительность около 30 минут).

Основные задачи курса:

1. Анализ SPA после завершения уровня Vue 1

• Улучшение архитектуры приложения
• Обработка и стильное отображение ошибок
• Особенности работы с Vue Router
• Дочерние маршруты, хуки и события
• Мета-данные маршрутов

• Создание модуля vuex/user
• Взаимодействие с серверным API
• Аутентификация и JWT-токены
• Создание ограниченных страниц
• Проверка прав доступа

• Личный кабинет пользователя
• Изучение серверного API
• Дизайн и история заказов
• Модуль отзывов о продукции
• SEO проблемы в SPA и пре-рендеринг

• Сервер на node.js + express
• Шаги по SSR на простом примере
• Vue Server Renderer
• Настройка vue-cli и webpack

• Проблемы с синглтонами из es-модулей
• Работа с роутером и хранилищем
• Настройка axios
• Модуль vuex для раздела head
• Настройка базового шаблона

• Настройка ответов сервера
• Предзагрузка данных и состояния
• Кэширование запросов
• Кэширование страниц
• Разделение CSS (файл, стили в head)

• Bundle Renderer, ServerPlugin, ClientPlugin
• Гидратация клиентской части приложения

• Выборочное применение SSR для страниц
• Реализация идей SSR в не node-окружениях

Explore Our Latest Courses

• Beginner Path - Vue 2 - Perfect for those just starting out.
• Beginner Path - Vue 3 - Ideal for beginners in Vue 3.

Before diving in, you may be wondering whether to choose Vue 2 or Vue 3. Read our informative blog post to help you make a decision.

Intermediate and Advanced Paths

• Lighting Fast Builds with Vite - Advance your skills with Vite, a cutting-edge build tool.
• Validating Vue 3 Forms - Enhance your knowledge with Vee-Validate.
• Querying with GraphQL - Modernize your data querying techniques in Vue.

Stay tuned for more exciting lessons on various topics.

Noteworthy Courses

• Progressive Web Apps w/ Vue 3 - Learn to create offline-ready web apps.
• Unit Testing Vue 3 - Delve into the benefits of unit testing in Vue applications.
• Real World Vue 3 - Master building production-level single page applications.

Don't miss out on our free lessons and informative content!

Уроки по Vue.js для новичков

1. Что представляет собой Vue.js?
2. Работа с событиями, атрибутами и методами
3. Использование обработанных свойств
4. Применение условий, списков и циклов
5. Применение фильтров в работе
6. Создание собственных компонентов
7. Использование Vue CLI и файлов формата .vue
8. Компоненты и формат файла «.vue»
9. Установка связей между компонентами
10. Завершающий урок