Udemy

Platform

Español

Language

Web Development

Category

Desarrollo frontend con Angular 4 y backend con Symfony 3.3

Aprende a crear aplicaciones web con Angular4 y a desarrollar APIs REST con Symfony3. Desarrollos fullstack completos.

4.15 (324 reviews)

1311

Students

10.5 hours

Content

Jan 2021

Last Update
$94.99
Regular Price


What you will learn

Desarrollar servicios y APIs REST con Symfony

Hacer desarrollos full-stack completos

Hacer un backend con Symfony

Crear webapps SPA dinámicas con Angular 4

Hacer el frontend con Angular

Mejorar tus habilidades profesionales

Mejorar la capacidad de adaptación a otros frameworks

Aumentar las posibilidades laborales como desarrollador


Description

Bienvenido al curso Desarrollo frontend con Angular 4 y backend con Symfony 3.3, en el que aprenderemos paso a paso a como desarrollar servicios y APIs REST con Symfony y como crear aplicaciones web front-end completas con la nueva versión de Angular 2.

Symfony es el framework más poderoso, más usado y más solicitado por las empresas para hacer desarrollos back-end con PHP.

Angular 4  se ha convertido en el framework para JavaScript lider para desarrollar aplicaciones web modernas y dinámicas en el lado del cliente basadas en la filosofía SPA. 

Si quieres ser desarrollador web front y back-end, o incluso si ya te dedicas al desarrollo web, es muy recomendable aprender estos dos potentes frameworks y como trabajan conjuntamente.

En curso está divido en dos partes:

En la primera parte trabajaremos en el backend (servidor) y desarrollaremos un servicio o API REST con Symfony 3.3.

¿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 trabajaremos en el frontend (cliente) y desarrollaremos una aplicación web de tipo SPA con Angular 4.

¿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 acabar el curso serás capaz de desarrollar tus propias aplicaciones web con Symfony 3.3 y Angular 4.

Durante el curso verás como desarrollar una aplicación de gestión de tareas personales paso a paso. 

En esta aplicación podremos identificarnos mediante un formulario de login, registrarnos en la plataforma, modificar los datos de nuestro usuario, crear, editar y borrar tareas, tendremos listados paginados de las tareas de la plataforma, un buscador de tareas con filtros 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 y tareas en Symfony3.

Continuaremos programando la parte del cliente con Angular 4, 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 4, 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, 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 4 para hacer la parte del frontend.

Además en todos los cursos de Víctor Robles WEB conseguirás soporte, apoyo y ayuda muy rápida para que puedas aprender de la mejor manera posible.

Si quieres aprender desarrollo web moderno sin sufrir, practicando poco a poco con los dos mejores frameworks actuales, subir de nivel en el desarrollo web con PHP y JavaScript y aumentar tus posibilidades 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 frontend con Angular 4 y backend con Symfony 3 !!


Screenshots

Desarrollo frontend con Angular 4 y backend con Symfony 3.3
Desarrollo frontend con Angular 4 y backend con Symfony 3.3
Desarrollo frontend con Angular 4 y backend con Symfony 3.3
Desarrollo frontend con Angular 4 y backend con Symfony 3.3

Content

Introducción

Introducción

Puesta en marcha del back-end

Preparación del entorno de desarrollo

Recomendaciones importantes

Instalar Symfony

Configuración del servidor

Cargar proyecto en el editor

La base de datos

Diseñar la base de datos

Crear la base de datos

Código SQL

Primeros pasos

Instalar paquetes para la autenticación y la paginación

Configuración de controladores y rutas

Bundles, modelos y entidades

Crear un bundle

Crear y configurar entidades

Pruebas con las entidades

Respuestas y servicios del API REST

Respuestas JSON con JsonResponse

El método JSON de los controladores

Crear un servicio en Symfony3.3

Método para convertir a JSON

El cliente RESTful

Autenticación con JWT (Tokens)

Método de login

Comprobar usuario y contraseña

Generar token con JWT

Comprobar los JSON Web Tokens

Controlador de usuarios

