This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Getting Started with Vue.js 2
Prologue
A Warm Welcome (0:34)
What is Vue.js? (4:53)
Setting up for development (7:55)
Anatomy of an app (8:03)
Hello Vue | First Steps (11:16)
Hello Vue | Form Input (9:02)
olleH euV | v-model and filters (8:23)
The Virtual DOM (7:03)
Reactive Data and State (12:09)
Discovering Templates
Introduction to Templates (5:13)
Using Strings (6:01)
Using String Literals (2:51)
Using Inline Templates (3:11)
Using X Templates (2:52)
Using Render Functions (10:50)
Using JSX (6:54)
Summary (1:41)
Rendering Lists and More
Colored Boxes (7:35)
A Simple Shopping Cart (14:05)
A List Widget (13:23)
Summary (3:32)
Data flow and components
One way data flow (10:31)
Two way data binding (10:27)
A Sales Request Form | Chapter One (10:34)
A Sales Request Form | Chapter Two (9:57)
A Sales Request Form | Chapter Three (5:13)
A Sales Request Form | Chapter Four (6:47)
Super Button (7:06)
Rating Meter Reloaded (2:39)
Lifecycle Methods and lots more...
A Notification Utility (11:01)
An Image Carousel (12:24)
An Image Carousel | Conclusion (6:08)
A Weather App | Introduction and First Steps (14:56)
A Weather App | Continued (8:13)
A Weather App | Conclusion (8:06)
Currency Converter (5:48)
Currency Converter | Conclusion (10:41)
Understanding Lifecycle Methods (6:24)
Summary (2:25)
Single File Components
Introduction to Single File Components (10:07)
Introduction to Module Bundlers (6:20)
Using Webpack - The Basics (3:45)
Using Webpack - Setup | Part 1 (13:22)
Using Webpack - Setup | Part 2 (8:29)
Using Webpack - Palindrome App | Code (11:41)
Getting back to Vue.js and Single File Components (3:09)
The Vue CLI and Getting Started with Eatsapp (10:20)
Understanding the template structure (14:06)
Downloading assets for this project (1:32)
The core app component (10:05)
Getting data from an API (11:33)
The data object (5:47)
The ListItem Shell (7:28)
The ListItemPhoto component (9:30)
The ListItemText component (7:47)
The RatingMeter component (9:14)
Listening to events (7:59)
The InfoCard component (11:20)
Building for production (2:23)
Deploying the app on Surge.sh (3:24)
Summary (2:33)
Building an Address Book using Firebase
Introduction to the project
Setting up a Vue app
Downloading Assets
Understanding routing in a single page app (6:38)
Implementing routing using vue-router (10:28)
The app shell (5:59)
The Home component (4:55)
The ContactListItem component (7:19)
The AddContact component (6:28)
The UserInput component - Input fields (10:21)
The UserInput component - Social IDs (3:54)
The UserInput component : Conditional styling (8:17)
The UserInput component : Props & events (3:25)
The AddContact component : v-model (7:52)
Basic Validation (5:26)
The AddContact component : Clearing out the form (3:02)
Setting up Firebase Realtime Database (9:18)
Update | The VueFire Function vs. Object error
Saving data to Firebase (9:32)
Offline notification (9:53)
Preloader and more (2:45)
The ContactDetail component : Route parameters (6:46)
The ContactDetail component : Template design (4:47)
The ContactDetail component : Displaying data (8:43)
The ContactDetail component : Watchers (6:36)
The UserResponse component : Using slots (5:19)
Deleting a contact (4:58)
Deploying on Firebase (5:34)
Summary (1:47)
Address Book - Adding Authentication
Introduction (1:27)
The AuthUI component (3:31)
Firebase Authentication (5:09)
Securing routes (7:27)
Login and Logout (6:44)
Getting the user's UID (3:27)
Revisiting the database structure (8:20)
Signup (4:24)
Reset Password (5:12)
Displaying errors and messages (8:46)
Deployment and Summary (3:36)
Epilogue
Thank you :) (0:40)
Basic Validation
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock