Vue, conceptos avanzados
¡Gratis!
Con membresía
$7.99
Precio mínimo pagado

Vue, conceptos avanzados

Lleva tus conocimientos de Vue a otro nivel con esta serie de técnicas avanzadas.

Sobre este libro

Qué necesitas saber

Para comprender mejor este ebook es esencial que ya entiendas lo básico de Vue. Deberías ya conocer lo que son los componentes, los props, las computadas, el ciclo de vida, etc.

Tampoco hace falta que lo domines a la perfección, es suficiente con que hayas hecho ya alguna web con el framework.

Qué vas a aprender con este libro

Este libro es una recopilación de cosas que he ido aprendiendo con los años en Vue y que no se suelen explicar en los cursos básicos de Vue.

Literalmente todo lo que he aprendido en mis años usando Vue lo he intentado plasmar en este libro, no me he dejado nada.

Las explicaciones las he intentado orientar para que sean explicaciones prácticas, con ejemplos de código para que se entiendan mejor los conceptos.

Cada capítulo es completamente independiente y se pueden leer en el orden que prefieras.

Qué contiene el libro

  1. Debug de webs hechas con Vue
  2. nextTick
  3. Vue con Typescript
  4. Vuex
  5. Estilos aislados y deep selectors
  6. Multiples entornos
  7. Componentes funcionales
  8. Internacionalización
  9. PWA
  10. Portales
  11. Estilos CSS con variables inline
  12. Arquitectura escalable
  13. Técnicas de optimización
  14. Eliminación de precompiladores CSS
  15. Autodocumentación de componentes
  16. Consejos y tips

Sobre el autor

Coding Potions
Coding Potions

Hola, me llamo Diego López García y soy el que está detrás del proyecto Coding Potions.

Coding Potions es un blog de programación y desarrollo web creado con la intención de ofrecer tutoriales y recursos para cualquier programador interesado.

CodingPotions

Soy frontend developer, empecé a trabajar en Angular, pero hice un cambio de framework y actualmente llevo más de 3 años de experiencia usando VueJS.

Tabla de contenidos

  • Prefacio
    • Para quién es este libro
    • Cómo se organiza este libro
  • Debug de aplicaciones Vue
    • console.log()
    • console.assert()
    • console.count()
    • console.table()
    • console.time()
    • Debug de variables en la vista
    • Vue devtools
  • nextTick
  • Vue con Typescript
    • Introducción a Typescript
    • Cómo crear un proyecto Vue con Typescript
    • Cómo instalar Typescript en un proyecto Vue ya creado
    • Cómo usar Typescript en Vue
  • Cómo crear tu propia librería de componentes
    • Creando el proyecto de los componentes
    • Usando la librería de componentes que hemos creado
    • Creando filters y directives en la librería
    • Creando estilos globales
    • Subiendo la librería a NPM
  • VUEX
    • Instalación de Vuex
    • Cómo usar Vuex
    • Getters y actions
    • Separación del store en módulos
    • Vuex en Vue 3
  • Estilos aislados y deep selectors
    • Estilos aislados
    • Deep selectors
  • Variables globales y entornos
    • Seleccionar el entorno al arrancar Vue
    • Definir variables globales dependiendo del entorno
    • Creando un nuevo entorno
  • Componentes funcionales
    • Cómo crear componentes funcionales
    • Componentes funcionales en Vue 3
  • Internacionalización y traducción de los componentes
    • Cómo instalar Vue i18n
    • Cómo usar Vue i18n
    • Cómo crear un sistema para cambiar el lenguaje
  • PWA
    • ¿Qué es una PWA?
    • Qué requisitos tiene que tener una PWA
    • Cómo crear una PWA con Vue
  • Portales para renderizar componentes en otros lugares
    • Cómo instalar Vue-portal
    • Portales en Vue 3
  • Pasar variables CSS inline en los componentes
  • Estructura de archivos para proyectos grandes
    • Estructura de carpetas por modulos
    • Arquitectura para otros ficheros
  • Técnicas de optimización
    • Lazy load de componentes con dynamic imports
    • Object.freeze
    • v-once
    • Virtual scroll
    • Analizando el bundle
  • Eliminación de precompiladores CSS en favor de PostCSS
    • Guía para quitar SASS en favor de CSS
  • Autodocumentación de los componentes
    • Documentación de los props
    • Documentación de los eventos
    • Creando los ejemplos con markdown
  • Consejos y tips
    • Añadir propiedades a objetos para pintar en la vista
    • Uso de templates para reducir v-if
    • v-show para mejorar rendimiento de elementos pesados
    • Pasar todos los props y eventos a componentes hijos
    • Reutilizar props de otros componentes
    • Validar objetos complejos de los props
    • Watchers inmediatos
    • Hacer watch de propiedades de objetos
  • Despedida

Leanpub incondicional, sin riesgo, 100% de felicidad garantizada

Durante los primeros 60 días de compra, puedes obtener un reembolso del 100% de cualquier compra Leanpub, en dos clics. Procesamos las restituciones manualmente, así que puede tomarse unos días en aparecer. Véase términos completos.

80% de regalías. Gana $16 en un libro de $20.

Pagamos 80% de regalías. No es un error tipográfico: ganas $16 en una venta de $20. Si vendemos 5000 copias no reembolsadas de tu libro o curso por $20, ganarás $80,000.

(Sí, algunos autores ya han ganado mucho más que eso en Leanpub.)

De hecho, los autores han ganadomás de $12 millonesescribiendo, publicando y vendiendo en Leanpub.

Aprende más sobre cómo escribir en Leanpub

Actualizaciones gratis. Libre de DRM.

¡Si compras un libro Leanpub obtienes actualizaciones gratis siempre y cuando el autor actualice el libro! Varios autores usan Leanpub para publicar sus libros en progreso mientras los escriben. Todos los lectores obtienen actualizaciones gratis, independientemente de cuándo compraron el libro o cuánto pagaron (incluyendo si fue gratis).

La mayoría de los libros Leanpub se encuentran disponibles en PDF (para computadores) y EPUB (para teléfonos, tabletas, y Kindle). Los formatos que un libro incluye se muestran en la esquina superior derecha de esta página.

Finalmente, los libros Leanpub no tienen ninguna de las cosas sin sentido sobre protección de copia DRM, así que puedes leerlos fácilmente en cualquier dispositivo que se soporta.

Aprende más sobre los formatos de Leanpub y dónde puedes leerlos

Escribir y publicar en Leanpub

Los autores y editores usan Leanpub para publicar libros electrónicos sorprendentes en curso y completados, como éste. ¡También puedes utilizar Leanpub para escribir, publicar y vender tu libro! Leanpub es una potente plataforma para autores serios, que combina un flujo de trabajo de escritura y publicación simple y elegante con una tienda centrada en la venta de libros electrónicos en progreso. Leanpub es una máquina de escribir mágica para los autores: basta con escribir en texto plano, y para publicar tu libro electrónico, simplemente haz clic en un botón. Realmente es así de fácil.

Más información sobre cómo escribir en Leanpub