शैडोइंग अभ्यास: Angular in 100 Seconds - वीडियो के साथ अंग्रेजी बोलना सीखें

अभ्यास मोड चुनें

हर मोड पूरी स्क्रीन का अभ्यास कक्ष खोलता है।

25 वाक्य

यदि वाक्य बहुत छोटे या लंबे हों, तो समायोजित करने के लिए Edit पर क्लिक करें।

Angular, a TypeScript-based framework for building user interfaces.

Angular, उपयोगकर्ता इंटरफ़ेस बनाने के लिए TypeScript पर आधारित एक फ्रेमवर्क है।

It was developed at Google and released in 2016 as the sequel to AngularJS.

As an Angular developer, you hit the ground running with its extremely powerful CLI tool.

When you generate your initial application, it comes preconfigured with routing, a testing framework, and your favorite style preprocessor.

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.

But at its core, Angular is just a component-based UI library.

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.

Any properties on this class are considered reactive state, and when their values change, the component will re-render the UI.

For example, we can bind the property to HTML using double braces in the template.

From there, we can add a button that increments this value every time it's clicked.

We add the event name on the left side in parentheses, then an expression on the right side.

In this case, it points to a method in our class.

Each time the button is clicked, it calls the method, which changes the state and re-renders the UI.

Angular also has a variety of directives for building complex templates.

Use ngif to handle conditional logic.

Or if you have an iterable value, use ng4 to loop over it.

But where Angular really excels is handling complexity, and one of its primary tools for doing so is called dependency injection.

When your app grows to hundreds of components, you'll likely need a way to share data and functionality between them.

We can take our component logic here and extract it into a service which can be treated as a global singleton throughout the application.

Now any component that wants to use this state or logic can simply add this class to its constructor.

The end result is a simple and reliable way to compose complex applications.

As a developer, you can always count on a consistent experience between projects and minimal decision fatigue.

This has been Angular in 100 Seconds.

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.

Thanks for watching, and I will see you in the next one.

ऐप डाउनलोड करें

धाराप्रवाह बोलने के लिए ज़रूरी सब कुछ

AI उच्चारण स्कोरहर वाक्य का स्कोर

IPA अभ्यासहर ध्वनि में महारत

शब्दावलीअपना शब्द भंडार बनाएँ

शब्द गेमखेलते हुए सीखें

QR स्कैन करें

Download on theApp Store Get it onGoogle Play

उसी चैनल से

FOR YOU

अनुशंसित वीडियो

29 वाक्य

NestJS in 100 Seconds

Business EnglishUniversity StudentsWorking Adults

63 वाक्य

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

Business EnglishUniversity StudentsWorking Adults

309 वाक्य

Claude Code: The Advanced Guide (99% of Devs Skip These Features)

Business EnglishUniversity StudentsWorking Adults

124 वाक्य

How to Make Anything - Learn to Think Like an Engineer

Business EnglishUniversity StudentsWorking Adults

195 वाक्य

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

Business EnglishUniversity StudentsWorking Adults

184 वाक्य

10 Essential React Native Tips Every Developer Must Know

Daily ConversationUniversity StudentsWorking Adults

122 वाक्य

Intro to Scrum in Under 10 Minutes

Business EnglishUniversity StudentsWorking Adults

13 वाक्य

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

Business EnglishUniversity StudentsWorking Adults

22 वाक्य

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

Business EnglishUniversity StudentsWorking Adults

239 वाक्य

My 4.9-Star iOS App Is Actually a Website: Here’s How I Built It

Daily ConversationUniversity StudentsWorking Adults

147 वाक्य

NGINX Explained - What is Nginx

Business EnglishUniversity StudentsWorking Adults

59 वाक्य

Course Preview | AZ-104 | Azure Administrator Associate

Business EnglishUniversity StudentsWorking Adults

इस पाठ के बारे में

इस पाठ में, आप अंगुलर (Angular) फ्रेमवर्क के तत्वों और कार्यप्रणालियों के बारे में जानकारी प्राप्त करेंगे। यह वीडियो अंगुलर के बारे में संक्षेप में एक दृष्टिकोण प्रदान करता है, जिसमें आप जानेंगे कि कैसे अंगुलर यूजर इंटरफेस बनाने के लिए एक शक्ति-पूर्ण उपकरण है। इस पाठ के माध्यम से, आप अंग्रेजी उच्चारण में सुधार और तकनीकी शब्दावली के उपयोग के लिए अवसर पाएंगे, जो आपके अंग्रेजी बोलने के अभ्यास में मदद करेंगे।

मुख्य शब्दावली और वाक्यांश

