مسار التعلم

Camperbot is trying to build a profile الصفحة. They asked a friend to look over their الكود and they said it has some errors.

Sally, a pet adoption store owner, has built her first صفحة ويب but there are some issues.

في هذا التمرين ستقوم بـcontinue working with basic HTML العناصر like عناوين, فقرات, and lists by building a cat photo app.

الهدف: نفّذ المتطلبات التالية ومرّر جميع الاختبارات لإكمال هذا المختبر.

في هذا التمرين ستقوم بـbuild a bookstore الصفحة by creating book cards that display information about different books. You'll practice organizing content using div العناصر, classes, and IDs.

الهدف: نفّذ المتطلبات التالية ومرّر جميع الاختبارات لإكمال هذا المختبر.

في هذا التمرين ستقوم بـbuild an HTML music player. The HTML boilerplate has been provided for you.

في هذا التمرين ستقوم بـbuild an HTML video player. The HTML boilerplate has been provided for you.

الهدف: نفّذ المتطلبات التالية ومرّر جميع الاختبارات لإكمال هذا المختبر.

In a previous lesson, you learned about svg العناصر and how they're often used as icons in projects. In real-world codebases, you would typically rely on icon libraries, so you don't need to create svg العناصر from scratch. However, in this workshop, you'll

في هذا التمرين ستقوم بـuse the عنصر iframe to display a video. The basic HTML boilerplate has been prepared for you.

الهدف: نفّذ المتطلبات التالية ومرّر جميع الاختبارات لإكمال هذا المختبر.

في هذا التمرين سوف تقوم بـbuild a list of major web browsers. The HTML boilerplate has been provided for you.

في هذا التمرين ستقوم بـpractice working with semantic HTML by building a صفحة ويب that includes some of Quincy Larson's tips for landing a developer job. The basic HTML boilerplate has been prepared for you.

في هذا التمرين ستقوم بـpractice working with semantic HTML by building a blog الصفحة dedicated to Mr. Whiskers the cat.

في هذا المختبر ستقوم بـutilize the semantic HTML العناصر to create the structure of a صفحة ويب. You'll add content and صور to make it look like a real event hub.

في هذا التمرين ستقوم بـpractice working with HTML forms by building a Hotel Feedback Form.

في هذا التمرين ستقوم بـpractice working with HTML tables by building a final exam table for a group of students.

الهدف: نفّذ المتطلبات التالية ومرّر جميع الاختبارات لإكمال هذا المختبر.

الهدف: نفّذ المتطلبات التالية ومرّر جميع الاختبارات لإكمال هذا المختبر.

Camperbot has created a coding journey blog الصفحة, but it looks like the الصفحة has some accessibility issues and bad practices. Your job in this workshop, is to fix these issues for Camperbot.

في هذا التمرين ستقوم بـlearn how to make accessible table العناصر by building out a schedule for a tech conference.

A local charity has built a donation form website, but there are several issues that need to be fixed. The form isn't accessible and has some HTML syntax errors.

في هذا التمرين ستقوم بـpractice working with ARIA by building an accessible audio controller.

الهدف: نفّذ المتطلبات التالية ومرّر جميع الاختبارات لإكمال هذا المختبر.

الهدف: نفّذ المتطلبات التالية ومرّر جميع الاختبارات لإكمال هذا المختبر.

In the prior lessons, you were introduced to working with audio and video العناصر. في هذا المختبر ستقوم بـbuild out a multimedia player that will display an audio track and video with a transcript.