Krististudio.ru

Онлайн образование
1 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Курс по vue js

Vue.js

Цель курса

Убрать зависимость от jQuery и изучить один из самых мощных и трендовых инструментов в мире js. Angular, React и Vue — три головы современного Змея Горыныча в javascript, каждая из которых так или иначе основана на компонентном подходе.

Vue проще, чем Angular и React, при этом Vue не уступает им в производительности и возможностях.

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

30 апреля, 20:00 — урок 1

  • Начало работа с Vue
  • Вывод данных в теги и в атрибуты
  • Упрощённая структура экземпляра Vue
  • el, data, computed, methods, watch
  • Основные директивы
  • Тонкости работы с событиями

7 мая, 20:00 — урок 2

  • Правила реактивности данных
  • Жизненный цикл экземпляра Vue
  • Служебные свойства и методы
  • Шаблоны и свойство template
  • Работа с классами и стилями
  • Работа с формами

11 мая, 20:00 — урок 3

  • Создание своих директив
  • Переход к компонентному подходу
  • Общение компонентов друг с другом
  • Однонаправленный поток данных
  • Передача входных параметров
  • Порождение и отслеживание событий

14 мая, 20:00 — урок 4

  • Нюансы общения компонентов
  • Валидация входных параметров
  • Передача объекта vs отдельные свойства
  • Сборка проекта с Vue-cli
  • Single file components
  • Подключение сторонних модулей

18 мая, 20:00 — урок 5

  • Переключение компонентов
  • Component и Keep-alive
  • Передача контента слотами
  • Transition и transition-group
  • Жизненный цикл анимации
  • Видео по фильтрам и примесям

21 мая, 20:00 — урок 6

  • Проблемы общения компонентов
  • Управление состоянием приложения
  • Осознание Flux-архитектуры
  • Один объект, описывающий состояние
  • Обновление состояния
  • Работа Vuex

25 мая, 20:00 — урок 7

  • Vuex и модульность склада
  • Создание модулей товаров и корзины
  • Асинхронные действия
  • Vue Router
  • Роутинг с API History
  • Именованные пути

28 мая, 20:00 — урок 8

  • Анализ серверной части приложения
  • Взаимодействие с API
  • API и webpack.devServer.proxy
  • Асинхронные действия и адекватный UI
  • Обобщение изученного материала
  • Сборка кода в production

Преподаватель курса

Профессиональный веб-разработчик

Опыт работы в сфере разработки сайтов более 10 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а.

Опытный преподаватель

Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.

Что вы получите

8 онлайн уроков

По понедельникам и четвергам с 20:00 МСК. Продолжительность каждого занятия около двух часов. На уроках разбираются домашние работы учеников и новый материал.

Видеозаписи всех уроков

Если вы по какой-то причине не смогли посетить урок, не переживайте, спустя пару часов после окончания занятия он доступен в записи в хорошем качестве 🙂

Материалы и исходники

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

Домашние задания

После каждого урока выдаётся домашнее задание, которое нужно сделать для закрепления пройденного материала. Плохие оценки не ставим – только конструктивные комментарии 🙂

Обратную связь от преподавателя

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

Доступ в закрытую группу

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

Обзор курса

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

Если вы хотите подробнее ознакомиться с идеями курса и необходимыми начальными знаниями,

посмотрите видео, расположенное рядом

Также в нём рассказано, почему мы изучаем именно Vue.

Запись на курс

Максимальная скидка на раннюю запись!

14 000 руб. 9 800 руб.

Часто задаваемые вопросы

Будут ли записи уроков

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

Какой начальный уровень знаний необходим

Уверенное владение javascript, в том числе понимание ООП, контекста, замыканий и стандарта ES6.

Нужно ли делать ДЗ

Дело добровольное — двойки не ставим 🙂 Но, как показывает практика, без выполнения домашних заданий материал не усвоится.

Почему Vue, а не React?

Vue проще. React с большей вероятностью сломает человека, впервые увидевшего компонентный подход и flux-архитектуру.

