أساسيات مواقع الويب سريعة الاستجابة: البرمجة باستخدام HTML وCSS وJavaScript from Coursera

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

في نهاية الدورة التدريبية، ستتمكن من القيام بما يلي:

1. تحديد الغرض من HTML وCSS وJavaScript‏

2. إنشاء صفحة ويب بسيطة باستخدام HTML‏

3. استخدام CSS للتحكم في أنماط النص وتخطيطه

4. استخدام مكتبات CSS مثل Bootstrap لإنشاء تخطيطات متجاوبة

5. استخدام متغيرات JavaScript ووظائفها

6. معالجة محتوى صفحة الويب باستخدام JavaScript

7.الرد على إدخالات المستخدم باستخدام JavaScript

في هذه الدورة التدريبية، ستكمل ما يلي:

واجبان يتعلقان بكتابة HTML وCSS وJavaScript، ويستغرق إكمال كل منهما ساعة واحدة

4 اختبارات، يستغرق إكمال كل منها 20 دقيقة

تمرين واحد متعلق بالبرمجة، يستغرق إكماله 30 دقيقة

اختبارات تدريبية متعددة، يستغرق كل منها 5 دقائق

لن يتم منحك ساعات معتمدة في برامج جامعة لندن مقابل المشاركة في هذه الدورة التدريبية عبر الإنترنت أو إتمامها.

What's inside

Syllabus

مقدمة حول الدورة التدريبية

مرحبًا بك في الدورة التدريبية الأولى في تخصص "تطوير مواقع الويب سريعة الاستجابة وتصميمها"!‏

HTML

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

كما سنقوم بإنشاء مستندات منظمة بشكل سليم بتنسيق HTML وإلقاء نظرة على أول صفحة ويب في العالم.

نتطلع إلى التعاون معك هذا الأسبوع!

ماثيو وماركو وكيت

CSS

في هذا القسم من الدورة التدريبية، سنلقي نظرة على ربط ملفات CSS الخارجية بمستندات HTML الخاصة بك، والتحكم في الخطوط باستخدام CSS، واستخدام CSS لتخصيص تنسيق الارتباط التشعبي والتحكم في تخطيط النص. سنقوم أيضا بتثبيت مكتبة bootstrap وتنفيذ تخطيط شبكة متجاوبة - استمتع بذلك!

- ماثيو وماركو وكيت

بداية ملخص JavaScript

مرحبًا بك في الوحدة الثالثة من دورة "أساسيات مواقع الويب سريعة الاستجابة" التدريبية.

في هذه الوحدة، سنكتب برامج JavaScript بسيطة ونتعلم كيفية كتابة البرامج التي يمكنها الاستجابة لإدخال المستخدم مثل النقر على عناصر HTML. سنلقي أيضًا نظرة على وظائف JavaScript ونستخدم jQuery لمعالجة صفحات الويب.

وأخيرًا، ستتعلم كيفية كتابة وظائف javaScript الخاصة بك بما في ذلك الوظائف المجهولة.

نتطلع إلى التعاون معك هذا الأسبوع!

- ماثيو وماركو

التعمق في JavaScript

مرحبًا بك في الوحدة النهائية من دورة "أساسيات مواقع الويب سريعة الاستجابة" التدريبية.

في هذا القسم النهائي من الدورة التدريبية، سنقوم بتعريف متغيرات JavaScript ونكتب برامج JavaScript بسيطة تستخدم قيم المتغيرات وتقوم بتغييرها.

وسنكتب أيضًا عبارات if للتحكم في تدفق برنامج JavaScript، وسنستخدم المتغيرات المنطقية مع عبارات if وسنكتب javaScript في سياق تطبيقات الويب المعقدة بشكل معتدل.

استمتع!

- ماثيو وماركو

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Assists learners in creating interactive web pages with little to no programming experience

Introduces the foundational concepts of web development including HTML, CSS, and JavaScript

Suitable for beginners in the field of web development and design

Taught by experienced instructors with a strong reputation in the field of web development

Provides learners with additional resources and support from the course platform

Reviews summary

