تدريب Shadowing: Angular in 100 Seconds - تعلم التحدث بالإنجليزية عبر الفيديو

اختر وضع التدريب

كل وضع يفتح غرفة تدريب بملء الشاشة.

25 جمل
إذا كانت الجمل قصيرة أو طويلة جدًا، انقر على Edit لتعديلها.
1
Angular, a TypeScript-based framework for building user interfaces.
Angular هو إطار عمل يعتمد على لغة TypeScript لبناء واجهات المستخدم.
2
It was developed at Google and released in 2016 as the sequel to AngularJS.
تم تطويره في جوجل وتم إصداره في عام 2016 كجزء متابعة لـ AngularJS.
3
As an Angular developer, you hit the ground running with its extremely powerful CLI tool.
بصفتك مطور Angular، يمكنك البدء في العمل فورًا باستخدام أداة CLI القوية للغاية الخاصة به.
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.
بالإضافة إلى ذلك، يمكن للأمر السحري ng-add تحويل تطبيقك إلى تطبيق ويب تدريجي، وإضافة العرض من جانب الخادم، ودعم Firebase، والقيام بمجموعة كاملة من الأشياء الرائعة الأخرى.
6
But at its core, Angular is just a component-based UI library.
لكن في جوهرها، تعد Angular مجرد مكتبة واجهات مستخدم قائمة على المكونات.
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.
يمكننا أخذ منطق المكون الخاص بنا هنا واستخراجه إلى خدمة يمكن التعامل معها كـ singleton عام في جميع أنحاء التطبيق.
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.

تنزيل التطبيق

كل ما تحتاجه للتحدث بطلاقة

تقييم النطق بالذكاء الاصطناعيتقييم كل جملة
تدريب IPAأتقن كل صوت
المفرداتابنِ رصيدك من الكلمات
لعبة المفرداتتعلّم أثناء اللعب
امسح رمز QR
امسح رمز QR
Download on theApp StoreGet it onGoogle Play

نفس القناة

The worst week in cybersecurity history... so farC1
2

The worst week in cybersecurity history... so far

Daily ConversationUniversity StudentsWorking Adults
PostgreSQL in 100 SecondsC1
1

PostgreSQL in 100 Seconds

Daily ConversationWorking Adults
React Native in 100 SecondsC1
1

React Native in 100 Seconds

Daily 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

Daily ConversationWorking Adults
Brainf**k in 100 SecondsC1
4

Brainf**k in 100 Seconds

Daily ConversationUniversity Students
OpenAI’s lead engineer was secretly a spy...C1
3

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

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

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

Daily ConversationUniversity Students
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

Daily ConversationUniversity StudentsWorking Adults
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...

Daily ConversationUniversity StudentsWorking Adults
Did the AI bubble just pop?C1
1

Did the AI bubble just pop?

Daily 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
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
When open-sourcing your code goes wrong...C1
9

When open-sourcing your code goes wrong...

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
Linux in 100 SecondsB2
4

Linux in 100 Seconds

American AccentBusiness EnglishUniversity StudentsWorking Adults
Did Google just dethrone OpenAI and Anthropic?C1
3

Did Google just dethrone OpenAI and Anthropic?

Daily ConversationUniversity StudentsWorking Adults
FOR YOU

فيديو موصى به

NestJS in 100 SecondsC2
19
29 جمل

NestJS in 100 Seconds

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

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

American AccentBusiness EnglishUniversity StudentsWorking Adults
Claude Code: The Advanced Guide (99% of Devs Skip These Features)C1
1
309 جمل

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

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

How to Make Anything - Learn to Think Like an Engineer

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

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

Business EnglishUniversity StudentsWorking Adults
10 Essential React Native Tips Every Developer Must KnowC1
1
184 جمل

10 Essential React Native Tips Every Developer Must Know

Daily ConversationUniversity StudentsWorking Adults
Intro to Scrum in Under 10 MinutesC1
4
122 جمل

Intro to Scrum in Under 10 Minutes

Business EnglishUniversity StudentsWorking Adults
IOC & Dependency Injection in Spring Boot - Quick Breakdown !! #shortsC1
9
13 جمل

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

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

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

Business EnglishUniversity StudentsWorking Adults
My 4.9-Star iOS App Is Actually a Website: Here’s How I Built ItC1
4
239 جمل

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

Daily ConversationUniversity StudentsWorking Adults
NGINX Explained - What is NginxC1
2
147 جمل