Стоит идти на курс, если я хочу React?

React на курсе не будет. Но основные идеи Vue и React очень похожи, поэтому польза в любом случае будет.

Будут ли ещё потоки этого курса

Будут, но не слишком скоро. Обычно курс стартует три раза в год.

Отзывы участников курсов по javascript

Приятного изучения Vue.js!

На этом курсе или не на нём, в любом случае рекомендую освоить Angular, React или Vue.

jQuery успешно решает задачи при вёрстке, но её использование в средних и крупных проектах приводит к хаосу в коде. С jQuery пора слезать!

Курс по Vue.js

Курс по профессиональной разработке веб-приложений с помощью Vue.js.

Набор на этот курс приостановлен в связи с большим обновлением программы.

Вы можете запросить уведомление.

О курсе

Vue отлично подходит для итерационной разработки или постепенного рефакторинга существующих приложений. С чем вы самостоятельно убедитесь, создавая небольшое приложение на курсе — начнём с самой простой HTML-страницы и закончим небольшим SPA-приложением с серверным рендерингом и тестами.

Внимание! Этот курс сейчас на переработке.

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

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

Как организовано обучение?

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

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

Сначала мы познакомимся с Vue, узнаем как он работает. Начнем его использовать, посмотрим как удобно подключить его к существующему проекту, какие при этом возникают нюансы. Разберём все основы и подступимся к компонентам и компонентному подходу в реализации приложения.

Читать еще:  Курсы по email маркетингу

Затем мы изучим официальную библиотеку роутинга — какие возможности она предоставляет, обсудим каким образом можно реализовать проверку авторизации пользователя. Добавим сборку Vue приложения с помощью Webpack и увидим какие ещё приятные возможности привносит эта связка и использование однофайловых компонентов. Разберёмся как можно использовать другие шаблонизаторы, препроцессоры, и каким образом использовать локальные стили или CSS-модули.

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

В конце мы познакомимся с официальной библиотекой для реализации единого хранилища состояний Vuex: когда он нужен, какие принципы заложены и как с ними отличается подход к работе приложения. Разберём возможности по реализации Server-side rendering + Vue. Изучим какие есть инструменты и каким образом тестировать компоненты. Задеплоим наше приложение на онлайн-сервис.

Основные темы программы

Блок 1

Vue, основы и использование в существующих приложениях

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

Разбираемся каким образом работает реактивность данных, что за возможности есть у Vue для отслеживания изменений в них. Изучаем как работать с условиями, циклами, стилями, событиями и формами.

Изучаем работу с компонентами: как их создавать, как использовать, как передавать в них данные и отслеживать возникающие события. Рассматриваем динамическое переключение компонентов.

  • Vue, принцип работы реактивности.
  • Варианты подключения и сборок, Vue-devtools.
  • Синтаксис шаблонов, работа с атрибутами.
  • Экземпляр Vue, свойства, методы и хуки жизненного цикла.
  • Вычисляемые свойства компонента, отслеживание данных.
  • Работа с условиями, циклами.
  • Работа с классами и стилями.
  • Обработка событий.
  • Работа с формами.
  • Компоненты: как создавать, как использовать, как передавать в них данные и отслеживать возникающие события.
  • Динамическое переключение компонентов.

Блок 2

Vue-router, однофайловые компоненты и реализация SPA с шагом сборки Webpack

Изучаем Vue-router — библиотеку для роутинга Vue: как работать с маршрутами, хуки и где они пригодятся.

Начинаем использовать Vue CLI и сборку с помощью Webpack и однофайловых компонентов: как использовать шаблонизаторы, препроцессоры, локальные стили.

Разбираемся как использовать сторонние плагины, как создавать собственные компоненты-обёртки для них.

  • Vue CLI, какие возможности предоставляет модульная архитектура новой версии.
  • Vue-router, работа с маршрутами, как передавать параметры, хуки маршрутизации.
  • Однофайловые компоненты и их возможности.
  • Асинхронная загрузка компонентов.
  • Использование слотов в компонентах.
  • Использование сторонних плагинов и создание компонентов-обёрток для них.
  • Как получить доступ к DOM-элементу.

