chore(i18n,learn): processed translations

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d2.md

@@ -9,7 +9,7 @@ dashedName: step-29
 
 有序列表（`ol`）的代碼類似於無序列表，但有序列表中的列表項在顯示時會被編號。
 
-在第二個 `section` 元素的最後一個 `h3` 元素之後，添加一個包含以下三個列表項的有序列表：
+Below the `h3` element, add an ordered list with these three list items:
 
 `flea treatment` `thunder` `other cats`
 

curriculum/challenges/chinese-traditional/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a46e84a0ad845901ea907.md

@@ -13,15 +13,17 @@ To `experiment` means to try new ideas or methods.
 
 An `interview` is a conversation where someone asks questions to get information.
 
-An `infographic` is a visual image like a chart or diagram used to represent information. For example:
+An `infographic` is a visual image like a chart or diagram used to represent information.
 
 `Readers` are people who read, especially those who read a particular publication.
 
-`We experiment with new teaching methods` (trying new ideas)
+For example:
 
-`The journalist conducts interviews with her readers` (conversation for information)
+* `We experiment with new teaching methods.` (trying new ideas)
 
-`They use infographics to explain data` (visual images for information)
+* `The journalist conducts interviews with her readers.` (conversation for information)
+
+* `They use infographics to explain data.` (visual images for information)
 
 # --fillInTheBlank--
 

curriculum/challenges/chinese-traditional/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556bc95e6ce5d850d37dd07.md

@@ -7,32 +7,31 @@ dashedName: task-3
 
 # --description--
 
-Adjectives are words that describe or give more information about nouns or pronouns. For example, in the phrase `the blue sky`, `blue` is an adjective describing the sky.
+Adjectives describe or provide more information about nouns or pronouns. They usually come before the noun they modify. For example:
 
-Notice how the adjective comes before the noun. It is `blue sky` not `sky blue`.
+- `The blue sky` - Here, `blue` is an adjective describing the noun `sky`. Notice how the adjective `blue` comes before the noun.
 
-Expressive language can include idiomatic expressions or descriptive adjectives to communicate strong feelings or vivid ideas, like saying `sparkling eyes` to describe someone's bright, lively eyes.
+- `She enjoys early mornings.` - The adjective `early` describes the type of mornings she enjoys.
 
-Instead of saying `It seems like you have a ton of energy this morning`, James could say something like `You look energetic this morning` to convey the same idea. `Energetic` is the adjective to represent someone who has a lot of energy.
+- `He has a quick shower in the morning.` - The adjective `quick` describes how short the shower is.
 
-Here are some more examples:
+Adjectives can also make language more expressive by giving details about a person, place, or thing. For example:
 
-* `She wakes up early every day` - `Early` describes the time of her waking up.
-* `He has a quick shower in the morning` - `Quick` describes the short duration of the shower.
+Instead of saying `It seems like you have a lot of energy this morning`, you could say `You look energetic this morning`. Here, the adjective `energetic` is more concise and expressive, showing that someone has a lot of energy in a positive way.
 
 # --questions--
 
 ## --text--
 
-What does the adjective `energetic` imply about someone?
+In the sentence `You look energetic this morning`, what does `energetic` suggest about the person?
 
 ## --answers--
 
 That the person is feeling unwell.
 
 ### --feedback--
 
-`Energetic` is generally used to express a positive feeling about a person, not that they are feeling unwell..
+Does `energetic` usually describe someone who feels negative or unwell? Think about how we use it to describe someone's energy level.
 
 ---
 
@@ -44,15 +43,15 @@ That the person is uncomfortable.
 
 ### --feedback--
 
-`Energetic` is generally used to express how dynamic the person looks, not how comfortable they are.
+Does `energetic` describe someone's comfort level, or does it describe something more related to activity or energy?
 
 ---
 
 That the person is late.
 
 ### --feedback--
 
