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

所在平台: Coursera

课程主页: https://www.coursera.org/learn/javascript-ar

课程评论:没有评论

第一个写评论        关注课程

课程简介

课程名称:与JavaScript编程语言互动 概述:如果你想将你的网页提升到一个新的水平,添加互动性是必不可少的。而实现这种互动需要比HTML5或CSS3更强大的编程语言,JavaScript正是能够提供这些功能的语言。掌握这门语言的基本知识后,你将能够创建一个能够响应常见事件的页面,如页面加载、鼠标点击、鼠标移动,甚至是键盘输入。 本课程将让你了解JavaScript编程语言的基础知识。我们将讨论一些概念,如变量、循环、函数以及调试工具的一些内容。你还将学习如何使用JavaScript的文档对象模型(DOM)来识别并修改页面的特定部分。课程结束后,学员将能够与DOM事件进行交互,动态更改页面的内容和样式。最终项目是创建一个互动的HTML表单,接受用户输入并进行验证。 本课程是面向所有人的网页设计系列中的第三门课程。报名参加此课程时,预期你对HTML和CSS有基本的了解。其他课程将集中在通过响应式设计来增强设计,并完成一个综合项目。 课程大纲: 第一周:JavaScript编程语言导论 本周介绍编程语言的使用与认识,探讨为什么需要使用JavaScript,重点在于它与文档对象模型的易用性。通过简单的示例,开始亲自体验编程,并学习变量、表达式和运算符的基本概念。 第二周:响应用户 回顾HTML代码检查的重要性,特别是确保标记闭合规则。学习“干净代码”的重要性,以及如何根据用户在页面上的互动响应不同组件,重点学习JavaScript中的鼠标事件和触摸事件。 第三周:数组与循环 深入理解更复杂的编程概念:数组和循环。数组用于提供相关信息的集合,而循环提高了程序的效率和灵活性,并通过这两者扩展前面的图像画廊的示例。 第四周:表单数据验证 在这一周,将把多个概念结合起来,处理一个新项目——创建和验证HTML5表单的输入。探讨如何利用JavaScript为表单添加选项,预填数据并验证密码是否匹配。

课程大纲

Part: 1

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

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

Part: 2

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

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

Part: 3

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

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

Part: 4

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

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

课程评论(0条)

课程详情

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

课程标签

0人关注该课程

主题相关的课程