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

Elige un modo de práctica

Cada modo abre una sala de práctica a pantalla completa.

25 oraciones
Si las oraciones son demasiado cortas o largas, haz clic en Editar para ajustarlas.
1
Angular, a TypeScript-based framework for building user interfaces.
Angular, un framework basado en TypeScript para la creación de interfaces de usuario.
2
It was developed at Google and released in 2016 as the sequel to AngularJS.
Fue desarrollado en Google y lanzado en 2016 como la secuela de AngularJS.
3
As an Angular developer, you hit the ground running with its extremely powerful CLI tool.
Como desarrollador de Angular, podrás empezar a trabajar de inmediato gracias a su potente herramienta de línea de comandos (CLI).
4
When you generate your initial application, it comes preconfigured with routing, a testing framework, and your favorite style preprocessor.
Al generar tu aplicación inicial, esta viene preconfigurada con enrutamiento, un marco de pruebas y tu preprocesador de estilos favorito.
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.
Además, el comando mágico ng-add puede convertir tu aplicación en una aplicación web progresiva, añadir renderizado del lado del servidor, compatibilidad con Firebase y hacer un montón de cosas interesantes más.
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.

Descargar app

Todo lo que necesitas para hablar con fluidez

Pronunciación con IAEvalúa cada oración
Práctica de IPADomina cada sonido
VocabularioConstruye tu banco de palabras
Juego de vocabularioAprende mientras juegas
Escanea el QR
Escanea el QR
Download on theApp StoreGet it onGoogle Play

Mismo canal

C in 100 SecondsC1
1

C in 100 Seconds

Daily ConversationUniversity Students
React Native in 100 SecondsC1
1

React Native in 100 Seconds

American AccentDaily ConversationUniversity Students
Every app on Earth is now open source... whether it likes it or notC1
3

Every app on Earth is now open source... whether it likes it or not

American AccentDaily ConversationWorking Adults
Brainf**k in 100 SecondsC1
4

Brainf**k in 100 Seconds

American AccentDaily ConversationUniversity Students
Did Anthropic just save its $1 trillion IPO?B2
2

Did Anthropic just save its $1 trillion IPO?

Daily ConversationWorking Adults
Mind-bending new programming language for GPUs just dropped...C1
2

Mind-bending new programming language for GPUs just dropped...

American AccentDaily ConversationUniversity Students
Docker in 100 SecondsC1
30

Docker in 100 Seconds

American AccentBusiness EnglishUniversity StudentsWorking Adults
The last real programmers are dying out...C1
2

The last real programmers are dying out...

American AccentDaily ConversationUniversity StudentsWorking Adults
The plan to break apart Google... RIP ChromeC1
6

The plan to break apart Google... RIP Chrome

American AccentBusiness EnglishDaily ConversationUniversity Students
When open-sourcing your code goes wrong...C1
9

When open-sourcing your code goes wrong...

American AccentBusiness EnglishUniversity StudentsWorking Adults
Google’s AI endgame is here… everything you missed at I/O 2026C1
1

Google’s AI endgame is here… everything you missed at I/O 2026

American AccentBusiness EnglishUniversity StudentsWorking Adults
OpenAI’s new browser feels familiar…B2
3

OpenAI’s new browser feels familiar…

American AccentBusiness EnglishUniversity StudentsWorking Adults
The most interesting "hack" in history...C1
9

The most interesting "hack" in history...

American AccentBusiness EnglishUniversity StudentsWorking Adults
Tragic mistake... Anthropic leaks Claude’s source codeC1
5

Tragic mistake... Anthropic leaks Claude’s source code

American AccentBusiness EnglishUniversity StudentsWorking Adults
Firefox and Tor hit with 9.8 critical level exploitB2
3

Firefox and Tor hit with 9.8 critical level exploit

American AccentBusiness EnglishUniversity StudentsWorking Adults
C++ in 100 SecondsC1
2

C++ in 100 Seconds

American AccentBusiness EnglishUniversity StudentsWorking Adults
The worst week in cybersecurity history... so farC1
3

The worst week in cybersecurity history... so far

American AccentDaily ConversationUniversity StudentsWorking Adults
.NET in 100 SecondsC2
7

.NET in 100 Seconds

American AccentBusiness EnglishUniversity StudentsWorking Adults
China just dropped a new frontier model... and nobody can explain howC1
2

China just dropped a new frontier model... and nobody can explain how

American AccentDaily ConversationUniversity StudentsWorking Adults
Linux in 100 SecondsB2
4

Linux in 100 Seconds

American AccentBusiness EnglishUniversity StudentsWorking Adults
FOR YOU

Recomendar Video

IOC & Dependency Injection in Spring Boot - Quick Breakdown !! #shortsC1
9
13 oraciones

IOC & Dependency Injection in Spring Boot - Quick Breakdown !! #shorts

Business EnglishUniversity StudentsWorking Adults
10 Essential React Native Tips Every Developer Must KnowC1
1
184 oraciones

10 Essential React Native Tips Every Developer Must Know

Daily ConversationUniversity StudentsWorking Adults
Every NestJS Concept Explained in 9 MinutesC2
7
87 oraciones

