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
Войти
Используй промокод SUMMERUP - экономь на горячем, трать на холодное! 🍧 🍸 🍋 🍉 🍹
Главная страница Категория vue [Книга] Vue.js Компоненты: Паттерны

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

Vue.js Component Patterns Course

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

Цель этого курса - научить вас основам создания компонентов 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
Посмотреть больше

Автор - Frederik Dietz

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

Frederik Dietz

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

Автор
Посмотреть
Категории
Vue logo

Vue

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

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

Изображение курса Продвинутый контроль компонентов Vue.js
egghead logo egghead
14 янв. 2018 г., 22:45
Vue

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

Advanced Fine-Grained Control of Vue.js Components

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

0 ч 33 мин
Английский
Посмотреть
+33
Изображение курса Продвинутое проектирование компонентов Vue
adamwathan logo adamwathan
12 июн. 2018 г., 17:57
Vue

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

Advanced Vue Component Design

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

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

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

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

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

Reusable компоненты

Reusable Components

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

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

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

Категории
Все категории JavaScript React.js Python Java Golang (Google Go) Другое TypeScript Next.js C Sharp (C#) Подготовка к собеседованию
Источники
Все источники Anjana Vakil balun.courses codewithmosh (Mosh Hamedani) frontendmasters Nikandr Surkov udemy zerotomastery.io Кирилл Ветчинкин (microarch) Олег Козырев
Telegram CourseTrain Цена Контакты Распространенные вопросы Плейлисты Приватность Условия
Темы:
Язык: