Узнайте, как создавать более простые и гибкие компоненты, которые являются более мощными и удобными в обслуживании. Я использую Vue.js в продакшене приложений с весны 2015 года и узнал тонну о написании поддерживаемого и эластичного кода Vue.
Когда я впервые начал использовать Vue, я влюбился насколько просто он делает то, что быстро превравщалось в беспорядок, если использовать jQuery. Три года спустя я понял, что Vue решает много сложных проблем, которые я никогда не ожидал:
Сохранение логики портативной и инкапсулированной, даже когда она взаимодействует с отключенными частями DOM
Полная кастомизация того, как выглядит компонент без кучи переопределений CSS или сложных параметров конфигурации
Упрощение симуляции отчаянно необходимых функций браузера, таких как element queries , не ожидая еще 5 лет пока это начнут поддерживать
Advanced Vue Component Design использует все что я знаю об использовании Vue для создания более чем базовых виджетов и объединяет его в один всеобъемлющий курс.
Что внутри ?
Полный курс рассчитан на 34 урока (4 часа).
Он охватывает такие темы, как:
Создание custom controlled components
Стратегии хранения и инкапсуляции логических компонентов
Использование composition для расширения компонентов вместо миксинов или наследования
Как и почему использовать функции рендеринга, даже если вы не используете JSX
Использование компонентов data provider для повторного использования non-UI логики
Создание renderless компонентов, которые полностью настраиваются
Проектирование составных компонентов с использованием Vue’s provide и inject
Реальные примеры исследований по созданию надежных сортируемых списков и компонентов для поиска
Весь курс также аккуратно организован по теме, поэтому очень легко вернуться назад и найти точный урок, который вы ищете, когда пытаетесь применить эти идеи на работе.
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Advanced Vue Component Design,
а также все другие курсы, прямо сейчас!
Native-Style Buttons Using Slots and Class Merging
Урок 10.00:10:23
Extending Components Using Composition
Урок 11.00:09:59
Passing Data Up Using Scoped Slots
Урок 12.00:03:31
Render Functions 101
Урок 13.00:04:19
Render Functions and Components
Урок 14.00:02:21
Render Functions and Children
Урок 15.00:04:00
Render Functions and Slots
Урок 16.00:11:55
Data Provider Components
Урок 17.00:04:47
Getting Started with Renderless Components
Урок 18.00:02:14
Passing Data Props
Урок 19.00:02:20
Passing Action Props
Урок 20.00:09:41
Passing Binding Props
Урок 21.00:03:06
Using Functions as Binding Props
Урок 22.00:04:08
Implementing Alternate Layouts with Renderless Components
Урок 23.00:01:47
Configuring Renderless Components
Урок 24.00:06:10
Wrapping Renderless Components
Урок 25.00:07:45
Building an Element Query Component
Урок 26.00:09:56
Compound Components and Provide/Inject
Урок 27.00:21:18
Building a Compound Sortable List Component
Урок 28.00:06:03
Building a Search Select: Data Bindings
Урок 29.00:05:04
Building a Search Select: Filtering
Урок 30.00:02:42
Building a Search Select: Focus Management
Урок 31.00:05:40
Building a Search Select: Making It Controlled
Урок 32.00:14:53
Building a Search Select: Keyboard Navigation
Урок 33.00:05:12
Building a Search Select: Click Outside Component
Урок 34.00:05:47
Building a Search Select: Integrating Popper.js
Комментарии
Иван
Не очень понимаю восторженные отзывы, литература и курсы от Michael Tiessen, которые есть на данном ресурсе, намного более структурированные и в них присутствует алгоритм работы.
На вкус и цвет, товарища конечно нет, но на мой взгляд лучше посмотреть его, нежели данный курс. У него больше фишечек, приемчиков и умственный фреймворков. А это можно промотать потом, чтобы посмотреть какой автор использует подход.
Anonymous
0.75 speed is ok
Anonymous
Курс - огонь! Однозначный мастхэв для начального и среднего уровня
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
(UPDATED 02/2018)! VueJS - крутой JavaScript фрэймворк для создания фронт-енд приложений. Vue 2 взял лучшее у Angular 2 и React. Общедоступные фрэймворки чрезвычайно популярны, потому что они дают нам рективную скорость построение сложных приложений из коробки. Не удивительно, что рабочие места с такими навыками как фрэймворк VueJS являются одними из самых высокооплачиваемых. Вы можете уже знать Angular 2 и ReactJS, но VueJS сочетает в себе самое
Постройка Server Rendered приложения Vue.js с Nuxt и Vuex
Build a Server Rendered Vue.js App with Nuxt and Vuex
Vue.js обладает первоклассной экосистемой помогающей создавать приложения. Сюда входит Nuxt.js, который позволяет применять Server Rendered приложения и постраничный подход.
Этот курс начнется с пустого приложения и расскажет как использовать Vue.js для создания приложения, Nuxt.js для организации приложения и Vuex для управления состоянием.
Во Vue компонент — это по сути экземпляр Vue с предустановленными опциями. Его можно использовать в шаблоне другого компонента, можно передать props в каждый компонент с помощью v-bind.
В крупных приложениях разделение на компоненты становится обязательным условием для сохранения управляемости процесса разработки. Разговор о компонентах ещё далеко не закончен и будет продолжен далее в видеоуроках.
Nuxt.js - Vue.js на стероидах (Maximilian Schwarzmüller)
Nuxt.js - Vue.js on Steroids
Создавайте очень крутые приложения Vue JS с помощью Nuxt.js. Nuxt добавляет простой серверный рендеринг и конфиг на основе папок. Vue.js - это супер JavaScript фреймворк, который вы можете использовать для создания высокопривлекательных пользовательских интерфейсов и одностраничных приложений (SPA). Вы можете присоединиться к моему бестселлеру на Vue.js, если хотите узнать больше об этом фреймворке!
Приватный (один на одни) чат с Laravel, Vuejs и Pusher
Laravel Vuejs Private (one to one) Chat App
Расширенное приложение чата с Laravel в качестве бэкэнд, Vuejs в качестве интерфейса и Pusher. Вы никогда не найдете такого курса во всем Интернете с Laravel и Vuejs. Создайте приложение Awesome Chat, имеющее множество уникальных функций.
На вкус и цвет, товарища конечно нет, но на мой взгляд лучше посмотреть его, нежели данный курс. У него больше фишечек, приемчиков и умственный фреймворков. А это можно промотать потом, чтобы посмотреть какой автор использует подход.