The Vue 3 Bootcamp – The Complete Developer Guide
The Vue 3 Bootcamp – The Complete Developer Guide, available at $64.99, has an average rating of 4.55, with 156 lectures, based on 747 reviews, and has 3479 subscribers.
You will learn about Best practices for building a Vue 3 frontend application Utilizing the Composition API within a Vue3 project Identifying when to use a state management solution Handling user authentication This course is ideal for individuals who are Beginner Web Developers that want to dive in to Vue3 It is particularly useful for Beginner Web Developers that want to dive in to Vue3.
Enroll now: The Vue 3 Bootcamp – The Complete Developer Guide
Summary
Title: The Vue 3 Bootcamp – The Complete Developer Guide
Price: $64.99
Average Rating: 4.55
Number of Lectures: 156
Number of Published Lectures: 155
Number of Curriculum Items: 156
Number of Published Curriculum Objects: 155
Original Price: $129.99
Quality Status: approved
Status: Live
What You Will Learn
- Best practices for building a Vue 3 frontend application
- Utilizing the Composition API within a Vue3 project
- Identifying when to use a state management solution
- Handling user authentication
Who Should Attend
- Beginner Web Developers that want to dive in to Vue3
Target Audiences
- Beginner Web Developers that want to dive in to Vue3
In this course we will take you from a Vue 3 novice to a job ready engineer. This course is loaded with practical projects and examples so that you can truly understand and utilize Vue 3 and the composition API in great depth.
We will be building five projects, each one getting more and more complex. We will end this course by building an Instagram clone with features like file upload and user authentication. By the end of this course, you should have multiple practical example to show off your knowledge!
Here are a list of thing you will learn in this course:
-
The difference between pure Vanilla JS and Vue3
-
How to utilize the composition API – this course is 100% composition API, no options API
-
Utilizing all the important Vue directives for things like conditional rendering or rendering of a list
-
Fetching data from an external API and handling the success, loading and error states
-
Handling user authentication
-
Building a Postgres database to handle complex relations
-
Utilizing TypeScript for bug free code
-
All the important ways to handle state (pinia, composables, inject/eject, ref, reactive)
-
Animating and transitioning a UI application
-
Storing and retrieving images from a bucket
-
Scroll based pagination with the Observer Intersection API
I really hope you enjoy this course and learn a ton from it!
Course Curriculum
Chapter 1: Introduction
Lecture 1: Introduction
Lecture 2: A Little Bit of Setup
Chapter 2: An Introduction to Vue
Lecture 1: What is VueJS
Lecture 2: Building the HTML Template
Lecture 3: Styling Our App With CSS
Lecture 4: Making it Functional With JavaScript
Lecture 5: Creating a Vue App
Lecture 6: Rebuilding the App in Vue
Lecture 7: Vue vs Vanilla JS
Chapter 3: Diving Deeper in Vue
Lecture 1: Installing Needed Dependencies
Lecture 2: Spinning Up a Vue Development Server
Lecture 3: Some Important Terminologies
Lecture 4: Creating HTML With Vue Templates
Lecture 5: Styling Our App
Lecture 6: Accessing Variables Within Our HTML
Lecture 7: Adding Event Handlers
Lecture 8: Defining Our Variable as State
Lecture 9: Composition API vs Options API
Chapter 4: Vue Directives
Lecture 1: App Overview
Lecture 2: [OPTIONAL] Building the HTML and CSS
Lecture 3: Conditional Rendering With v-if
Lecture 4: Two Way Binding With v-model
Lecture 5: Event Handling By Creating a New Note
Lecture 6: Iteratively Rendering DOM Elements With v-for
Lecture 7: The Importances of a Key
Lecture 8: Adding Error Handling
Chapter 5: Components and Props
Lecture 1: App Overview
Lecture 2: [OPTIONAL] The HTML and CSS
Lecture 3: List Card Rendering
Lecture 4: Watching For State Changes
Lecture 5: Separating Our Code Into Components
Lecture 6: Passing Data to Components via Props
Chapter 6: Pages and Routing
Lecture 1: Introduction to Routing
Lecture 2: Creating a New App
Lecture 3: Creating Two View Components
Lecture 4: Adding Routing to Our App
Lecture 5: RouterLink to Navigate Within the App
Lecture 6: Styling the Active RouterLink
Lecture 7: Pages With Dynamic Paths
Lecture 8: Extracting the Path Params
Lecture 9: The Powers of Nested Routes
Lecture 10: Programmatically Adjust the Route
Lecture 11: Adding 404 Not Found Pages
Lecture 12: Redirect Routes
Lecture 13: Routing Our Quiz App
Chapter 7: Completing Our Quiz App
Lecture 1: Quiz Page HTML and CSS
Lecture 2: Separating Code Into Components
Lecture 3: Passing Props to the Question Component
Lecture 4: Listening to Changes With Watch
Lecture 5: Computing Values With State
Lecture 6: More Computing…
Lecture 7: Passing Data From the Child to the Parent
Lecture 8: Emitting an Event From the Child Component
Lecture 9: Completing the Quiz
Chapter 8: Animations For an Interactive and Fluid App
Lecture 1: Introduction to Vue Animations
Lecture 2: The Transition Component
Lecture 3: Animating When a Component Leaves
Lecture 4: Conditional Rendering Animations
Lecture 5: Building a Small App
Lecture 6: TransitionGroup to Animate Multiple Elements
Lecture 7: Animating the Other Cards Into Place
Lecture 8: Routing Animations
Lecture 9: Animating Upon Rendering
Lecture 10: Lifecycle Hook of the Transition
Lecture 11: Animation Styling With JavaScript
Chapter 9: API Requests to Fetch Data
Lecture 1: App Overview
Lecture 2: The Process of Fetching Data From an API
Lecture 3: Creating the App
Lecture 4: Where to Fetch the Data
Lecture 5: Making the HTTP Requests
Lecture 6: The Suspense Component
Lecture 7: Request Offsets and Limits
Lecture 8: Implementing Paginations
Lecture 9: Building the UI
Lecture 10: A Little Fix
Lecture 11: Component Lifecycle Hooks
Lecture 12: Fetching Data With onMounted
Lecture 13: Slots For Dynamic HTML
Lecture 14: More on Slots
Lecture 15: Adding a Better Loading State
Lecture 16: Creating the Header Component
Lecture 17: Maintaining State With KeepAlive
Chapter 10: State Managements in Vue
Lecture 1: Introduction to State Management
Lecture 2: Building a Small Project
Lecture 3: Declaring State With Reactive
Lecture 4: Ref vs Reactive
Lecture 5: A Lot of Nested Components
Lecture 6: Prop Drilling
Lecture 7: Provide/Inject
Lecture 8: Store Reusable Logic With Composables
Instructors
-
Laith Harb
Software Engineer
Rating Distribution
- 1 stars: 9 votes
- 2 stars: 12 votes
- 3 stars: 46 votes
- 4 stars: 209 votes
- 5 stars: 471 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Digital Marketing Foundation Course
- Google Shopping Ads Digital Marketing Course
- Multi Cloud Infrastructure for beginners
- Master Lead Generation: Grow Subscribers & Sales with Popups
- Complete Copywriting System : write to sell with ease
- Product Positioning Masterclass: Unlock Market Traction
- How to Promote Your Webinar and Get More Attendees?
- Digital Marketing Courses
- Create music with Artificial Intelligence in this new market
- Create CONVERTING UGC Content So Brands Will Pay You More
- Podcast: The top 8 ways to monetize by Podcasting
- TikTok Marketing Mastery: Learn to Grow & Go Viral
- Free Digital Marketing Basics Course in Hindi
- MailChimp Free Mailing Lists: MailChimp Email Marketing
- Automate Digital Marketing & Social Media with Generative AI
- Google Ads MasterClass – All Advanced Features
- Online Course Creator: Create & Sell Online Courses Today!
- Introduction to SEO – Basic Principles of SEO
- Affiliate Marketing For Beginners: Go From Novice To Pro
- Effective Website Planning Made Simple