Master Angular in only 6 days
Develop comprehensive and reactive Angular applications including NgRx, Unit Testing, Signals, and Angular Material.
Lo que serás capaz de hacer
Summing up, this course allows you to learn Angular in depth , from scratch, and in only 6 days. It's the best Angular course choice for every busy developer or individual in general. Enroll in this course now and learn how to: Create comprehensive front-end applications using Angular Use Angular components, modules, and services to create maintainable applications Use the most important features of the Angular framework to build real-world applications Communicate with web servers for posting, getting, or deleting data from within your angular application Use the latest features like Angular Signals and Effects What's inside this course: Setting up Development Environment for Angular projects Typescript Overview Angular CLI Components Modules Services (Injection and provider scopes) Validation Data Binding Adding Packages Routing Template Driven Form Binding (NgModel) Pipes Angular Material Building web apps with user experience (ux) in mind In addition, you will easily apply and understand more advanced concepts like: NgRx for building reactive web applications State management using actions, reducers, store, effects, and selectors Reactive extensions like observables for asynchronous tasks Unit Testing using Karma and Jasmine HTTP RESTful API communication Setting up Mock servers using Mockoon Global Error Handling Directives Sending Data to Child Components (Input binding) Sending Data to Parent Components (output binding) Smart vs Presentational Components Component and Directive Selectors Angular Signals Angular Effects 30 Day Full Money Back Guarantee This course comes with a 30-day full money-back guarantee. Take the course, watch every lecture, and do the exercises, and if you feel like this course is not for you, ask for a full refund within 30 days. All your money back, no questions asked. Enroll now, take the fast lane, and master Angular in only 6 days.
- Learn Angular in-depth in a short amount of time
- Build comprehensive web apps like an e-commerce store
- Use Angular components, services and modules to create a maintainable code base
- Use NgRx to build reactive web applications using state management
- Write Unit Tests using Karma and Jasmine to test your Angular applications
- Learn how to communicate with web servers for posting, getting, or deleting data
Temario
UNIDAD 1 - Day 1: Building an Appointment app with components and data-binding · 32 leccionesUNIDAD 1 - Day 1: Building an Appointment app with components and data-binding
UNIDAD 1 - Day 1: Building an Appointment app with components and data-binding
- Defining your Angular goal
- Day 1 Topics
- Angular building blocks
- What you will build
- Source Code: Appointment App
- Building Angular applications in a web browser
- Installing Node.js and Visual Studio Code
- Important: Update Read this BEFORE you create an Angular project
- Installing the Angular CLI
- Angular 17 project creation flag
- Creating and serving an angular application
- Angular under the hood
- Components
- Creating the appointment-list component
- Introduction to typescript
- Using TypeScript in Angular
- One-way data binding with appointment property
- Creating an appointment interface
- Visual Studio Code Angular extension
- Adding two-way data binding
- Adding a button click event listener
- Adding an appointment to the array
- Adding an appointment list using ngFor
- Removing appointments
- Storing appointments in the local storage
- Using ngOnInit to load appointments from local storage
- Adding bootstrap
- Styling the application
- The most commonly used commands in Angular
- Handout Components
- Working with Angular components
- Day 1 Progress Report
UNIDAD 2 - Day 2: Build a Hotel Reservation App with Services, Forms, and Routing · 33 leccionesUNIDAD 2 - Day 2: Build a Hotel Reservation App with Services, Forms, and Routing
UNIDAD 2 - Day 2: Build a Hotel Reservation App with Services, Forms, and Routing
- Day 2 Topics
- Step-By-Step Exercise: Building a book management system
- The hotel reservation app
- Source Code: Hotel App
- Creating the hotel app project
- Project architecture hotel app
- Creating all modules, services and components
- Creating the reservation interface
- Creating routes
- Building a simple navigation
- Creating a form group
- Creating the reservation form
- Validating a form using reactive form validation
- Dynamically toggle html attributes based on form state
- Showing validation messages
- Creating the reservation service
- Injecting the reservation service into the form component
- Using the localStorage in the reservation service
- Showing all reservations in a list
- ngtemplate and local reference
- Using the router navigate method to redirect the user
- Deleting reservations
- Creating unique ids for reservations
- Adding the edit route with parameter
- Editing reservations
- Combining components from different modules
- Styling the home component
- Styling the reservation form component
- Styling the reservation list component using a table
- Modules
- Handout Modules
- Services
- Day 2 Progress Report
UNIDAD 3 - Day 3: Reactive programming with Observables, HTTP and Mock APIs · 12 leccionesUNIDAD 3 - Day 3: Reactive programming with Observables, HTTP and Mock APIs
UNIDAD 3 - Day 3: Reactive programming with Observables, HTTP and Mock APIs
- Day 3 Topics
- Modern web architecture
- What you will create during this section
- Using Mockoon as a mock backend api
- Preparing the project for the mock backend api
- Calling the mock api using the http client and observables
- Returning reservations from the mock api
- Setting up all mock api endpoints
- Finishing all CRUD operations with observable implementation
- Handout Observables
- Modern Web Architecture
- Day 3 Progress Report
UNIDAD 4 - Day 4: Building an ecommerce web application with Angular Material and more · 32 leccionesUNIDAD 4 - Day 4: Building an ecommerce web application with Angular Material and more
UNIDAD 4 - Day 4: Building an ecommerce web application with Angular Material and more
- Day 4 Topics
- Project overview
- Important: Project Materials
- Switching to a new angular version
- Creating the product module, service and component
- Creting the product class and clearing the template
- Setting the product route
- Setting up the mockoon api
- Creating environments
- Getting products from our product service
- Product list displaying products
- Serving for environments
- Installing angular material and exploring cards
- Creting mat-cards for products
- Applying the angular material style and product images
- Responsive product grid
- Adding an eye-catching hover effect
- Adding a container css class
- Adding a navbar
- Adding a description
- Creating the cart module, component and service
- Setting up the cart service methods
- Getting all cart items
- Using mat-list for cart items
- Calculating the total cart price
- Adding the clear cart and checkout button
- Exercise: Adding the checkout logic
- Adding products to cart and popup
- Adding the search functionality Part 1
- Adding the search functionality Part 2
- Adding the sort functionality
- Day 4 Progress Report
UNIDAD 5 - Day 5: NgRx - Building reactive web applications with Angular · 23 leccionesUNIDAD 5 - Day 5: NgRx - Building reactive web applications with Angular
UNIDAD 5 - Day 5: NgRx - Building reactive web applications with Angular
- Day 5 Topics
- The problem NgRx can solve
- NgRx explained
- Angular 17 update hint
- Creating a project for our reactive application
- Creating the application state
- Creating actions for adding and deleting books
- Creating the book reducer part 1: Creating a reducer
- Creating the book reducer part 2: Change functions
- Creating the store
- Creating a component and methods to dispatch our actions
- Loading books from the store
- Using the AppState interface for type safety
- Creating the UI to see our reactive application in action
- NgRx Basics
- NgRx effects recap
- Creating success and failure actions
- Adjusting the reducer for effects
- Creating the service for the effect
- Creating the effect part 1
- Creating the effect part 2
- Registering the effect and using Angular Dev Tools to test the application
- Day 5 Progress Report
UNIDAD 6 - Day 6: Unit Testing Angular applications with Karma and Jasmine · 13 leccionesUNIDAD 6 - Day 6: Unit Testing Angular applications with Karma and Jasmine
UNIDAD 6 - Day 6: Unit Testing Angular applications with Karma and Jasmine
- Day 6 Topics
- Unit Testing in Angular
- Creating our first unit test
- Running unit tests using Karma
- Creating a service to test
- Unit testing the service
- Creating a component to test
- Component fixture for unit testing
- Handling dependencies for component tests
- Testing a component property that loads from ngOnInit
- Testing a components UI functionality
- Day 6 Progress Report
- Quiz: Unit Testing with Karma and Jasmine
UNIDAD 7 - Angular Signals · 8 leccionesUNIDAD 7 - Angular Signals
UNIDAD 7 - Angular Signals
- What are Angular Signals
- Creating an Angular Signal
- Setting the value of a signal
- Creating an effect for a signal
- Computed signals
- Signal Use Case
- Signal Inputs
- Angular Signals
UNIDAD 8 - Additional Angular Exercises · 2 leccionesUNIDAD 8 - Additional Angular Exercises
UNIDAD 8 - Additional Angular Exercises
- Download Exercise Sheet
- Moving on
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
8 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
9 cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Un certificado oficial de la SEP
Muestra · verificable por folio y QR
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Denis Panjuta.
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 8 unidades · 155 lecciones · 40 h
- 12 meses de acceso
- 9 cuestionarios de evaluación
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Denis Panjuta; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.
