Издательство: WebForMySelf
Тематика: Веб – разработка | Java, jQuery и JavaScript | Создание сайтов и блогов
Автор: Владилен Минин - Webformyself
Данный курс посвящен самому быстрому javascript фреймворку - Vue JS. В рамках данного курса в 6 практических уроках мы создадим динамическое веб-приложение, где пошагово разберем на простых примерах, как работает фреймворк Vue.
Смотреть видео:
VUE JS – быстрый старт, первые результаты.Урок №1. Введение. (Владилен Минин)
В данном уроке вы увидите приложение, которое вы получите после прохождения данного курса. Также вы узнаете, что такое Vue, в каких проектах его стоит применять и для чего его стоит учить.
В данном уроке мы создадим HTML каркас будущего приложения, используя css фреймворк bootstrap 4.
В этом уроке мы с вами установим VueJS и рассмотрим, как инициализируется приложение. Далее, мы создадим список машин и с помощью фреймворка выведем их в шаблон. Также мы повторим тему стрелочных функций в javascript.
В данном уроке мы разберем встроенные директивы, с помощью которых можно динамически изменять и управлять html атрибутами. Далее мы разберем директиву, с помощью которой можно обрабатывать действия пользователя и выполнять нужные методы. В результате урока мы напишем функционал, который позволит изменять детальное отображение машины на ту, которую выберет пользователь.
В данном уроке мы рассмотрим способ оптимизации приложения и фильтрации список с помощью computed свойств, которые есть во VueJS. С помощью этих свойств, мы будем фильтровать список машин по названию и марке машины в динамическом режиме. После этого, мы создадим модальное окно от bootstrap, но его функционал напишем сами, используя Vue.
В этом уроке вы научитесь создавать фильтры, для форматирования данных внутри шаблона. Далее, с помощью данного фильтра, мы выведем отформатированную дату и время действия пользователя. В результате урока, приложение будет показывать логи действия пользователя, и на этом весь функционал приложения будет завершен.
В этом заключительном уроке вы научитесь создавать анимации используя очень удобный механизм, который нам предоставляет Vue. В результате данного урока мы создадим 3 разные анимации для приложения.
Если Вы не нашли видео на сайте то воспользуйтесь наши каналом с большим количеством разнообразных видео курсов на различные темы