Excelente que explique paso a paso el porqué de todas las herramientas que se utilizan, ya QUE EN OTROS CURSOS DE PLATZI NO SE HACE, y dichos conocimientos son muy importantes para entender lo que se está haciendo y no memorizar comandos!. GRacias!
Introducción
Bienvenidos al Curso Profesional de VueJS
Introducción a VueJS
CLI y Dev Tools
Herramientas y Experiencia de Desarrollo + Archivos .vue
CLI - Hello World
Webpack
Babel
Eslint
SASS y BULMA
PUG
Ejercicio de SASS y PUG
Ejercicio Avanzado de Pug y SASS
Manipulación del DOM
Expresiones
Directivas
Data Binding
Computed properties
Watchers
Eventos
Integración a Platzi Music
Ejercicio de Manipulación del DOM
REST y HTTP
Servicios
Fetch API & Trae
Consumir API's REST
Sistema de Componentes
Component
Creación de componentes
Reactividad
Ciclo de vida
Comunicación entre componentes padres e hijos
Comunicación de hijos hacia padres
Utilización de Slots
Comunicacion entre Componentes Genericos - Event Bus y Plugins
Vue Router
Introducción a Vue Router
Instalar vue-router y configurar router view
Crear y Navegar Rutas con router-link
Extendiendo VueJS
Modifiers
Filtros
Directivas Personalizadas
Mixins
Clases, Animaciones y Transiciones36
Vue Transitions y Animaciones de CSS
Vuex
Estado Centralizado, Flux y Vuex
State
Mutations
Getters
Actions
Integración a Platzi Music
Nuxt.js
Server Side Rendering
Nuxt.js
Conceptos Básicos de Nuxt
Deploy a Producción con Now
Qué es now
Configuración de now y deploy
Conclusiones
Cierre del curso
Bonus
Internacionalización con vue-i18n
Unit Test Karma - Mocha & Webpack
Implementación de Autenticación de Usuarios en Vue usando JWT
Crea una cuenta o inicia sesión
¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera
Babel
6/53Recursos
Babel es un transpilador de código. Una herramienta que transforma y compila nuestro código. Esto quiere decir que nos permite escribir en un código compatible con cualquier navegador.
Aportes 12
Preguntas 0
Ordenar por:
En el caso de Vue 3, Vue tiene su propio preset que ya hace toda la configuración para bable y simplemente lo usa en el babel.config.js:D
Babel es una herramienta que nos permite transformar nuestro código JS de última generación (o con funcionalidades extras) a JS que cualquier navegador o versión de Node.js entienda.
Babel
Transpilador de código. Una herramienta que transforma y compila nuestro código. Esto quiere decir que nos permite escribir en un código compatible con cualquier navegador sin importar con que version de JS estamos ut.
babel-core → lo que nos permite la compilacion
babel-loader → la regla de webpack que nos permite transformar nuestro codigo
bable-preset-env → es el conjunto de plugins que utiliza babel para transformar nuestro codigo
Definitivamente siento que sería bueno un curso de Babel (Así sea de 10 clases pienso que sería bueno)
Dejo el curso de ECMAScript para aprender esas nuevas funcionalidades de JavaScript:
https://platzi.com/clases/ecmascript-6/
Si no saben que funcionalidades funcionan en los navegadores dejo el sitio de “Can I Use…” (Por ejemplo con las Arrow Function):
https://caniuse.com/#feat=arrow-functions
Y un vídeo tutorial de YouTube para entender un poco más de cómo funciona babel:
https://www.youtube.com/results?search_query=babel
Para VisualStudio Code podemos usar el plugin ESLint
EcmaScript es el standar que usamos para escribir JavaScript moderno.
Babel es un trasnpilador de código JS que convierte nuestro código moderno a código que sea soportado por los navegadores.
Puedes encontrar más información en la documentación de Babel
Gracias por el trabajo de explicar paso a paso como funciona, de verdad es muy útil.
Babel. he oido hablar de el en el pasado y comprendo su finalidad, pero hasta el momento no me he atrevido a implementarlo en proyectos caseros.
La funcion de babel es tranformar nuestro codigo JS mas moderno a los Exploradores mas antiguo es cuestion de combatibilidad…
Muchas gracias por tomarse el tiempo de explicar estos detalles
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?