CourseHunter
  • Категории
    • Frontend logo Frontend
      • Angular logo Angular
      • HTML logo HTML
      • CSS logo CSS
      • JavaScript logo JavaScript
      • Vue logo Vue
      • jQuery logo jQuery
      • React logo React
      • AngularJS logo AngularJS
      • Backbone logo Backbone
      • TypeScript logo TypeScript
      • Ember logo Ember
      • Next.js logo Next.js
      • Elm logo Elm
      • Svelte logo Svelte
      • Single SPA logo Single SPA
      • Three.js logo Three.js
      • D3.js logo D3.js
      • RxJS logo RxJS
      • WebGL logo WebGL
      • barba.js logo barba.js
    • Backend logo Backend
      • PHP logo PHP
      • Python logo Python
      • Ruby on Rails logo Ruby on Rails
      • Yii logo Yii
      • Laravel logo Laravel
      • SQL logo SQL
      • Ruby logo Ruby
      • Symfony logo Symfony
      • Java logo Java
      • Scala logo Scala
      • Node.js logo Node.js
      • MongoDB logo MongoDB
      • Golang (Google Go) logo Golang (Google Go)
      • Slim logo Slim
      • Silex logo Silex
      • Firebase logo Firebase
      • C Sharp (C#) logo C Sharp (C#)
      • Deno logo Deno
      • Redis logo Redis
      • Django logo Django
      • NestJS logo NestJS
      • Spring logo Spring
      • Spring Boot logo Spring Boot
      • Spring Data logo Spring Data
      • Spring Cloud logo Spring Cloud
      • Spring Security logo Spring Security
      • Spring Integration logo Spring Integration
      • Spring HATEOAS logo Spring HATEOAS
      • Spring MVC logo Spring MVC
      • Elixir logo Elixir
      • Phoenix logo Phoenix
    • System programming logo System programming
      • Rust logo Rust
      • WebAssembly logo WebAssembly
      • C++ logo C++
    • Marketing logo Marketing
      • SEO logo SEO
    • Video and 3D logo Video and 3D
      • Blender logo Blender
      • Cinema 4D logo Cinema 4D
      • ZBrush logo ZBrush
    • Graphic logo Graphic
      • Figma logo Figma
      • Sketch logo Sketch
      • Photoshop logo Photoshop
      • After Effects logo After Effects
      • Illustrator  logo Illustrator
      • Adobe XD logo Adobe XD
      • Lightroom logo Lightroom
      • CorelDRAW logo CorelDRAW
    • DevOps logo DevOps
      • AWS logo AWS
      • Azure logo Azure
      • Docker logo Docker
      • Git logo Git
      • GitHub logo GitHub
      • Gitlab logo Gitlab
      • Google Cloud logo Google Cloud
      • Grafana logo Grafana
      • Kubernetes logo Kubernetes
      • Jenkins logo Jenkins
      • Terraform logo Terraform
      • Другое logo Другое
    • Tools logo Tools
      • GraphQL logo GraphQL
      • Flux logo Flux
      • Webpack logo Webpack
      • Ansible logo Ansible
      • Gulp logo Gulp
      • Grunt logo Grunt
      • Visual Studio Code logo Visual Studio Code
      • VIM logo VIM
      • OpenCV logo OpenCV
      • Salt logo Salt
      • SVN logo SVN
      • Atom logo Atom
      • Elasticsearch logo Elasticsearch
      • Сборки, готовые решения logo Сборки, готовые решения
      • Electron logo Electron
      • Chrome DevTools logo Chrome DevTools
      • Yarn logo Yarn
      • Babel logo Babel
      • Grep logo Grep
      • npm logo npm
      • Vite logo Vite
      • Gatsby logo Gatsby
      • PhpStorm logo PhpStorm
      • Webflow logo Webflow
      • Hibernate logo Hibernate
      • Socket.io logo Socket.io
      • Bash logo Bash
    • Разработка мобильных приложений logo Разработка мобильных приложений
      • React Native logo React Native
      • Ionic logo Ionic
      • Swift logo Swift
      • Progressive Web App (PWA) logo Progressive Web App (PWA)
      • Core Data logo Core Data
      • Xamarin logo Xamarin
      • NativeScript logo NativeScript
      • Dart и Flutter logo Dart и Flutter
    • Gamedev logo Gamedev
      • Unreal Engine logo Unreal Engine
      • Unity logo Unity
    • CMS logo CMS
      • Wordpress logo Wordpress
      • OpenCart logo OpenCart
      • Drupal logo Drupal
      • Joomla logo Joomla
      • 1C-Bitrix logo 1C-Bitrix
      • MODX logo MODX
      • Magento logo Magento
      • Shopify logo Shopify
    • Blockchain logo Blockchain
      • Криптовалюты logo Криптовалюты
      •  Decentralized Applications (dApps) (Web 3) logo Decentralized Applications (dApps) (Web 3)
    • Тестирование logo Тестирование
      • Postman logo Postman
      • Selenium logo Selenium
      • Appium logo Appium
      • Protractor logo Protractor
      • WebdriverIO logo WebdriverIO
      • Cypress logo Cypress
      • Playwright logo Playwright
    • Другое logo Другое
      • Linux logo Linux
      • WebRTC logo WebRTC
      • OpenGL Shading Language (GLSL) logo OpenGL Shading Language (GLSL)
    • Подготовка к собеседованию logo Подготовка к собеседованию
    • Обработка и анализ данных logo Обработка и анализ данных
    • Информационная безопасность logo Информационная безопасность
      • Этический взлом / Тестирование на проникновение logo Этический взлом / Тестирование на проникновение
    • Английский язык logo Английский язык
    • Конференции logo Конференции
  • Источники
  • Все курсы
    • Популярные
    • Бесплатные (100+ Курсов)
  • Разделы
  • Книги
    • Бесплатные
    • Популярные
  • Краудфандинг logo Краудфандинг
🇺🇸 English
🇷🇺 Русский
🇺🇦 Українська
Голубая
Фиолетовая
Cветлая
Терминал
Norton
Войти
Главная страница Категория vue [Книга] Vue.js Компоненты: Паттерны

[Книга] Vue.js Компоненты: Паттерны

Vue.js Component Patterns Course

Frederik Dietz logo Frederik Dietz
[Книга] Vue.js Компоненты: Паттерны logo Начать Сейчас
Категория
Vue
Дата добавления
20.10.2019
Язык
Английский

Цель этого курса - научить вас основам создания компонентов Vue.js, которые проще, гибче а также те, которые приятно и весело использовать. Этот курс - самый быстрый способ освоиться с продвинутыми концепциями Vue.js и гарантированно ускорит ваше обучение.


Для кого этот курс?

Этот курс предназначен для всех, кто имеет общее представление о Vue.js и хочет узнать больше об эффективном использовании компонентов.

Почему вы должны узнать больше о компонентах

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

И это действительно повторяющийся паттерн. У вас есть компонент, который инкапсулирует состояние, логику и даже стили. При наличии входов и событий вы можете использовать эти компоненты для создания сложных пользовательских интерфейсов.

Поэтому стоит потратить больше времени на обучение эффективной работе с компонентами.

Что вы узнаете

Полный курс в настоящее время состоит из 12 глав с постоянно добавляемым контентом.

  • Основы создания портативных компонентов с Vue.js
  • Как решать ежедневные проблемы с Компонентом, используя слоты Vue.js и scoped slots
  • Создание Headless или Renderless  компонентов для максимальной гибкости
  • Создание функциональных компонентов в случаях, когда шаблон недостаточно гибок
  • Динамический рендеринг компонентов вместо множества операторов if / else
  • Как использовать Mixins, Extends, High Order Components и почему вы должны отдавать предпочтение композиции
  • Рефакторинг компонентов в Smart и Dumb компоненты
  • Вы узнаете о проблеме Prop Drilling и о некоторых простых способах ее решения.
  • Как использовать шаблон Provide / Inject для создания составных компонентов
  • Асинхронная загрузка компонентов для улучшения времени загрузки ваших приложений
  • Как построить компоненты с хорошим поведением
  • Антипаттерны - что не надо делать

Некоторые компоненты, которые вы будете строить:

  • Twitter Stream
  • Фильтр списков
  • Таймер обратного отсчета
  • Data Provider
  • Themeable Components
Посмотреть больше

Авторы Vue.js Component Patterns Course

Изображение источника Frederik Dietz

Frederik Dietz

Меня зовут Фредерик Дитц, и я страстный разработчик программного обеспечения, расположенный в прекрасном Гамбурге, Германия. Как независимый разработчик программного обеспечения, я работал с различными компаниями с Ruby on Rails, Angular.js, React.js и в настоящее время также над проектами Vue.js.

Автор
Посмотреть
Категории
Vue logo
Vue
Комментарии
User Avatar
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.

Другие материалы в этой категории

Изображение курса Продвинутый контроль компонентов Vue.js
egghead logo egghead
14.01.2018
Vue

Продвинутый контроль компонентов Vue.js

Advanced Fine-Grained Control of Vue.js Components

С помощью Vue очень легко подбирать и быстро создавать отличные приложения, используя встроенные шаблоны и директивы. По мере того, как ваше приложение будет усложняться, вам потребуется более тонкое управление вашими компонентами.В этом курсе мы определим, где будет находиться контент компонента, когда вы определяете контент внутри родительского компонента с помощью слотов Vue и управляете этим отношением с slot-scope. Мы продолжим использовать

0 ч 33 мин
Английский
Посмотреть
+33
Изображение курса Продвинутое проектирование компонентов Vue
adamwathan logo adamwathan
12.06.2018
Vue

Продвинутое проектирование компонентов Vue

Advanced Vue Component Design

Узнайте, как создавать более простые и гибкие компоненты, которые являются более мощными и удобными в обслуживании. Я использую Vue.js в продакшене приложений с весны 2015 года и узнал тонну о написании поддерживаемого и эластичного кода Vue.

3 ч 57 мин
Английский
Посмотреть
+201
Изображение курса Создание сайта на Vue.js
itvdn logo itvdn
28.06.2020
Vue

Создание сайта на Vue.js

Vue.js - это современный JavaScript-фреймворк, применяемый для создания пользовательских интерфейсов в веб-приложениях.

6 ч 47 мин
Русский
Посмотреть
+21
Удален по просьбе правообладателя
Изображение курса Reusable компоненты
Michael Thiessen logo Michael Thiessen
21.09.2021
Vue

Reusable компоненты

Reusable Components

Овладейте искусством написания многоразового Vue - и максимально используйте свои компоненты. Reusable компоненты - это то, как сделать ваши компоненты более гибкими и повторно используемыми, сэкономив ваше время и усилия и помогая вам делать больше с меньшим количеством кода.

4 ч 10 мин
Английский
Посмотреть
+26

Ресурс видеоуроков программирования для front и back end разработчиков. Бери знания своего профиля у нас, ведь мы самые лучшие блеать. Серьезно.

Категории
Все категории JavaScript React.js Python Java Golang (Google Go) Другое TypeScript Подготовка к собеседованию Другое (Frontend) Другое (ИИ)
Источники
Все источники Academind Pro Alex Chiou Aurimas Griciūnas balun.courses frontendmasters Santiago Valdarrama udemy zerotomastery.io Дмитрий Холстинин
Telegram CourseTrain Цена Контакты Распространенные вопросы Плейлисты Приватность Условия
Темы:
Язык: