udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Курс по Vue JS 2 для разработчиков
The Ultimate Vue JS 2 Developers Course
★5 (всего оценок - 22)
Продолжительность
12 ч 54 мин
Категория
VueКоличество уроков
176 Видео
Дата добавления
28 июл. 2017 г., 02:22
Язык
Английский
Дата обновления
14 нояб. 2017 г., 19:08
Настройте рабочую среду VueJS используя такие средства разработки как Webpack. Создайте универсальное приложение с рендерингом на стороне сервера.Используйте популярные плагины из экосистемы Vue, как vue-router и vue-resource.Vue.js 2 - один из самых горячих Javascript-фреймворков прямо сейчас, и спрос на разработчиков на Vue быстро растет среди работодателей.Я проведу вас через процесс создания трех приложений Vue.js в реальном мире, которые вместе продемонстрируют все возможности и возможности Vue от самых основ до последых новинок:
- 1. Простой, но мощный пользовательский интерфейс для электронной коммерции в комплекте с продуктами и корзиной покупок, которые будут использовать большинство основных функций Vue.
- 2. Многостраничное приложение для просмотра видеороликов, в котором представлены профессиональные функции компонентов Vue, Vue Router и сборки Webpack, что позволяет создавать сложные и более крупные приложения.
- 3. Клон Google Calendar. В этом проекте используются самые современные функции, такие как рендеринг на стороне сервера и библиотека управления состоянием Vuex.
Посмотреть больше
- Урок 1.00:21:11Course introduction
- Урок 2.00:04:14Demo of the finished product
- Урок 3.00:03:01Register for the Imgur API
- Урок 4.00:01:02Reviewing the Vue.js Poster Store Github repo
- Урок 5.00:02:13Clone repo install dependencies and setup environment file
- Урок 6.00:01:53Running server and viewing project
- Урок 7.00:05:48Include Vue in project
- Урок 8.00:03:07Creat an instance of Vue
- Урок 9.00:02:39Adding a data property
- Урок 10.00:03:32Vue essentials - Directives
- Урок 11.00:02:57Adding a method
- Урок 12.00:05:13Rendering a list of items
- Урок 13.00:03:42Add classes to item
- Урок 14.00:01:49First a request
- Урок 15.00:01:26Creating the cart
- Урок 16.00:03:56Vue essentials - Reactivity
- Урок 17.00:01:52Iterate cart items in template
- Урок 18.00:04:37Enhancing cart in the template
- Урок 19.00:01:04Hide cart if empty
- Урок 20.00:04:13Adding quantity to cart items
- Урок 21.00:05:13Cart items quantity logic
- Урок 22.00:05:38Adding price to cart items
- Урок 23.00:02:58Vue essentials - Filters
- Урок 24.00:02:31Formatting price
- Урок 25.00:04:44Adding quantity buttons to template
- Урок 26.00:03:48Quantity buttons logic
- Урок 27.00:04:53Adding classes and breaking loop in add Items
- Урок 28.00:02:07Search button
- Урок 29.00:06:09Search input
- Урок 30.00:02:49Overview of vue-resource
- Урок 31.00:03:10Overview of API
- Урок 32.00:03:36Adding vue-resource to project
- Урок 33.00:02:21AJAX call for products
- Урок 34.00:04:54Replacing dummy items with the real thing
- Урок 35.00:03:35Product image
- Урок 36.00:06:10Adding search result count to product list
- Урок 37.00:06:19Loading message
- Урок 38.00:05:57Vue essentials - Lifecycle hooks
- Урок 39.00:02:41Default search on page load
- Урок 40.00:03:49Adding price to products
- Урок 41.00:02:18Vue essentials - Transitions
- Урок 42.00:04:19Fading in cart total
- Урок 43.00:06:40Vue essentials - Key
- Урок 44.00:04:05Vue essentials - List transitions
- Урок 45.00:03:29Fade in cart items
- Урок 46.00:04:01How scroll load works?
- Урок 47.00:06:32Creating the results array
- Урок 48.00:03:22Including scroll monitor in the project
- Урок 49.00:04:41Scroll monitor basic setup
- Урок 50.00:03:38Implementing scroll load part 1
- Урок 51.00:04:35Implementing scroll load part 2
- Урок 52.00:06:22Fixing search results
- Урок 53.00:01:38Adding a no more items message
- Урок 54.00:02:59Vue essentials - Computed properties
- Урок 55.00:02:24Enhancing no more items logic
- Урок 56.00:04:05Hiding elements before Vue compiles them
- Урок 57.00:03:51Requiring a search string
- Урок 58.00:01:50Demo of the finished product
- Урок 59.00:03:44Getting data from the OMDB API
- Урок 60.00:01:27Clone repo NPM install setup environment
- Урок 61.00:05:03Running local server
- Урок 62.00:02:06Tour of the project files
- Урок 63.00:06:18Webpack configuration
- Урок 64.00:09:21Hello World
- Урок 65.00:03:29Vue essentials - Components
- Урок 66.00:03:04Configuring components
- Урок 67.00:05:18Setup the movie-list component
- Урок 68.00:06:17Setup the check-filter component
- Урок 69.00:05:37Vue essentials - Props
- Урок 70.00:03:48Add props to check-filter component
- Урок 71.00:03:45Making check-filter toggleable
- Урок 72.00:03:16Vue essentials - Custom events
- Урок 73.00:02:36Emitting a custom event from check-filter
- Урок 74.00:04:37Vue essentials - Vue.js devtools
- Урок 75.00:02:00Adding a payload to check-filter event
- Урок 76.00:05:37Processing check-filter event in root instance
- Урок 77.00:03:41Add filter arrays to movie-list
- Урок 78.00:03:09Creating logic for genre filter
- Урок 79.00:05:39Vue essentials - Single file components
- Урок 80.00:03:52Refactor project to use single file components
- Урок 81.00:09:23Understanding the API
- Урок 82.00:04:37Getting data from the API
- Урок 83.00:03:53Replace dummy data with API data
- Урок 84.00:02:20Creating movie-item component
- Урок 85.00:03:28Fleshing out movie-item template
- Урок 86.00:03:15Enhance genre filter for multi-genre movies
- Урок 87.00:05:21Adding no results and loading messages
- Урок 88.00:05:03Adding moment library to project
- Урок 89.00:07:35Displaying session times
- Урок 90.00:05:39Filtering session times
- Урок 91.00:06:43Adding time filters
- Урок 92.00:05:01Filter movies based on time filter
- Урок 93.00:09:45Filter sessions based on time filter
- Урок 94.00:04:39Enhance the no results message with filters
- Урок 95.00:04:09Vue essentials - Event bus
- Урок 96.00:03:02Using a global event bus in the project
- Урок 97.00:08:51Vue essentials - Vue router
- Урок 98.00:04:14Abstract main page into overview component
- Урок 99.00:04:40Setting up Vue router
- Урок 100.00:04:11Adding router-view to main template
- Урок 101.00:03:28Creating detail page
- Урок 102.00:04:59Passing movie ID to detail page
- Урок 103.00:04:04Displaying movie-item in detail page
- Урок 104.00:06:34Vue essentials - Slots
- Урок 105.00:02:21Incorporating slots in movie-item
- Урок 106.00:04:40Fleshing out detail page
- Урок 107.00:04:42Creating day-select component
- Урок 108.00:02:29Addings days to day-select
- Урок 109.00:06:08Day selection logic
- Урок 110.00:02:49Application-level day property
- Урок 111.00:04:59Mobile day selector
- Урок 112.00:06:23Vue essentials - Custom directives
- Урок 113.00:03:12Adding tooltip custom directive
- Урок 114.00:03:43Creating tooltip in DOM
- Урок 115.00:02:54Adding classes and event listeners to tooltip
- Урок 116.00:12:30Vue essentials - Plugins
- Урок 117.00:01:25Making tooltip a custom plugin
- Урок 118.00:03:40Adding keep-alive to router to maintain filter state
- Урок 119.00:02:26How v-cloak works alongside Webpack?
- Урок 120.00:02:49Building for production
- Урок 121.00:01:57Demo of the finished product
- Урок 122.00:04:07Clone repo NPM install setup environment
- Урок 123.00:02:37Tour of the files
- Урок 124.00:04:42Webpack configuration and extract text demo
- Урок 125.00:10:36Setup the app component
- Урок 126.00:02:57Add moment to root set timezone
- Урок 127.00:04:16Generate list of days in current month
- Урок 128.00:08:11Padding days to start end of month for complete weeks
- Урок 129.00:10:46Grouping days into blocks of weeks
- Урок 130.00:04:38Vue essentials - Shorthands
- Урок 131.00:04:46Adding calendar-day component
- Урок 132.00:01:31Adding days of week above calendar grid
- Урок 133.00:02:57Highlighting current day on calendar
- Урок 134.00:03:07UI effects for past and days outside of month
- Урок 135.00:04:39Vue essentials - Vuex
- Урок 136.00:01:15Add Vuex store to project and create basic state properties
- Урок 137.00:04:37Adding header and creating current-month component
- Урок 138.00:02:36Displaying date in current-month component
- Урок 139.00:01:40Adding buttons to current-month component
- Урок 140.00:02:33Moving Vuex into own file
- Урок 141.00:03:17Changing month and year with Vuex mutation
- Урок 142.00:03:32Enhancing current-month logic
- Урок 143.00:02:19Vue.js Dev Tools - Vuex
- Урок 144.00:01:49Creating event-form component
- Урок 145.00:04:50Capture click in calendar-day
- Урок 146.00:04:36Positioning Event Form
- Урок 147.00:02:35Opening and closing Event Form
- Урок 148.00:06:03Displaying events in calendar-day
- Урок 149.00:05:59Creating events state in store
- Урок 150.00:01:55Adding input to event-form
- Урок 151.00:01:59Submit new event to store
- Урок 152.00:04:04Get event date in store
- Урок 153.00:03:51Improving form
- Урок 154.00:03:07Focus directive Enter keyup is create
- Урок 155.00:04:21Displaying date on Event Form
- Урок 156.00:04:15Highlight Event Form active day
- Урок 157.00:03:40Setup for sending events to server
- Урок 158.00:05:21Receiving event on server
- Урок 159.00:02:57Vue essentials - Vuex actions
- Урок 160.00:04:02Creating addEvent action in store
- Урок 161.00:05:56Returning a promise from addEvent action
- Урок 162.00:06:59Replace Vuex state in main file
- Урок 163.00:05:08Move mock data to HTML template
- Урок 164.00:05:19Splicing mock data into HTML file
- Урок 165.00:08:07Vue essentials - Render functions
- Урок 166.00:04:19Creating root instance template with a render function
- Урок 167.00:06:37Introduction to server-side rendering
- Урок 168.00:09:48Server-side rendering webpack flow
- Урок 169.00:05:43Creating common entry file
- Урок 170.00:06:58Creating server entry file
- Урок 171.00:06:47Setting up bundle renderer
- Урок 172.00:06:09Splicing rendered bundle into HTML template
- Урок 173.00:04:43Vuex state hydration
- Урок 174.00:03:51Adding image to header and reloading page on initial render
- Урок 175.00:05:46Building for production
- Урок 176.00:03:57Wrap up
Автор - udemy
Комментарии