NGINX Explained - What is Nginx

Business EnglishUniversity StudentsWorking Adults
Course Preview | AZ-104 | Azure Administrator AssociateC1
2
59 جمل

Course Preview | AZ-104 | Azure Administrator Associate

Business EnglishUniversity StudentsWorking Adults

السياق والخلفية

في مقطع الفيديو "Angular في 100 ثانية"، يُقدم المتحدث مقدمة سريعة حول إطار عمل Angular، الذي تم تطويره بواسطة جوجل. يسعى المتحدث إلى تبسيط المفاهيم الأساسية للإطار، مما يجعله جذاباً للمبتدئين ولمطوري Angular الذين يرغبون في تسريع تعلمهم. يركز الحوار على كيفية استخدام الأدوات القوية مثل CLI لتحسين تجربة التطوير، وشرح كيفية بناء مكونات تفاعلية باستخدام TypeScript، وهو ما يعد أساساً لفهم كيفية بناء واجهات المستخدم.

أفضل 5 عبارات للتواصل اليومي

  • هل تستطيع مساعدتي؟ — تستخدم هذه العبارة عند طلب المساعدة.
  • كيف أستخدم هذه الميزة؟ — تستخدم للاستفسار عن كيفية استخدام شيء ما.
  • ما هي الخيارات المتاحة؟ — تستخدم للاستفسار عن الخيارات المختلفة.
  • كيف يمكنني تحسين النطق باللغة الإنجليزية؟ — عبارة تعكس الرغبة في تحسين المهارات النطقية.
  • هل لديك نصائح للتعلم؟ — تستخدم لاستفسار عن أفضل السبل للتعلم.

دليل خطوة بخطوة لتقليد المحتوى

لتجاوز صعوبة هذا الفيديو واستخدامه بشكل فعّال في تحسين مهاراتك، يمكنك اتباع الخطوات التالية:

  1. استمع جيدًا: ابدأ بالاستماع إلى الفيديو كاملاً دون الانشغال بتدوين الملاحظات. سيساعدك ذلك على فهم السياق العام.
  2. قم بتشغيل الفيديو مرة أخرى: في المرة الثانية، قم بتشغيل الفيديو مع تفعيل خاصية الترجمة إذا كانت متاحة. سيساعدك هذا على رؤية الكلمات المكتوبة أثناء الاستماع.
  3. قم بالتكرار: استخدم تقنية shadow speak، حيث تقوم بتكرار العبارات التي تقولها المتحدث بنفس نبرة الصوت والإيقاع. يمكنك وقف الفيديو مؤقتًا لتكرار الجمل.
  4. انظر إلى النطق: ركز على تحسين النطق باللغة الإنجليزية من خلال تقليد المتحدث. حاول التركيز على كيفية نطقه للكلمات والعبارات.
  5. تطبيق ما تعلمته: بعد الانتهاء من التدريب، حاول استخدام العبارات الجديدة في محادثاتك اليومية. يمكنك الانضمام إلى مجموعات دراسية أو استخدام shadowspeaks للتواصل مع متعلمين آخرين.

باتباع هذا الدليل ودمج تقنيات shadowing site في روتينك اليومي، ستتمكن من تحسين مهارات التحدث والنطق بشكل فعال. تذكر أن الممارسة المستمرة هي المفتاح لتطوير لغتك الإنجليزية!

القواعد في هذا الفيديو

أكثر التراكيب التي يستخدمها المتحدث، مع العبارات نفسها من الفيديو:

التركيبفي الفيديو
المبني للمجهول be + اسم المفعول — التركيز على ما يحدث لا على من يفعلهwas developed · are considered · is clicked
جمل الوصل who / which + جملة — معلومة إضافية عن شخص أو شيءdecorator, which makes · service which can

ما هي تقنية التظليل الصوتي؟

التظليل الصوتي (Shadowing) تقنية تعلم لغة مدعومة علمياً، طُورت أصلاً لتدريب المترجمين الفوريين المحترفين. الطريقة بسيطة لكنها قوية: تستمع لصوت إنجليزي أصلي وتكرره فوراً بصوت عالٍ — كظل يتبع المتحدث بتأخير 1-2 ثانية. تُظهر الأبحاث تحسناً كبيراً في دقة النطق والتنغيم والإيقاع وربط الأصوات والاستماع والطلاقة.

تقنية الشادوينغ: اقرأ الدليل الكامل خطوة بخطوة →