В данном уроке вы увидите приложение, которое вы получите после прохождения данного курса. Также вы узнаете, что такое Vue, в каких проектах его стоит применять и для чего его стоит учить.
- Урок №2. Создание макета.
В данном уроке мы создадим HTML каркас будущего приложения, используя css фреймворк bootstrap 4.
- Урок №3. Вывод списка машин.
В этом уроке мы с вами установим VueJS и рассмотрим, как инициализируется приложение. Далее, мы создадим список машин и с помощью фреймворка выведем их в шаблон. Также мы повторим тему стрелочных функций в javascript.
- Урок №4. Детальное отображение машины.
В данном уроке мы разберем встроенные директивы, с помощью которых можно динамически изменять и управлять html атрибутами. Далее мы разберем директиву, с помощью которой можно обрабатывать действия пользователя и выполнять нужные методы. В результате урока мы напишем функционал, который позволит изменять детальное отображение машины на ту, которую выберет пользователь.
- Урок №5. Фильтрация и окно покупки.
В данном уроке мы рассмотрим способ оптимизации приложения и фильтрации список с помощью computed свойств, которые есть во VueJS. С помощью этих свойств, мы будем фильтровать список машин по названию и марке машины в динамическом режиме. После этого, мы создадим модальное окно от bootstrap, но его функционал напишем сами, используя Vue.
- Урок №6. Вывод логов действий пользователя.
В этом уроке вы научитесь создавать фильтры, для форматирования данных внутри шаблона. Далее, с помощью данного фильтра, мы выведем отформатированную дату и время действия пользователя. В результате урока, приложение будет показывать логи действия пользователя, и на этом весь функционал приложения будет завершен.
- Урок №7. Добавление анимации.
В этом заключительном уроке вы научитесь создавать анимации используя очень удобный механизм, который нам предоставляет Vue. В результате данного урока мы создадим 3 разные анимации для приложения.
