Shadowing Practice: Angular in 100 Seconds - Learn English Speaking with YouTube

C2
Shadowing Controls
0% completed (0/25 sentences)
Angular, a TypeScript-based framework for building user interfaces.
⏸ Paused
All Sentences25 sentences
1
Angular, a TypeScript-based framework for building user interfaces.
2
It was developed at Google and released in 2016 as the sequel to AngularJS.
3
As an Angular developer, you hit the ground running with its extremely powerful CLI tool.
4
When you generate your initial application, it comes preconfigured with routing, a testing framework, and your favorite style preprocessor.
5
In addition, the magic ng-add command can turn your app into a progressive web app, add server-side rendering, Firebase support, and do a whole bunch of other cool stuff.
6
But at its core, Angular is just a component-based UI library.
7
I can create a component with the CLI, and if we go into its TypeScript file, you'll notice the component decorator, which makes this TypeScript class a component.
8
Any properties on this class are considered reactive state, and when their values change, the component will re-render the UI.
9
For example, we can bind the property to HTML using double braces in the template.
10
From there, we can add a button that increments this value every time it's clicked.
11
We add the event name on the left side in parentheses, then an expression on the right side.
12
In this case, it points to a method in our class.
13
Each time the button is clicked, it calls the method, which changes the state and re-renders the UI.
14
Angular also has a variety of directives for building complex templates.
15
Use ngif to handle conditional logic.
16
Or if you have an iterable value, use ng4 to loop over it.
17
But where Angular really excels is handling complexity, and one of its primary tools for doing so is called dependency injection.
18
When your app grows to hundreds of components, you'll likely need a way to share data and functionality between them.
19
We can take our component logic here and extract it into a service which can be treated as a global singleton throughout the application.
20
Now any component that wants to use this state or logic can simply add this class to its constructor.
21
The end result is a simple and reliable way to compose complex applications.
22
As a developer, you can always count on a consistent experience between projects and minimal decision fatigue.
23
This has been Angular in 100 Seconds.
24
If you want to see more short videos like this, make sure to like and subscribe and check out a ton of advanced Angular content on Fireship.io.
25
Thanks for watching, and I will see you in the next one.
4.9/5 on App Store & Google Play

Shadowing English On Mobile

Learn English anytime, anywhere with the Shadowing English app. Improve your communication skills today!

Track your learning progress
AI grading and error correction
Rich video library
Download on theApp Store
GET IT ONGoogle Play
Shadowing English Mobile App

About This Lesson

In this lesson, you will practice your English listening and speaking skills by shadowing a brief video on Angular, a popular framework for building user interfaces. By engaging with the content, you'll not only familiarize yourself with technical vocabulary but also enhance your pronunciation and intonation. This focused practice can help you become more comfortable with both casual and technical discussions in English. Make sure to use the lesson to reinforce your learning through repetition, allowing the words to flow naturally in your speech.

Key Vocabulary & Phrases

  • Angular - A TypeScript-based framework for developing user interfaces.
  • CLI (Command Line Interface) - A powerful tool that allows developers to create applications efficiently.
  • Component - A building block of Angular applications that encapsulates logic and UI.
  • Reactive state - Properties within a component that manage dynamic content and UI updates.
  • Dependency injection - A design pattern used in Angular to share data and functions across components.
  • Directive - Instructions in the Angular framework that extend HTML with additional capabilities.
  • Progressive web app - A type of application that uses modern web capabilities to deliver an app-like experience.
  • Service - A singleton object in Angular that allows shared logic and state between components.

Practice Tips

To make the most out of this shadowing exercise, consider these tips as you engage with the video:

  • Listen Actively: Play the video and focus on the speaker's pace and pronunciation. Try to capture the rhythm of their speech, especially when they emphasize key terms related to Angular.
  • Repeat Immediately: As soon as you hear a phrase or term, pause the video and repeat it aloud. This will help solidify your understanding and improve your ability to shadow speech effectively.
  • Break it Down: If the video feels too fast, break down longer sentences into smaller chunks. Repeat each chunk until you feel comfortable, then combine them.
  • Use a Shadowing App: To enhance your practice, consider using a shadowing app that lets you record your voice alongside the video. This can provide instant feedback on your pronunciation.
  • Focus on Intonation: Note how the speaker varies their tone and pitch as they discuss different aspects of Angular. Mimicking this can help you sound more natural when speaking English.
  • Regular Practice: Make shadowing a daily habit. Even short sessions can dramatically improve your speaking skills over time, especially if you immerse yourself in content that interests you like learning English with YouTube.

What is the Shadowing Technique?

Shadowing is a science-backed language learning technique originally developed for professional interpreter training and popularized by polyglot Dr. Alexander Arguelles. The method is simple but powerful: you listen to native English audio and immediately repeat it out loud — like a shadow following the speaker with just a 1–2 second delay. Unlike passive listening or grammar drills, shadowing forces your brain and mouth muscles to simultaneously process and reproduce real speech patterns. Research shows it significantly improves pronunciation accuracy, intonation, rhythm, connected speech, listening comprehension, and speaking fluency — making it one of the most effective methods for IELTS Speaking preparation and real-world English communication.

☕ Buy us a coffee