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

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

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

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

What's inside

Syllabus

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

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

الأسبوع الثاني: الرد على مُستمعيك

إذا كنت قد قمت بتدوين رمزHTML الخاص بك في الماضي، فمن المأمول أن تكون قد مارست العادة العظيمة المتمثلة في التحقق من صحة الرمز الخاص بك -- مع التأكد من إغلاق جميع علاماتك المفتوحة. وهناك قواعد أخرى قد تكون تتبعها أو لا تتبعها أيضًا، على سبيل المثال أهمية استخدام سمة كل مُعرف مرة واحدة فقط لكل صفحة. وهذا ما يُسمى بكتابة رمز "نظيف". تُصبح أسباب وأهمية اتباع هذه القواعد جليةً عندما نبدأ في معالجة المكونات المختلفة بصفحة الويب الخاصة بك بناءً على تصرفات الشخص الذي يتفاعل مع صفحتك. كما ستتعرف على وجه الخصوص على أحداث الفأرة وأحداث اللمس في لغة البرمجة جافا سكريبت. ستنتهي مواد هذا الأسبوع بمثال على معرض الصور يُمكنك إنشاؤه معي.

الأسبوع الثالث: المصفوفات والحلقات

سنتعمق هذا الأسبوع في مفاهيم البرمجة الأكثر تعقيدًا: المصفوفات والحلقات. تتيح لك المصفوفات تقديم مجموعات من المعلومات ذات الصلة. توفر الحلقات الكفاءة والمرونة لبرامجك. وباستخدام كلاهما سنتوسع في مثال معرض الصور.

الأسبوع الرابع: التحقق من صحة بيانات النموذج

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

Good to know

Know what's good

, what to watch for

, 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

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

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

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

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

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

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 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