-The adjective `energetic` does not relate to time or punctuality.
+Does `energetic` have any connection to time or being late? Reflect on its meaning in the description.
 
 ## --video-solution--
 

curriculum/challenges/chinese-traditional/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md

@@ -2,7 +2,7 @@
 id: 6708396caa00e11b597b3365
 title: What Is the Role of Open Graph Tags, and How Do They Affect SEO?
 challengeType: 11
-videoId: 94IAhyEfO8I
+videoId: Bat8HyGzkU8
 dashedName: what-is-the-role-of-open-graph-tags
 ---
 

curriculum/challenges/chinese-traditional/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md

@@ -10,6 +10,44 @@ dashedName: what-are-the-basic-parts-of-a-computer
 
 Watch the video lecture and answer the questions below.
 
+# --transcript--
+
+What are the basic parts of a computer?
+
+Computers are very powerful machines that perform a variety of tasks like writing documents, playing games, and browsing the internet.
+
+As a developer, it is important to understand the basic inner workings of a computer.
+
+The first major component of a computer would be the motherboard. The motherboard holds all of the memory, connectors, and hard drives that are needed to run the computer. It serves as the main circuit board for the computer.
+
+Inside the computer case of the motherboard, you will find the CPU which stands for Central Processing Unit. The CPU is a processor that is responsible for executing instructions and performing calculations. It is often referred to as the brain of the computer.
+
+The CPU is a small square with a chip that goes into the motherboard's CPU socket. A socket is a place where the CPU is inserted. The CPU processor speed is measured in gigahertz (GHz) and mega-hertz (MHz). Gigahertz is a billion cycles per second and mega-hertz is a million cycles per second.
+
+The next critical component of a computer would be the system's short term memory. This is known as RAM or Random Access Memory. RAM is a temporary storage location for the computer's CPU. Anytime the computer needs to access data quickly, it will use RAM.
+
+The more RAM you have on your computer, the faster it will run and the more programs you can run at the same time. If you are running low on RAM, your computer will run slower and you will notice the difference in performance.
+
+It is important to note that RAM is volatile memory. This means that it is lost when the computer is turned off. This is why it is important to save your work on your computer.
+
+When you do save your files, they are stored on the hard drive. The hard disk drive, or HDD, is a permanent storage location that is used to store data even when the computer is turned off. This is where all of your files and software are stored.
+
+The hard drive is made up of a spinning platter and an arm. The platter is where the data is stored and the arm is used to read and write data to the platter. When you have a faster hard drive, your computer will boot up faster and your programs will run faster.
+
+Another type of data storage would be the Solid State Drive, or SSD for short. SSD is non volatile flash memory and can be used in place of a hard drive. SSDs are faster and smaller than hard drives but hard drives are cheaper and have more storage capacity.
+
+Another key component of a computer is the power supply unit, or PSU. The PSU is responsible for converting the electricity from the wall outlet into a form that the computer can use. It sends the power from the outlet to the motherboard, CPU, and other components of the computer.
+
+Another key component would be the expansion cards. These are cards that are inserted into the motherboard to add additional functionality to the computer. Examples of expansion cards would be the video card, sound card, and network card.
+
+The video card, also known as the Graphics Processing Unit or GPU, is responsible for rendering visuals on the computer screen.
+
+The sound card is responsible for playing sound on the computer speakers.
+
+The network card is responsible for connecting the computer to the internet.
+
+Even though there are many more parts to the computer, these are some basic parts that you should familiarize yourself with.
+
 # --questions--
 
 ## --text--

curriculum/challenges/chinese-traditional/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md

@@ -10,6 +10,30 @@ dashedName: how-to-effectively-work-with-your-keyboard-mouse-and-other-pointing-
 
 Watch the lecture video and answer the questions below.
 
