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 · World Congress 2021

4:33 min

Overview of the Angular development platform

Muhammad Ahsan Ayaz · World Congress 2021

5:46 min

Evolution of the Angular framework from AngularJS

Valentine Awe · World Congress 2023

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Read more, Prompt Less thumbnail
1:01:30
2 days ago

WeAreDevelopers LIVE - Read more, Prompt Less

Chris Heilmann, Daniel Cranney, Luise Freese

WeAreDevelopers LIVE - Tech Education in Two Languages thumbnail
1:00:18
9 days ago

WeAreDevelopers LIVE - Tech Education in Two Languages

Daniel Cranney, Roxy Rodriguez-Becker

WeAreDevelopers LIVE - Playing in Production thumbnail
1:06:40
16 days ago

WeAreDevelopers LIVE - Playing in Production

Andrew MacLean, Daniel Cranney, Christian Heilmann

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
about 1 month ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
about 1 month ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
about 1 month ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

From Profiler to Production: Measuring What Actually Matters in React & React Native

  • Andrei Tazetdinov

    Dynatrace

    React Native Developer

Open session

AI Is the Easy Part: Why Faster Engineers Don't Make Faster Businesses

  • Bharat Sharma

    Booking

    Senior Engineering Manager

Open session

Teaching AI Coding Agents to Build It Right the First Time

  • Sajeetharan Sinnathurai

    Microsoft

    Principal Product Manager

Open session

Build a Zero-Cost AI Agent in Your Browser

  • Aishwarya Mathuria

    Adobe

    Computer Scientist

  • Nishant Thakur

    Adobe

    Senior Computer Scientist

Related videos

Angular Features You Should be Using thumbnail
36:22
World Congress 2021 • over 5 years ago

Angular Features You Should be Using

Sani Yusuf

Stand alone components in Angular thumbnail
28:11
World Congress 2023 • about 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 • almost 5 years ago

State of Angular

Jessica Janiuk

Angular Lifecycle Hooks: The Right Hook for the Right Job thumbnail
24:34
Europe 2026 Virtual • 4 months ago

Angular Lifecycle Hooks: The Right Hook for the Right Job

Ankita Sood

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

Sustainable Angular Architectures with Nx and Strategic Design

Manfred Steyer

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.