Front-End with Angular

Опубликовано: 12 Июль 2026
на канале: miw-upm
4,036
71

In this tutorial, we present a front-end built with Angular, paying special attention to the architecture. This video is part of the full-stack tutorial and is part of the teaching materials for the Web Engineering Master's program at the Polytechnic University of Madrid (UPM).

The code and slides for this video can be found at: https://github.com/miw-upm/betca-spri... & https://github.com/miw-upm/betca-pyth...

Index

0:00 - Introduction to Angular

7:30 - General Architecture
18:44 - Architecture vs. Presentation
24:04 - Routing
26:24 - Code: General Structure
37:26 - Access Security
50:55 - Routing Security
1:00:54 - Async Pipes
1:06:30 - CRUD Components
1:20:15 - Project Structure

To learn more about Open Source Back-Ends, you can watch all our videos:    • BETCA. Back-end con Tecnologías de Código ...  

1. Full-Stack Application with Angular, Spring & Python:    • Aplicación Full-Stack con Angular, Spring ...  

2. Front-End with Angular:    • Front-End con Angular  

3. Spring Boot: Introduction:    • Spring-Boot. Introducción  

4. Spring Boot: Introduction to Persistence with JPA:    • Spring-Boot. Persistencia con JPA  

5. Spring Boot: Introduction to Persistence with MongoDB:    • Spring-Boot. Introducción a la persistenci...  

6. Spring Boot Introduction to a REST API:    • Spring-Boot. Introducción a un API-Rest  

7. Spring Boot: Introduction to Security:    • Spring-Boot. Introducción a la seguridad  

8. Spring Boot: Reactive Programming:    • Spring-Boot: Programación Reactiva  

9. Python: Introduction:    • Introducción a Python  

10. Python: REST API:    • Python: API Rest  

To stay updated, follow us on:

YouTube:    / miw-upm  

GitHub: https://github.com/miw-upm

Website: http://miw.etsisi.upm.es