En esta lección vamos a trabajar en un componente un poco más complicado, será un componente para representar una tarea (es decir una fila o registro o «modelo»). Este componente agrupará las propiedades y acciones relacionadas con la tarea y nos permitiría limpiar aún más el código de nuestra plantilla principal.
En esta parte del curso, vamos a comenzar a aprender sobre la creación y uso de componentes en Vue.js, uno de los features más poderosos de este framework de JavaScript. Para ello, empezaré creando un sencillo componente de icono, que simplemente va a permitir limpiar un poco nuestra plantilla de Vue, evitando la repetición del código HTML necesario para imprimir iconos en Bootstrap. Sin embargo, este conocimiento te servirá como una pequeña introducción a la creación de componentes más avanzados que veremos a partir de la lección siguiente.
Los «Pipelines» son un feature de BitBucket que nos permite ejecutar pruebas automatizadas en nuestros proyectos cada vez que realizamos un Pull Request, o un Commit a un Branch en el repositorio del proyecto. Es decir, Bitbucket Pipelines trae integración continua, deploy y más a BitBucket. Veamos como podemos configurar este tipo de pruebas automatizadas en un proyecto de Laravel usando PHPUnit y MySQL.
En esta lección del Curso de Vue.js 2 realizaremos el desarrollo de la funcionalidad faltante en nuestro pequeño módulo de CRUD: que es la de eliminar registros. Así que vamos a aprender cómo podemos eliminar registros de forma individual del listado o en lote basados en una condición (en nuestro ejemplo usaremos el estatus de la tarea).
En esta lección añadiremos las funciones para marcar tareas pendientes como completadas (y viceversa) y para editar la descripción de una tarea a través de un formulario. Además aprenderemos cómo crear un borrador de la tarea que nos permitirá confirmar o cancelar la actualización.
En está lección vamos a continuar con el desarrollo de nuestra pequeña aplicación CRUD con Vue.js 2. En esta ocasión vamos a trabajar en el feature para que los usuarios puedan agregar tareas al listado de tareas, así haremos nuestro listado verdaderamente dinámico, además aprovecharemos de repasar conceptos importantes como lo son el manejo de formularios con Vue, el manejo de eventos, la directiva v-on, v-model y más.
En esta lección vamos entonces a comenzar con el desarrollo de nuestra pequeña aplicación CRUD con Vue: vamos a comenzar definiendo un listado de tareas de prueba en nuestro objeto VM y luego vamos a convertir nuestro HTML estático en una plantilla dinámica de Vue.js.
En esta lección comenzaremos con el desarrollo de nuestra primera aplicación con Vue.js. Será una aplicación en apariencia sencilla pero que te permitirá repasar los conceptos que has aprendido hasta ahora (como uso de métodos, directivas y eventos) y aprender aún más sobre cómo crear un CRUD con Vue.js y manipular datos dentro de un listado.
Quienes han trabajado con Eloquent en Laravel, seguramente conocen lo sencillo que es paginar una lista de resultados accediendo al método links() en la colección de resultados desde la vista. Por ejemplo si tenemos un modelo Users podríamos listar todos los usuarios de la siguiente manera: Ver post
Como vimos en las lecciones sobre la interfaz ArrayAccess no podíamos probar la implementación de esta interfaz directamente con la clase Model. Debido a que la clase Model por ser una clase abstracta no se puede instanciar directamente. Cuando esto ocurre, la solución más común es crear una clase que extienda de la clase abstracta. Sin embargo a partir de PHP 7 podemos sacarle provecho a un nuevo tipo de clase llamada Clase Anónima y esto es lo que vamos a aprender en esta lección: el uso de clases anónimas en pruebas unitarias.
Regístrate para ver ésta y cientos de lecciones exclusivas.