+# --transcript--
+
+How can you effectively work with your keyboard, mouse, and other pointing devices?
+
+Many of you have been used to working with your keyboard and mouse for years on end for a variety of activities like gaming, performing tasks for work, or surfing the web.
+
+But prolonged misuse of these devices can lead to serious health problems down the road.
+
+In this lecture video, we will cover ways to work with your computer’s keyboard and mouse in healthy ways.
+
+The first tip is to be mindful of the mouse grip. When working on serious tasks for work or during intense gaming moments, you may tend to grip the mouse too hard. However, this can lead to serious hand and wrist issues. To prevent this, you want to make sure to hold the mouse gently and keep your fingers nice and relaxed.
+
+The second tip is to consider using an ergonomic keyboard and mouse. These tools are designed to reduce wrist strain by keeping your hands in a more natural position.
+
+While prices for these devices can vary and may be a costly purchase for your current budget, they can be a good investment in your overall long-term health. So, you might consider starting to research an ergonomic keyboard and mouse to use.
+
+Another tip is to keep your mouse the same height as your keyboard. You don't want to have to reach up or down to use the mouse, as this can strain your wrist and arm muscles over time.
+
+You also want to be mindful of your overall posture when sitting at the computer for hours on end. Being slouched over your computer and putting your wrist in an unnatural position at the keyboard will lead to long-term health issues. So, you want to make sure to sit up straight when working at your computer and maintain a healthy and natural wrist position.
+
+The last tip would be to use keyboard shortcuts whenever possible to help minimize typing. There are dozens of shortcuts available for tasks such as navigating the web, navigating around your operating system, working within a code editor, and more. So, it’s best to research some of these keyboard shortcuts and and start incorporating them into your daily computer usage.
+
+As you continue using your mouse and keyboard for upcoming coding projects and other activities, remember to keep these health tips in mind.
+
 # --questions--
 
 ## --text--

curriculum/challenges/chinese-traditional/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md

@@ -10,6 +10,32 @@ dashedName: what-are-the-different-types-of-internet-service-providers
 
 Watch the lecture video and answer the questions below.
 
+# --transcript--
+
+What are the different types of internet service providers?
+
+First, what is an internet service provider, or ISP? It’s a company that sells access to the global internet network, essentially. And they come in three different tiers.
+
+The first tier are the giant conglomerate companies, which have the infrastructure to handle most (if not all) of their network traffic independently.
+
+The second tier are the country-wide providers, which sometimes rent access to tier 1 networks but can stand fairly well on their own.
+
+The third tier are the small companies that primarily focus on providing internet to local markets, and rely on larger ISPs to provide their infrastructure.
+
+These providers will offer different types of connections as well.
+
+Fibre optic connections rely on glass or plastic fibres to transmit data via light, resulting in very high connection speeds and data exchange.
+
+Cable connections use the same infrastructure as a cable television provider, which often makes them readily available in many regions.
+
+DSL connections use the infrastructure that landline phone services use. Because of the prevalence of this infrastructure, DSL is available in areas where cable might not be. But it is also frequently a slower option.
+
+Dial-up also uses the phone lines, but requires exclusive connection (disabling the use of the line for phone purposes when connected to the internet). This is a much older technology that has fallen into disuse.
+
+Satellite connections use an array of satellites orbiting the earth to connect various devices across the world. And finally, similar to that, a 5G home internet provider uses the cell tower infrastructure to keep you online.
+
+And that should give you a basic rundown of what types of internet service providers and internet connections are out there!
+
 # --questions--
 
 ## --text--

curriculum/challenges/chinese-traditional/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md

@@ -10,6 +10,36 @@ dashedName: what-are-safe-ways-to-sign-into-your-computer
 
 Watch the lecture video and answer the questions below.
 
