sábado, 17 de marzo de 2018

Aprendamos Vue desde cero hasta un SPA | Introducción



Si estas metido en el mundo del desarrollo web seguramente has escuchado hablar de este grandioso framework. Estos últimos meses he estado trabajando muchísimo con vue por lo que he decidido aperturar una sección especifica para hablar un poco acerca de este, espero que lo disfruten al igual que yo lo haré.


¿Que es Vue?

Vue es la nueva herramienta JavaScript creada por Evan You, definido como un framework progresivo para construir interfaces de usuario. A diferencia de otros frameworks monolíticos, Vue está diseñado desde el inicio para ser adoptado incrementalmente. La biblioteca principal se enfoca solo en la capa de la vista, y es muy simple de utilizar e integrar con otros proyectos o bibliotecas existentes. Por otro lado, Vue también es perfectamente capaz de soportar aplicaciones sofisticadas de una sola página (en inglés single-page-application o SPA) cuando se utiliza en combinación con herramientas modernas y librerías compatibles.
Vue se está abriendo hueco en el mercado de los framework para JavaScript y está siendo muy utilizado por las empresas de desarrollo. Es uno de los frameworks más populares para desarrollar aplicaciones modernas y escalables en el lado del cliente. Si quieres ser desarrollador front-end o full-stack, o incluso si ya te dedicas al desarrollo web, es muy interesante aprender Vue.

Número de estrellas recibidas por parte de la comunidad de Github en cada uno de los repositorios oficiales de cada proyecto Angular, React & Vue 


Número de descargas a través de NPM


CARACTERÍSTICAS (Fuente: Web Oficial)

  • Proporciona componentes visuales de forma reactiva
  • Cuenta con conceptos de directivas, filtros y componentes bien diferenciados
  • Utiliza Virtual DOM
  • Externaliza el ruteo y la gestión de estado en otras librerías
  • Permite focalizar CSS para un componente específico
  • Cuenta con un sistema de efectos de transición y animación
  • Sigue un flujo one-way data-binding para la comunicación entre componentes
  • Sigue un flujo doble-way data-binding para la comunicación de modelos dentro de un componente aislado
  • Tiene soporte para TypeScript
  • Tiene soporte para ES6
  • Permite renderizar las vistas en servidor

Me interesa pero ¿Como aprendo?

Lo que me gusto de este framework es la excelente documentación que posee y la rápida curva de aprendizaje.A partir de aquí estructurare las publicaciones posteriores de tal manera de que aprendan de manera rápida y clara a manejar este framework:

1. Preparando nuestro entorno de desarrollo

2. Las bases de Vue2
Instalación de VueJS y nuestro primer hola mundo
Two way data-binding y reactividad
Directivas condicionales
Directivas de iteración
Eventos
Propiedades computadas
Filtros
Binding de clases
Ajax y HTTP

3. Componentes
Que es un componente y cual es su ciclo de vida
Creando nuestro primer componente básico
Plantillas en linea y props
Componentes dentro de otros componentes
Componentes dinámicos


4. Desarrollando nuestro SPA

A. Introducción
 B. Componentes:
    • Vue CLI
    • Crear componentes con VueCLI
    • Vue Component Generate(VCG)
    • Crear componentes con VCG
    • Crear multiples componentes
C. Routing
    • ¿Que es el sistema de routing?
    • Configuración de rutas
    • Interceptores
    • Conceptos avanzados de vue-router
D. Backend
    • Explicando funcionamiento de nuestra api rest desarrollado en laravel

      E. Fronted
    • Descripción de vistas realizadas para el desarrollo del SPA
F. Programando SPA
    • Página listado de peliculas
    • Mostrar datos de pelicula
    • CRUD peliculas
G. SPA en producción
5. VUEX
  • Introducción
  • Estados y getters
  • Mutaciones y acciones
  • Módulos

6. Temas avanzados
  • Como crear un plugin
  • Animaciones
  • Sockets
Espero que les sea de mucha utilidad las publicaciones posteriores y conmigo sera hasta la próxima publicación




banner
Previous Post
Next Post

Hola, me llamo Andrés.Soy egresado de la carrera de Ingeniería Informática en la Universidad Nacional de Trujillo (Perú).Me considero autodidacta de corazón ,amante del mundo de la programación, software libre y hacking ético

0 comentarios: