Рейтинг:

Издательство: WebForMySelf

Автор курса: Владилен Минин

Тематика: Веб – разработка | Java, jQuery и JavaScript | Создание сайтов и блогов

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

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

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

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

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

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

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

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

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

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

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

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

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

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