VueSchool – The Vue.js Master Class

VueSchool – The Vue.js Master ClassIn our Master Class you’ll learn Vue.js by building a real-world application. Together we’ll create a complete forum from scratch using exciting technologies that synergize with Vue.About the The Vue.js Master Class courseThis course is our signature course. It is probably the most thorough Vue.js course available online.The Vue.js Master Class is so comprehensive that we cannot cover everything on this page. Thus we’ve created a separate page where you can learn more about it.In our Master Class you’ll learn Vue.js by building a real-world application. Together we’ll create a complete forum from scratch using exciting technologies that synergize with Vue.The goal of the Master Class is to teach you Vue.js along with Best Practices, Modern Javascript, and other exciting technologies, by building a Real World application – a forum.We cover the fundamentals, like:Vue cli, router and State management with VuexModern Javascript (ES6/7/8)User permissions & protected routesThird party authenticationFirebase Realtime Database & Cloud functionsAutomatic code review with ESLintDeploymentApplication architecture and best practicesWe also dive into harder topics, like:Higher Order FunctionsCreating Vue PluginsCode SplittingSupport for older BrowsersWebpack configurationSEO and pre-renderingReactive programming with RxJSBy completing the Vue.js Master Class, you will be able to land any Vue related job or optimize/improve your own projects!Please note: This course is in the making. New lessons and modules (sub-courses) are added frequently.What you will learn in the The Vue.js Master Class courseVue-CLI, Vue Router and State Management with VuexModern JavaScript (ES6/7/8)User Permissions and Protected RoutesThird Party AuthenticationFirebase Realtime Database & Cloud FunctionsApplication Architecture and Best PracticesCode splittingWebpack ConfigurationSEO and Pre-rendering1Getting Started5 lessons • 19 minWhat do I need?1:44Get started with the mighty Vue CLI3:11Scaffold your project with Vue CLI3:55Explore the Webpack template3:34Automatic Code Review, Linting with ESLint7:052Application Structure3 lessons • 20 minStructuring our data6:25Import data source and show the conversations3:57Vue.js with a Theme and Scoped CSS Styling9:533Routing6 lessons • 31 minIntroducing the vue-router6:42Components, Props and Computed Properties11:31Router Links2:32Organizing the Components4:12Handling not found pages2:28CSS Modules with Webpack4:304Organizing the Application6 lessons • 36 minTidy up a messy component5:55Arrow Functions2:11Let the discussion begin!10:48Communicate between components6:03Destructuring JavaScript Arrays and Objects5:34Human Friendly Dates5:535Forum Logic5 lessons • 28 minBase Components4:25Global Base Components5:54Organize threads in forums5:43Forum Components5:11Categories, Collections of Forums7:286Vuex State Management10 lessons • 40 minMigrating to Vuex5:27Creating Posts using Vuex5:37The NavBar2:39Grabbing the Authenticated User2:14User Profile Page5:24Utility to Count Object Properties3:31JavaScript: By Reference vs By Value3:22Update a User Profile6:43Shared Page Components3:00Use authId when Creating Posts2:257Forum Threads8 lessons • 27 minCreate New Threads2:22Actions and Mutations7:37Add the Route2:29Redirect on Publish2:10Use Route Params1:35ThreadEditor2:32Edit Threads5:08Improve the ThreadEditor3:388Forum Posts5 lessons • 16 minEditing Posts7:30Conditionally display multiple elements with an invisible wrapper1:33Post Editor Buttons1:12Vue.js Custom Prop ValidationFREE3:08Has the post been modified?3:129Higher Order Functions5 lessons • 20 minWhat is a Higher Order Function?FREE4:33Creating Dynamic Vuex Getters using Higher Order Functions5:17Create Vuex Mutations with Higher Order Functions4:56Filter Array Elements to Count Unique Contributors4:50Small Improvements Before the Firebase Chapter1:1810Firebase Real-Time Database17 lessons • 57 minInstall Firebase Realtime Database2:48Set up the Firebase Realtime Database1:12Understanding the Vue.js Lifecycle HooksFREE4:22Start Migrate Vuex to use Firebase Realtime Database7:06Fetch Data from Firebase With Vuex Actions3:40Reusable Vuex Actions and Mutations3:51Vuex Actions that Fetches Multiple Items from Firebase3:19Fetch Firebase Data Before Creating Component Instance3:48Fetch Data for All Pages5:12Clean up Components by Mapping our Vuex Actions3:29Split Vuex Store into Multiple Files2:40Fetch Data Before Creating the Vue Instance2:13Store New Posts in Firebase with Vuex3:58Store New Threads in Firebase with Vuex4:31Counting Thread Contributors1:49Updating posts in Firebase Realtime Database1:41Update threads in Firebase Realtime Database1:5211Loading Indicators when Fetching Async Data5 lessons • 17 minHide Content Until Data is Fully Loaded2:01Share Logic Between Components with Mixins5:26Display a Loading Indicator while Components Fetch Async Data6:10Show a Cool Loading Spinner While Components Fetch Data1:22Show a Progress Bar while Components Fetch Asynchronous Data2:3512Workflow Improvements4 lessons • 13 minThe Firebase Tools (CLI)2:54Create Custom NPM script To Seed Database2:25Using Environment Variables in the Vue.js Webpack Template3:28Using .env file in the Vue.js Webpack Template4:4213User Authentication7 lessons • 27 minCreate the Registration Form2:20Store new Users in the Database3:08Implement Firebase Authentication4:17Sign Users in When they Register3:20Sign Users In and Out5:17Dropdown Menus using Class Bindings3:31Authenticate Users via 3rd Party Providers5:4014Vue Router Middlewares and Navigation Guards9 lessons • 34 minIn Component Navigation GuardsFREE7:04Componentless Routes with Navigation GuardsFREE2:54Global Navigation Guards and Meta FieldsFREE4:58Firebase Authentication and Navigation Guards5:43Protecting Pages from Authenticated Users2:17Redirect Users After Logging In to the Page they Tried to Visit2:48Only Allow Authenticated Users to Create and Edit Posts1:30Profile Page of Authenticated User2:17Force Vue Router to Destroy Component to Trigger Lifecycle Hooks5:1415Modularise Vuex Store2 lessons • 21 minSplit a Large Vuex Store Into Namespaced Modules13:24Split a Large Vuex Store Into Namespaced Modules Part 28:1716Form Validation5 lessons • 13 minInstall Vuelidate and Validate the Registration Form4:18Validate Unique Fields Asynchronously with Firebase3:48Validate that an Input is An Image URL that Exists2:45Extract Custom Vuelidate Validators to a Utility1:52Homework: Validate All Forms1:0217Custom Vue.js Directives3 lessons • 5 minClose Dropdown on Click Outside1:27Mobile Navbar2:13Close Mobile Navbar on Scroll2:11There are no reviews yet.Add a Review Cancel replyYou must be logged in to post a review.