Angular: एक TypeScript-आधारित फ्रेमवर्क जो यूजर इंटरफेस बनाने के लिए उपयोग किया जाता है।
CLI (Command Line Interface): एक टूल जो डेवलपर्स को ऐप्लिकेशन बनाने और प्रबंधित करने में मदद करता है।
Component: एक स्वतंन्त्र हिस्सा जो UI का एक भाग बनाता है।
Reactive State: ऐसे प्रोपर्टीज जो UI को री-रेंडर करने के लिए उत्तरदायी होती हैं।
Dependency Injection: एक तकनीक जो विभिन्न कंपोनेंट्स के बीच डेटा और फंक्शनैलिटी साझा करने में मदद करती है।
ng-if: एक डायरेक्टिव जो शर्तीय लॉजिक को संभालता है।
ng-for: एक डायरेक्टिव जो इटरेबल वैल्यू के लिए लूप बनाता है।
Service: एक सामान्य singleton जो लॉजिक और स्टेट को साझा करता है।

अभ्यास के सुझाव

वीडियो के स्पीड और टोन के अनुसार shadow speech का अभ्यास करें। अंगुलर के तकनीकी विवरण सुनते समय, प्रत्येक वाक्य के उच्चारण पर ध्यान दें। जैसे ही आप वीडियो में बोलने वाले की आवाज़ का अनुकरण करते हैं, आप अपनी अंग्रेजी बोलने का अभ्यास कर सकेंगे।

अगर आप चाहते हैं कि आपके उच्चारण में सुधार हो, तो वीडियो को कुछ बार सुनें और फिर उसके अनुसार shadow speak करें। शब्दों और विभाजनों को स्पष्टता से बोलने का प्रयास करें। विभिन्न वाक्यांशों को लगातार दोहराने से, आप अपने उच्चारण में सुधार करने और तकनीकी भाषाशास्त्र को आत्मसात करने में सक्षम होंगे। नियमित अभ्यास से, आप अंगुलर जैसे तकनीकी विषयों पर बात करने में अधिक आत्मविश्वास महसूस करेंगे और आपके संवाद कौशल में उल्लेखनीय वृद्धि होगी।

इस वीडियो का व्याकरण

वक्ता जिन संरचनाओं का सबसे अधिक प्रयोग करता है, वीडियो के असली शब्दों के साथ:

संरचना	वीडियो में
Passive voice be + past participle — ज़ोर इस पर कि क्या होता है, न कि कौन करता है	was developed · are considered · is clicked
Relative clauses who / which + उपवाक्य — व्यक्ति या वस्तु के बारे में अतिरिक्त जानकारी	decorator, which makes · service which can

शैडोइंग तकनीक क्या है?

शैडोइंग (Shadowing) एक विज्ञान-समर्थित भाषा सीखने की तकनीक है जो मूल रूप से पेशेवर दुभाषिया प्रशिक्षण के लिए विकसित की गई थी। विधि सरल लेकिन शक्तिशाली है: आप मूल अंग्रेज़ी ऑडियो सुनते हैं और तुरंत इसे ज़ोर से दोहराते हैं — जैसे वक्ता की छाया 1-2 सेकंड की देरी से। शोध से पता चलता है कि यह उच्चारण सटीकता, स्वर, लय, जुड़ी हुई ध्वनियाँ, सुनने की समझ और बोलने की प्रवाहशीलता में काफ़ी सुधार करता है।

शैडोइंग तकनीक: पूरी चरण-दर-चरण गाइड पढ़ें →

शैडोइंग अभ्यास: Angular in 100 Seconds - वीडियो के साथ अंग्रेजी बोलना सीखें

अभ्यास मोड चुनें

ऐप डाउनलोड करें

The worst week in cybersecurity history... so far

PostgreSQL in 100 Seconds

React Native in 100 Seconds

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

Brainf**k in 100 Seconds

OpenAI’s lead engineer was secretly a spy...

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

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

Docker in 100 Seconds

The last real programmers are dying out...

Did the AI bubble just pop?

The plan to break apart Google... RIP Chrome

OpenAI’s new browser feels familiar…

The most interesting "hack" in history...

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

When open-sourcing your code goes wrong...

Firefox and Tor hit with 9.8 critical level exploit

C++ in 100 Seconds

Linux in 100 Seconds

Did Google just dethrone OpenAI and Anthropic?

NestJS in 100 Seconds

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

Claude Code: The Advanced Guide (99% of Devs Skip These Features)

How to Make Anything - Learn to Think Like an Engineer

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

10 Essential React Native Tips Every Developer Must Know

Intro to Scrum in Under 10 Minutes

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

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

My 4.9-Star iOS App Is Actually a Website: Here’s How I Built It

NGINX Explained - What is Nginx

Course Preview | AZ-104 | Azure Administrator Associate

इस पाठ के बारे में

मुख्य शब्दावली और वाक्यांश

अभ्यास के सुझाव

इस वीडियो का व्याकरण

शैडोइंग तकनीक क्या है?