Vue.js Course
Learn how to build modern applications with Vue.js
Beginner
Intermediate
Advanced
Introduction to Vue.js
5 posts- Introduction to ViteSoon
- Integration with AstroSoon
- Creating projects with Vue CLI and ViteSoon
- Structure of a Vue.js projectSoon
Vue.js Fundamentals
8 posts- Template syntax (interpolation, directives)Soon
- Basic directives: `v-if`, `v-for`, `v-bind`, `v-on`Soon
- Advanced use of directivesSoon
- Binding in Vue.jsSoon
- Creating components (Options API vs Composition API)Soon
- Conditional and iterative renderingSoon
- Event handlingSoon
Components and Composition
10 posts- Composition APISoon
- Props in Vue.jsSoon
- Events in componentsSoon
- Component communication (props, events, provide/inject)Soon
- Slots in Vue.jsSoon
- Dynamic componentsSoon
- Slots and dynamic componentsSoon
- Local state management with `setup()`Soon
- Component lifecycleSoon
- Advanced renderingSoon
Directives and Templates
5 posts- Reactivity with `ref` and `reactive`Soon
- Computed propertiesSoon
- Watchers in Vue.jsSoon
- DOM manipulation with Vue.jsSoon
- ComposablesSoon
Styling
7 posts- Scoped stylesSoon
- Dynamic classesSoon
- Styling in Vue.jsSoon
- Integration with Tailwind CSSSoon
- Using PrimeVueSoon
- UI ComponentsSoon
- Applying styles and classesSoon
Event and Form Handling
2 posts- Form handling with Vue.jsSoon
- Form validationSoon
Advanced State Management
3 posts- Introduction to Vuex (State, Getters, Mutations, Actions)Soon
- Migrating to Pinia (stores, actions, and reactive state)Soon
- State management patterns in large applicationsSoon
Routing and Navigation
3 posts- Setting up Vue RouterSoon
- Dynamic routes and parametersSoon
- Programmatic navigation and guardsSoon
API and Backend Integration
4 posts- Using `fetch` for HTTP requestsSoon
- Consuming REST APIs with AxiosSoon
- Authentication handling (JWT, tokens)Soon
- Using GraphQL with Vue ApolloSoon
Rendering and Optimization
3 posts- Server-Side Rendering (SSR) with Nuxt.jsSoon
- Static Site Generation (SSG)Soon
- Performance optimization (lazy loading, memoization)Soon
Testing and Code Quality
3 posts- Unit testing with Jest/VitestSoon
- Component testing with Vue Testing LibrarySoon
- End-to-End testing with Cypress or PlaywrightSoon
Deployment and DevOps
3 posts- Build and optimization for productionSoon
- Deployment on platforms (Netlify, Vercel, AWS)Soon
- CI/CD integration (GitHub Actions, GitLab CI)Soon