Free Udemy Courses
Trending

Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex)

PUBLISHER :- Lachlan Miller

LANGUAGE :- English

PRIZE :- 30.43$ 0$

Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex)

WHO CAN ACCESS THIS COURSE :-

  • Beginner/intermediate web developers
  • Developers looking to try out new Vue JS 3 features

WHAT ARE YOUR REQUIREMENTS FOR THIS COURSE ?

  • A thirst for knowledge
  • Basic web technologies (HTML/CSS/JS)
  • Basic terminal proficiency (make files and directories)

WHAT YOU ARE GOING TO LEARN FROM THIS COURSE ?

  • Vue JS 3 without any type of planning
  • Structure and Decisions Programming interface
  • Vuex
  • Vue Switch
  • Making reusable portions
  • Designs Examples
  • Front-end Steering

DESCRIPTION

Another Vue.js 3 is a course from zero to hero course – kind of. This course is specially for developers who want to move fast. We are covering all the traditional way of building Vue apps – the Options API – as well as the new Composition API, and even you can see how you can mix and match them together.

There are 8 modulesa and 4 introduce fundamental skills (Options API; Composition API; Vuex and Vue Router). Every other module was a project, so you can see how to apply all the fundamental skills in the real apps. I am a big believer of the learning by doing.

After covering Vue; we are looking upon at Vuex, Vue’s state management solution, and Vue Router, for front-end routing. The course culminates with an capstone project, using the Vue trunity (Vue, Vuex, Vue Router) to build an application.

COURSE CONTENT

  • 8 sections • 84 lectures • 5h 8m total length

Course Introduction14 lectures • 50min

  • IntroductionPreview04:07
  • Your first Vue.js AppPreview04:28
  • Adding a Template PropertyPreview01:32
  • User Interactions with MethodsPreview03:40
  • Control Flow with v-if and v-elsePreview02:33
  • Loops with v-forPreview02:07
  • Computed PropertiesPreview03:38
  • Class BindingsPreview03:21
  • Input ValidationPreview05:29
  • The Amazing v-model03:37
  • Your First Component02:24
  • Component Props07:28
  • Child-Parent Communication with Events05:39
  • Source Code for Upcoming Projects00:11

Project 1: User Sign-up Form with Validation9 lectures • 37min

  • Project #1: User Sign-up Form w/ ValidationPreview00:49
  • Single File Components03:02
  • A Custom Button Component06:19
  • Class Bindings Part 202:48
  • Custom Input Foundations05:23
  • Dynamic Validation05:50
  • Rethinking the Form State05:21
  • Validating the Form04:34
  • Submitting the Form and Finishing Up03:01

Project #2: Pokemon Evolutions10 lectures • 47min

  • Project #2: Pokemon EvolutionsPreview01:30
  • Creating the Card Foundations02:08
  • Loading Remote Data with Fetch05:10
  • Fetching Multiple Data Sources04:39
  • Lifecycle Hooks03:02
  • Rendering Content03:50
  • Modular Components with Slots08:04
  • Reusing Code to Fetch Evolutions06:33
  • Better Styles with Class Bindings03:55
  • Better Styles with Class Bindings07:51

Composition Fundamentals9 lectures • 27min

  • Composition Fundamentals IntroductionPreview01:04
  • Hello, Composition API!02:37
  • Reactivity with ref05:09
  • Reactive for Complex Values03:07
  • Composing Computed Properties02:52
  • Watch and Watch Effect02:23
  • Before and After with watch04:26
  • Lifecycle hooks and Mixing the Options and Composition API01:53
  • The useNumbers Composable03:05

Project #3: Composing a Microblog10 lectures • 37min

  • Projet #3: Microblog (with the Composition API)Preview01:02
  • Creating the Microblog Store02:45
  • Render Posts with the Card Component04:16
  • The Hashtag Component04:10
  • Emitting Events with the Composition API06:12
  • Filtering Posts with Computed04:18
  • Refactoring with the Posts Store03:31
  • Liking a Post04:48
  • Searching for Hashtags03:03
  • Mind Blowing Fefactor and Exercises02:31

Vue Router Fundamentals8 lectures • 27min

  • Vue Router FundamentalsPreview01:00
  • Hello Vue Router05:31
  • The Router Link component03:53
  • Children and Nested Routes03:13
  • Route Params with the Composition API05:48
  • Route Params with the Options API02:37
  • Watching route params for changes02:44
  • Router Guards02:28

Vuex Fundamentals9 lectures • 35min

  • Introduction to VuexPreview01:59
  • Create a Vuex Store and State04:09
  • Updating State with Mutations04:12
  • More on Mutations05:21
  • Dispatching Actions03:04
  • Mocking the Server and Fetching Posts03:36
  • Displaying a Post via Vuex05:49
  • Vuex Modules03:49
  • Vuex with the Composition API03:25

Project #4: Capstone Project15 lectures • 48min

  • Introduction to the Capstone ProjectPreview00:28
  • Getting Started on the Capstore Project01:19
  • Setting up Vuex02:49
  • Scalable Layouts with Slots02:52
  • Styling and Separating UI and Business Components03:39
  • Fetching Albums with Fetch03:06
  • Fetching Data with Vuex Actions03:03
  • Creating the Album Component04:13
  • Fetching Photos04:59
  • Adding Routing03:10
  • Improved Routing03:41
  • Using router-link02:20
  • Watching for Route Changes04:40
  • Caching Results for a Faster App04:52
  • Parting Words and Recommendations03:16

HOW TO MAKE MONEY ONLINE & TIPS AND TRICKS

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Check Also
Close
Back to top button

Adblock Detected

Please consider supporting us by disabling your ad blocker