Vue — Home

Learn Vue.js

Master Vue.js, the progressive JavaScript framework for building modern web applications.

Course contents

This course covers everything from Vue basics to advanced topics:

1. Introduction - What is Vue.js
2. Get Started - Your first Vue app
3. Installation - Setting up Vue
4. Vue CLI - Project scaffolding
5. Templates - Template syntax
6. Data Binding - Two-way binding
7. Directives - Built-in directives
8. Conditional Rendering - v-if, v-show
9. Lists - Rendering arrays with v-for
10. Methods - Event handling
11. Computed Properties - Derived state
12. Watchers - Side effects
13. Components - Building reusable UI
14. Props - Passing data down
15. Events - Child to parent communication
16. Slots - Content distribution
17. Lifecycle - Component hooks
18. Reactivity - Vue's reactivity system
19. Forms - Form handling
20. Routing - Vue Router
21. State Management - Vuex and Pinia
22. API Calls - HTTP requests
23. Animations - Transitions and effects
24. Mixins - Code reuse
25. Custom Directives - Extending Vue
26. Plugins - Adding functionality
27. Testing - Unit and E2E tests
28. TypeScript - TypeScript support
29. Composition API - Modern Vue
30. Script Setup - Syntax sugar
31. Teleport - Rendering to DOM
32. Suspense - Async components
33. Provide/Inject - Dependency injection
34. Custom Events - Component communication
35. Dynamic Components - Component switching
36. Async Components - Lazy loading
37. Keep Alive - Caching components
38. Render Functions - Programmatic rendering
39. JSX - JSX in Vue
40. Custom Element API - Web components
41. Server-Side Rendering - Nuxt.js
42. Performance - Optimization tips
43. Security - Best practices
44. Deployment - Going to production
45. Best Practices - Tips and patterns

Who is this course for?

• Web developers learning Vue.js
• Developers from React/Angular backgrounds
• Anyone building modern web applications

Prerequisites

• HTML and CSS basics
• JavaScript fundamentals
• ES6+ features

Resources

• Vue.js Official
• Vue Router
• Pinia