跟讀練習: 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.
3
As an Angular developer, you hit the ground running with its extremely powerful CLI tool.
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.
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.

下載應用

流利口語所需的一切

AI 發音評分逐句打分
音標練習掌握每個音
詞彙學習建立你的詞庫
詞彙遊戲邊玩邊學

同頻道

FOR YOU

推薦影片

本課介紹

在本節課程中,學習者將通過解讀“Angular in 100 Seconds”影片的內容,練習與技術相關的英語口語表達。這段影片詳細講述了Angular框架的基本概念與應用,特別是元件、指令以及依賴注入等重要主題。通過該影片,您將提升自己的專業英語詞彙,增強在科技領域的口語表達能力,同時提高英語發音的準確性。

關鍵詞彙與短語

  • Angular(Angular框架)
  • TypeScript(TypeScript語言)
  • 元件(Component)
  • 指令(Directive)
  • 依賴注入(Dependency Injection)
  • 單例服務(Singleton Service)
  • 使用者介面(User Interface)
  • 模板繫結(Template Binding)

練習技巧

在觀看和練習這段影片時,建議您採用shadow speech(影子語音)的方法,以提高您的英語口語能力。影片的節奏較快,因此您可以通過反覆播放,嘗試在每一段結束後暫停,並跟隨其節奏複述內容。注意說話人的語調、重音和停頓,這將有助於您更好地把握英語的音調和節奏。

另外,在學習關鍵術語時,特別注重提高英語發音,可嘗試在語音識別軟體中練習以確保準確性。建議您每天花一些時間積極練習這些專業詞彙,例如在模擬的雅思口語練習中運用這些術語,讓它們成為您口語表達的一部分,這將幫助您在實際會話中更自信。

最後,不妨在結束練習後,自行總結影片中的關鍵內容或製作簡短的總結陳述,進一步鞏固您的學習成果。

影片中的語法

說話人最常用的結構,並附上影片中的原話:

結構影片中的用法
被動語態 be + 過去分詞 — 強調發生了什麼,而不是誰做的was developed · are considered · is clicked
定語從句 who / which + 從句 — 補充說明人或事物decorator, which makes · service which can

什麼是跟讀法?

跟讀法 (Shadowing) 是一種有科學依據的語言學習技巧,最初開發用於專業口譯員的培訓,並由多語言者Alexander Arguelles博士普及。這個方法簡單而強大:您在聽英語母語原聲的同時立即大聲重複——就像是一個延遲1-2秒緊跟說話者的影子。與被動聽力或語法練習不同,跟讀法強迫您的大腦和口腔肌肉同時處理並模模擬實的講話模式。研究表明它能顯著提高發音準確性,語調,節奏,連讀,聽力理解和口語流利度——使其成為雅思口語備考和真實英語交流最有效的方法之一。

影子跟讀法: 閱讀完整分步指南 →