Desarrollo web full-stack con Symfony 3 y Angular 2

Aprende a desarrollar un servicio REST (API REST) con Symfony3 y una aplicación web SPA con Angular2. Curso fullstack

3.60 (679 reviews)
Udemy
platform
Español
language
Web Development
category
instructor
3,206
students
18 hours
content
Jan 2024
last update
$19.99
regular price

What you will learn

Desarrollar servicios y APIs REST con Symfony

Crear webapps SPA dinámicas con Angular 2

Hacer desarrollos full-stack completos

Mejorar la capacidad de adaptación a otros frameworks

Aumentar las posibilidades laborales como desarrollador

Description

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 !!

Content

Introducción y bíenvenida

Introducción
¿Que vamos a desarrollar?
Material y recursos descargables

Preparar el entorno de desarrollo

Instalar Wamp Server
Servidor de aplicaciones web en Linux y Mac OS
Instalar Composer
Instalar Cygwin + git
Instalar NetBeans
Descargar Sublime Text y NodeJS
Configuraciones recomendadas (importante)
Directorio para el proyecto y alias para cygwin

Instalación de Symfony

Recomendaciones
Instalar Symfony3

La base de datos

Diseñar la base de datos con DIA
Crear la base de datos

Bundles, entidades y modelos

Recomendaciones
Generar bundle para las entidades
Generar entidades a partir de la base de datos
Probar funcionamiento de un modelo de doctrine (findAll)

Empezando a desarrollar el servicio REST (API REST con Symfony)

Instalar nuevas liberias y bundles en Symfony3
Configuración básica de las rutas
Respuestas en JSON
Crear un servicio en Symfony para los Helpers
POSTMAN el cliente RESTful

Login con tokens (JWT)

Ruta y acción para el Login y validar un email
Servicio y Login JWT. Parte 1
Servicio y Login JWT. Parte 2
Comprobar si el token es correcto

Controlador de usuarios

Crear el controlador de usuarios y registrar nuevo usuario
Pruebas con el registro de usuarios
Cifrar las contraseñas de los usuarios
Editar usuarios
Subir imagen de perfil

Controlador de vídeos

Crear VideoController
Crear nuevos vídeos
Editar videos
Subir ficheros de imagen y vídeo
Configurar KnpPaginatorBundle
Listado de vídeos paginado
Los 5 últimos vídeos
El detalle del vídeo
El método del API para el buscador
Mejoras en el buscador
Canal de videos del usuario

Controlador de comentarios

Crear el controlador de comentarios
Poder añadir comentarios a un vídeo
Eliminar un comentario
Listar comentarios

Empezar a desarrollar un portal de vídeos SPA con Angular 2

Configurar cabeceras
Instalar Angular 2 y hacer un hola mundo
Paquete de Angular 2 con todo instalado
Proyecto en Sublime Text
Recomendaciones
Crear componentes básicos
Configurar el routing de Angular
Incluir Bootstrap 3 con un tema custom y crear fichero de estilos
Plantillas en ficheros HTML independientes
Menú de navegación con Bootstrap 3 y Angular 2 (routerLink)

Login en el front-end

Formulario de Login
Recibir datos del formulario de login (Two way databinding)
Crear servicio para el Login y autenticar al usuario. Parte 1 (HTTP)
Crear servicio para el Login y autenticar al usuario. Parte 2 (LocalStorage)
Consguir información del usuario identificado (getIdentity y getToken)
Datos del usuario y menú de usuarios logueados
Menú del usuario y restringir información a invitados
Cerrar sesión
Restringir el acceso a la página de login

Registro de usuarios

Crear formulario de registro
Servicio y petición HTTP (AJAX)

Página de configuración de mi cuenta

Formulario, servicio y actualizar datos del usuario
Actualizar la contraseña. Información.
Actualizar la contraseña del usuario
Subir imagen del perfil. Parte 1
Subir imagen del perfil. Parte 2
Barra de progreso al 100%
Mostrar la imágen del usuario logueado

Añadir nuevos vídeos en la plataforma

Crear una clase para los datos
Componente, plantilla y ruta
Formulario para los datos básicos
Cambios en el modelo
Modificación rápida en el API REST
Servicio y petición HTTP para guardar el vídeo
Subir imagen para el vídeo
Subir fichero de vídeo. Ultimo paso del asistente.

Página de detalle del vídeo

Componente, ruta y plantilla
Recoger ID del vídeo por la URL
Servicio y petición AJAX (HTTP Angular 2)
Efecto de carga
Mostrar más datos del vídeo
Pipe para las fechas
Otros vídeos en la barra lateral
Recargar vídeo

Sistema de comentarios

Crear el componente de comentarios
El pie de página
Formulario para añadir comentarios a un vídeo
Añadir un comentario
Listar comentarios
Loader de carga
Borrar comentarios
Link al detalle del vídeo al terminar el asistente de creación

Portada de la aplicación

Listado de vídeos en la home de la web
Estilos para las tarjetas de los vídeos
Loading AJAX con Angular 2
Controles de paginación

