Vue is a popular JavaScript framework for front-end development. It is lightweight, flexible, and comes with a vibrant and evolving ecosystem.
This course is a collection of best practices, advanced patterns, guides, and tips on various essential concepts related to the development of large-scale applications. The course starts by explaining how Vue 3 differs from Vue 2 and how you can migrate Vue 2 applications to Vue 3. Project configuration, documentation, useful development tools, and creating a scalable structure is covered next. After we look at best practices for creating an API layer and state maintenance, we’ll discuss performance optimization and application security. The course ends with a discussion on tools and best practices for testing Vue applications.
After completing this course, you’ll be able to create, document, and test large scale front -end applications. You’ll also be able to optimize the performance of your application and make it more secure.
Vue is a popular JavaScript framework for front-end development. It is lightweight, flexible, and comes with a vibrant and evolv...Show More
WHAT YOU'LL LEARN
The ability to migrate your enterprise applications from Vue 2 to Vue 3
The ability to configure your Vue application and include popular plugins
An understanding of how to structure your application for scalability
A working knowledge of the best techniques for the API, state management, and performance optimization
Familiarity with making your Vue applications more secure
Hands-on experience with popular tools for testing Vue applications
The ability to migrate your enterprise applications from Vue 2 to Vue 3
Show more
TAKEAWAY SKILLS
Learning Roadmap
1.
Before We Begin
Before We Begin
Get familiar with advanced Vue.js skills and a Companion App for practical examples.
2.
Migrating from Vue 2 to Vue 3
Migrating from Vue 2 to Vue 3
Look at Vue 3's enhancements, migration tips, and adaptation strategies for optimal use.
IntroductionReactivity CaveatsTree ShakingApp InitializationAdding Global Properties and Custom Directives APIThe V-Model Directive and Two-Way Data BindingUnified Slots and createElementArray RefsMigration GuidePass Classes Explicitly via PropsData Option and Emits OptionFunctional Components and KeyCode ModifiersSummaryQuiz Yourself on Vue 2 vs Vue 3 and Preparing for MigrationChallenge: Migration from Vue 2 to Vue 3Solution: Migration from Vue 2 to Vue 3
3.
Project Configuration and Useful Extensions
Project Configuration and Useful Extensions
6 Lessons
6 Lessons
Explore setting up a Vue project, configuring plugins, and enhancing development with useful extensions.
4.
Scalable Project Architecture
Scalable Project Architecture
7 Lessons
7 Lessons
Break down complex ideas of scalable project architecture for efficient Vue development.
5.
Project and Component Documentation
Project and Component Documentation
6 Lessons
6 Lessons
Take a closer look at effective documentation, utilizing tools like Vue Styleguidist and Storybook.
6.
API Layer and Managing Async Operations
API Layer and Managing Async Operations
15 Lessons
15 Lessons
Focus on effectively managing API interactions, states, and user feedback in Vue enterprise apps.
7.
Advanced Component Patterns
Advanced Component Patterns
9 Lessons
9 Lessons
Approach advanced Vue component patterns, including base, wrapper, and renderless components.
8.
Managing Application State
Managing Application State
13 Lessons
13 Lessons
Step through managing and sharing state in Vue applications using various patterns and APIs.
9.
Managing Application Layouts
Managing Application Layouts
10 Lessons
10 Lessons
Discover the logic behind managing layouts dynamically in Vue, using services, composables, and layout factories.
10.
Performance Optimization
Performance Optimization
15 Lessons
15 Lessons
Go hands-on with Vue performance optimization techniques like lazy loading and tree shaking.
11.
Vuex Patterns and Best Practices
Vuex Patterns and Best Practices
12 Lessons
12 Lessons
Enhance your skills in efficient Vuex management using best practices, naming conventions, and automation tools.
12.
Application Security
Application Security
9 Lessons
9 Lessons
Enhance security practices in Vue applications, focusing on client-side mitigations and safe handling of user-provided content.
13.
Best Practices for Testing Vue Applications
Best Practices for Testing Vue Applications
11 Lessons
11 Lessons
Tackle best practices for writing robust unit and end-to-end tests in Vue applications.
14.
Useful Patterns, Tips and Tricks
Useful Patterns, Tips and Tricks
11 Lessons
11 Lessons
Master efficient Vue techniques, enhance SEO, streamline imports, debug templates, style components, and ensure browser compatibility.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Course Author:
Developed by MAANG Engineers
Meet the Instructor
Thomas Findlay
Software Engineer at Educative
Every Educative resource is designed by our team of ex-MAANG software engineers and PhD computer science educators — subject matter experts who've shipped production code at scale and taught the theory behind it. No videos, no fluff.
Learn more about ThomasTrusted by 2.9 million developers working at companies
"These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"
Anthony Walker
@_webarchitect_
"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"
Evan Dunbar
ML Engineer
"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."
Software Developer
Carlos Matias La Borde
"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"
Souvik Kundu
Front-end Developer
"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."
Vinay Krishnaiah
Software Developer
Hands-on Learning Powered by AI
See how Educative uses AI to make your learning more immersive than ever before.
AI Prompt
Code Feedback
Explain with AI
AI Code Mentor
Free Resources
