Мы часто используем существующие библиотеки при работе с расширенными функциями приложения, такими как маршрутизация, управление состоянием, проверка формы и i18n, и много раз реализации этих библиотек могут быть черным ящиком. В этом семинаре мы собираемся создавать простые версии таких библиотек с нуля, используя основные функции Vue.
Это поможет вам лучше понять природу этих проблем и как лучше использовать систему реактивности Vue, чтобы придумать элегантные решения. Просмотривая это курс вы пойметет:
Как работает Vue
Как работают функции рендеринга в Vue
Основные шаблоны создания плагинов Vue
Управления Vuex / Redux и то, как они реализованы / используются в контексте приложений Vue
Лучше поймете маршрутизацию на основе компонентов и как она реализуется в контексте приложений Vue
Вашим спикером этого курса будет Эван - независимый разработчик. Он является автором Vue.js, фреймворка JavaScript для создания современных веб-интерфейсов с реактивными компонентами. В прошлом Эван работал в Meteor Development Group в качестве основного разработчика, а до этого провел два года в Google Creative Lab, взламывая экспериментальные образцы пользовательских интерфейсов для различных продуктов Google.
Этот семинар оптимизирован для разработчиков, которые имеют промежуточный опыт работы с Vue, хотят лучше понять внутренние компоненты Vue и создать собственные плагины. Предпочтительно, участники должны уже иметь опыт создания реальных приложений с Vue и прошли через все документы. Не рекомендуется смотреть этот семинар, если вы относительно новичок в Vue, если у вас нет обширного опыта в других интерфейсных средах.
Посмотреть больше
Удален по просьбе правообладателя
Урок 1.00:02:51
Introduction
Урок 2.00:05:37
Introducing Reactivity
Урок 3.00:05:12
Challenge 1: Getters and Setters
Урок 4.00:10:10
Challenge 1: Solution
Урок 5.00:02:46
Challenge 2: Dependency Tracker
Урок 6.00:02:26
Challenge 3: Mini Observer
Урок 7.00:03:53
Introducing Writing Plugins
Урок 8.00:04:08
Challenge 4: Writing a Simple Plugin
Урок 9.00:04:36
Challenge 4: Solution
Урок 10.00:03:12
Introducing Render Functions
Урок 11.00:05:51
Virtual DOM
Урок 12.00:02:26
Putting Everything Together
Урок 13.00:02:25
JSX vs. Templates
Урок 14.00:07:44
Render Function API
Урок 15.00:03:01
Challenge 5: Dynamically Render Tags
Урок 16.00:04:30
Challenge 5: Solution
Урок 17.00:01:07
Challenge 6: Dynamically Render Components
Урок 18.00:11:23
Challenge 6: Solution
Урок 19.00:05:52
Challenge 7: Higher-Order Components
Урок 20.00:03:02
Q&A: Higher-Order Components
Урок 21.00:13:01
Challenge 7: Solution
Урок 22.00:08:02
Introducing State Management
Урок 23.00:02:56
Challenge 8: Passing Props
Урок 24.00:01:25
Challenge 8: Solution
Урок 25.00:01:42
Challenge 9: Shared Object
Урок 26.00:02:22
Challenge 9: Solution
Урок 27.00:00:53
Challenge 10: Shared Instance
Урок 28.00:06:44
Challenge 10: Solution
Урок 29.00:02:15
Challenge 11: Mutations
Урок 30.00:03:43
Challenge 11: Solution
Урок 31.00:06:27
Challenge 12: Functional
Урок 32.00:03:23
Q&A: Type-based API and Nested Objects
Урок 33.00:07:59
Challenge 12: Solution
Урок 34.00:02:36
Challenge 13: Basic Hash Router
Урок 35.00:03:14
Challenge 13: Solution
Урок 36.00:01:30
Challenge 14: Route Table
Урок 37.00:03:31
Challenge 14: Solution
Урок 38.00:08:29
Path to Regular Expressions
Урок 39.00:02:21
Challenge 15: Dynamic Routes
Урок 40.00:11:13
Challenge 15: Solution
Урок 41.00:02:08
Markup-based vs. Model-based
Урок 42.00:16:30
Validation Library
Урок 43.00:03:58
Internationalization Approaches
Урок 44.00:05:09
Internationalization Plugin
Урок 45.00:08:29
Q&A: Onboarding Speed and Web Components
Урок 46.00:06:09
Q&A: SSR and Vue Custom Element
Урок 47.00:01:03
Wrapping Up
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
(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 для управления состоянием.
Настройте рабочую среду VueJS используя такие средства разработки как Webpack. Создайте универсальное приложение с рендерингом на стороне сервера.Используйте популярные плагины из экосистемы Vue, как vue-router и vue-resource.
Vue.js 2 - один из самых горячих Javascript-фреймворков прямо сейчас, и спрос на разработчиков на Vue быстро растет среди работодателей.
Я проведу вас через процесс создания трех приложений Vue.js в реальном мире, которые
Angular, React или Vue? Что такое Webpack и почему React использует его? Получите подробные ответы на эти вопросы в этом курсе. Что вы узнаете:
- Выберите свой фреймворк JavaScript и погрузитесь в него глубже;
- Поймете мир JavaScript фреймворков и его множества инструментов еще лучше;
- Сделаете свое приложение на голову лучше.
Требования:
- Основы языка JavaScript являются обязательными для просмотра этого курса;
- Расширенн
Vue.js элегантно сочетает в себе лучшие возможности фреймворка javascript. Если вы заинтересованы в написании поддерживаемого, чистого кода в увлекательной и выразительной манере, вам следует подумать о присоединении к этому классу. Мы рассмотрим все способы, с помощью которых Vue быстро решает общие задачи разработчиков Frontend, а также гибкие способы доступа к базовому API, чтобы вы могли решить любую задачу. Присоединяйтесь к Саре Дрэснер и и
