README.en.md

Techmely Vue3 Academy - Free youtube

Thank hieuhani for techgoda project & publiz API for me do this course.

We cover the fundamentals, like:

• Setting up Vue 3 project using Vite
• Integrating VueDevTools with Vue js 3
• Routing with Vue Router and File Based Routing with unplugin-vue-router
• Vue Component and Composable Design with the Composition API
• State management with Pinia
• Modern Javascript (ES2023/ESNext)
• User permissions & Route Guards
• Data and File Storage, plus Authentication with Firebase
• Automatic code review with CodeRabbit
• Linting/Formatting with ESLint + Prettier
• Consuming REST APIs
• Application architecture and best practices
• Error handling and monitoring

We also dive into practical real world features and how to implement them quickly:

• Using OpenAI with some prompts to get some key take-aways from articles.
• Robust and beautiful components with TailwindCSS and ShadCN Vue
• Data filtering and searching strategies across multiple resources (articles, jobs, tags)
• Forms and Validation with Autoform + Zod
• Auto saving on edits to inline content
• Pagination and Infinite scroll support
• Real time commenting
• Analytics and events tracking with Google Analytics 4, Google Tag Manager, and Sentry.

Vuejs API we will use

Global & General API

• app.directive
• app.provide
• app.config.errorHandler
• app.config.performance
• nexttick
• defineComponent
• defineProps & defineEmits
• defineExpose

Composition API

• ref
• reactive
• computed
• watchEffect
• watch
• effectScope
• Lifecycle Hooks
• Dependency Injection

By completing the Vue 3 Techmely, you will be able to land any Vue.js related job or optimize/improve your own projects!

Requirements You should be familiar with JavaScript, HTML, basic CSS, and have fundamental knowledge of Vue.js (specifically with the Composition API).

You could check out our Vuejs courses for FREE: https://www.youtube.com/watch?v=Vg9n_YRGPIY&list=PLwJIrGynFq9B_BQJZJi-ikWDDkYKVUpM5

Project Setup

bun i

Compile and Hot-Reload for Development

bun run dev

ENV Variables

Make sure to provide the env variables listed in the .env.example file along with their values.