Responsive web design fundamentals course

This Responsive Web Design Fundamentals Course has been overwhelmingly praised by students, with all 12 reviews giving a rating of 5 out of 5. Students have remarked at the amazing quality of the course and how much they have learned about the basics of web design, which will undoubtedly serve them well as they progress in the field.

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 وJavaScript with these activities:

Review basic programming concepts

Show steps

Strengthen your foundational understanding of programming concepts, which will support your learning in this course.

Browse courses on Programming

Show steps

Revisit textbooks or online resources to refresh your memory on variables, data types, and control structures.
Practice writing simple programs to reinforce your understanding.

Review HTML

Show steps

Start the course with a solid foundational understanding of HTML.

Browse courses on HTML

Show steps

Re-familiarize yourself with the basics of HTML tags
Practice creating simple HTML documents

Review CSS

Show steps

Ensure you're knowledgeable about CSS before the course starts

Browse courses on CSS

Show steps

Review the syntax and structure of CSS
Practice applying CSS styles to HTML elements

Six other activities

Expand to see all activities and additional details

Show all nine activities

Join or create a study group with other students

Show steps

Provide you with opportunities to collaborate with peers, discuss concepts, and reinforce your understanding of the course material.

Browse courses on Front-End Development

Show steps

Reach out to other students in the course through forums or social media.
Organize regular study sessions to review the material and work on projects together.
Share knowledge and resources with your group members.

Practice HTML and CSS coding exercises

Show steps

Help you reinforce your understanding of HTML and CSS syntax and improve your coding skills.

Browse courses on HTML

Show steps

Find online resources or tutorials that provide HTML and CSS coding exercises.
Choose exercises that are appropriate for your skill level and start practicing.
Review your code and debug any errors to improve your accuracy.

Follow online JavaScript tutorials

Show steps

Supplement your learning of JavaScript by following guided tutorials and building interactive web elements.

Browse courses on JavaScript

Show steps

Search for reputable online platforms or YouTube channels offering JavaScript tutorials.
Select tutorials that align with your learning goals and skill level.
Follow the instructions in the tutorials and implement the JavaScript code.
Experiment with the code to enhance your understanding and creativity.

Seek guidance from experienced web developers or instructors

Show steps

Allow you to connect with experts who can provide valuable insights, support, and guidance throughout your learning journey.

Browse courses on Front-End Development

Show steps

Attend industry events or workshops to meet potential mentors.
Reach out to professionals in the field through LinkedIn or email.
Clearly articulate your goals and what you hope to gain from a mentor-mentee relationship.

Build a simple web page using HTML, CSS, and JavaScript

Show steps

Provide you with hands-on experience in applying your knowledge of HTML, CSS, and JavaScript to create a functional web page.

Browse courses on HTML

Show steps

Plan the layout and content of your web page.
Write the HTML code to structure the page elements.
Add CSS styles to enhance the appearance and layout of your page.
Incorporate JavaScript code to add interactivity and functionality.
Test your web page in different browsers to ensure compatibility.

Contribute to open-source projects related to web development

Show steps

Provide you with practical experience in collaboration, code review, and the implementation of web development best practices.

Browse courses on Open Source

Show steps

Identify open-source projects on platforms like GitHub that align with your interests.
Review the project documentation and contribute bug fixes or feature enhancements.
Engage with the project community through discussions and code reviews.

Career center

Learners who complete أساسيات مواقع الويب سريعة الاستجابة: البرمجة باستخدام HTML وCSS وJavaScript will develop knowledge and skills that may be useful to these careers:

Web Developer

Web Developers design and create websites. They are responsible for the appearance and functionality of websites. This course teaches HTML, CSS, and JavaScript, the three main languages used to create websites. With knowledge of these three languages, you can increase your employability as a Web Developer.

See salaries and explore the career path for Web Developer

Front-End Developer

Front End Developers are responsible for the appearance and functionality of websites, ensuring that websites are user-friendly and visually appealing. This course teaches HTML, CSS, and JavaScript, the three main languages used to create websites. Learning these languages through this course would be a great way to begin your journey into Front End Development.

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