Every NestJS Concept Explained in 9 Minutes

Business EnglishUniversity StudentsWorking Adults
Ultimate Pitch Deck Guide with Examples [in 2022]C1
344 oraciones

Ultimate Pitch Deck Guide with Examples [in 2022]

Business EnglishUniversity StudentsWorking Adults
I've Changed My Opinion On DEVELOPERS Vibe CodingC1
117 oraciones

I've Changed My Opinion On DEVELOPERS Vibe Coding

American AccentBusiness EnglishUniversity StudentsWorking Adults
Start building Shopify apps, FASTC1
3
307 oraciones

Start building Shopify apps, FAST

Business EnglishUniversity StudentsWorking Adults
JavaScript Visualized - Event Loop, Web APIs, (Micro)task QueueC1
2
195 oraciones

JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue

Business EnglishUniversity StudentsWorking Adults
Server-side tracking explained in 100 seconds || What is server-side GTM?C1
6
22 oraciones

Server-side tracking explained in 100 seconds || What is server-side GTM?

Business EnglishUniversity StudentsWorking Adults
Intro to Scrum in Under 10 MinutesC1
4
122 oraciones

Intro to Scrum in Under 10 Minutes

Business EnglishUniversity StudentsWorking Adults
How to Make Anything - Learn to Think Like an EngineerC1
1
124 oraciones

How to Make Anything - Learn to Think Like an Engineer

Business EnglishUniversity StudentsWorking Adults

Vocabulario y notas de pronunciación para esta lección

Este vídeo tiene 25 frases y 416 palabras para practicar shadowing. La parte hablada dura 1:58. El hablante habla rápido, unas 212 palabras por minuto, así que espera sonidos enlazados y reducidos. Solo el 76 % de las palabras está entre las 3.000 más comunes del inglés, por lo que el vocabulario es exigente.

Vocabulario clave de este vídeo

15 palabras del vídeo que vale la pena aprender, con su pronunciación y significado:

PalabraPronunciaciónSignificado
component sustantivo/kəmˈpoʊ.nənt/componente
render verbo/ˈɹɛn.dɚ/volver, dejar
framework sustantivo/ˈfɹeɪm.wɜːk/entramado, armazón
developer sustantivo/dɪˈvɛləpɚ/desarrollador
template sustantivo/ˈtɛm.plɪt/plantilla
consistent adjetivo/kənˈsɪs.tənt/consistente
server sustantivo/ˈsɝvɚ/servidor
progressive sustantivo/pɹəˈɡɹɛsɪv/progresista, progresivo
loop sustantivo/luːp/lazo, lazada
reliable adjetivo/ɹɪˈlaɪəbl̩/fiable, confiable
generate verbo/ˈd͡ʒɛn.ə.ɹeɪt/generar
interface sustantivo/ˈɪn(t)ɚˌfeɪs/interfaz
minimal adjetivo/ˈmɪn.ə.məl/mínimo
complexity sustantivo/kəmˈplɛk.sɪ.ti/complejidad
extract sustantivo/ˈɛkstɹækt/extracto

Phrasal verbs que vas a escuchar

PalabraSignificado
check out verboinvestigar, chequear

Gramática en este vídeo

Las estructuras que más usa el hablante, con las palabras exactas del vídeo:

EstructuraEn el vídeo
Voz pasiva be + participio pasado — importa lo que ocurre, no quién lo hacewas developed · are considered · is clicked
Oraciones de relativo who / which + oración — información extra sobre una persona o cosadecorator, which makes · service which can

Pronunciación a tener en cuenta

  • Los sonidos de “sh” y “zh”: injection /ɪnˈd͡ʒɛk.ʃən/, conditional /kənˈdɪʃ.ə.nəl/
  • Palabras largas — cuida el acento: 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ɚ/

Cómo practicar con este vídeo

  1. Escucha el vídeo entero una vez sin hablar y anota las palabras que no conoces.
  2. Empieza a velocidad 0,75×, haz shadowing frase por frase y vuelve a la velocidad normal cuando te resulte fácil.
  3. Grábate y compara con el original, prestando atención a palabras como component, render, framework.

¿Qué es la Técnica de Shadowing?

Shadowing es una técnica de aprendizaje de idiomas respaldada por la ciencia, desarrollada originalmente para la formación de intérpretes profesionales y popularizada por el políglota Dr. Alexander Arguelles. El método es simple pero poderoso: escuchas audio en inglés nativo y lo repites en voz alta de inmediato, como una sombra que sigue al hablante con solo 1-2 segundos de retraso. A diferencia de la escucha pasiva o los ejercicios de gramática, el shadowing obliga a tu cerebro y músculos de la boca a procesar y reproducir simultáneamente patrones de habla reales. Las investigaciones muestran que mejora significativamente la precisión de la pronunciación, la entonación, el ritmo, el habla conectada, la comprensión auditiva y la fluidez al hablar, convirtiéndola en una de las metodologías más efectivas para la preparación del IELTS Speaking y la comunicación en inglés en el mundo real.

Técnica de shadowing: lee la guía completa paso a paso →