Shadowing Practice: Angular in 100 Seconds - Learn English Speaking with Video
Kies een oefenmodus
Elke modus opent een volledig scherm oefenruimte.
25 zinnen
Als zinnen te kort of te lang zijn, klik op Bewerken om ze aan te passen.
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.
App downloaden
Alles wat je nodig hebt om vloeiend te spreken
AI UitspraakScoor elke zin
IPA OefeningBeheers elk geluid
WoordenschatBouw je woordenschat op
WoordenspelLeren terwijl je speelt
Zelfde Kanaal
C11
PostgreSQL in 100 Seconds
Daily ConversationWorking Adults
C11
React Native in 100 Seconds
Daily ConversationUniversity Students
C13
Every app on Earth is now open source... whether it likes it or not
Daily ConversationWorking Adults
C14
Brainf**k in 100 Seconds
Daily ConversationUniversity Students
C12
Mind-bending new programming language for GPUs just dropped...
Daily ConversationUniversity Students
C12
China just dropped a new frontier model... and nobody can explain how
Daily ConversationUniversity StudentsWorking Adults
C16
The plan to break apart Google... RIP Chrome
American AccentBusiness EnglishDaily ConversationUniversity Students
C130
Docker in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
C12
The worst week in cybersecurity history... so far
Daily ConversationUniversity StudentsWorking Adults
C12
The last real programmers are dying out...
Daily ConversationUniversity StudentsWorking Adults
C11
Did the AI bubble just pop?
Daily ConversationUniversity StudentsWorking Adults
C19
When open-sourcing your code goes wrong...
American AccentBusiness EnglishUniversity StudentsWorking Adults
B23
OpenAI’s new browser feels familiar…
American AccentBusiness EnglishUniversity StudentsWorking Adults
C19
The most interesting "hack" in history...
American AccentBusiness EnglishUniversity StudentsWorking Adults
C15
Tragic mistake... Anthropic leaks Claude’s source code
American AccentBusiness EnglishUniversity StudentsWorking Adults
B23
Firefox and Tor hit with 9.8 critical level exploit
American AccentBusiness EnglishUniversity StudentsWorking Adults
C12
C++ in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
B24
Linux in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
C13
Did Google just dethrone OpenAI and Anthropic?
Daily ConversationUniversity StudentsWorking Adults
C116
VS Code in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
FOR YOU
Aanbevolen Video
C219
29 zinnen
NestJS in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
C11
63 zinnen
Google’s AI endgame is here… everything you missed at I/O 2026
American AccentBusiness EnglishUniversity StudentsWorking Adults
C11
124 zinnen
How to Make Anything - Learn to Think Like an Engineer
Business EnglishUniversity StudentsWorking Adults
C12
195 zinnen
JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue
Business EnglishUniversity StudentsWorking Adults
C11
184 zinnen
10 Essential React Native Tips Every Developer Must Know
Daily ConversationUniversity StudentsWorking Adults
C14
122 zinnen
Intro to Scrum in Under 10 Minutes
Business EnglishUniversity StudentsWorking Adults
C19
13 zinnen
IOC & Dependency Injection in Spring Boot - Quick Breakdown !! #shorts
Business EnglishUniversity StudentsWorking Adults
C16
22 zinnen
Server-side tracking explained in 100 seconds || What is server-side GTM?
Business EnglishUniversity StudentsWorking Adults
C14
239 zinnen
My 4.9-Star iOS App Is Actually a Website: Here’s How I Built It
Daily ConversationUniversity StudentsWorking Adults
C12
147 zinnen
NGINX Explained - What is Nginx
Business EnglishUniversity StudentsWorking Adults
C11
74 zinnen
LangChain in 5 Minutes (Explained Clearly)
Daily ConversationUniversity StudentsWorking Adults
C151
93 zinnen
Kubernetes Explained in 6 Minutes | k8s Architecture
Business EnglishUniversity StudentsWorking Adults
Woordenschat en spreektips bij deze les
Deze video bevat 25 zinnen en 416 woorden om na te spreken. Het gesproken deel duurt 1:58. De spreker praat snel, ongeveer 212 woorden per minuut, dus reken op verbonden en ingeslikte klanken. Slechts 76% van de woorden hoort bij de 3.000 meest gebruikte Engelse woorden, dus de woordenschat is pittig.
Belangrijke woorden in deze video
15 woorden uit de video die het leren waard zijn, met uitspraak en betekenis:
| Woord | Uitspraak | Betekenis |
|---|---|---|
| component zelfstandig naamwoord | /kəmˈpoʊ.nənt/ | onderdeel, component |
| render werkwoord | /ˈɹɛn.dɚ/ | veroorzaken |
| framework zelfstandig naamwoord | /ˈfɹeɪm.wɜːk/ | geraamte |
| developer zelfstandig naamwoord | /dɪˈvɛləpɚ/ | ontwikkelaar, ontwerper |
| template zelfstandig naamwoord | /ˈtɛm.plɪt/ | sjabloon, malplaatje |
| consistent bijvoeglijk naamwoord | /kənˈsɪs.tənt/ | veel voorkomend, consequent |
| server zelfstandig naamwoord | /ˈsɝvɚ/ | server |
| progressive zelfstandig naamwoord | /pɹəˈɡɹɛsɪv/ | progressief, vooruitstrevend |
| loop zelfstandig naamwoord | /luːp/ | lus, strop |
| reliable bijvoeglijk naamwoord | /ɹɪˈlaɪəbl̩/ | betrouwbaar, zeker |
| interface zelfstandig naamwoord | /ˈɪn(t)ɚˌfeɪs/ | koppeling, aansluiting |
| minimal bijvoeglijk naamwoord | /ˈmɪn.ə.məl/ | minimaal |
| complexity zelfstandig naamwoord | /kəmˈplɛk.sɪ.ti/ | ingewikkeldheid, complexiteit |
| extract zelfstandig naamwoord | /ˈɛkstɹækt/ | fragment |
| subscribe werkwoord | /səbˈskɹaɪb/ | abonneren |
Phrasal verbs die je zult horen
| Woord | Betekenis |
|---|---|
| check out werkwoord | onderzoeken |
Grammatica in deze video
De structuren die de spreker het meest gebruikt, met de exacte woorden uit de video:
| Structuur | In de video |
|---|---|
| Lijdende vorm be + voltooid deelwoord — het gaat om wat er gebeurt, niet om wie het doet | was developed · are considered · is clicked |
| Betrekkelijke bijzinnen who / which + zin — extra informatie over een persoon of ding | decorator, which makes · service which can |
Uitspraak om op te letten
- De klanken “sh” en “zh”: injection /ɪnˈd͡ʒɛk.ʃən/, conditional /kənˈdɪʃ.ə.nəl/
- Lange woorden — let op de klemtoon: developer /dɪˈvɛləpɚ/, complexity /kəmˈplɛk.sɪ.ti/, conditional /kənˈdɪʃ.ə.nəl/, dependency /dɪˈpɛndənsi/, decorator /ˈdɛkəˌɹeɪtɚ/
Zo oefen je met deze video
- Luister de hele video één keer zonder te spreken en noteer de woorden die je niet kent.
- Begin op 0,75× snelheid, spreek zin voor zin na en ga terug naar normale snelheid zodra het makkelijk gaat.
- Neem jezelf op en vergelijk met het origineel; let daarbij op woorden als component, render, framework.
Wat is de Shadowing-techniek?
Shadowing is een wetenschappelijk onderbouwde taalleermethode die oorspronkelijk is ontwikkeld voor professionele tolkentraining en gepopulariseerd door polyglot Dr. Alexander Arguelles. De methode is eenvoudig maar krachtig: je luistert naar native Engelse audio en herhaalt het onmiddellijk hardop — als een schaduw die de spreker volgt met slechts 1–2 seconden vertraging. In tegenstelling tot passief luisteren of grammaticadrills, dwingt shadowing je hersenen en mondspieren om echte spraakpatronen tegelijkertijd te verwerken en te reproduceren. Onderzoek toont aan dat het de uitspraaknauwkeurigheid, intonatie, ritme, verbonden spraak, luisterbegrip en spreekvaardigheid aanzienlijk verbetert — waardoor het een van de meest effectieve methoden is voor IELTS Speaking-voorbereiding en echte Engelse communicatie.