تدريب Shadowing: TypeScript in 100 Seconds - تعلم التحدث بالإنجليزية عبر الفيديو
جارٍ إنشاء الدرس...
1
TypeScript.
2
Validate your JavaScript ahead of time with static type checking.
3
JavaScript is a dynamic language where we can do all kinds of crazy things, like reference variables that don't exist or work with objects of an unknown shape.
4
The code is interpreted by a browser, but if your code is broken, you won't catch it until runtime when the browser throws an error.
5
TypeScript prevents errors like this from ever happening by extending JavaScript with types.
6
The language is a strict superset of JavaScript, which means when you open up a TS file, you can write plain JavaScript with all of its extra features being completely optional.
7
But notice in the code here how the IDE is providing feedback about using a variable that doesn't exist.
8
Instead of fixing this issue weeks later in a stack trace after the company has lost millions of dollars, we can fix it right here, right now.
9
The reason we get this instant feedback is because TypeScript behaves like a compiled language, where JavaScript is the compilation target.
10
You can run the TypeScript compiler using the tsc command.
11
It will take the ts file and and transpile it into vanilla JavaScript.
12
And you can choose any flavor of JavaScript you want if you need to target ancient browsers.
13
And that means you can use the latest
14
and greatest syntax features of JavaScript without having to worry if they'll be supported in an older environment.
15
Your TypeScript project will likely have a tsconfig file, which provides an infinite number of ways to customize the behavior of the compiler.
16
But the primary goal of TypeScript is to enable static typing.
17
One way it achieves that is by allowing you to annotate your code with types.
18
We can strongly type a variable using a colon followed by its type, like a string, boolean, or number.
19
That's known as an explicit type.
20
If we then try to assign its value as the wrong type, we get an error.
21
Alternatively, if we set an initial value, it will implicitly infer the type.
22
However, there may be cases where you want to opt out of this behavior, in which case you can annotate with the any type.
23
That allows you to loosely type or opt out of type checking.
24
When working with an array, use brackets to strongly type a list.
25
In addition, you can define your own custom types and interfaces, which is especially powerful when working with objects.
26
The car interface here defines various types of the properties on an object.
27
We can then apply the interface to a plain JavaScript object.
28
The beauty of having strongly typed code is that we get autocomplete everywhere in our IDE.
29
We don't have to jump back and forth to documentation
30
or dig through stack traces to figure out why our code's not working.
31
If you like TypeScript as much as I do, consider becoming a pro member at Fireship.io.
32
For the next few days, everything will be 40% off, including lifetime memberships.
33
Thanks for watching, and I will see you in the next one.
📺 نفس القناة
B21
10 very promising Open Source Projects you haven’t heard of
American AccentBusiness EnglishUniversity StudentsWorking Adults
B21
7 Programming myths that waste your time
American AccentBusiness EnglishUniversity StudentsWorking Adults
C11
DHH has gone completely off the rails...
American AccentBusiness EnglishUniversity StudentsWorking Adults
C12
DNS Explained in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
B23
Anthropic begged the world to stop AI… then shipped this
American AccentBusiness EnglishUniversity StudentsWorking Adults
B22
One man just liberated Fable... and now it’s illegal
American AccentBusiness EnglishUniversity StudentsWorking Adults
B22
7 Things No Programmer Ever Wants to Hear
American AccentBusiness EnglishWorking Adults
B21
80% of programmers are NOT happy… why?
American AccentBusiness EnglishUniversity StudentsWorking Adults
B24
Raspberry Pi Explained in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
C12
Did Google just kickstart the intelligence explosion?
American AccentBusiness EnglishDaily ConversationUniversity Students
C13
Tragic mistake... Anthropic leaks Claude’s source code
American AccentBusiness EnglishUniversity StudentsWorking Adults
C1100+ Docker Concepts you Need to Know
American AccentBusiness EnglishUniversity StudentsWorking Adults
C17
When open-sourcing your code goes wrong...
American AccentBusiness EnglishUniversity StudentsWorking Adults
C129
Docker in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
C13
The mystery is solved... and the answer is 40x cheaper than Claude
American AccentBusiness EnglishUniversity StudentsWorking Adults
B28
An ex-OpenAI researcher just deleted language from the LLM...
American AccentBusiness EnglishUniversity StudentsWorking Adults
B29
25 crazy software bugs explained
American AccentBusiness EnglishUniversity StudentsWorking Adults
B29
Git Explained in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
B25
There's a new Linux distro in town for developers...
American AccentBusiness EnglishUniversity StudentsWorking Adults
B25
The "vibe coding" mind virus explained…
American AccentBusiness EnglishUniversity StudentsWorking Adults
✨ فيديو موصى به
C12
30 جمل
C++ in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
B217 جمل
Did someone say... SecondBrain?
American AccentBusiness EnglishUniversity StudentsWorking Adults
C11
49 جمل
Next JS Interview Questions and Answers 2026 | Top 20 Most Asked Questions
Business EnglishInterview EnglishUniversity Students
C23
25 جمل
Angular in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
C112
47 جمل
Essence of linear algebra preview
American AccentBusiness EnglishUniversity StudentsWorking Adults
C11
158 جمل
OWASP Top 10 Explained
Business EnglishUniversity StudentsWorking Adults
C12
139 جمل
Does Anyone Use JavaScript Anymore?
Business EnglishUniversity StudentsWorking Adults
B22
11 جمل
My Experience as a Tech Lead
Business EnglishUniversity StudentsWorking Adults
C115
29 جمل
Amazon Athena explained in 120 seconds💡
Business EnglishUniversity StudentsWorking Adults
C11
78 جمل
The easy way to keep your repos tidy.
Business EnglishUniversity StudentsWorking Adults
C11
132 جمل
Video
Business EnglishUniversity StudentsWorking Adults
C11
85 جمل
AI Can Write Code. And That’s the Problem.
Business EnglishUniversity StudentsWorking Adults
المفردات وملاحظات التحدث لهذا الدرس
هذا الدرس في المحادثة بمستوى C1 مبني على الفيديو “TypeScript in 100 Seconds”. أكثر الكلمات تكرارًا في الفيديو: type, Javascript, Typescript, code, object. يحتوي هذا الفيديو على 33 جملة و515 كلمة للتدرب على الترديد. مدة الكلام 2:24. يتكلم المتحدث بسرعة، نحو 215 كلمة في الدقيقة، لذا ستسمع كثيرًا من وصل الكلمات واختزال الأصوات. 77% فقط من الكلمات ضمن أكثر 3,000 كلمة شيوعًا في الإنجليزية، فالمفردات صعبة نسبيًا.
أهم المفردات في هذا الفيديو
أصعب 11 كلمة في الفيديو، مع النطق والمعنى:
| الكلمة | النطق | المعنى |
|---|---|---|
| stack اسم | /stæk/ | كَوْمَة, كُومَة |
| compile فعل | /kəmˈpaɪl/ | تجميع |
| syntax اسم | /ˈsɪn.tæks/ | بِنَاء جُمْلَة, نَحْو |
| colon اسم | /ˈkoʊ.lən/ | نُقْطَة مُزْدَوِجَة, نُقْطَتَان |
| assign فعل | /əˈsaɪn/ | تعيين شخص لعمل ما |
| interpret فعل | /ɪnˈtɜː.pɹɪt/ | فَسَّرَ, أَوَّلَ |
| bracket اسم | /ˈbɹækɪt/ | قَوْس |
| optional صفة | /ˈɑp.ʃə.nəl/ | اِخْتِيَارِيّ |
| explicit صفة | /ɪkˈsplɪs.ɪt/ | صريح |
| behave فعل | /bɪˈheɪv/ | تَصَرَّفَ |
| flavor اسم | /ˈfleɪvə/ | نَكْهَة, طَعْم |
القواعد في هذا الفيديو
أكثر التراكيب التي يستخدمها المتحدث، مع العبارات نفسها من الفيديو:
| التركيب | في الفيديو |
|---|---|
| الجمل الشرطية if + جملة، will/would + فعل — شرط ونتيجته | if your code is broken, you won't catch |
| المبني للمجهول be + اسم المفعول — التركيز على ما يحدث لا على من يفعله | is interpreted · be supported |
| جمل الوصل who / which + جملة — معلومة إضافية عن شخص أو شيء | JavaScript, which means · interfaces, which is |
نطق يحتاج إلى انتباه
يستخدم المتحدث 5 من الصيغ المختصرة، مثل don't, doesn't, they'll. انطقها بصيغتها القصيرة كما تسمعها.
- أصوات “sh” و“zh”: compilation /ˌkɑm.pɪˈleɪ.ʃən/, optional /ˈɑp.ʃə.nəl/, documentation /ˌdɑkjəmɛnˈteɪʃən/
- الكلمات الطويلة — انتبه لموضع النبر: alternatively /ɔlˈtɝ.nə.tɪv.li/, compilation /ˌkɑm.pɪˈleɪ.ʃən/, documentation /ˌdɑkjəmɛnˈteɪʃən/
أصوات يجدها متحدثو العربية صعبة:
- /p/ — ليس /b/: انطقه مع نفخة هواء: compiler /kəmˈpaɪlɚ/, compile /kəmˈpaɪl/, interpret /ɪnˈtɜː.pɹɪt/, compilation /ˌkɑm.pɪˈleɪ.ʃən/, optional /ˈɑp.ʃə.nəl/
- /v/ — ليس /f/: مع اهتزاز الأوتار الصوتية: validate /ˈvæl.ɪ.deɪt/, alternatively /ɔlˈtɝ.nə.tɪv.li/, vanilla /vəˈnɪl.ə/, behave /bɪˈheɪv/, flavor /ˈfleɪvə/
- تتابع الصوامت — لا تضف حركة بينها: browser /ˈbɹaʊ.zəɹ/, static /ˈstæt.ɪk/, stack /stæk/, syntax /ˈsɪn.tæks/, bracket /ˈbɹækɪt/
كيف تتدرب بهذا الفيديو
- استمع إلى الفيديو كاملًا مرة واحدة دون أن تتكلم، ودوّن الكلمات التي لا تعرفها.
- ابدأ بسرعة 0.75×، وردّد جملة جملة، ثم عُد إلى السرعة العادية عندما يصبح الأمر سهلًا.
- سجّل صوتك وقارنه بالأصل، مع الانتباه إلى كلمات مثل stack, compile, syntax.
ما هي تقنية التظليل الصوتي؟
التظليل الصوتي (Shadowing) تقنية تعلم لغة مدعومة علمياً، طُورت أصلاً لتدريب المترجمين الفوريين المحترفين. الطريقة بسيطة لكنها قوية: تستمع لصوت إنجليزي أصلي وتكرره فوراً بصوت عالٍ — كظل يتبع المتحدث بتأخير 1-2 ثانية. تُظهر الأبحاث تحسناً كبيراً في دقة النطق والتنغيم والإيقاع وربط الأصوات والاستماع والطلاقة.