Компоненты, модули, шаблоны и другие Расширения Joomla
Бесплатный видео урок

Страница автора - Владилен Минин - Webformyself
Страница автора
0.0/5 оценка (0 голосов)
Бесплатный видео урок "VUE JS – быстрый старт, первые результаты." (Владилен Минин - Webformyself)

Автор: Владилен Минин - Webformyself

Данный курс посвящен самому быстрому javascript фреймворку - Vue JS. В рамках данного курса в 6 практических уроках мы создадим динамическое веб-приложение, где пошагово разберем на простых примерах, как работает фреймворк Vue.

Смотреть видео:

 VUE JS – быстрый старт, первые результаты.Урок №1. Введение. (Владилен Минин)

Содержание:

  • Урок №1. Введение.

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

  • Урок №2. Создание макета.

В данном уроке мы создадим HTML каркас будущего приложения, используя css фреймворк bootstrap 4.

  • Урок №3. Вывод списка машин.

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

  • Урок №4. Детальное отображение машины.

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

  • Урок №5. Фильтрация и окно покупки.

В данном уроке мы рассмотрим способ оптимизации приложения и фильтрации список с помощью computed свойств, которые есть во VueJS. С помощью этих свойств, мы будем фильтровать список машин по названию и марке машины в динамическом режиме. После этого, мы создадим модальное окно от bootstrap, но его функционал напишем сами, используя Vue.

  • Урок №6. Вывод логов действий пользователя.

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

  • Урок №7. Добавление анимации.

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

Страница курса - VUE JS – быстрый старт, первые результаты. (Владилен Минин - Webformyself)
Рейтинг@Mail.ru   Яндекс.Метрика
2671093515531984