Udemy

Platform

Español

Language

Web Development

Category

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 (674 reviews)

3174

Students

18 hours

Content

Jan 2021

Last Update
$59.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.

A parte de esto, en los cursos de Víctor Robles conseguirás soporte, apoyo y ayuda muy rápida para que puedas conseguir todos tus objetivos.

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


Screenshots

Desarrollo web full-stack con Symfony 3 y Angular 2
Desarrollo web full-stack con Symfony 3 y Angular 2
Desarrollo web full-stack con Symfony 3 y Angular 2
Desarrollo web full-stack con Symfony 3 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



Reviews

J
Jorge19 August 2020

Requiere la realización previa de los cursos de Symfony 3 y angular 2, para entender lo que se va haciendo durante este curso

K
Kevin30 July 2020

El código que muestra en el video te arrojará otros resultados, y tu mismo lo puedes corregir pero no recomiendo el curso, ni este ni otros

G
Guillermo15 October 2019

Lamentable. El peor curso que hice online. No solo no sabe explicar, sino que es un curso que no enseña nada de symfony y de angular, es para personas que ya tengan conocimiento en symfony y angular (para lo cual intenta venderte sus otros cusros, impresentable!), ademas este señor no sabe hablar, no pronuncia ni una sola "s" .. "vamo", "pue" y cuando tiene que ahondar un tema siempre lo termina diciendo "y todo eso.." Realmente una completa decepsion y desperdicio de dinero. Un robo. Si pudiera le pndria una valoracion negativa. Tuve que comprar otros cursos de symfony y de angular para aprender esos framworks.

E
Emilio27 May 2019

No recomiendo el curso, el profesor sabe lo básico con sus ejercicios pero hay errores y cuando le preguntas, te responde una vez y búscate la vida luego. Es el segundo curso que hago con él y el último. Lo siento pero esta ha sido mi experiencia.

A
Antonio5 December 2018

El curso me ha servido bastante, el único problema ha sido que lo he realizado a finales de 2018 cuando Angular va por la versión 7 y está bastante anticuado. Otros cursos de angular de esta misma plataforma se han ido actualizando con el tiempo, pero este no.

I
Isaias29 October 2018

Un curso muy completo, bien explicado y que se nota que Víctor Robles es un gran profesional y sabe como explicar las cosas. El contenido se hace ameno y fácil de entender. Si te quieres acercar y dominar symfony y angular es un excelente curso para ello.

J
Juan26 July 2018

No es un curso dinámico, es algo lento y repetitivo. No se explica el porqué de las cosas, se vuelve algo muy mecánico. Creo que el instructor dispone de los conocimientos pero no es hábil al transmitirlos.

J
Juan31 March 2018

Es interesante pero el contenido actualmente esta desactualizado y para que funcione se debe cambiar bastante del codigo que presenta en el curso. Deberia actualizar o el que toma el curso debe conocer bastante de Symfony y Angular para que pueda ser útil contenido

J
Juancito29 March 2018

Por el contenido que se muestra creo que es una de las mejores inversiones que puedes hacer para tu educacion, y mas si viene de Víctor Robles, un maestro con probada habilidad en el desarrollo de software, esta super especial.

C
Cesar14 March 2018

Super completo, aunque esta un poco desactualizado, debido a que ya hay actualizaciones mas recientes de Angular, PERO no queire decir que ya es obsoleto el curso, puedes empezar a verlo y aprenderle y solo te queda investigar el como actualizarte a nuevas versiones. Se recomienda ampliamente tener conocimientos basicos de Symfony, debido a que no lograras explotar el potencial de ese Framework.

J
Jhonny15 January 2018

En realidad el curso estuvo muy bueno, sin embargo me hubiera gustado que en la parte del backend en el Api se hubiera utilizado los metodos PUT Y DELETE

B
Bairon28 December 2017

Por que se toma el tiempo de explicar a profundidad y en detalle de que vamos a empezar a realizar, haciéndole conocer a uno que es todo lo que le espera y si uno esta dispuesto aprenderlo. GRICIAS

N
Nahum18 November 2017

Excelente Curso, solo que deberías mejorar el tiempo de respuesta a las preguntas y Algo muy importante Aplicar los ejercicio al mundo Real de un trabajo cotidiano, Ejm: Como subir la aplicación a un entorno de de Producción; ya que alli todo cambia mucho, dependiendo de si se hace en Linux o en Windows. Eso ayudaría mucho a no estar varios días con investigaciones que en el trabajo causan mas estress de lo norma. También el hecho de adentrarse mas en la configuración los ts-config ejm. En general muy buen curso y se que tomaras en cuentas mis sugerencias.

D
Deivis13 October 2017

Curso perfecto para ambientarse en el desarrollo con un framework poderoso para el backend y consumirlo con el cliente mas popular

J
Javier5 October 2017

Me ha gustado mucho el curso lo explica todo al detalle, ademas te dice que hace cada metodo y porque lo hace, en realidad hasta ahora a sido muy bueno



892762

Udemy ID

6/30/2016

Course created date

11/20/2019

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram
Android PlayStore
Apple Appstore