En esta lección vamos a desarrollar la funcionalidad para que un usuario pueda votar por un post de forma positiva a través de un nuevo componente con Vue.js y Laravel. Además utilizaremos Axios para las peticiones AJAX....
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta lección vamos a agregar los botones para votar por un post de forma positiva o negativa en la página del detalle del post. Además vamos a generar y escribir una nueva prueba utilizando Laravel Dusk....
Regístrate para ver ésta y cientos de lecciones exclusivas.
Una de las desventajas de utilizar Bootstrap es que nuestro CSS se hace muy pesado (117Kb en su versión comprimida), así que en esta lección bonus del curso de Vue 2, vamos a utilizar la versión para webpack del plugin PurifyCSS para «purificar» el CSS eliminando así todos los selectores de Bootstrap que no se están...
Regístrate para ver ésta y cientos de lecciones exclusivas.
Actualmente todo el CSS agregado en los componentes de Vue está siendo alojado en el archivo build.js y luego cargado en línea en el encabezado del HTML utilizando etiquetas <style>. En esta lección voy a utilizar un plugin de webpack para extraer todo el CSS definido en los componentes de Vue (incluyendo el código importado de...
Regístrate para ver ésta y cientos de lecciones exclusivas.
A lo largo de este curso hemos utilizado un CDN para incluir Bootstrap en nuestra aplicación. En la lección de hoy aprenderemos como instalar Bootstrap (en su versión de Sass) a través de npm e incluirlo en el componente principal de nuestro proyecto. Además veremos unos tips adicionales para la organización y reutilización del código SCSS....
Regístrate para ver ésta y cientos de lecciones exclusivas.
En está lección aprenderemos cómo utilizar el pre-procesador de CSS, Sass, dentro de nuestros componentes y aprovecharemos para refactorizar el código CSS de nuestros componentes para hacer uso de las ventajas que nos ofrece Sass....
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta lección aprenderemos cómo usar Scopes y CSS Modules para hacer que nuestro CSS sea verdaderamente modular y de esta forma evitar que los estilos de un componente afecten o cambien los estilos de otro componente....
Regístrate para ver ésta y cientos de lecciones exclusivas.
En está lección vamos a mover el código CSS a los componentes de Vue, con el objetivo de que nuestros estilos sean modulares. Además de ello, también vamos a refactorizar nuestro CSS y lo separaremos en sus respectivos componentes dentro de los archivos .vue.
Puesto que dicen que «la práctica hace al maestro», en esta lección vamos a practicar lo aprendido hasta ahora, creando dos nuevos componentes: primero vamos a crear un componente para representar al listado de tareas (al cual llamaremos TaskList.vue) y luego crearemos otro componente que agrupará la lógica y la plantilla para crear nuevas tareas...
Regístrate para ver ésta y cientos de lecciones exclusivas.
Una de las ventajas de este nuevo flujo de trabajo con webpack, es que ahora tenemos a nuestra disposición poderosos pre-procesadores como vue-loader que nos permite agrupar el código de nuestros componentes en archivos .vue entre muchas otras ventajas. Una de estas ventajas, que veremos en esta lección, es la eliminación de las restricciones del navegador impuestas cuando...
Regístrate para ver ésta y cientos de lecciones exclusivas.