Crear el controlador y la ruta

Registar usuarios

Actualizar datos del usuario

Cifrado de contraseñas

Controlador de tareas

Crear el controlador y las rutas básicas

Método para crear tarea

Modificar y actualizar una tarea

Configurar el paginador

Devolver el listado de tareas principal

Método para el detalle de la tarea

El buscador de tareas del back-end

Eliminar tareas

Configurar cabeceras HTTP y acceso CORS

Mejoras

Empezando a desarrollar el front-end con Angular 4

Instalar Angular 4 con Angular CLI

Crear los componentes fundamentales

Configurar el routing

Incluir Bootstrap y jQuery

Maquetación de menus

Login en Angular

Formulario de login

Recibir los datos del formulario

Crear el servicio de Usuarios

Operator map

Petición de autenticación y uso del localStorage

Métodos auxiliares de identidad de usuarios

Controlar elementos del menú de navegación

Cerrar sesión

Restringir el acceso a la página de login

Registro de usuarios

Formulario de registro

Recibir datos del formulario

Registrar al usuario

Sección de Ajustes

Componente de edición de usuario

Formulario para actualizar mis datos

Modificar los datos del usuario identificado / logueado

Añadir tareas

Sección para crear tareas

Formulario para añadir tareas

Recibir los datos del formulario

Servicio de tareas

Crear nueva tarea

Página principal

Listado de tareas en la home

Paginación de las tareas

Efecto cargando

Mejoras visuales

Página de la tarea

Componente de detalle

Mostrar datos de la tarea

Efecto cargando tarea

Editar tareas

Actualizar tareas

Loading ajax

Buscador

Desarrollar la aplicación web SPA completa paso a paso

Formulario para la busqueda

Two way data binding en el buscador

Busqueda

Acabando el buscador

Borrar tareas y varios

Modal para eliminar tareas

Borrar tareas

Pipe para convertir fechas

El código de la aplicación

BONUS - Despedida y regalos

BONUS - Despedida y sorpresas extra



Reviews

J
Jaime10 May 2020

Muy buen curso, Aunque debes tener bases básicas de programación Orientada a Objetos y de php. Ya que no es un curso donde explique a profundidad algunos conceptos que ya deben saberse. Pero en general muy buen hasta el momento y proyecto realista.

M
Mauro17 August 2019

Tengo un bug. Cuando voy a ajustes y edito los datos del usuario, por ejemplo cambiando el nombre, y actualizo la página, desaparecen los items del menú. En el home no me muestra la lista. Es como si no estuviera logueado. La petición AJAX se da sin problemas, devuelve los datos de las tareas, pero no las muestra

I
Iván29 January 2019

Excelente curso, lo recomiendo explica bastante bien... Va cometiendo errores, pero es parte del curso, nos permite identificar nuestras posibles fallas. Excelente Victor!

A
Alberto20 January 2019

A favor dire que explica los videos muy bien y los hace muy amenos, pero en contra dire que para mi el codigo no esta bien estructurado, no veo que se siga el modelo mvc, al menos en la parte de symfony, puesto que el manejo de los datos los hace desde los controladores y no desde un modelo, por ejemplo a la hora de crear o editar tareas, no utiliza el modelo, lo hace todo desde el controlador, me gustaria saber donde se programa el modelo en un proyecto con symfony

Á
Álvaro7 January 2019

Buen curso, sirve de mucho para saber como hacer servicios con esta gran herramienta de symfony en angular. Mi unico consejo es que actualicen el curso a la versión actual de symfony y angular, del resto todo muy bien. Saludos

A
Adan16 November 2018

hay mucho para actualizar por la version de angular y ademas hay muchos elementos que estan "deprecated" y tenes que buscar en internet como solucionarlos, como por ejemplo la propiedad MAP o el HEADERS de HTTP... me vuelvo loco, pero el profe explica bien. Voy por la mitad del curso, quisiera que desarrolle todo nuevamente utilizando angular 6 o 7 y symfony 4... entonces estariamos actualizado.. .o al menos que nos provea del codigo fuente...

R
Rolando9 May 2018

Los tópicos están desorganizados, no tiene un proceso lógico establecido. Demasiado código para cosas que son simple, la cual sobre complica el proceso de aprendizaje. En ocasiones da la impresión de que te pones las medias luego de poner el zapato. Extremadamente redundante, forzando el usuario a revisar videos anteriores para poder enfrontarle sentido a lo explicado, y aun así te deja con más preguntas que respuestas. Cosas básicas como configuración para Autenticación, proceso completo de principio a final de la estructura requerida, diseño inicial de la base de datos (tablas), diseño e implementación del modelo de seguridad de Symfony, etc. Todo se pierde dado la desorganización del curso. Creo que necesita ser mejor organizado.

K
KZ16 April 2018

El contenido del curso es muy completo y muy claro tal y como lo explica el instructor, aunque hay ciertos puntos en los que no se ha parado lo suficiente, con lo que hay errores que surgen que no ha podido aclarar, por ejemplo las sesiones de symfony. Por el resto, explica genial, curso muy completo, aceleraría un poco el ritmo pero bueno, es opinión personal mía, entiendo que a otras personas no tiene porque parecerle lo mismo.

L
Leandro13 April 2018

Pienso que el curso es excelente, explica bien y enseña bien a como desenvolverse en errores que son muy comunes.

A
Aimel4 April 2018

Siento que se pierde mucho tiempo en cosas que realmente no son del tema de mi interés, como crear el diagrama de la base de datos, podría haberse echo mucho mas ágil esa parte, y también si se proporcionara un tipo de guía con los comandos por consola del bin/console para saber que usos tienen, y no estar pausando los vídeos en cada momento.

C
Cesar16 March 2018

Mucho mejor y actualizado que el que compre de Angular 2 (No habia visto la existencia de esta version)

J
Javier9 March 2018

Muy buen curso; completo y directo. Estoy desarrollando una aplicación con Symfony y decidí entrar al mundo Angular para desarrollar el front. Lo estoy usando de guía y me está resultando muy practico!

J
Juan8 March 2018

Compré este curso porque quería ampliar mis conocimientos en el desarrollo de APIs con Symfony y además empezar a aprender Angular, pero tras ver los primeros vídeos me he dado cuenta de que la forma de trabajar con Symfony en este curso expone las peores prácticas sobre este framework. Mete toda la lógica en los controladores cuando estos solamente deberían recibir un Request, delegar la lógica a servicios o disparar eventos y devolver un Response. Además de anidar if y else y elseif en todos los métodos. Comprobar el token en cada llamada a métodos del controlador es otro error. Tal vez un UserProvider y un TokenAuthenticator serían buenas prácticas. Desde luego, si alguien aprende a hacer APIs de esta forma, no le contratarán en ningún sitio. Y por último, el nivel de inglés del profesor es nulo. No se pueden leer las palabras y términos tal y como suenan en español. Un mínimo de pronunciación es algo básico. Me ha desilusionado mucho y creo que para un curso que cuesta casi 200€, es inaceptable

C
Cristhian26 January 2018

Hasta el momento he completado todas las secciones correspondientes al backend y para mi gusto el contenido es de 5 estrellas sin discusión, por ahí una recomendación pequeña podría ser usar la versión de Symfony 3.3.15 (en esta versión yo he desarrollado todo el backend sin problemas y realizando las pruebas del POSTMAN) en cambio de la 3.3.2 que al parecer tiene un pequeño bug en el app_dev.php/config.

G
Guido3 January 2018

Victor es casi el unico instructor que realiza la integracion del API REST de Symfony con Angular de una manera sencilla y clara, pero a la hora de realizar la applicacion de Angular me parece que deberia entrar a profundidad en muchos temas, pero toma mas tiempo en la repeticion de codigo y errores que genera el mismo, y el curso a mi punto de vista es para aprender mas de cada herramienta y no pasarse viendo errores que genera al enseñarnos.



1184016

Udemy ID

4/17/2017

Course created date

11/20/2019

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram
Android PlayStore
Apple Appstore