Un curso para ver todo lo necesario para crear una aplicación web desacoplada.
A lo largo de 55 vídeos y casi 10 horas veremos como construir una aplicación web desacoplada.
Las tecnologías que vamos a emplear se explican en el primer vídeo, de acceso gratuito.
Trabajaremos desde el backend hacia el frontend, pasando desde las necesidades de PHP a las cosas que nos ofrece Vue.
Accede aquí a todos los enlaces del curso.
Explicación sobre el stack tecnológico que veremos en el curso.
La versión 4 de Slim nos ofrece muchas ventajas.
El estándar PSR y las peticiones y respuestas HTTP.
Una aplicación web empieza siempre por una ruta.
El ejemplo de la cebolla para explicar lo que es un middleware.
El código está por delante de la base de datos.
Implementación de PHP-DI con un ejemplo en PSR-11.
Extraemos código a bootstrap y separamos en ficheros por responsabilidad.
Uso de gitignore y primera subida al repositorio.
Limpieza y correcciones varias.
Explicamos de nuevo la arquitectura posible del proyecto.
Testeamos la ruta de tipo POST con Postman.
SQLite es una base de datos relacional que se almacena en un fichero.
La librería genérica de acceso a base de datos de PHP.
Sintaxis para crear tablas en SQLite.
Sintaxis para insertar contenido en SQLite.
Las fechas siempre nos ofrecen muchas opciones en programación.
Para capturar fallos de conexión a la base de datos.
Breve explicación de qué es este framework progresivo de JavaScript.
Creamos una app a la vieja usanza, como si fuera jQuery.
También vemos la extensión Vetur para Visual Studio Code.
Primera gran diferencia con respecto a jQuery.
La base de todos los frameworks de frontend: el ciclo de vida del componente.
Matemáticas al servicio del cálculo de los segundos restantes
Una librería de CSS que te cambiará la vida.
La magia de la conexión entre el frontend y el backend, al fin revelada.
Nos conectamos con axios a la API generada en el backend.
Subimos un nivel más en nuestra app de Vue.
Transformamos la aplicación para que encaje en el nuevo entorno de desarrollo con Vue-Cli.
La magia de la conexión entre el frontend y el backend, al fin revelada.
Creamos un cliente desacoplado para la conexión a la API.
Pregunta de uno de los asistentes.
Vue Router nos permite gestionar rutas en el frontend de la webapp.
Los contadores son entidades dinámicas, las hacemos accesibles.
La primera validación de los datos en la API.
Muy importante guardar nuestras variables sensibles en el entorno y no el repositorio.
La primera versión de nuestro formulario de creación de contadores.
Método en VueJS para enviar los datos del formulario al backend.
Incluimos validaciones.
El usuario debe recibir feedback sobre el éxito del envío.
Repasamos de nuevo el concepto de contenedor en PHP.
Desacoplamos la funcionalidad del Controller.
Usamos PHP-DI para añadir dependencias a los controladores del backend.
Refactorizamos para ocultar la conexión a la base de datos SQLite.
Seguirmos refactorizando ocultando la forma de conseguir resultados.
Refactorización de código repetido.
Las variables de entorno también son importantes en el backend.
Mejoramos la visualización del formulario de fecha.
Esencial en el frontend: comunicar componentes padres e hijos en VueJS.
Pensando en el usuario.
Validaciones en el cliente con Vuelidate.
Desplegamos el código de PHP y la base de datos en Cloudways.
Introducción al acceso por SSH a un servidor.
Desplegamos gratis el código de Javascript en Zeit Now.
¿Qué podemos mejorar?