Web Designer

Web Designers create the look and feel of websites, ensuring that they are visually appealing and user-friendly. This course teaches HTML, CSS, and JavaScript, the three main languages used to create websites. Thus, this course can be a valuable tool as you start your journey to becoming a Web Designer.

See salaries and explore the career path for Web Designer

Full-Stack Developer

Full Stack Developers create both the front end and back end of websites. This course teaches HTML, CSS, and JavaScript, the three main languages used to create the front end of websites. By taking this course, you will learn skills that are essential for the front end of websites. However, this is just one part of becoming a Full Stack Developer, who also needs to know back end development. Nevertheless, this course is a great starting place for anyone interested in becoming a Full Stack Developer.

See salaries and explore the career path for Full-Stack Developer

User Experience Designer (UX Designer)

UX Designers create user interfaces (UIs) for websites and applications, ensuring that they are easy to use and visually appealing. This course can help build a foundation for UX Design by teaching you how to create user interfaces for websites. However, UX Designers should also be familiar with other programming languages and concepts.

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

Back-End Developer

Back End Developers create the server-side of websites, ensuring that websites are functioning properly and that data is being processed and stored correctly. While this course is focused programming languages used for front end development, the concepts and practices you will learn can apply to back end development as well. Thus, this course may be useful as you seek to become a Back End Developer.

See salaries and explore the career path for Back-End Developer

Computer Programmer

Computer Programmers write and test code that allows computers to run. They create software programs, applications, and websites. This course teaches HTML, CSS, and JavaScript, three essential languages used to create the front end of websites. While this course may be helpful, it is important for Computer Programmers to learn a wider variety of programming languages relevant to their specializations.

See salaries and explore the career path for Computer Programmer

Software Developer

Software Developers create software programs used on a computer or mobile device. This course teaches HTML, CSS, and JavaScript, three essential languages used to create the front end of websites. Software Developers, however, create programs that can do a wide variety of tasks. Thus, while this course may be useful to a Software Developer, it is not specific to the field.

See salaries and explore the career path for Software Developer

Information Architect

Information Architects design and structure websites and applications, ensuring that they are easy to navigate and that information is easy to find. This course may be useful as you learn how to create user interfaces for websites and can familiarize yourself with how websites are organized. However, Information Architects should be familiar with other programming languages and should have a background in Information sciences.

See salaries and explore the career path for Information Architect

Technical Writer

Technical Writers create user manuals that explain how to use software and other products. This course may be useful as you learn the basic programming languages used to create websites. However, Technical Writers do not necessarily need to have a background in computer science but should be able to understand technical information and explain it in a way that is easy to understand.

See salaries and explore the career path for Technical Writer

Graphic designer

Graphic Designers create visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course may be useful as you learn how to create visually appealing websites and can familiarize yourself with user interfaces, which are essential for Graphic Designers.

See salaries and explore the career path for Graphic designer

Business Analyst

Business Analysts analyze business needs and develop solutions that improve business processes. This course may be useful as you learn how websites are created and can familiarize yourself with how businesses operate online. However, Business Analysts do not need to have a background in computer science.

See salaries and explore the career path for Business Analyst

Marketing Manager

Marketing Managers plan and oversee marketing campaigns, ensuring that they reach the right audience and achieve marketing goals. This course may be useful as you learn the basic programming languages used to create websites. However, Marketing Managers do not necessarily need to have a background in computer science.

See salaries and explore the career path for Marketing Manager

Product Manager

Product Managers plan and oversee the development of products, ensuring that they meet the needs of customers. This course may be useful as you learn the basic programming languages used to create websites, giving you a foundation for digital products. However, Product Managers do not need to have a background in computer science.

See salaries and explore the career path for Product Manager

Sales Manager

Sales Managers plan and oversee sales campaigns, ensuring that they reach the right audience and achieve sales goals. This course may be useful as you learn the basic programming languages used to create websites. However, Sales Managers do not necessarily need to have a background in computer science.

See salaries and explore the career path for Sales Manager