Getting Started with Vue JS 2 [Video]
-
Free ChapterPrologue
-
Discovering Templates
-
Rendering Lists and More
-
Data flow and components
-
Lifecycle Methods and lots more...
-
Introduction to Single File Components
- Introduction to Single File Components
- Introduction to Module Bundlers & Task Runners
- Using Webpack - The Basics
- Using Webpack - Setup | Part 1
- Using Webpack - Setup | Part 2
- Using Webpack - Palindrome App | Code
- Getting back to Vue.js and Single File Components
- The VUE-CLI and Getting Started with Eatsapp
- Understanding the template structure
- Downloading assets for this project
- The core app component
- Getting data from an API
- The Data Object
- The ListItem Shell
- The ListItemPhoto component
- The ListItemText component
- The RatingMeter component
- Listening to events
- The InfoCard component
- Building for production
- Deploying the app
- Summary
-
Building an Address Book using Firebase
- Introduction to the project
- Setting up a Vue App
- Downloading Assets
- Understanding routing in a single page app
- Implementing routing using the vue-router
- The app shell
- The Home component
- The ContactListItem component
- The AddContact component
- The UserInput component: Input fields
- The UserInput component: Social IDs
- The UserInput component: Conditional styling
- The UserInput component: Props & events
- The AddContact component: v-model
- Basic validation
- The AddContact component: Clearing out the form
- Setting up Firebase Realtime Database
- Saving data to Firebase
- Offline notification
- Preloader and more
- The ContactDetail component: Route parameters
- The ContactDetail component: Template design
- The ContactDetail component: Displaying data
- The ContactDetail component: Watchers
- The UserResponse component: Using slots
- Deleting a contact
- Deploying on Firebase
- Summary
-
Address Book | Adding Authentication
-
Epilogue or is it?
Once upon a time, JavaScript could only be used for simple form validators. Well, time has changed and if you’re a web designer or developer, chances are that your next big project requires a cutting edge web application framework that offers state of the art features such as a Virtual DOM, Reactivity, Superhero performance, all with a feather light footprint. That is where Vue JS comes in. Vue JS is an amazing JavaScript framework for building high performance user interfaces but has enough ammo to power your next killer web application. In this beginner’s course on VueJS, we will go from the absolute basics of a framework, including concepts such as DOM and setting up a development environment, to understanding core Vue features, essential workflows and best practices. You will work through 20+ hands-on exercises to solidify your command on essential Vue concepts. Vue offers the best of Angular and React and features a component based architecture that lets you break down your app or even an interface into manageable and scalable functional units. VueJS apps offer incredible performance that is neck to neck and even better than some of the leading web app frameworks in use today. Vue features a Virtual DOM that is lighter than the rest and delivers impeccable performance. If you’re a web designer, developer or even a project manager with a goal to master or pick a web application framework for your project, but are too afraid to begin, then this is your chance to finally realize your dream. Vue is surprisingly simple to learn, which makes it a winner and enables existing production grade projects and teams to incrementally bring it into their ecosystem.
Style and Approach
Vue is surprisingly simple to learn, which makes it a winner and enables existing production grade projects and teams to incrementally bring it into their ecosystem.
- Publication date:
- January 2018
- Publisher
- Packt
- Duration
- 11 hours 37 minutes
- ISBN
- 9781789133721