Блок 3

Пути дальнейшего развития приложения

Изучаем каким образом можно реализовать единое хранилище состояния с помощью Vuex.

Рассмотрим какие есть способы реализации серверного рендеринга для Vue и другие продвинутые темы.

  • Vuex, когда необходим, как мутировать состояние и как его получать, работа с формами.
  • Способы реализации SSR в Vue.
  • Тестирование компонентов.
  • Деплой.
  • Практические рекомендации по написанию хорошего кода на Vue.

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

  1. Вы будете знать как интегрировать Vue в уже существующие приложения и представлять чёткий путь как итерационно переписывать проект, постепенно избавляясь от старого кода.
  2. Вы сможете создавать собственные компоненты для переиспользования в разных частях вашего приложения.
  3. Вы будете понимать что не нужно всегда искать «vue-версии» плагинов и сможете самостоятельно реализовывать всё необходимое для использования сторонних плагинов в проекте.
  4. Вы сможете с удобством работать с формами и событиями и знать как валидировать данные.
  5. Вы будете знать каким образом реализовывать SPA-приложения на Vue.
  6. Вы будете представлять как реализовать централизованное хранилище для Vue
  7. Вы будете знать какие есть способы по реализации серверного рендеринга с Vue.
  8. Вы будете представлять каким образом тестировать компоненты и на что следует обращать внимание.

Предварительные требования

  • Знание JavaScript, включая ООП, классы.
  • Интернет 256kb/s или быстрее для видео.

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

Занимаюсь frontend-разработкой с 2013 года. В 2016, после знакомства с Vue.js успешно использовал его для рефакторинга большого портала, итерационно, без остановки разработки или одновременной поддержки двух систем. Со временем выросло в отдельное самостоятельное SPA-приложение с рендерингом на стороне сервера. Занимался обучением коллег frontend-разработчиков и backend-разработчиков, кому был интересен этот фреймворк.

В конце 2016 присоединился и теперь один из администраторов группы переводов, чьими силами переведена и поддерживается в актуальном состоянии вся русская документация по Vue и смежным проектам (Vue-router, Vuex, Vue-cli, Vue-loader, Vue-test-utils, SSR Guide).

Community partner команды разработчиков Vue.js (по разработке экосистемы Vue).

Гарантия

  • Если объяснения будут вам непонятны
  • Если курсы не дадут вам новых знаний и умений
  • Если вы не сможете подключиться к системе онлайн-обучения

…то вы сможете получить деньги назад.

Для этого достаточно не позже окончания первой недели курса написать, указав причину из этого списка и что именно вас не устраивает, и тогда ваше участие будет прекращено, а вы получите деньги обратно.

Для компаний

У нас большой опыт работы с самыми разными компаниями: как маленькими, так и IT-гигантами (Яндекс, Мейл.ру и другие).

  • При записи нужно выбрать способ оплаты «счёт на компанию», и документы будут автоматически сгенерированы: договор, акт и счёт.
  • Для зарубежных компаний выдаём инвойс на английском языке.
  • Физическим лицам даём справку об оплате, если нужна компании для компенсации расходов.
  • Сведения о нас (для бухгалтерии): скачать архив с документами.
  • У нас есть лицензия
  • Можно сделать налоговый вычет: детали для России

Подписаться на уведомления по курсу

Комментарии

  • Если вам кажется, что в статье что-то не так — вместо комментария напишите на GitHub.
  • Для одной строки кода используйте тег , для нескольких строк кода — тег

, если больше 10 строк — ссылку на песочницу (plnkr, JSBin, codepen…)

  • Если что-то непонятно в статье — пишите, что именно и с какого места.
  • Изучаем Vue.js в 2018 году

    Дата публикации: 2018-11-06

    От автора: Vue.js — одна из самых горячих тем в веб-разработке. Vue появился довольно недавно, но уже стал самой популярной JavaScript платформой на Github. Это также фреймворк, который, по заявлению большинства JavaScript-разработчиков, они хотят изучить в 2018 году. Итак, изучаем Vue js. Основной вопрос: как это сделать?

    Какие наилучшие ресурсы для этого? Какие источники вы должны прочитать, какие курсы пройти, и многое другое?

    Читать еще:  Полный курс химии 8 класс

    Подход к обучению

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

    Не просто экспериментируйте или следуйте руководствам — найдите что-то реальное, что вы хотите выполнить, и постарайтесь сделать это с помощью Vue.

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

    Как создать сайт самому?

    Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

    Это также поможет вам определить актуальность некоторых тем. Много продвинутых концепций Vue (таких как многокорневые компоненты) не имели для меня смысла, пока я не столкнулся в проекте с проблемой, для решения которой они были нужны.

    Начинаем

    Самое очевидное место для начала работы с Vue — это официальное руководство. На самом деле, если вы прогуглите «learn vue», то это одна из первых вещей, которые вы найдете.

    Однако, когда я начинаю изучать новую технологию, такую как Vue, я обычно начинаю с бесплатного или недорогого видеокурса с обзором. Это также подходит, как и официальное руководство, но для меня почему-то курсы легче понимать.

    Хорошие курсы для начинающих

    К счастью, для начинающих есть множество отличных курсов.

    Vue JS 2 — The Complete Guide (incl. Vue Router & Vuex). Это курс, с которого я начинал — это платный курс, но часто со скидками его стоимость составляет всего 10 долларов. Я очень его рекомендую.

    Learn Vue 2 Step By Step (Laracasts). Еще один отличный вводный курс. Я не думаю, что он так же хорошо, как указанный выше, но, с другой стороны, он бесплатный.

    Intro to Vue.JS (VueMastery). Это более короткий курс, чем два предыдущих, и я думаю, что видео не столь же хорошо, но VueMastery делает все, чтобы дать вам больше, чем просто видео. Вы также получаете текстовые руководства, можете загрузить любой из используемых ресурсов и использовать любой из примеров на основе CodePen. О, и это бесплатно!

    The Ultimate Vue JS 2 Developers Course. Возможно, «ultimate» — это небольшое преувеличение, но это отличный курс, чтобы «учиться на практике», в нем рассматриваются три проекта, чтобы изучить концепции Vue. Если у вас возникнут проблемы с созданием собственного проекта, это может вам помочь, поскольку вы можете следить за проектами преподавателя.

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

    Как создать сайт самому?

    Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

    Продвинутые курсы

    Также доступны более продвинутые видеокурсы. Несколько хороших вариантов:

    Advanced Components (VueMastery). Углубленное изучение того, как работает Vue, в комплекте с несколькими уроками Эвана Ю, создателя Vue. Как только вы почувствуете себя более уверенно и захотите идти дальше, это то, куда я рекомендую вам отправиться.

    The VueJS Master Class (VueSchool.io). Курс, ориентированный на проект, в котором с нуля создается полное приложение и в процессе освещаются все практически аспекты Vue.js. Преподает Алекс Кириакидис, член основной команды Vue и автор книги «Величие Vue.js»

    Последующее обучение

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

    Vue News, подкаст и еженедельная рассылка, в которых освещены последние новости. Официальный источник новостей, получивший одобрение основной команды Vue.

    Vuejsdevelopers.com, блог и еженедельные рассылки, посвященные продвинутым темам.

    Vue Feed, веб-сайт, информационные рассылки и твиттер, с руководствами, плагинами и многим другим.

    CSS Tricks, возможно, начинали с CSS, но сейчас вы можете найти у них внушительное количество качественных статей по Vue.

    Views on Vue — это еженедельный подкаст в сети devchat.tv, ориентированный на Vue, с участием нескольких членов основной команды.

    Vue Land Discord — это чат, ориентированный на Vue, в котором вы можете задавать вопросы, устанавливать связи и учиться.

    Заключение

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

    Если вы отлично учитесь самостоятельно, начните с официального руководства.

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

    Или, если вам нравится более интерактивное обучение и возможность задавать вопросы специалисту, ознакомьтесь с LearnVueJS.com.

    Редакция: Команда webformyself.

    Как создать сайт самому?

    Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

    Курс VueJS Фреймворк

    Курс frontend-программирования VueJS

    VueJS — это javascript фреймворк, на котором создают очень сложные интерфейсы и проекты. Фреймворк VueJS стремительно набирает свою популярность из-за своей простоты и хорошо спроектированной архитектуре.

    Курс VueJS Фреймворк в активной стадии разработки и новые задания скоро будут доступны по мере их выхода, но уже сейчас вы можете начать обучение!

    Уроки VueJS в разработке

    О курсе

    Несколько лет назад разработчики, для того, чтобы «оживить» веб-сайты, использовали Javascript и библиотеку jQuery. Но с развитием, веб-проекты становились все сложнее и сложнее. При использовании чистого Javascript или jQuery, код сложного современного проекта разрастается и такие проекты очень сложно поддерживать.

    Если вы хотите научиться создавать сложные и крутые интерфейсы, попробуйте VueJS. Фреймворк VueJS, благодаря своей архитектуре, позволяет программировать сложные frontend-компоненты, при этом каждым компонентом очень легко управлять.

    Читать еще:  Курсы по ремонту электроники спб

    Такой подход позволяет создавать frontend-приложения, которые легко поддерживать и развивать.

    План курса

    Курс VueJS Фреймворк в активной стадии разработки и новые задания скоро будут доступны по мере их выхода, но уже сейчас вы можете начать обучение!

    Уроки VueJS в разработке

    Отзывы(0)

    Часто задаваемые вопросы

    Почему «Ориентировочная дата выхода нового урока» может изменяться?

    «Ориентировочная дата выхода нового урока» — это примерная дата выхода нового урока. В некоторых случаях даты выхода новых уроков могут изменяться. Мы хотим предоставлять максимально понятные и полезные уроки и по этой причине, на создание некоторых тем уроков требуется больше времени, чем запланировано.

    Почему такая низкая цена?

    Одна из миссий проекта FructCode сделать дорогое ИТ-образование доступным для всех!

    Когда начнется обучение? Нужно ли ждать когда наберется группа?

    Сразу после оплаты, вы получите полный доступ к данному курсу без ожиданий.

    Получу ли я после прохождения курса сертификат?

    Да! За успешное прохождение каждого курса, вы получите сертификат на нескольких языках: Русский, Английский, Немецкий, Французский, Итальянский. Все сертификаты, полученные за курсы, вы можете найти в вашем профиле

    Как проходит обучение?

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

    Актуальны ли курсы?

    Да! Курсы на платформе FructCode достаточно часто обновляются, в том числе исходные коды.

    Какое оборудование нужно для прохождения курса?

    Курсы FructCode вы можете проходить в любой операционной системе — Windows, Mac OS или Linux, а также в мобильных устройствах. Тем не менее, для комфортного прохождения курсов FructCode, мы рекомендуем иметь монитор с разрешением экрана 1920×1080.

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

    Если в процессе прохождения курса у вас возникла проблема с выполнением задания и вопрос по пройденной теме курса, вы можете задать его в комьюнити FructCode — https://fructcode.com/ru/qa/, где другие студенты, которые успешно решили задание, вам обязательно помогут.

    Что такое XP? Что оно дает?

    XP — это сокращение от английского слова experience и переводится как опыт. За успешное прохождение задания вы получаете определенное количество XP. Чем больше XP вы накапливаете, тем больше опыта в программировании у вас становится.

    Как участвовать в рейтинге? Я набрал достаточно XP, но не показываюсь в рейтингах курса, почему?

    В общем рейтинге участвуют пользователи, которые установили аватар в настройках профиля

    Что если мне не подойдет или не понравится курс?

    Если в процессе прохождения курса вы поймете, что вам не подходит данный курс — в течении 30 дней с даты покупки, вы можете вернуть деньги в полном объеме. Для возврата средств напишите в службу поддержки на почту [email protected]

    У меня не работает видео лекция или не открывается задание, что делать?

    Наиболее частая причина, если что-то не работает — это установленные некоторые расширения для браузера, например Adblock. Если у вас возникает техническая проблема, напишите пожалуйста в нашу службу поддержки на почту [email protected] и мы в кратчайшее время постараемся помочь

    У меня остались вопросы о курсе, кому я могу их задать?

    Если у вас остались дополнительные вопросы о курсах FructCode, пожалуйста напишите в нашу службу поддержки на почту [email protected] и мы постараемся ответить в ближайшее время.

    Я находил ваши курсы на других сайтах. Есть ли разница где учиться?

    Фреймворк Vue.js

    Курс для практикующих веб- и frontend-разработчиков. Расширьте свои компетенции, изучив трендовый фреймворк Vue.js

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

    • Длительность 3 месяца
    • 1 марта начало обучения
    • Обучение на практике
    • Доступ к курсу навсегда

    Кому подойдёт этот курс

    Практикующие JavaScript-разработчики

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

    Frontend-разработчики

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

    Чему вы научитесь

    1. Работать с объектами, массивами, циклами реактивности и компонентами.
    2. Использовать Webpack.
    3. Использовать Vuex для управления данными.
    4. Работать с системой управления версиями Git.
    5. Создавать сайты и одностраничные приложения на Vue.js.
    6. Интегрировать проект с API, чтобы в динамике получать и отправлять данные на сервер.
    7. Делать развертку проекта из NPM.
    8. Готовить проект для продакшна и публикации.

    Программа

    Курс длится 3 месяца и состоит из 9 модулей.

    1. Основы Vue
    1. Введение. Что такое Vue.
    2. Онлайн-сервисы для работы с кодом. Настройки окружения в codepen.io для Vue.
    3. Обзор возможностей Vue.
    4. Классы и стили. Анимации.
    1. Установка проекта через Vue CLI.
    2. Структура проекта на Vue.
    3. Работа с системами контроля версий: решения на рынке. Удалённые репозитории.
    4. Работа с системами контроля версий. Установка и работа с Git.
    5. Подготовка среды для работы над проектом.
    6. Разбираем проект-пример.
    1. Компонент в одном файле.
    2. Состояние. Работа с циклами.
    3. Выводим список товаров.
    4. Основы компонентов. Входные параметры.
    5. Делаем компонент для товара.
    1. Инструмент разработчика Vue.
    2. Вычисляемые свойства, события, методы и наблюдатели.
    3. Организуем пагинацию.
    4. Модели (V-Model) и наследование компонентов.
    5. Организуем фильтрацию.
    1. Роутинг. Страница ошибок.
    2. Делаем страницу товара.
    3. Вывод цены с использованием фильтра.
    1. Паттерн управления состоянием Vuex.
    2. Слоты.
    3. Организуем добавление товаров в корзину.
    4. Организуем список товаров в корзине.
    1. Обзор REST API (HTTP).
    2. Обзор технологии XHR. Инструменты для работы с асинхронностью. Обработка ошибок и исключений.
    3. Выводим список товаров и пагинацию из API.
    4. Прелоадеры и обработка ошибок.
    5. Фильтр из API. Состояние «Товары не найдены».
    6. Выводим страницу товара через API.
    7. Выводим корзину и добавляем товары из API.
    1. Работа с формами.
    2. Делаем страницу оформления заказа.
    1. Сборка для продакшна.
    2. Публикация на GitHub.

    Получить презентацию программы и консультацию специалиста

    Похоже произошла ошибка. Попробуйте отправить снова или перезагрузите страницу.

    Ссылка на основную публикацию
    Adblock
    detector