WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Sep 21, 2023

Angular Unleashed: Mastering Modern Web Development with Angular

Indu Chaube

Stop coding by faith and start knowing why. Master Angular's advanced state management, component architecture, and modern rendering strategies to build scalable, enterprise-grade web applications.

Pause
Mute Enter Fullscreen
#1 about 5 min

Evolution and characteristics of modern web development

Modern web development separates the frontend and backend architectures allowing flexible deployment and dynamic feature delivery.

#2 about 2 min

Overview of the Angular application framework

Angular acts as a component-based platform offering integrated libraries to build scalable single-page applications.

#3 about 3 min

Fundamental architecture and modules in Angular applications

Modules group essential application elements while components safely isolate the user interface code and handle presentation logic.

#4 about 2 min

Understanding the lifecycle of Angular components

Managing the creation and destruction phases of an active application class prevents memory leaks and optimizes resource handling.

#5 about 2 min

Implementing one-way and two-way data binding

Data binding connects template visualization directly to internal class properties to process continuous interface inputs.

#6 about 4 min

Manipulating user interfaces with Angular directives

Attribute and structural directives extend HTML functionality to dynamically toggle elements and manipulate application layouts programmatically.

#7 about 2 min

Output formatting using Angular pipes

Pipes simplify transforming raw backend strings into accessible data structures like custom dates and localized currency values.

#8 about 2 min

Injecting component and module metadata

Modifying runtime instructions via metadata annotations informs Angular syntax rendering engines how to resolve dependencies properly.

#9 about 3 min

Abstracting business logic into reusable Angular services

Custom singleton services abstract repeating API polling away from frontend components to isolate the overall domain processing logic.

#10 about 2 min

Injecting external dependencies across different Angular classes

Leveraging default dependency injection guarantees that instantiated application features securely utilize uniform execution states.

#11 about 3 min

Effective methods for sharing data between components

Combining parent-to-child input decorators and stored browser tokens enables diverse components to securely replicate session contexts.

#12 about 2 min

Enabling navigation without reloading using Angular routing

URL view coordination updates active application components to reflect user journeys without full webpage reloads.

#13 about 2 min

Optimizing browser performance through module lazy loading

Delaying unneeded component loading blocks prevents lengthy buffering and prioritizes immediate interaction latency.

#14 about 2 min

Automating application creation with the Angular CLI

Command-line functions streamline generating standardized directory boilerplate formats and orchestrate local development servers instantly.

#15 about 4 min

Compiling Angular applications dynamically and statically

Comparing just-in-time runtime processing to ahead-of-time deployment methods clarifies deployment configurations for varied execution environments.

#16 about 6 min

Managing local instance states and reactive variable subscriptions

Local scoped states and structured event signal subscriptions ensure interface components correctly sync when sharing rapidly interacting variables.

#17 about 8 min

Integrating the NgRx architecture for global state management

Disentangling persistent application details out from layout views using strict actions and isolated reducers solidifies data continuity rules.

#18 about 5 min

Adopting Angular source code quality and version best practices

Preserving standards around continuous component modularity and commit formats protects project scaling and team synchronization processes.

#19 about 4 min

Strategies for scaling frontend application rendering speeds

Accelerating web experience responsiveness via distributed content networks and efficient browser caching unburdens initial thread computations.

#20 about 3 min

Testing Angular application environments for quality assurance

Enforcing continuous function coverage utilizing internal testing environments guarantees deployment updates lack harmful processing errors.

#21 about 4 min

Discussing resources and summarizing fundamental optimization concepts

Identifying reliable online learning platforms reinforces vital architectural optimizations enabling scalable interface designs.

Matching moments

1:13 min

Core principles of the Angular framework

Jessica Janiuk · JS Congress

4:33 min

Building long-term Angular architectures with domain-driven design

Manfred Steyer Manfred Steyer · LIVE

3:46 min

The rise of modern component-based frameworks and modular architecture

Sasha Shynkevich · LIVE

6:32 min

Evolution and benefits of the Angular ecosystem

Sani Yusuf · WWC 2021

4:33 min

Overview of the Angular development platform

Muhammad Ahsan Ayaz · WWC 2021

5:46 min

Evolution of the Angular framework from AngularJS

Valentine Awe · WWC 2023

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

The spectrum of agentic coding: From vibe coding to high-quality software engineering

YK Sugi

Developer Experience Manager at Eventual

YK Sugi

Related videos

Angular Features You Should be Using thumbnail
36:22
WWC 2021 • about 5 years ago

Angular Features You Should be Using

Sani Yusuf

Stand alone components in Angular thumbnail
28:11
WWC 2023 • almost 3 years ago

Stand alone components in Angular

Valentine Awe

Angular tips/tricks you can use from tomorrow on thumbnail
50:28
LIVE • over 4 years ago

Angular tips/tricks you can use from tomorrow on

Benedikt Starzengruber

State of Angular thumbnail
41:34
JS Congress • over 4 years ago

State of Angular

Jessica Janiuk

Sustainable Angular Architectures with Nx and Strategic Design thumbnail
50:57
LIVE • about 6 years ago

Sustainable Angular Architectures with Nx and Strategic Design

Manfred Steyer

Angular <> Angular CDK - Awesomeness Combined thumbnail
35:49
WWC 2021 • about 5 years ago

Angular <> Angular CDK - Awesomeness Combined

Muhammad Ahsan Ayaz

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.