Leanpub Header

Skip to main content

Vue, conceptos avanzados

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

¿Conoces lo básico de Vue? ¿Te gustaría sacarle mucho más partido? Si la respuesta es que sí, entonces este ebook es para ti.

Con este libro vas a explorar características más avanzadas del framework, y todo desde un punto de vista práctico y con ejemplos de código.

Free With Membership

With Membership

Free!

$7.99

You pay

$0.00

Author earns

$0.00
$

...Or Buy With Credits!

You can get credits monthly with a Reader Membership
PDF
EPUB
WEB
120
Pages
22,046Words
About

About

About the Book

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

Share this book

Categories

Author

About the Author

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.

Contents

Table of Contents

Prefacio

  1. Para quién es este libro
  2. Cómo se organiza este libro

Debug de aplicaciones Vue

  1. console.log()
  2. console.assert()
  3. console.count()
  4. console.table()
  5. console.time()
  6. Debug de variables en la vista
  7. Vue devtools

nextTick

Vue con Typescript

  1. Introducción a Typescript
  2. Cómo crear un proyecto Vue con Typescript
  3. Cómo instalar Typescript en un proyecto Vue ya creado
  4. Cómo usar Typescript en Vue

Cómo crear tu propia librería de componentes

  1. Creando el proyecto de los componentes
  2. Usando la librería de componentes que hemos creado
  3. Creando filters y directives en la librería
  4. Creando estilos globales
  5. Subiendo la librería a NPM

VUEX

  1. Instalación de Vuex
  2. Cómo usar Vuex
  3. Getters y actions
  4. Separación del store en módulos
  5. Vuex en Vue 3

Estilos aislados y deep selectors

  1. Estilos aislados
  2. Deep selectors

Variables globales y entornos

  1. Seleccionar el entorno al arrancar Vue
  2. Definir variables globales dependiendo del entorno
  3. Creando un nuevo entorno

Componentes funcionales

  1. Cómo crear componentes funcionales
  2. Componentes funcionales en Vue 3

Internacionalización y traducción de los componentes

  1. Cómo instalar Vue i18n
  2. Cómo usar Vue i18n
  3. Cómo crear un sistema para cambiar el lenguaje

PWA

  1. ¿Qué es una PWA?
  2. Qué requisitos tiene que tener una PWA
  3. Cómo crear una PWA con Vue

Portales para renderizar componentes en otros lugares

  1. Cómo instalar Vue-portal
  2. Portales en Vue 3

Pasar variables CSS inline en los componentes

Estructura de archivos para proyectos grandes

  1. Estructura de carpetas por modulos
  2. Arquitectura para otros ficheros

Técnicas de optimización

  1. Lazy load de componentes con dynamic imports
  2. Object.freeze
  3. v-once
  4. Virtual scroll
  5. Analizando el bundle

Eliminación de precompiladores CSS en favor de PostCSS

  1. Guía para quitar SASS en favor de CSS

Autodocumentación de los componentes

  1. Documentación de los props
  2. Documentación de los eventos
  3. Creando los ejemplos con markdown

Consejos y tips

  1. Añadir propiedades a objetos para pintar en la vista
  2. Uso de templates para reducir v-if
  3. v-show para mejorar rendimiento de elementos pesados
  4. Pasar todos los props y eventos a componentes hijos
  5. Reutilizar props de otros componentes
  6. Validar objetos complejos de los props
  7. Watchers inmediatos
  8. Hacer watch de propiedades de objetos

Despedida

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

Earn $8 on a $10 Purchase, and $16 on a $20 Purchase

We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earned over $14 million writing, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub