En esta nueva lección vamos a comenzar a desarrollar todo lo necesario para que un usuario pueda votar por un post usando pruebas, este feature sera llamado mediante AJAX; por lo tanto debemos comprobar que estemos devolviendo datos en formato JSON válido y como bien ya sabes estaremos trabajando con pruebas (TDD) para comprobar que todo funcione correctamente.
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta lección vamos a agregar el último método que necesitamos para completar la funcionalidad básica para que un post pueda ser votado, y este es permitir que un voto (ya sea positivo o negativo) pueda ser cancelado o eliminado. De nuevo desarrollaremos esta funcionalidad utilizando TDD y los métodos del ORM Eloquent.
Regístrate para ver ésta y cientos de lecciones exclusivas.
Continuando con la funcionalidad de votación de un post en esta lección escribiremos la prueba de integración para que un post pueda ser votado de forma negativa. Además, trabajaremos en algunas restricciones de la votación: que un usuario no pueda votar por un mismo post 2 veces, que un usuario pueda cambiar de un voto positivo a un voto negativo o viceversa y que el score se calcule de forma correcta. Todo esto apoyándonos con el desarrollo guiado por pruebas (TDD).
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta lección empezaremos a trabajar en el feature para que un post pueda recibir votos y lo haremos estilo StackOverflow, es decir, un usuario podrá dar un voto positivo (+1) o un un voto negativo (-1). Para ello describiremos primero lo que queremos lograr con una prueba de integración en Laravel 5.4 y luego desarrollaremos el feature utilizando los modelos de Eloquent.
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 utilizando. Con esto lograremos reducir el tamaño del CSS de 117Kb a tan solo 12Kb (aproximadamente un 90%).
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 Bootstrap) a un archivo aparte (style.css).
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.