التفاعل مع لغة البرمجة جافا سكريبت from Coursera

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

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

وُيعد هذا هو المساق الثالث الخاص تصميم الويب للجميع. يُتوقع أن تحظى بإلمامٍ جوهريٍ للغتي HTML و CSS عند الالتحاق بهذا المساق. وتصب المساقات الأخرى تركيزها على تعزيز التصميم من خلال التصميم المستجيب وإتمام مشروع كابستون.

What's inside

Syllabus

الأسبوع الأول: مقدمة عن لغة البرمجة جافا سكريبت

سبيلك اليوم لاستعمال لغات البرمجة والتعرف عليها هو هذا الأسبوع إن لم تستخدم أي لغة برمجة تقليدية قط. قبل بدء الحديث عن الطريقة، سنتحدث عن السبب الرئيسي وراء رغبتنا في استعمال لغة جافا سكريبت. ويكمن ذلك السبب الرئيسي في سهولة عمل لغة جافا سكريبت مع نموذج كائن المستند. إن أفضل سُبل البدء أيسرها. عندما نتحدث عن البدء، يكون الأمر ممتعًا دومًا عندما يُنفذ الرمز أمرًا يُمكننا رؤيته في الواقع، لذا سننتقل إلى تناول طرق مختلفة يمكننا تحقيق مخرجات باستخدامها. لن يكون الأمر مبهرًا بعد ولكنه سيُعد سبيلًا جيدًا لتعريفك على البرمجة التقليدية. وبعدئذٍ، ننتقل مجددًا إلى الحديث عن أسس الطريقة التي يستخدم بها الحاسوب البيانات. سنبدأ بالمتغيرات والتعبيرات والمعامِلات.

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Develops foundational understanding of JavaScript, which is a programming language used by the vast majority of web developers

Teaches students the basics of object-oriented programming by using classes of JavaScript objects, which are increasingly prevalent in software development today

Focuses on DOM manipulation, an essential skill for web development since the DOM is a fundamental aspect of how web pages are structured and modified

Provides examples and projects to help students practice their skills and apply their knowledge of JavaScript

Taught by Dr. Colleen van Lent and Charles Russell Severance, who have extensive experience in teaching and developing web technologies

Reviews summary

مقدمة عملية ومُحدثة لجافا سكريبت

وفقًا للمتعلمين، تُعد هذه الدورة مقدمة ممتازة وعملية (positive) للغة جافا سكريبت، ومصممة خصيصًا للمبتدئين المطلقين (positive) الذين يهدفون إلى إضافة التفاعل (positive) إلى مواقع الويب الخاصة بهم. يُشيد العديد بـوضوح المحاضرات (positive) وأسلوب المدرب السهل المتابعة (positive)، مما يجعل المفاهيم الأساسية مثل المتغيرات والحلقات وتعديل DOM (positive) سهلة الاستيعاب. تُبرز الدورة المشاريع العملية (positive)، وخاصة مشروع التحقق من صحة النموذج النهائي (positive)، كجانب قوي يساعد في تطبيق المعرفة المكتسبة (positive). تُشير الملاحظات الحديثة إلى أن الدورة قد خضعت لتحديثات مهمة (positive)، مما عالج المخاوف السابقة بشأن المحتوى الذي كان قديمًا (negative). ومع ذلك، قد يجد المتعلمون ذوو الخبرة القليلة أو المتوسطة أن الوتيرة بطيئة (warning) وأن المحتوى أساسي جدًا (warning)، وقد يتطلبون البحث عن تفاصيل أو تمارين إضافية (warning).

تم تحديث الدورة مؤخرًا، مما أدى إلى تحسين جودة المحتوى وحداثته.

"لقد فوجئت بشكل إيجابي بمدى تحديث الدورة. التحديثات الأخيرة جعلتها ذات صلة تمامًا."

"سمعت أن الإصدارات السابقة كانت قديمة، لكنها الآن ممتازة بعد التحديثات."

"أرى أن المدرب استجاب للملاحظات السابقة وحسن الدورة بشكل كبير."

التركيز على الجانب العملي ومشاريع مثل النماذج يفيد في التطبيق المباشر.

"لقد فهمت أخيرًا كيفية عمل DOM والتفاعل مع عناصر الصفحة."

"مشروع التحقق من صحة النماذج كان مفيدًا جدًا لتطبيق ما تعلمته."

"التركيز على DOM والتعامل مع النماذج جعلها تطبيقية ومفيدة للغاية بالنسبة لي."

توفر الدورة أساسًا قويًا في جافا سكريبت لمن لا يمتلكون خبرة سابقة.

"هذه الدورة ممتازة للمبتدئين المطلقين في جافا سكريبت."

"أنصح بها بشدة لأي شخص يبدأ رحلته في تطوير الويب، لقد فهمت أخيرًا."

"الدورة جيدة للمبتدئين تمامًا، وتناسب من لا يمتلكون خبرة سابقة في البرمجة."

بعض المتعلمين يفضلون وجود المزيد من التمارين بعد الدروس لتثبيت المفاهيم.

"أتمنى لو كانت هناك المزيد من التمارين العملية بعد كل أسبوع لتثبيت المعلومة بشكل أفضل."

"اضطررت للبحث عن موارد خارجية لفهم بعض الجوانب بشكل أعمق، وأعتقد أن المزيد من التمارين كانت ستساعد."

"كنت أبحث عن تمارين إضافية لضمان استيعابي الكامل للمادة."

