Pratique du Shadowing: Angular in 100 Seconds - Apprendre l'anglais à l'oral avec la vidéo
Choisissez un mode d'entraînement
Chaque mode ouvre une salle d'entraînement en plein écran.
25 phrases
Si les phrases sont trop courtes ou trop longues, cliquez sur Edit pour les ajuster.
1
Angular, a TypeScript-based framework for building user interfaces.
Angular, un framework basé sur TypeScript destiné à la création d'interfaces utilisateur.
2
It was developed at Google and released in 2016 as the sequel to AngularJS.
Il a été développé chez Google et sorti en 2016 en tant que successeur d'AngularJS.
3
As an Angular developer, you hit the ground running with its extremely powerful CLI tool.
En tant que développeur Angular, vous pouvez être opérationnel immédiatement grâce à son outil CLI extrêmement puissant.
4
When you generate your initial application, it comes preconfigured with routing, a testing framework, and your favorite style preprocessor.
Lorsque vous générez votre application initiale, celle-ci est préconfigurée avec le routage, un framework de test et votre préprocesseur de style préféré.
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.
De plus, la commande magique ng-add peut transformer votre application en une application web progressive, ajouter le rendu côté serveur, la prise en charge de Firebase, et faire tout un tas d'autres choses intéressantes.
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.
Télécharger l'application
Tout pour parler couramment
Prononciation IAChaque phrase notée
Phonétique (IPA)Maîtrisez chaque son
VocabulaireEnrichissez votre lexique
Jeu de vocabulaireApprenez en jouant
Même chaîne
C12
The worst week in cybersecurity history... so far
Daily ConversationUniversity StudentsWorking Adults
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
C13
OpenAI’s lead engineer was secretly a spy...
Daily ConversationUniversity StudentsWorking Adults
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
C130
Docker in 100 Seconds
American AccentBusiness EnglishUniversity 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
C16
The plan to break apart Google... RIP Chrome
American AccentBusiness EnglishDaily ConversationUniversity Students
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
C19
When open-sourcing your code goes wrong...
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
FOR YOU
Vidéo recommandée
C219
29 phrases
NestJS in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
C11
63 phrases
Google’s AI endgame is here… everything you missed at I/O 2026
American AccentBusiness EnglishUniversity StudentsWorking Adults
C11
309 phrases
Claude Code: The Advanced Guide (99% of Devs Skip These Features)
Business EnglishUniversity StudentsWorking Adults
C11
124 phrases
How to Make Anything - Learn to Think Like an Engineer
Business EnglishUniversity StudentsWorking Adults
C12
195 phrases
JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue
Business EnglishUniversity StudentsWorking Adults
C11
184 phrases
10 Essential React Native Tips Every Developer Must Know
Daily ConversationUniversity StudentsWorking Adults
C14
122 phrases
Intro to Scrum in Under 10 Minutes
Business EnglishUniversity StudentsWorking Adults
C19
13 phrases
IOC & Dependency Injection in Spring Boot - Quick Breakdown !! #shorts
Business EnglishUniversity StudentsWorking Adults
C16
22 phrases
Server-side tracking explained in 100 seconds || What is server-side GTM?
Business EnglishUniversity StudentsWorking Adults
C14
239 phrases
My 4.9-Star iOS App Is Actually a Website: Here’s How I Built It
Daily ConversationUniversity StudentsWorking Adults
C12
147 phrases
NGINX Explained - What is Nginx
Business EnglishUniversity StudentsWorking Adults
C12
59 phrases
Course Preview | AZ-104 | Azure Administrator Associate
Business EnglishUniversity StudentsWorking Adults
Vocabulaire et conseils d’expression pour cette leçon
Cette vidéo contient 25 phrases et 416 mots à répéter en shadowing. La partie parlée dure 1:58. Le locuteur parle vite, environ 212 mots par minute : attendez-vous à des liaisons et à des sons réduits. Seuls 76 % des mots font partie des 3 000 mots les plus courants en anglais, le vocabulaire est donc exigeant.
Vocabulaire clé de cette vidéo
15 mots de la vidéo à retenir, avec leur prononciation et leur sens :
| Mot | Prononciation | Sens |
|---|---|---|
| component nom | /kəmˈpoʊ.nənt/ | composant |
| render verbe | /ˈɹɛn.dɚ/ | rendre |
| developer nom | /dɪˈvɛləpɚ/ | concepteur, développeur |
| template nom | /ˈtɛm.plɪt/ | gabarit, calibre |
| consistent adjectif | /kənˈsɪs.tənt/ | constant |
| server nom | /ˈsɝvɚ/ | serveur |
| progressive nom | /pɹəˈɡɹɛsɪv/ | progressif |
| loop nom | /luːp/ | boucle |
| reliable adjectif | /ɹɪˈlaɪəbl̩/ | fiable, sûr |
| generate verbe | /ˈd͡ʒɛn.ə.ɹeɪt/ | générer |
| interface nom | /ˈɪn(t)ɚˌfeɪs/ | interface |
| minimal adjectif | /ˈmɪn.ə.məl/ | minimum |
| complexity nom | /kəmˈplɛk.sɪ.ti/ | complexité |
| extract nom | /ˈɛkstɹækt/ | extrait |
| subscribe verbe | /səbˈskɹaɪb/ | abonner, s'abonner |
Les verbes à particule que vous entendrez
| Mot | Sens |
|---|---|
| check out verbe | mater, regarder |
La grammaire de cette vidéo
Les structures que le locuteur utilise le plus, avec les mots exacts de la vidéo :
| Structure | Dans la vidéo |
|---|---|
| Voix passive be + participe passé — l’accent est mis sur ce qui arrive, pas sur qui le fait | was developed · are considered · is clicked |
| Propositions relatives who / which + proposition — une précision sur une personne ou une chose | decorator, which makes · service which can |
Prononciation à surveiller
- Les sons « sh » et « zh »: injection /ɪnˈd͡ʒɛk.ʃən/, conditional /kənˈdɪʃ.ə.nəl/
- Mots longs — placez bien l’accent: 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ɚ/
Comment s’entraîner avec cette vidéo
- Écoutez la vidéo en entier une fois sans parler et notez les mots que vous ne connaissez pas.
- Commencez à la vitesse 0,75×, répétez phrase par phrase, puis revenez à la vitesse normale quand cela devient facile.
- Enregistrez-vous et comparez avec l’original, en faisant attention à des mots comme component, render, developer.
Qu'est-ce que la technique du Shadowing ?
Le Shadowing est une technique d'apprentissage des langues fondée sur la science, développée à l'origine pour la formation des interprètes professionnels. Le principe est simple mais puissant : vous écoutez de l'anglais natif et le répétez immédiatement à voix haute — comme une ombre suivant le locuteur avec un décalage de 1 à 2 secondes. Les recherches montrent une amélioration significative de la précision de la prononciation, de l'intonation, du rythme, des liaisons, de la compréhension orale et de la fluidité.