Vue.js: De cero a experto

Curso FH - Vue.js: De cero a experto (43H)

Requisitos 📋

• Conocimiento básico de JavaScript es necesario
• Conocimiento básico de programación es necesario
• Poder realizar instalaciones en el equipo como administrador
• Se puede lanzar el contenido del curso en OSX (Mac), Windows o Linux.
• Conocimiento de ECMA6 mínimo requerido.
• Conocimiento de Git necesario.
• Nota : prework usado WebStorm

Comenzando 🚀

En este curso se desplegara en github los ejemplos sin llaves privadas que puedan ser usadas para desplegar otros servicios anexos a el.

Todos los proyectos seras usados por objetos exportables y ignorados a la hora de subirse en el .gitignore

Las api utilizas de GCP seran modificadas al finalizar las secciones. 👌

## Descripción 📓

Aprender Vue + Vuex 2021

Este curso tiene por objetivo llevarte de cero conocimiento de Vue hasta un nivel competitivo en el ambiente laboral de hoy en día. Este curso está construido 100% en js funcional y componentes.

Slug - Content of Vue2 & Vue3 🆕

• Directivas

  • V-model
  • V-if - V-else
  • V-show
  • V-for

• Binding

  • V-Bind
  • : < shorthand >
    • : disabled
    • : class
    • : style

• Actions & Events

  • V-on
    • : < shorthand >
      • @click
      • @submit or @submit.prevent
      • @mouseover.once
  • . stop
  • . self

• List Render

  • V-for="item in items" :key="item.id"
  • V-for="(item,index) in items"
  • V-for="(value,key) in object"

• Modif. Table

  • .tab
  • .delete
  • .esc
  • .space
  • .up
  • .down
  • .left
  • .right
  • .alt
  • .shift
  • .meta
  • etc...

• Component Options

  • Data
    • data:
    • props:
    • methods:
    • computed:
  • DOM
    • el:
    • template:
    • replace:
  • Lifecicle
    • created:
    • mounted:
    • updated:
    • unmounted:
  • Assets
    • directives:
    • elementDirectives:
    • filters:
    • components:
    • transitions:
    • partials:
  • Others
    • inherit:
    • events:
    • watch:
    • mixins:
    • name:

• Lifecicle

  • beforeCreate:
  • created:
  • beforeMount:
  • mounted:
  • beforeUpdate:
  • updated:
  • activated:
  • deactivated:
  • beforeUnmount:
  • unmounted:
  • errorCaptured:
  • renderTracked:
  • renderTriggered:

• VueRouter

• Store

  • Actions
  • Getters
  • Mutations
  • State

• Slots

  • < slot ></ slot >
  • < my-component >< /my-component >
  • < slot name="footer" >< /slot >

• Librerias

  • Vue Cli
  • Vue Router
  • Vue DevTools
  • Nuxt.js

Listado de Temas del Curso: 💯

*   Sc01 - Introduccion
*   Sc02 - Reforzamiento de Javascript
*   Sc03 - Introduccion a Vuejs
*   Sc04 - Vue CLI - Primera aplicacion Real
*   Sc05 - IndecisionApp ( Sc4 - Sc5 )
*   Sc06 - Pruebas unitarias y de integracion
*   Sc07 - Pokemon Game
*   Sc08 - Pokemon Game - Testing
*   Sc09 - Vue Router y ciclo de vida de los componentes - options api
*   Sc10 - Introduccion a Vuex
*   Sc11 - Journal App - options Api + Vuex
*   Sc12 - CRUD - Vuex
*   Sc13 - Testing Vuex
*   Sc14 - Composition API - Bases
*   Sc15 - Vuex con el composition API
*   Sc16 - Autenticación - Vuex - Composition API
*   Sc17 - Composition API testing
*   Sc18 - Bonus Quasar
*   Sc19 - MapasApp - Mapbox + Rutas + TypeScript + Composition API