قد تكون الوتيرة بطيئة والمحتوى أساسيًا جدًا للمتعلمين ذوي الخبرة.

"شعرت أن الوتيرة كانت بطيئة قليلاً بالنسبة لي كشخص لديه بعض الخبرة في لغات أخرى."

"أشعر أن هذه الدورة موجهة بشكل مفرط للمبتدئين المطلقين، والوتيرة بطيئة للغاية."

"كشخص لديه خلفية بسيطة في البرمجة، لم أتعلم الكثير بسبب مستوى الأساسيات."

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 التفاعل مع لغة البرمجة جافا سكريبت with these activities:

Review basics of HTML and CSS

Show steps

Refresh your memory on the foundations of web design before taking this course.

Browse courses on HTML5

Show steps

Review HTML tags, structure, and semantics.
Review CSS selectors, properties, and values.

Understand JavaScript Syntax

Show steps

Get a head start on JavaScript by following guided tutorials on its syntax.

Show steps

Follow online tutorials on JavaScript syntax.
Practice writing simple JavaScript statements.

Show all two activities

Career center

Learners who complete التفاعل مع لغة البرمجة جافا سكريبت will develop knowledge and skills that may be useful to these careers:

Front-End Developer

Front end engineers are responsible for making a website look great, function smoothly, and be responsive to the actions of a user. They bring static designs to life by incorporating JavaScript into their work. This course is designed to build a foundation in JavaScript, which is a critical language for front end engineers.

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

Full-Stack Developer

Full stack developers work with both the front and back end of a website or application. They build both the design elements and the functionality of the site. JavaScript is widely used on both front end and back end development, so having a foundation in the language can only benefit a full stack developer's skillset.

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

Web Developer

Interactive web developers make static web pages more interactive by incorporating features that rely on programming languages to work. They need to be able to use JavaScript to create these interactive elements. This course provides instruction on building a foundation for understanding how JavaScript works and how to put it to work in building interactive elements for your own web pages.

See salaries and explore the career path for Web Developer

Software Developer

Software developers write code and scripts to create software, applications, and websites. JavaScript is used as part of full stack development on web applications and websites. This course is a helpful addition to the portfolio of any software developer looking to expand their development skills and knowledge.

See salaries and explore the career path for Software Developer

Computer Programmer

Computer programmers write, test, debug, and maintain computer programs. JavaScript is a popular programming language and is often used for web development and other scripting tasks. This course may be useful in providing a foundation in JavaScript for computer programmers.

See salaries and explore the career path for Computer Programmer

UI Developer

UI developers create the look and feel of a website or mobile application but focus on how the product interacts with the user. They need to have a good understanding of how code and user interactions create a user experience. This course can help build a foundation for understanding how JavaScript works in creating a responsive UI.

See salaries and explore the career path for UI Developer

Software Engineer

Software engineers apply engineering principles to the design, development, and maintenance of software. Many software engineers specialize in web development. JavaScript is a critical language for many applications and websites, so it is likely that this course could be helpful as part of the broader knowledge base necessary for software engineers.

See salaries and explore the career path for Software Engineer

Computer Systems Analyst

Computer systems analysts analyze business needs and design and implement computer systems to meet those needs. JavaScript is a popular language for web development and other scripting tasks. This course may be useful in providing a foundation in JavaScript for computer systems analysts.

See salaries and explore the career path for Computer Systems Analyst

Web Designer

Web designers create the look and feel of a website and all of its pages. While not strictly necessary for a web designer to know JavaScript, those who have a working knowledge can add advanced functionality to their sites without having to rely on external IT support. This course can help build a foundation in JavaScript for web designers.

See salaries and explore the career path for Web Designer

Web Analyst

Web analysts collect and analyze data about web traffic and user behavior to identify trends and patterns that can help improve the effectiveness of a website. Having a strong understanding of JavaScript can be helpful for web analysts who wish to understand how user interaction data is coded and recorded.

See salaries and explore the career path for Web Analyst

Data Scientist

Data scientists collect, analyze, and interpret data to extract insights that can be used to make better decisions. While not necessary for a data scientist to know JavaScript, the language can be helpful in building tools and scripts to collect and analyze data. This course may be useful in helping data scientists build out their skill set.

See salaries and explore the career path for Data Scientist

UX Designer

UX designers design and build the user experience of a product, such as websites, software, and mobile apps. In order to create truly impactful designs, UX designers must be able to understand how the interactive elements of a design function. This course may be useful in helping UX designers learn how JavaScript is used to create interactivity on the web.

See salaries and explore the career path for UX Designer

Digital Marketer

Digital marketers manage and execute marketing campaigns across the internet. They use a variety of tools and tactics, including email marketing, social media, and search engine optimization (SEO). JavaScript can be used to build interactive elements on a website that can help enhance marketing efforts. This course may be useful in helping digital marketers understand how to leverage these elements.

See salaries and explore the career path for Digital Marketer

Webmaster

Webmasters do a variety of tasks to keep a website up and running smoothly. They may update content, resolve technical issues, and even manage customer communications. JavaScript can be used to build helpful utilities for webmaster work. This course may be useful in providing a foundation for these utilities.

See salaries and explore the career path for Webmaster

Information Technology Specialist

Information technology specialists maintain and support computer systems and networks. While not strictly necessary for an IT specialist to know JavaScript, it can be useful when troubleshooting and resolving issues with web-based applications and services. This course may be helpful in providing a foundation in JavaScript for IT specialists.

See salaries and explore the career path for Information Technology Specialist