HTML وCSS بالتفصيل from Coursera

في هذه الدورة التدريبية، ستستخدم أدوات تطوير البرامج مثل HTML لبناء صفحات الويب الجذابة التي تعمل بشكل جيد—وستقوم باستخدام البيانات الدلالية المنظمة للتحكم في كيفية ظهور المواقع الإلكترونية للمستخدم النهائي.

ستقوم بعد ذلك بالتعمق بشكل أكبر في CSS من خلال تطبيق أسلوب محدد بشكل متزايد على عناصر مختلفة. وستتعلم كيفية استخدام نظام شبكة Bootstrap لتكوين التخطيطات والتعامل مع المكونات والسمات. وأخيرًا، ستقوم باستكشاف تصحيح الأخطاء ومعرفة كيف يمكن استخدامه لإقصاء أخطاء الواجهة الأمامية..

بنهاية هذه الدورة التدريبية؛ ستكون قادرًا على:

• إنشاء نموذج بسيط مع تخطيط سريع الاستجابة باستخدام HTML5 وCSS

• إنشاء تخطيط سريع الاستجابة باستخدام CSS

• إنشاء واجهة مستخدم باستخدام Bootstrap

• تنفيذ أدوات تصحيح الأخطاء

هذا عبارة عن دورة تدريبية للمبتدئين للمتعلمين الذين قد يرغبون في إعداد أنفسهم للعمل في تطوير الواجهة الأمامية. ولتحقيق النجاح في هذه الدورة التدريبية، لست بحاجة إلى خبرة سابقة في مجال التطوير، بل تكفيك المهارات الأساسية للتنقل عبر الإنترنت والحرص على البدء بتعلم ترميز البيانات.

What's inside

Syllabus

HTML بالتفصيل

في هذه الوحدة، ستقوم باستخدام بيانات الدلالة اللفظية المنظمة للتحكم في كيفية عرض مواقع الويب للمستخدم. وستقوم بإنشاء HTML الدلالية من أجل تنظيم صفحات الويب لتبدو جيدة وتعمل بشكل جيد.

CSS التفاعلي

في هذه الوحدة، ستقوم بالتعمق بشكل أكبر داخل CSS من خلال تطبيق أسلوب محدد بشكل متزايد على عناصر مختلفة.

التقييم المقيّم بالدرجات

في هذه الوحدة، سيتم تقييمك على المهارات الأساسية التي تمت تغطيتها في الدورة التدريبية.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Develops the foundational skills in web development: HTML, CSS, and Bootstrap

Emphasizes the creation of responsive websites and includes real-world practice

Taught by Meta staff with extensive experience in the field

Suitable for beginners with limited prior experience in web development

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in HTML وCSS بالتفصيل with these activities:

Review Basic HTML

Show steps

Refresh your knowledge of HTML to ensure you have a solid foundation for this course.

Browse courses on HTML

Show steps

Review the basics of HTML syntax.
Create a simple web page using HTML.
Validate your web page using a validator.

CSS Practice Exercises

Show steps

Practice CSS exercises to improve your understanding and proficiency.

Browse courses on CSS

Show steps

Find online CSS exercises or tutorials.
Complete the exercises, focusing on applying CSS properties.
Check your results and identify areas for improvement.

Bootstrap Tutorial

Show steps

Follow a guided tutorial on Bootstrap to learn its features and how to use it effectively.

Browse courses on Bootstrap

Show steps

Find a reputable Bootstrap tutorial.
Follow the tutorial step-by-step, building a simple web page using Bootstrap.
Experiment with different Bootstrap components and styles.

Three other activities

Expand to see all activities and additional details

Show all six activities

Debug CSS and HTML Code

Show steps

Practice debugging CSS and HTML code to improve your problem-solving skills and ability to troubleshoot issues.

Browse courses on Web Development

Show steps

Find online debugging exercises or tutorials.
Work through the exercises, focusing on identifying and fixing common errors.
Check your results and learn from any mistakes.

Build a Simple Website

Show steps

Create a simple website using HTML, CSS, and Bootstrap to demonstrate your understanding and skills.

Browse courses on Web Development

Show steps

Plan the layout and structure of your website.
Create the HTML framework and add content.
Style the website using CSS and Bootstrap.
Test and validate your website on different devices.

Contribute to Bootstrap

Show steps

Contribute to the Bootstrap open-source project to gain practical experience and enhance your skills.

Browse courses on Bootstrap

Show steps

Find a bug or feature request in the Bootstrap issue tracker.
Fork the Bootstrap repository and make the necessary changes.
Submit a pull request with your proposed changes.

Career center

Learners who complete HTML وCSS بالتفصيل will develop knowledge and skills that may be useful to these careers:

Front-End Engineer

Front-End Engineers specialize in the client-facing side of web development. They write the code that determines what a user sees when interacting with a website. The HTML and CSS skills that you develop in this course can help to build a foundation for a career in Front-End Engineering. By taking this course, you'll gain a solid understanding of the principles of web design, which can be applied to the work of a Front-End Engineer.

See salaries and explore the career path for Front-End Engineer

Web Designer

Web Designers create the visual layout and user interface for websites. They use HTML and CSS to ensure that a website is both visually appealing and easy to navigate. The skills taught in this course can give you a solid foundation in web design principles.

See salaries and explore the career path for Web Designer

Web Developer

Web Developers build and maintain websites. They use HTML, CSS, and other programming languages to create functional and user-friendly websites. This course can help build a foundation for a career in Web Development by providing a solid understanding of the principles of web design.

See salaries and explore the career path for Web Developer

User Experience (UX) Designer

User Experience (UX) Designers focus on the user's experience when interacting with a website or application. They use HTML and CSS to create prototypes and wireframes that help to visualize the user interface. This course can provide a foundation in the principles of web design that can be applied to the work of a UX Designer.

See salaries and explore the career path for User Experience (UX) Designer

Graphic designer

Graphic Designers create visual concepts for a variety of purposes, including websites, logos, and marketing materials. They use HTML and CSS to create prototypes and wireframes for web-based designs. This course may be useful for those who wish to become a Graphic Designer by providing a foundation in the principles of web design that can be applied to the creation of visual concepts.

See salaries and explore the career path for Graphic designer

Technical Writer

Technical Writers create documentation for software and other technical products. They use HTML and CSS to create user manuals, help files, and other types of documentation. This course may be useful for those who wish to become a Technical Writer by providing a foundation in the principles of web design that can be applied to the creation of technical documentation.

See salaries and explore the career path for Technical Writer

Information Architect

Information Architects design the structure and organization of websites and other information systems. They use HTML and CSS to create prototypes and wireframes that help to visualize the user interface. This course may be helpful for those who wish to become a Information Architect by providing a foundation in the principles of web design that can be applied to the creation of information systems.

See salaries and explore the career path for Information Architect

Software Engineer

Software Engineers design, develop, and maintain software applications. They use HTML and CSS to create user interfaces for software applications. This course may be useful for those who wish to become a Software Engineer by providing a foundation in the principles of web design that can be applied to the creation of software applications.

See salaries and explore the career path for Software Engineer

Project Manager

Project Managers plan and execute projects. They use HTML and CSS to create project plans and other project documentation. This course may be useful for those who wish to become a Project Manager by providing a foundation in the principles of web design that can be applied to the creation of project documentation.

See salaries and explore the career path for Project Manager

Database Administrator

Database Administrators manage and maintain databases. They use HTML and CSS to create user interfaces for database management systems. This course may be useful for those who wish to become a Database Administrator by providing a foundation in the principles of web design that can be applied to the creation of database management systems.

See salaries and explore the career path for Database Administrator

Business Analyst

Business Analysts analyze business needs and develop solutions to meet those needs. They use HTML and CSS to create prototypes and wireframes that help to visualize business solutions. This course may be useful for those who wish to become a Business Analyst by providing a foundation in the principles of web design that can be applied to the creation of business solutions.

See salaries and explore the career path for Business Analyst

Sales Manager

Sales Managers plan and execute sales campaigns. They use HTML and CSS to create sales materials, such as website landing pages and email campaigns. This course may be useful for those who wish to become a Sales Manager by providing a foundation in the principles of web design that can be applied to the creation of sales materials.

See salaries and explore the career path for Sales Manager

Marketing Manager

Marketing Managers plan and execute marketing campaigns. They use HTML and CSS to create marketing materials, such as website landing pages and email campaigns. This course may be useful for those who wish to become a Marketing Manager by providing a foundation in the principles of web design that can be applied to the creation of marketing materials.

See salaries and explore the career path for Marketing Manager

Training Manager

Training Managers plan and execute training programs. They use HTML and CSS to create training materials, such as website landing pages and email campaigns. This course may be useful for those who wish to become a Training Manager by providing a foundation in the principles of web design that can be applied to the creation of training materials.

See salaries and explore the career path for Training Manager

Customer Success Manager

Customer Success Managers help customers achieve success with a company's products or services. They use HTML and CSS to create customer onboarding materials, such as website landing pages and email campaigns. This course may be useful for those who wish to become a Customer Success Manager by providing a foundation in the principles of web design that can be applied to the creation of customer onboarding materials.

See salaries and explore the career path for Customer Success Manager