Обучающие видео » Компьютерные видеоуроки и обучающие интерактивные DVD » Программирование (видеоуроки)
Advanced Vue Component DesignГод выпуска: 2019
Производитель:
https://adamwathan.me/Сайт производителя:
https://adamwathan.me/Автор: Adam Wathan
Продолжительность: 4 часа
Тип раздаваемого материала: Видеоурок
Язык: Английский
Описание: The full course clocks in at 34 lessons totaling 4 hours of content.
It covers topics like:
Building custom controlled components
Strategies for keeping logic encapsulated and making components more portable
Using composition to extend components instead of mixins or inheritance
How and why to use render functions, even if you aren’t using JSX
Using data provider components to reuse non-UI logic
Creating renderless components that are completely customizable
Designing compound components using Vue’s provide and inject features
Real-world case studies on building robust sortable list and search select components
Every lesson is as short as possible but no shorter, so you’ll learn everything you need to know in just the right amount of time at just the right pace.
The whole course is neatly organized by topic too, so it’s super easy to go back and find the exact lesson you’re looking for when you’re trying to apply these ideas on the job.
[spoiler="Содержание"]
Building Controlled Components
Customizing Controlled Component Bindings
Wrapping External Libraries
Encapsulating Behavior: Global Events
Encapsulating Behavior: Direct DOM Manipulation
Encapsulating Behavior: Portals
Encapsulating Behavior: Reusing Portals
Injecting Content Using Slots
Native-Style Buttons Using Slots and Class Merging
Extending Components Using Composition
Passing Data Up Using Scoped Slots
Render Functions 101
Render Functions and Components
Render Functions and Children
Render Functions and Slots
Data Provider Components
Getting Started with Renderless Components
Passing Data Props
Passing Action Props
Passing Binding Props
Using Functions as Binding Props
Implementing Alternate Layouts with Renderless Components
Configuring Renderless Components
Wrapping Renderless Components
PRO
Building an Element Query Component
PRO
Compound Components and Provide/Inject
PRO
Building a Compound Sortable List Component
PRO
Building a Search Select: Data Bindings
PRO
Building a Search Select: Filtering
PRO
Building a Search Select: Focus Management
PRO
Building a Search Select: Making It Controlled
PRO
Building a Search Select: Keyboard Navigation
PRO
Building a Search Select: Click Outside Component
PRO
Building a Search Select: Integrating Popper.js
[/spoiler]
Файлы примеров: отсутствуют
Видео:
[spoiler="VideoInfo"]
Код: Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile :
[email protected]Format settings : CABAC / 5 Ref Frames
Format settings, CABAC : Yes
Format settings, Reference frames : 5 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 10 min 22 s
Bit rate : 520 kb/s
Width : 1 920 pixels
Height : 1 080 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 60.000 FPS
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.004
Stream size : 38.6 MiB (68%)
Writing library : x264 core 155 r10 7d0ff22
Encoding settings : cabac=1 / ref=5 / deblock=1:0:0 / analyse=0x3:0x113 / me=hex / subme=8 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=2 / 8x8dct=1 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=34 / lookahead_threads=5 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / stitchable=1 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=2 / b_bias=0 / direct=3 / weightb=1 / open_gop=0 / weightp=2 / keyint=infinite / keyint_min=60 / scenecut=40 / intra_refresh=0 / rc_lookahead=50 / rc=crf / mbtree=1 / crf=20.0 / qcomp=0.60 / qpmin=5 / qpmax=69 / qpstep=4 / vbv_maxrate=5500 / vbv_bufsize=15000 / crf_max=0.0 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00
Encoded date : UTC 2018-04-18 15:46:46
Tagged date : UTC 2018-04-18 15:46:46
Color range : Limited
Color primaries : BT.709
Transfer characteristics : BT.709
Matrix coefficients : BT.709
Codec configuration box : avcC
[/spoiler]
Аудио:
[spoiler="AudioInfo"]
Код: ID : 2
Format : AAC LC
Format/Info : Advanced Audio Codec Low Complexity
Codec ID : mp4a-40-2
Duration : 10 min 22 s
Bit rate mode : Variable
Bit rate : 235 kb/s
Channel(s) : 2 channels
Channel layout : L R
Sampling rate : 48.0 kHz
Frame rate : 46.875 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 17.4 MiB (31%)
Encoded date : UTC 2018-04-18 15:46:46
Tagged date : UTC 2018-04-18 15:46:46
[/spoiler]
[spoiler="Скриншоты"]


[/spoiler]