Modificar videos

Editar datos básicos de un vídeo
Actualizar archivos

El buscador

Crear la página (componente, ruta y plantilla) del buscador
Input del buscador

Ajustes generales

Restringir el acceso a la sección de edición de un vídeo
Redirigir si no estas identificado en la página de creación de videos

Canales de usuario

Crear el canal del usuario (parecido a un canal de YouTube)
Maquetación web con CSS y Bootstrap de los canales
Ajustes de CSS (generales)

Actualizaciones y extras

Instalar la última versión de Angular 2
Taller de Angular 2: Routing, NgModule, Componentes, etc
Cliente HTTP y AJAX en Angular 2
Formularios en Angular 2
Instalar angular 2 final
Actualizar la webapp a Angular 2 última release

Material y recursos del curso

Descarga un vídeo de prueba
Logos e imágenes de carga (gif, loaders, spinner AJAX)
Descargar el tema Lumen de bootstrap 3
Descarga el código del curso (API REST y SPA)

Despedida

Hasta pronto...
Fin del curso
BONUS - Despedida y sorpresas extra

Screenshots

Desarrollo web full-stack con Symfony 3 y Angular 2 - Screenshot_01Desarrollo web full-stack con Symfony 3 y Angular 2 - Screenshot_02Desarrollo web full-stack con Symfony 3 y Angular 2 - Screenshot_03Desarrollo web full-stack con Symfony 3 y Angular 2 - Screenshot_04

Reviews

Monchu
March 26, 2017
El curso está bien, pero me hubiera gustado que se llevara la aplicación del curso a un entorno de producción, y así poder completar el ciclo completo.
Gilberto
March 26, 2017
Excelente curso espero mas cursos practicos, te agradesco he aprendido bastante en el curso anterior de la red social y espero lo mejor de este.
Jesus
March 26, 2017
No le doy 5 estrellas por que algunas partes se me han hecho demasiado lentas y algo repetitivas. Un pelín más de variedad o plantear hacer los componentes con alguna variación hubiera sido más didáctico. En general me parece una gran curso, muy bueno para entender de una forma muy práctica como está todo encadenado.
Guillermo
March 21, 2017
Aunque al final actualiza el contenido a la nueva versión de angular, debería actualizarlo desde el principio
Oriol
March 18, 2017
Muy completo, sin profundizar demasiado, cubre todo el desarrollo de la aplicación de una forma fácil de seguir.
Jesus
March 17, 2017
El curso esta muy bien explicado, detalladamente a pesar de que uno debe tener conocimientos previos.
Efrain
February 15, 2017
Muy buen curso, se ha tomado el tiempo de explicar cada una de las herramientas y cada uno de los conceptos que se utilizaran a lo largo del curso.
Daniela
February 13, 2017
El curso debería incluir una explicación minuciosa sobre Symfony 3, no invitar a tomar otro curso donde sí se explica. Por otro lado creo que falta explicar con mayor claridad de modo que los conceptos se entiendan a totalidad y no estén únicamente ligados a los ejemplos del curso. Finalmente los vídeos en ocasiones son excesivamente largos lo cual puede volverse agotador.
Walter
February 2, 2017
El curso es excelente, se explica todo en detalle, es muy completo con lo cual se aprende bastante de Symfony. He tomado otros cursos de Victor y todos son excelentes, lo recomiendo.
Jose
January 21, 2017
Solo se comentan las instalaciones en sistema Windows y los usuarios de Mac nos tenemos que buscar un poco la vida... pero bueno, a ver como progresa.
Cristopher
December 31, 2016
Excelente curso. muy bien explicado, y la respuesta a las dudas son respondidas muy rápido por profesor.
Nelson
December 20, 2016
El curso bastante completo, me gustaria que salieran algunas actualizaciones para profundizar un poco mas. 100% recomendado
Erick
December 1, 2016
Muy bueno, lastima que prometan enseñar Symfony y luego digan que es otro curso que hay que pagar aparte. Una lastima.
Fernando
November 28, 2016
The contents aren't bad, but the facilitator tends to be disorganized and goes through the lesson very fast. He uses A LOT of copy pasting which has caused me to get lost in the lesson. The facilitators accent is EXTREMELY annoying. I'm a native spanish speaker and it is very distracting because of the lack of correct (if any) pronunciation of some english words.
Pablo
November 22, 2016
Hasta ahora esta un poco emocionante el curso, hay que continuar viendo. Le doy 3 estrellas y medio por que habla mucho y no va al grano.

Coupons

DateDiscountStatus
6/21/202194% OFF
expired

Charts

Price

Desarrollo web full-stack con Symfony 3 y Angular 2 - Price chart

Rating

Desarrollo web full-stack con Symfony 3 y Angular 2 - Ratings chart

Enrollment distribution

Desarrollo web full-stack con Symfony 3 y Angular 2 - Distribution chart
892762
udemy ID
6/30/2016
course created date
11/20/2019
course indexed date
Bot
course submited by