+# --transcript--
+
+What are safe ways to sign into your computer?
+
+Many of you have being using computers for a while. But you might not have thought about the safest or most secure ways to sign into your computer.
+
+Whether you are using a Mac or PC, there are many ways to safely sign into your computer.
+
+The first thing you should do is to make sure that your computer is password protected.
+
+For Windows users, start by opening the Start menu and selecting Settings. From there, go to Accounts and then Sign-in options. You can then set up a password for your computer.
+
+*Note: If you encounter any difficulties or are using a different version of Windows, refer to the official Microsoft documentation or support resources for detailed instructions tailored to your specific version.*
+
+When creating your password, make sure it is a long and complex password. You can use a combination of letters, numbers and special characters to make it more secure.
+
+Choosing an easy password like `12345` or `password` is not a good idea. These are easy to guess and can be easily hacked.
+
+Also, do not use passwords based on personal information like your name, birthday, or address. Those are also easy for hackers to guess.
+
+When you create your password, it is also a good idea to setup two-factor authentication (2FA). 2FA serves as an extra layer of security and requires a second form of verification to ensure that the person trying to access the account is indeed the authorized user.
+
+If you are a Mac user, you can click on the Apple menu and then go to system settings. From there you can go to Users & Groups and set up a password for your computer.
+
+Some Mac computers come with a touch ID feature, which is often considered more secure than regular passwords. This feature allows you to sign into your computer using your fingerprint.
+
+For Windows users, the Windows Hello feature offers a more secure way to sign in. It uses biometric methods such as facial recognition or fingerprints for authentication, providing an alternative to traditional passwords.
+
+After you finish watching these set of lecture videos, I urge you to look into these additional security features and set them up on your computer so that you can keep your computer safe and secure.
+
 # --questions--
 
 ## --text--

curriculum/challenges/chinese-traditional/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md

@@ -10,6 +10,54 @@ dashedName: what-are-the-different-types-of-tools-professional-developers-use
 
 Watch the lecture video and answer the questions below.
 
+# --transcript--
+
+What are the different types of tools professional developers use?
+
+Professional developers rely on a variety of tools to increase productivity and code quality. Let's learn about those tools, including the ones that seem very obvious.
+
+The first among the tools is computers. A computer is the primary development environment. It could be a heavy desktop or a portable laptop with either Windows, macOS, or Linux as the operating system.
+
+Professional developers often go for computers with fast processing power and plenty of RAM to handle resource-intensive tasks.
+
+After the computer is a program for writing and editing code right on that computer. That's a code editor or integrated development environment (IDE).
+
+IDEs like Visual Studio, IntelliJ IDEA, JetBrains, and PyCharm provide powerful features like code completion, debugging, and integrated terminal support.
+
+Visual Studio Code (VS Code) is essentially a code editor, but it also provides these functionalities with its rich extension library.
+
+Other code editors are Sublime Text, Atom, Notepad++, and Brackets.
+
+When you write code with code editors and IDEs, you need to track the changes you make to them. The tool that lets you track those changes is a version control system.
+
+Git is the most widely used version control system in the development community.
+
+Platforms like GitHub, GitLab, and Bitbucket provide cloud-based hosting services for your Git repositories. These platforms enable collaboration with other developers, allow you to work on multiple branches, and facilitate the merging of code changes.
+
+Package managers are another critical tool. They help developers simplify the process of adding, updating, and removing libraries and project dependencies.
+
+Examples of popular package managers are:
+
+* NPM, Yarn, and PNPM for JavaScript
+* PIP for Python
+* Composer for PHP
+* Maven for Java
+
+After writing code with different tools, developers test that code to make sure it's working as expected.
+
+For this, developers use testing frameworks like Cypress, Playwright, Selenium, and others. There are also language-specific testing frameworks. Examples are:
+
+* Jest for JavaScript
+* pytest for Python
+* JUnit for Java
+* PHPUnit for PHP
+
+You don't only need to test the code to make sure it's working as expected. You also need to test what the code looks like visually to the end users. Developers use web browsers for this.
+
+Modern browsers like Chrome, Firefox, Edge, and Safari offer developer tools for inspecting HTML, CSS, and JavaScript code. There are also tools for debugging and performance profiling.
+
+These tools help developers test and optimize their web applications across different browsers for the end users.
+
 # --questions--
 
 ## --text--