Shadowing Practice: Angular in 100 Seconds - Learn English Speaking with Video
Bir pratik modu seçin
Her mod tam ekran bir pratik odası açar.
25 cümleler
Cümleler çok kısa veya çok uzun ise, ayarlamak için Düzenle'ye tıklayın.
1
Angular, a TypeScript-based framework for building user interfaces.
Angular, kullanıcı arayüzleri oluşturmak için kullanılan TypeScript tabanlı bir çerçevedir.
2
It was developed at Google and released in 2016 as the sequel to AngularJS.
Google tarafından geliştirildi ve AngularJS'nin devamı niteliğinde 2016'da piyasaya sürüldü.
3
As an Angular developer, you hit the ground running with its extremely powerful CLI tool.
Bir Angular geliştiricisi olarak, son derece güçlü CLI aracıyla işe hızlı bir başlangıç yaparsınız.
4
When you generate your initial application, it comes preconfigured with routing, a testing framework, and your favorite style preprocessor.
İlk uygulamanızı oluşturduğunuzda, yönlendirme, test çerçevesi ve tercih ettiğiniz stil önişlemcisi önceden yapılandırılmış olarak gelir.
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.
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.
Uygulamayı İndir
Akıcı konuşmak için ihtiyacınız olan her şey
AI TelaffuzHer cümleyi puanla
IPA AlıştırmasıHer sesi ustalaştır
Kelime BilgisiKelime bankanızı oluşturun
Kelime OyunuOynarken öğrenin
Aynı Kanal
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
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
C16
The plan to break apart Google... RIP Chrome
American AccentBusiness EnglishDaily ConversationUniversity Students
C130
Docker in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
C12
The worst week in cybersecurity history... so far
Daily ConversationUniversity 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
C19
When open-sourcing your code goes wrong...
American AccentBusiness EnglishUniversity StudentsWorking Adults
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
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
C116
VS Code in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
FOR YOU
Video Öner
C219
29 cümleler
NestJS in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
C11
63 cümleler
Google’s AI endgame is here… everything you missed at I/O 2026
American AccentBusiness EnglishUniversity StudentsWorking Adults
C11
124 cümleler
How to Make Anything - Learn to Think Like an Engineer
Business EnglishUniversity StudentsWorking Adults
C12
195 cümleler
JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue
Business EnglishUniversity StudentsWorking Adults
C11
184 cümleler
10 Essential React Native Tips Every Developer Must Know
Daily ConversationUniversity StudentsWorking Adults
C14
122 cümleler
Intro to Scrum in Under 10 Minutes
Business EnglishUniversity StudentsWorking Adults
C19
13 cümleler
IOC & Dependency Injection in Spring Boot - Quick Breakdown !! #shorts
Business EnglishUniversity StudentsWorking Adults
C16
22 cümleler
Server-side tracking explained in 100 seconds || What is server-side GTM?
Business EnglishUniversity StudentsWorking Adults
C14
239 cümleler
My 4.9-Star iOS App Is Actually a Website: Here’s How I Built It
Daily ConversationUniversity StudentsWorking Adults
C12
147 cümleler
NGINX Explained - What is Nginx
Business EnglishUniversity StudentsWorking Adults
C11
74 cümleler
LangChain in 5 Minutes (Explained Clearly)
Daily ConversationUniversity StudentsWorking Adults
C151
93 cümleler
Kubernetes Explained in 6 Minutes | k8s Architecture
Business EnglishUniversity StudentsWorking Adults
Bu dersin kelimeleri ve konuşma notları
Bu videoda gölgeleme çalışması için 25 cümle ve 416 kelime var. Konuşma bölümü 1:58 sürüyor. Konuşmacı hızlı konuşuyor, dakikada yaklaşık 212 kelime; bu yüzden birbirine bağlanan ve zayıflayan sesler duyacaksınız. Kelimelerin yalnızca %76’i İngilizcede en sık kullanılan 3.000 kelime arasında, bu yüzden kelime dağarcığı zorlayıcı.
Bu videodaki önemli kelimeler
Videodan öğrenmeye değer 15 kelime, telaffuzu ve anlamıyla:
| Kelime | Telaffuz | Anlam |
|---|---|---|
| component isim | /kəmˈpoʊ.nənt/ | parça, bileşen |
| render fiil | /ˈɹɛn.dɚ/ | eylemek |
| framework isim | /ˈfɹeɪm.wɜːk/ | çatkı, çatık |
| developer isim | /dɪˈvɛləpɚ/ | geliştirici |
| template isim | /ˈtɛm.plɪt/ | şablon, kalıp |
| server isim | /ˈsɝvɚ/ | sunucu, server |
| progressive isim | /pɹəˈɡɹɛsɪv/ | ilerici, ilerleyen |
| loop isim | /luːp/ | ilik |
| reliable sıfat | /ɹɪˈlaɪəbl̩/ | güvenilir |
| interface isim | /ˈɪn(t)ɚˌfeɪs/ | arayüz |
| minimal sıfat | /ˈmɪn.ə.məl/ | asgari, en az |
| complexity isim | /kəmˈplɛk.sɪ.ti/ | karmaşıklık |
| extract isim | /ˈɛkstɹækt/ | ekstre |
| subscribe fiil | /səbˈskɹaɪb/ | abone olmak |
| injection isim | /ɪnˈd͡ʒɛk.ʃən/ | enjeksiyon |
Duyacağınız deyimsel fiiller
| Kelime | Anlam |
|---|---|
| check out fiil | gözden geçirmek |
Bu videodaki dil bilgisi
Konuşmacının en çok kullandığı yapılar, videodaki sözcüklerin aynısıyla:
| Yapı | Videoda |
|---|---|
| Edilgen yapı be + fiilin üçüncü hâli — kimin yaptığı değil, ne olduğu önemli | was developed · are considered · is clicked |
| İlgi cümlecikleri who / which + cümle — bir kişi ya da şey hakkında ek bilgi | decorator, which makes · service which can |
Dikkat edilecek telaffuzlar
- “sh” ve “zh” sesleri: injection /ɪnˈd͡ʒɛk.ʃən/, conditional /kənˈdɪʃ.ə.nəl/
- Uzun kelimeler — vurguyu doğru yere koyun: 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ɚ/
Bu videoyla nasıl çalışılır
- Videonun tamamını konuşmadan bir kez dinleyin ve bilmediğiniz kelimeleri not edin.
- 0,75× hızla başlayın, cümle cümle tekrar edin ve kolaylaşınca normal hıza dönün.
- Kendinizi kaydedin ve orijinaliyle karşılaştırın; component, render, framework gibi kelimelere özellikle dikkat edin.
Gölgeleme Tekniği Nedir?
Gölgeleme, başlangıçta profesyonel tercüman eğitimi için geliştirilen ve çok dilli Dr. Alexander Arguelles tarafından popüler hale getirilen, bilim destekli bir dil öğrenme tekniğidir. Yöntem basit ama güçlüdür: ana dili İngilizce olan bir sesi dinler ve hemen yüksek sesle tekrar edersiniz — konuşmacıyı 1-2 saniye gecikmeyle takip eden bir gölge gibi. Pasif dinleme veya dilbilgisi alıştırmalarının aksine, gölgeleme beyninizi ve ağız kaslarınızı gerçek konuşma kalıplarını eşzamanlı olarak işlemeye ve yeniden üretmeye zorlar. Araştırmalar, telaffuz doğruluğu, tonlama, ritim, bağlı konuşma, dinleme anlama ve konuşma akıcılığını önemli ölçüde geliştirdiğini göstermektedir — bu da onu IELTS Konuşma hazırlığı ve gerçek dünya İngilizce iletişimi için en etkili yöntemlerden biri yapar.