Webformyself | Фреймворк Vue.js. Полное руководство для современной веб-разработки (2018) [unpacked] -Автор (издатель): Webformyself Жанр: Программирование, JavaScript, Vue.js Системные требования: • Операционная система Microsoft Windows XP/Vista/7/8/10 • Процессор Pentium III 750 Мгц • 512 Мб оперативной памяти • Разрешение экрана 1280x720 с глубиной цвета 16 бит Формат: unpacked Описание: Vue позаимствовал многое из ангулар и реакт, но проще в понимании и реализации. И это никак не отображается на ваших приложениях. Они по прежнему гибкие, легкие, быстрые, функциональные, безопасные и масштабируемые. Основная часть курса включает 117 уроков общей продолжительностью 18 часов. И это без учета бонусов, в которых содержится ВСЯ необходимая теоретическая база для овладения Vue.js с полного нуля. Продолжительность: 43:31:42 Качество видео: PCRec Видео: AVC/H.264, 1280x720, ~61-587 Kbps Аудио: AAC, 2 ch, 126 Kbps
Mediainfo:
Общее Полное имя : .\videokurs\part2\29.mp4 Формат : MPEG-4 Профиль формата : Base Media / Version 2 Идентификатор кодека : mp42 (isom/mp42) Размер файла : 13,2 Мбайт Продолжительность : 4 м. 53 с. Режим общего битрейта : Переменный Общий поток : 378 Кбит/сек Дата кодирования : UTC 2018-03-16 14:19:39 Дата пометки : UTC 2018-03-16 14:19:39 Видео Идентификатор : 1 Формат : AVC Формат/Информация : Advanced Video Codec Профиль формата : Baseline@L3.1 Настройки формата : 3 Ref Frames Параметр CABAC формата : Нет Параметр RefFrames формата : 3 кадра Идентификатор кодека : avc1 Идентификатор кодека/Информация : Advanced Video Coding Продолжительность : 4 м. 53 с. Битрейт : 249 Кбит/сек Ширина : 1280 пикселей Высота : 720 пикселей Соотношение сторон : 16:9 Режим частоты кадров : Постоянный Частота кадров : 30,000 кадров/сек Стандарт вещания : NTSC Цветовое пространство : YUV Субдискретизация насыщенности : 4:2:0 Битовая глубина : 8 бит Тип развёртки : Прогрессивная Бит/(Пиксели*Кадры) : 0.009 Размер потока : 8,73 Мбайт (66%) Язык : English Дата кодирования : UTC 2018-03-16 14:19:39 Дата пометки : UTC 2018-03-16 14:19:39 Цветовой диапазон : Limited Аудио Идентификатор : 2 Формат : AAC Формат/Информация : Advanced Audio Codec Профиль формата : LC Идентификатор кодека : mp4a-40-2 Продолжительность : 4 м. 53 с. Вид битрейта : Переменный Битрейт : 126 Кбит/сек Максимальный битрейт : 390 Кбит/сек Каналы : 2 канала Расположение каналов : Front: L R Частота : 44,1 КГц Частота кадров : 43,066 кадра/сек (1024 SPF) Метод сжатия : С потерями Размер потока : 4,40 Мбайт (33%) Язык : English Дата кодирования : UTC 2018-03-16 14:19:39 Дата пометки : UTC 2018-03-16 14:19:39
Дополнительная информация:
В раздаче имеются архивы! В них содержится дополнительные материалы.
Подробная программа курса:
Основной блок курса состоит из двух объемных частей: Часть 1. Теория Vue.js (9 блоков, 87 уроков, 12 часов)
Блок 1. Знакомство с Vue
Данный блок является вводным. Из него вы узнаете, что такое технология Vue.js, где она применяется, чем лучше или хуже других технологий, и почему стоит учить именно Vue. В рамках блока мы напишем совсем небольшое приложение, в котором вы увидите динамику, которую можно создавать, используя Vue.
Что такое Vue.js Создание простого Vue-приложения
Блок 2. Основы Vue
Данный блок посвящен всем важным вводным темам, которые есть во фреймворке. Мы разберем самые основные принципы Vue на практических примерах, и подробным образом разберем синтаксис и принципы работы фреймворка.
Интерполяция Динамические атрибуты Вывод HTML-кода Добавление событий Передача параметров в метод Модификаторы событий Модификаторы событий клавиатуры Ярлыки для директив Модель для работы с формами Работа с CSS-классами Динамические стили Управление отображением элементов Директива v-show vs v-if Работа со списками Оптимизация приложения с computed Отслеживание изменений с watch Связывание разных приложений. Инстанс Vue Доступ к DOM-элементам Свойство template Жизненный цикл
Блок 3. Vue CLI&Webpack
В данном блоке мы разберем что такое за инструмент Vue CLI. Мы установим его на компьютер и с помощью него сгенерируем новый проект на Vue на основе сборщика webpack.У нас сразу будет доступно к работе приложение с быстрой перезагрузкой страницы в браузере, технологией Hot Module Replacement и препроцессорами. Так мы разберем файлы с расширением Vue, которые были сделаны специально для данного фреймворка.
Зачем нужен CLI Установка CLI и создание проекта Обзор структуры проекта Как запускается приложение
Блок 4. Компоненты
В данном блоке мы очень подробно разберем понятие компонентов в библиотеке Vue. Мы разберем зачем нужны компоненты, как их регистрировать локально и глобально. Причем мы разберем как это делается в HTML-файле и уже в целом проекте, который использует файлы с расширением .vue. Далее вы узнаете обо всех особенностях взаимодействия между компонентами, а также о том, как во Vue создаются локальные стили, и многое другое.
Зачем нужны компоненты Метод data Локальная и глобальная регистрация Названия компонентов Регистрация компонентов в .vue Передача параметров компоненту Валидация входящих параметров Передача параметров от дочернего компонента Передача функции как параметр Связь дочерних компонентов Использование event emitter Изолированные стили Передача HTML компоненту
Блок 5. Директивы
В данном блоке мы подробно разберем что такое директивы во Vue. Мы научимся создавать свои собственные директивы, узнаем все функции, которыми можно воспользоваться при разработке собственных директив и разберемся, как и когда их нужно использовать. После прохождения блока вы намного лучше поймете, как работают стандартные директивы и разберетесь в основном функционале библиотеки.
Создание своей директивы Взаимодействие с элементом Жизненный цикл директивы Параметры в директивах Аргументы в директивах Модификаторы Локальная регистрация
Блок 6. Фильтры и Миксины
В данном блоке мы изучим фильтры и миксины. Мы научимся преобразовывать данные внутри шаблона любым образом, каким мы пожелаем. Далее, вы научитесь правильно фильтровать в реальном времени списки и узнаете, какую технологию для этого нужно применять. После мы познакомимся с таким понятием как миксины и научимся использовать код в разных компонентах.
Создание простых фильтров Фильтрация списков Использование миксинов
Блок 7. Работа с формами
Вы научитесь работать с формами и создавать свои собственные элементы формы. Мы поэтапно подробно разберем каждый из элементов форм, которые есть в HTML и научимся обрабатывать каждый из них. После мы создадим свой собственный компонент, который будет являться частью формы, но мы запрограммируем его самостоятельно.
Текстовый инпут Текстарея Чекбоксы Радио кнопки Селекты Числовой модификатор Создание своего контрола
Блок 8. Валидация форм с Vuelidate
Данный блок посвящен сторонней библиотеки Vuelidate. Мы научимся использовать и регистрировать сторонние плагины во Vue, тем самым расширяя функционал фреймворка. Далее мы научимся создавать динамические и красивые валидации для любых элементов формы, практически с любыми условиями и выводить сообщения об ошибках, в зависимости от условия. Научимся создавать свои собственные валидаторы, которые асинхронно или синхронно смогут проверять те значения, которые мы запрограммируем.
Установка и настройка проекта Настройка валидаторов Визуальное отображение ошибок Валидация пароля Создание своего валидатора Отправка формы
Блок 9. Роутинг с Vue-router
Вы узнаете про дополнительный плагин, который расширит функционал Vue возможностью создавать множество страниц и делать навигацию между ними без перезагрузки страницы. Мы познакомимся с основными возможностями данный библиотеки, где наглядно разберем весь ее функционал на практических примерах. Научимся оптимизировать наше приложение таким образом, чтобы страницы загружали свой код только в случае запроса, тем самым сильно увеличив скорость загрузки приложения.
Установка Vue-router Настройка роутера Создание навигации Обозначение активной ссылки Динамические роуты Программная навигация Вложенные роуты Передача параметров Хэш и скролл Редирект Защита роутов Ленивая загрузка
Блок 10. Работа с сервером с Vue-resource
В этом блоке мы разберем еще один дополнительный плагин, который упрощает работу с AJAX запросами.Изучим основной функционал данного плагина, научимся создавать новые записи в базе данных, загружать данные из базы, и многое другое. Вы узнаете, как работать с ресурсами и интерсепторами.
Настройка приложения Создание объектов POST Получение объектов GET Использование resource Глобальная настройка Интерсепторы
Блок 11. Работа с данными с Vuex
В данном блоке вы познакомитесь с плагином, который позволяет очень гибко и удобно управлять данными, работая с Vue. Вы узнаете концепцию Vuex, как его регистрировать, как взаимодействовать с данными внутри него: забирать, получать, изменять, и многое другое.
Установка Vuex Использование state Использование getters Использование mutations Использование actions Оптимизация с помощью модулей
Часть 2. Практика. Разработка SPA (30 уроков, 6 часов)
Блок 12. Создание SPA приложения на material design и firebase
Данный модуль посвящен практической части курса, где мы все знания, полученные в теории, будем применять на практике. Мы создадим SPA приложение, которое является Serverless – приложением, которое работает без серверной части. При этом у нас будет полностью рабочая база данных в облаке, на сервисе Firebase от Google. У нас там будет реализован хостинг, база данных, хранение картинок и регистрация с авторизацией пользователей. В качестве дизайна нами будет выбран Material Design от Google. Наше приложение будет полностью адаптивным, то есть оно будет одинаково хорошо отображаться на любом экране. По смыслу это будет приложение, в котором будет возможность просматривать и создавать объявления о продаже чего-либо и прием заявок. Будет реализован личный кабинет, возможность загружать картинки, редактировать объявления и просматривать заявки.
Создание проекта Обзор приложения Создание тулбара Добавление ссылок и адаптация Регистрация роутов Создание страницы логина Создание страницы регистрации Создание главной страницы Создание страницы заказов Создание страницы формы Создание страницы списка Создание страницы объявления Подключение Vuex Добавление объявлений Настройка firebase Регистрация пользователей Логин пользователей Вывод ошибок Поддержание сессии пользователя Защита роутов Создание объявления в firebase Загрузка объявлений по умолчанию Загрузка изображений в firebase Создание модального окна редактирования Редактирование объявления Создание окна покупки Создание и обработка заказов Управление цветами Подключение препроцессоров Заключение
Бонусный блок курса состоит из 6 новейших актуальных видеокурсов: Бонус 1. Премиум-курс по JavaScript (24 урока, 19,5 часов) Бонус 2. Премиум-курс по NodeJS (10 уроков, 2 часа) Бонус 3. Премиум-курс по Webpack (20 уроков, 3,5 часа) Бонус 4. Премиум-курс по EcmaScript 6 (17 уроков, более 3 часов) Бонус 5. Анимации (8 уроков, 1,5 часа) Бонус 6. Деплой Vue приложения (2 урока, 30 минут) Первых 4 бонуса являются сами по себе фундаментальными новыми видеокурсами, раскрывающими в мельчайших подробностях всю теоретическую базу, необходимую для старта с полного нуля, включая основы JavaScript. Даже полный новичок в сайтостроении сможет разобраться с курсом и освоить Frontend-разработку на Vue.
Скачать Webformyself - Фреймворк Vue.js. Полное руководство для современной веб-разработки (2018) слив курса.
Текущее время: Сегодня 23:16
Часовой пояс: GMT + 4
Вы не можете начинать темы Вы не можете отвечать на сообщения Вы не можете редактировать свои сообщения Вы не можете удалять свои сообщения Вы не можете голосовать в опросах Вы не можете прикреплять файлы к сообщениям Вы не можете скачивать файлы
