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 el 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.

Índice

  • 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

Garantía de satisfacción 100% de Leanpub por 60 días

Durante los 60 días posteriores a la compra, puedes obtener un reembolso del 100% en cualquier compra de Leanpub, en dos clics.

Técnicamente, esto es arriesgado para nosotros, ya que tendrás los archivos del libro o curso de cualquier manera. Pero estamos tan seguros de nuestros productos y servicios, y de nuestros autores y lectores, que nos complace ofrecer una garantía de devolución total del dinero para todo lo que vendemos.

Solo puedes descubrir qué tan bueno es algo probándolo, y debido a nuestra garantía de devolución del 100% del dinero, ¡literalmente no hay riesgo al hacerlo!

Entonces, no hay razón para no hacer clic en el botón Agregar al carrito, ¿verdad?

Ver términos completos...

Gane $8 por una compra de $10, y $16 por una compra de $20

Pagamos regalías del 80% en compras de $7.99 o más, y regalías del 80% menos una tarifa fija de 50 centavos en compras entre $0.99 y $7.98. Usted gana $8 en una venta de $10, y $16 en una venta de $20. Así que, si vendemos 5000 copias no reembolsadas de su libro por $20, usted ganará $80,000.

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

De hecho, los autores han ganadomás de $14 millones escribiendo, publicando y vendiendo en Leanpub.

Aprenda más sobre escribir en Leanpub

Actualizaciones gratuitas. Sin DRM.

¡Si compras un libro de Leanpub, recibirás actualizaciones gratuitas mientras el autor actualice el libro! Muchos autores utilizan Leanpub para publicar sus libros mientras los escriben. Todos los lectores reciben actualizaciones gratuitas, sin importar cuándo compraron el libro o cuánto pagaron (incluso si fue gratis).

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

Finalmente, los libros de Leanpub no tienen ninguna protección DRM sin sentido, por lo que puedes leerlos fácilmente en cualquier dispositivo compatible.

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

Escriba y Publique en Leanpub

¡Puede usar Leanpub para escribir, publicar y vender fácilmente libros electrónicos y cursos en línea, tanto en progreso como terminados!

Leanpub es una plataforma potente para autores serios, que combina un flujo de trabajo de escritura y publicación simple y elegante con una tienda enfocada en la venta de libros electrónicos en progreso.

Leanpub es una máquina de escribir mágica para autores: solo escriba en texto plano y, para publicar su libro electrónico, simplemente haga clic en un botón. (O, si está produciendo su libro electrónico a su manera, ¡incluso puede subir sus propios archivos PDF y/o EPUB y luego publicar con un solo clic!) Realmente es así de fácil.

Aprenda más sobre escribir en Leanpub