[vueschool.io] The Vue.js Master Class/Мастер-класс Vue.js [ENG]

The Vue.js Master Class/Мастер-класс Vue.js​

Об этом курсе
В нашем Мастер-классе вы узнаете Vue.js, создав приложение реального мира. Вместе мы создадим полный форум с нуля, используя захватывающие технологии, которые будут взаимодействовать с Vue.

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

Каждый урок написан по сценарию и тщательно пересматривается, а это значит, что видеоролики находятся на месте и шагают вправо!

Форма выдачи материала
Видео на английском языке.

Мастер-класс Vue.js все еще находится в производстве, и цена возрастает по мере увеличения количества уроков. Мы ожидаем 150 - 200 уроков и более 10 часов профессионально обрезанного контента. Получите курс сегодня и сохраните кучу в нашем Раннем доступе.

Спойлер: Какие уже есть уроки

Getting Started

• What do I need?1:44
• Get started with the mighty Vue CLI 3:11
• Scaffold your project with Vue CLI 3:55
• Explore the Webpack template 3:34
• Automatic Code Review, Linting with ESLint 7:05

Application Structure

• Structuring our data 6:25
• Import data source and show the conversations 3:57
• Vue.js with a Theme and Scoped CSS Styling 9:53

Routing

• Introducing the vue-router 6:42
• Components, Props and Computed Properties 11:31
• Router Links 2:32
• Organizing the Components 4:12
• Handling not found pages 2:28
• CSS Modules with Webpack 4:30

Organizing the Application

• Tidy up a messy component 5:55
• Arrow Functions 2:11
• Let the discussion begin! 10:48
• Communicate between components 6:03
• Destructuring JavaScript Arrays and Objects 5:34
• Human Friendly Dates 5:53

Forum Logic

• Base Components 4:25
• Global Base Components 5:54
• Organize threads in forums 5:43
• Forum Components 5:11
• Categories, Collections of Forums 7:28

Vuex State Management

• Migrating to Vuex 5:27
• Creating Posts using Vuex 5:37
• The NavBar 2:39
• Grabbing the Authenticated User 2:14
• User Profile Page 5:24
• Utility to Count Object Properties 3:31
• JavaScript: By Reference vs By Value 3:22
• Update a User Profile 6:43
• Shared Page Components 3:00
• Use authId when Creating Posts 2:25

Forum Threads

• Create New Threads 2:22
• Actions and Mutations 7:37
• Add the Route 2:29
• Redirect on Publish 2:10
• Use Route Params 1:35
• ThreadEditor 2:32
• Edit Threads 5:08
• Improve the ThreadEditor 3:38

Forum Posts

• Editing Posts 7:30
• Conditionally display multiple elements with an invisible wrapper 1:33
• Post Editor Buttons 1:12
• Vue.js Custom Prop Validation 3:08
• Has the post been modified? 3:12

Higher Order Functions

• What is a Higher Order Function? 4:33
• Creating Dynamic Vuex Getters using Higher Order Functions 5:17
• Create Vuex Mutations with Higher Order Functions 4:56
• Filter Array Elements to Count Unique Contributors 4:50
• Small Improvements Before the Firebase Chapter 1:18

Firebase Real-Time Database

• Install Firebase Realtime Database 2:48
• Set up the Firebase Realtime Database 1:12
• Understanding the Vue.js Lifecycle Hooks 4:22
• Start Migrate Vuex to use Firebase Realtime Database 7:06
• Fetch Data from Firebase With Vuex Actions 3:40
• Reusable Vuex Actions and Mutations 3:51
• Vuex Actions that Fetches Multiple Items from Firebase 3:19
• Fetch Firebase Data Before Creating Component Instance 3:48
• Fetch Data for All Pages 5:12
• Clean up Components by Mapping our Vuex Actions 3:29
• Split Vuex Store into Multiple Files 2:40
• Fetch Data Before Creating the Vue Instance 2:13
• Store New Posts in Firebase with Vuex 3:58
• Store New Threads in Firebase with Vuex 4:31
• Counting Thread Contributors 1:49
• Updating posts in Firebase Realtime Database 1:41
• Update threads in Firebase Realtime Database 1:52

Loading Indicators when Fetching Async Data

• Hide Content Until Data is Fully Loaded 2:01
• Share Logic Between Components with Mixins 5:26
• Display a Loading Indicator while Components Fetch Async Data 6:10
• Show a Cool Loading Spinner While Components Fetch Data 1:22
• Show a Progress Bar while Components Fetch Asynchronous Data 2:35

Workflow Improvements

• The Firebase Tools (CLI) 2:54
• Create Custom NPM script To Seed Database 2:25
• Using Environment Variables in the Vue.js Webpack Template 3:28
• Using .env file in the Vue.js Webpack Template 4:42

User Authentication

• Create the Registration Form 2:23
• Store new Users in the Database 3:08
• Implement Firebase Authentication 4:17
• Sign Users in When they Register 3:20
• Sign Users In and Out 5:17
• Dropdown Menus using Class Bindings 3:31
• Authenticate Users via 3rd Party Providers 5:40

Vue Router Middlewares and Navigation Guards

• In Component Navigation Guards 7:04
• Componentless Routes with Navigation Guards 2:54
• Global Navigation Guards and Meta Fields 4:58
• Firebase Authentication and Navigation Guards 5:43
• Protecting Pages from Authenticated Users 2:17
• Redirect Users After Logging In to the Page they Tried to Visit 2:48
• Only Allow Authenticated Users to Create and Edit Posts 1:30
• Profile Page of Authenticated User 2:17
• Force Vue Router to Destroy Component to Trigger Lifecycle Hooks 5:14

Modularise Vuex Store

• Split a Large Vuex Store Into Namespaced Modules 13:24
• Split a Large Vuex Store Into Namespaced Modules Part 2 8:17