VUEJS

VueJS - Разработка SPA приложения. Часть 3

Пример разработки SPA приложения на VueJS. Создание главной страницы, пример создание слайдера на главной, пример создания карточек товаров используя Vuetify.js. Пример создания списка на страницах. Создание страницы формы для добавления какой либо новой записи.

VueJS - Разработка SPA приложения. Часть 2

Пример разработки SPA приложения на VueJS. Создание страницы логина и страницы регистрации, валидация формы.

VueJS - Разработка SPA приложения. Часть 1

Пример разработки SPA приложения на VueJS. Создание проекта с использованием Vuetify.js, создаем структуру приложения. Добавление ссылок и адаптация, регистрация роутов.

Работа с данными с vuex

Пример использования props и emit. Установка vuex. Работа с данными и переход на vuex. Использование getters. Использование mutations. Использование actions. Оптимизация с помощью модулей.

Работа с сервером и с vue-axios

Работа с сервером и с vue-axios. Настройка приложения, cоздание объектов POST, получение объектов GET, глобальная настройка, интерсопторы.

Роутинг с vue-router на VueJS3 часть вторая

Роутинг с vue-router на VueJS3 часть вторая. Вложенные роуты, передача параметров через URL, хэш и скролл, редирект, 404 страницы, защита роутов, ленивая загрузка.

Роутинг с vue-router на VueJS3

Роутинг с vue-router на VueJS3. Установка и начальная настройка vue-router, создание навигации, обозначение активной ссылки, динамические роуты, программная навигация.

Валидация форм с vuelidate во VueJS

Валидация форм с vuelidate во VueJS. Установка и настройка проекта, визуальное отображение ошибок, валидация пароля, отправка форм во VueJS.

Работа с формами во VueJS

Работа с формами во VueJS. Текстовый input, checkbox, radiobutton, select и использование других элементов в проекте на Vue.

Фильтры и миксины VueJS

Фильтры и миксины VueJS. Создание простых фильтров, фильтрация списков, использование миксинов.

Директивы VueJS. Создание и работа со своей директивой

Директивы VueJS. Создание своей директивы, взаимодействие с элементом, жизненный цикл директивы, параметры в директивах, аргументы в директивах, модификаторы, локальная регистрация.

Подключение фреймворка UIKit к VueJS как плагин

Подключаем UIKit фреймворк к VueJS. Показаны примеры его использования во всех компонентах VueJS проекта.

Передача параметров между компонентами VueJS

Передача параметров от дочернего компонента, передача функции как параметр, cвязь дочерних компонентов, использование event emitter, передача HTML компоненту.

Многоязычность приложения на VueJS при помощи плагина Vue-l18n

Как сделать приложение на VueJS многоязычным при помощи плагина Vue-l18n. Подключение настройка управление. Константы перевода с применением HTML. Выносим все настройки по мультиязычности сайта в отдельный JS файл. Выносим переменные перевода в json. Как менять HTML компонента при определенной локализации.

Правка синтаксиса VueJS при помощи ESLint, EditorConfig и JSHint

Правка синтаксиса VueJS при помощи ESLint. Подключение, настройка, зависимости для использования ESLint проверки синтаксиса VueJS проекта. Правка синтаксиса VueJS при помощи EditorConfig и JSHint.

Компоненты VueJS

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

Создание приложения, посадка верстки на Vue 3

Шаги по начальной работе над проектом. Пример посадки верстки на Vue 3 приложение.

Vue CLI and Webpack. Создание проекта на Vue

Vue CLI – это система для быстрой разработки и создания прототипов Vue.js. Она состоит из различных компонентов. В этой шпаргалке рассмотрены установка и создание проекта на VueJS2 и VueJS3.

VueJS - Основы и важные моменты

Работа со списками, оптимизация приложения с computed, отслеживание изменений с watch, связывание разных приложений, доступ к DOM элементам, свойство template, жизненный цикл.

VueJS - Основы и простейшие примеры

Ярлыки для директив, модель для работы с формами, работа с CSS классами, динамические стили, управление отображением элементов и директива v-show vs v-if.

VueJS - Подключение и простейшие примеры

Интерполяция в VueJS, динамические атрибуты, директивы, передача параметров в метод, модификаторы событий и модификаторы событий клавиатуры.

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

Для связи со мной можно воспользоваться любой социальной сетью,
или написать на почту:

С моим резюме можно ознакомиться по ссылке:

© 2020-2024 Портфолио Юдина Александра г.Пенза. Все права защищены