/vuejs-composition-api-v3

3rd recording of my Vue.js Composition API course

Primary LanguageVue

Vue.js: The Composition API (v3)

Welcome to the third recording of my Vue.js course! Get it here on Udemy.

This is a information dense course where we build a full blogging application, including a real back-end with authentication and authorization. We go deep into Vue's reactivity system, and create some complex components.

Content

Vue.js

  • <script setup>
  • Vite + ES modules
  • Vuex -> Pinia (official state management solution)
  • Composables
  • Reusable components

General Skills

  • Design Patterns, modular code
  • TypeScript for type safety
  • real authentication and authorization using jsonwebtoken (JWT)
  • Basic server with Node.js + Express

Bonus!

  • Deploy to production
  • Testing module (coming soon)

Useful Links and Snippets

Bulma: @import "https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css";

Modal

<div class="modal" style="display: block; color: white;">
  <div class="modal-background">
    <div class="modal-content">
      <div id="modal"></div>
    </div>
  </div>
  <button class="modal-close is-large"></button>
</div>