
Introducción al curso Desarrollo web full-stack con Symfony 3 y Angular 2. Paso a paso.
En este vídeo te enseño que vamos a desarrollar en el curso. Te muestro la plataforma de vídeos SPA que hemos creado con Angular 2 utilizando un API REST hecha en Symfony3.
Descargar material y recursos descargables
Instalar el servidor de aplicaciones web en local. En este caso instalaremos Wamp Server.
Instalar el servidor de aplicaciones web en Linux y Apple Mac.
Instalaremos composer para gestionar las dependencias en proyectos PHP.
Instalaremos Cygwin para simular la consola de Linux y Mac en Windows y también instalaremos algunas herramientas importantes como GIT.
Vamos a instalar el entorno de desarrollo integrado Netbeans para desarrollar.
Descargar e instalar Sublime Text y NodeJS.
Veremos como configurar PHP y nuestro servidor web Apache para minimizar los problemas durante el desarrollo del API REST con Symfony y la aplicación SPA con Angular 2
Crearemos un directorio para el proyecto en nuestro servidor de aplicaciones web y aprenderemos a crear alias en CygWin para crear comandos y atajos de consola.
En esta clase veremos como instalar Symfony3 desde cero.
Aprenderemos a diseñar una base de datos y hacer un esquema de tablas y relaciones con DIA.
Crearemos la base de datos en SQL y la volcaremos en MySQL para usarla posteriormente.
Como aprovechar al 100% el desarrollo del API Rest con Symfony.
Veremos como generera el BackendBundle para guardar las entidades y repositorios de la aplicación web (API Rest).
Generaremos nuestras entidades de Doctrine a partir de las tablas de la base de datos.
Hacemos unas pruebas de la entidad Usuario y utilizaremos el método findAll para sacar todos los registros de la tabla usuarios de la BBDD.
Instalaremos Firebase JWT y KnpPaginatorBundle utilizando Composer.
En esta clase haremos la configuración más básicas de las rutas en ficheros yaml (yml)
Crearemos un método de ayuda para que las respuestas de las acciones sean en JSON.
Veremos como crear servicios en Symfony3.
Vista previa del cliente RestFul POSTMAN que nos servirá para hacer peticiones http de todo tipo.
Crearemos la ruta y la acción para el login y además veremos como validar datos, en este caso un email.
Crearemos un servicio para la autenticación y crearemos un método para hacer el login con JWT.
Continuamos creando un servicio para la autenticación y creando un método para hacer el login JWT.
En esta clase desarrollaremos un método para comprobar si el token JWT de autenticación que nos llega en cada petición HTTP por AJAX es correcto o no.
Veremos como crear un método para el API REST que nos permita añadir y registrar nuevos usuarios en la base de datos.
Probamos el método de registro de usuarios del API REST hecha con Symfony.
Cifraremos la contraseña cuando un usuario se registra en la aplicación.
En esta clase veremos como hacer la acción de edición de usuarios.
Veremos como hacer un método para subir ficheros con Symfony3 y como asignarsela a un usuario.
Crearemos el controlador para la entidad vídeo ahí tendremos todas las acciones que podremos hacer con los vídeos.
Crearemos una acción para el API que cree nuevos vídeos en la base de datos.
Creamos un método para editar los usuarios que tenemos creados en nuestra aplicación web.
Crearemos una acción que nos permitirá subir archivos de vídeo y imagen.
Configuraremos el bundle Knp Paginator Bundle para poder hacer paginaciones optimas en Symfony.
Crearemos un método que nos devuelva el listado de todos los vídeos paginado.
En esta clase vamos a crear un método para el API que nos saque los últimos 5 vídeos.
Este método devolverá todos los datos necesarios para hacer una página de detalle del vídeo.
Vamos a crear una ruta para el api que nos permita buscar vídeos en la base de datos.
Crearemos un método para el API que nos devuelva la información necesaria para crear en el cliente una especie de canal de YouTube.
Creamos un controlador para hacer el sistema de comentarios a nivel de API.
En esta clase crearemos un método para que un usuario registrado pueda poder poner comentarios en un vídeo.
En este vídeo crearemos un método para nuestro servicio que nos permita eliminar comentarios
En esta clase vamos a crear un método para el servicio REST que nos permita listar los comentarios de un vídeo.
Bienvenido al curso Desarrollo web full-stack con Symfony 3 y Angular 2, vas a aprender paso a paso como desarrollar servicios y APIs REST con Symfony y como crear aplicaciones web front-end complejas con la nueva versión de AngularJS.
Symfony3 es el framework más potente, más utilizado y más demandado para hacer desarrollo back-end con PHP.
Angular 2 se está convirtiendo en el framework para JavaScript estándar para desarrollar aplicaciones web modernas y escalables en el lado del cliente basadas en la filosofía SPA.
Si quieres ser desarrollador full-stack, o incluso si ya te dedicas al desarrollo web, es casi obligatorio aprender estos dos poderosos frameworks y como trabajan conjuntamente.
En curso está divido en dos partes:
En la primera parte nos dedicaremos al backend (servidor) y desarrollaremos un servicio o API REST con Symfony3.
¿Que es un API REST?
Un API REST es un servicio que puede usarse desde cualquier dispositivo que entienda el protocolo HTTP, además interactúa directamente con la base de datos. Por ejemplo, las aplicaciones de smartphones interactúan con el servidor a través de un API RESTful.
En la segunda parte nos centraremos en el frontend (cliente) y desarrollaremos una aplicación web de tipo SPA con Angular 2.
¿Que es una web SPA?
Una web SPA es una aplicación de una sola página en la que la carga de datos es asíncrona y la página no se recarga en casi ningún momento, pese a cambiar de ruta o url para navegar entre las secciones de la aplicación, es una nueva tendencia en el desarrollo web.
Al finalizar el curso serás capaz de desarrollar tus propias aplicaciones web con Symfony 3 y Angular 2.
Durante las más de 17 horas del curso verás como desarrollar una plataforma web tipo YouTube paso a paso.
En esta aplicación podremos identificarnos mediante un formulario de login, registrarnos en la plataforma, modificar los datos de nuestro usuario, subir una imagen de perfil, crear, editar y subir vídeos a la web con barras de progreso, tendremos listados paginados de los videos de la plataforma, un buscador de vídeos, canales de usuarios, sistema de comentarios y mucho más.
Abordaremos el desarrollo backend de esta aplicación partiendo desde cero, empezando por el diseño y creación de la base de datos, el servicio REST, servicios, controladores, autenticación basada en tokens con JWT (JSON Web Tokens), interacción con la base de datos con Doctrine, CRUD de usuarios, vídeos y comentarios en Symfony3.
Continuaremos programando la parte del cliente con Angular 2, desde la creación de los componentes necesarios, uso de rutas y servicios, consumo de servicios REST (mediante un API Rest programada en con Symfony) con el componente HTTP de Angular 2, trabajo con el LocalStorage, hasta la creación y validación de formularios, entre otras cosas.
Trataremos todos los temas paso a paso y poco a poco hasta construir una aplicación web completa de vídeos tipo YouTube, pese a esto, para aprovechar al 100% el curso te recomendaría tener conocimientos en HTML, CSS y JavaScript y además tener unas nociones básicas en Symfony3 para hacer la parte del backend y tener unos conocimientos básicos de Angular 2 para hacer la parte del frontend.
Si quieres aprender desarrollo full-stack moderno sin dolor, practicando poco a poco con los dos mejores frameworks actuales, subir de nivel en el desarrollo web con PHP y JavaScript y aumentar tus oportunidades laborales ¡Este es tu curso!
Échale un vistazo al programa del curso para ver todos temas que aprenderás.
Únete al curso y sube de nivel: ¡¡ Aprende Desarrollo web full-stack con Symfony3 y Angular 2 !!