مقدمة في برمجة الويب (المفاهيم الأساسية) 2

‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫الهدف العام‬...

‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫الهدف العام‬ ‫من الباب األول‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫الهدف العام من الباب األول‪:‬‬ ‫اكساب طالب تكنولوجيا التعليم بعض المفاهيم النظرية حول‬ ‫برمجة الويب كمدخل لدراسة باقي المقرر‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫العناصر الرئيسية‬ ‫للدرس األول‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫العناصر الرئيسية للدرس األول ‪:‬‬ ‫‪.1‬مفاهيم نظرية حول الويب‬ ‫‪.2‬مفاهيم حول برمجة الويب‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫أوالً – مفاهيم نظرية حول الويب‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫تاريخ الويب‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ -1‬أول شبكة كمبيوتر في العالم‪:‬‬ ‫تم انشاء شبكة كمبيوترية من قبل وزارة الدفاع األمريكية بغرض الربط بين‬ ‫‪، DDN‬‬ ‫المراكز والوكاالت الحكومية في شبكة اتصال واحدة تسمى‬ ‫انقسمت في بدايتها إلى شبكة اتصاالت حربية ‪ MILNET‬وشبكة األبحاث‬ ‫‪ ، ARPANET‬تم إنشاء أول بروتوكول شبكي في العالم وهو ‪TCP/IP‬‬ ‫والخاص بالتواصل عبر أجهزة الكمبيوتر داخل الشبكة مما أدى إلى اجراء‬ ‫اول اتصال عبر شبكة أربانت عام ‪ 1969‬بين جامعتي كاليفورنيا‬ ‫وستانفورد ‪ ،‬وتم إرسال أول بريد الكتروني عام ‪ 1971‬من قبل معهد‬ ‫ماساتشوستس األمريكية ‪ ،‬وكانت الشبكة حكرا على األغراض العسكرية‬ ‫والعلمية ولم تتاح للعامة‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ -2‬الشبكة العنكبوتية – الويب ‪WWW -‬‬ ‫قام العالم البريطاني بيرنرز لي بدءا من العام ‪ 1980‬بالعمل على مخطط‬ ‫انشاء خدمة تعمل ضمن شبكة االنترنت وهي خدمة انشاء صفحات تعرض‬ ‫نصوصا وصورا للمستخدمين‪ ،‬قام بيرنرز بإنشاء بروتوكول نقل النص‬ ‫‪ ،http‬ولغة ‪ html‬وأول متصفح ويب باالسم ‪world wide web‬‬ ‫وبروتوكول نقل الملفات ‪ ، ftp‬وظهر للمرة األولى للعامة عام ‪ ،1991‬وقام‬ ‫بإنشاء الجمعية العالمية للشبكة العالمية ‪ W3C‬لضبط معايير قياسية‬ ‫موحدة للويب‪ ،‬وأصر برينرز أن يكون استخدامه مجانا وبحرية ألي‬ ‫شخص‪ ،‬وبحلول عام ‪ 1990‬تم الغاء شبكة ‪ DDN‬القديمة‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ -3‬الجيل األول للويب ‪Web1‬‬ ‫بظهور الشبكة العنكبوتية (خدمة مواقع الويب للوصول للمعلومات) التي‬ ‫اخترعها بيرنرز لي ظهر الجيل األول من مواقع الويب ‪ ،‬لذلك يعد تيم‬ ‫بيرنرز هو مخترع الجيل األول للويب بشكل منطقي ‪ ،‬تميزت المواقع في‬ ‫تلك الفترة بثبات المحتوى ووجود روابط تشعبية (النص الفائق) ترتبط بين‬ ‫صفحات الموقع ‪ ،‬وكانت انجازا حضاريا في تلك الحقبة ومصدرا هائال‬ ‫للمعلومات واألخبار ‪ ،‬نظرا ألن تلك التقنية كانت في بدايتها (معتمدة على‬ ‫لغة ‪ HTML‬فقط ) فإن المعلومات المعروضة على صفحة الويب ال يمكن‬ ‫تعديلها إلى من خالل مبرمج الموقع نفسه‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫تابع‬ ‫وكانت المشاهدة تتم من قبل المستخدم دون قدرة على المشاركة واضافة‬ ‫التعليقات أي أن المعلومات الموجودة مستعرضة لغرض االستعراض فقط ‪،‬‬ ‫ظهرت العديد من الخدمات في تلك الفترة مثل ‪ :‬البريد االلكتروني ‪ ،‬القوائم‬ ‫البريدية ومجموعات األخبار وغرف الدردشة (تم دمجها جميعا في الوقت‬ ‫الحالي في الشبكات االجتماعية) ‪ ،‬المؤتمرات الصوتية ومؤتمرات الفيديو‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ -4‬الجيل الثاني للويب ‪Web 2‬‬ ‫بعد تطور تقنيات الكمبيوتر سواء البرمجية ولغات البرمجة أو المادية مثل‬ ‫أجهزة الكمبيوتر وأجهزة السيرفر ؛ ظهر الجيل الثاني للويب والذي اعلن‬ ‫عنه للمرة األولى عام ‪ 2004‬من قبل تيم اورلي صاحب شركات‬ ‫‪ ،O’Reilly‬سمى الجيل الثاني للويب بالويب االجتماعي حيث ركز على‬ ‫قدرة المستخدمين على التعاون ومشاركة المعلومات عبر االنترنت ‪ ،‬أتيح‬ ‫للعامة سهولة انشاء مواقع الويب وتعديلها دون الحاجة لخبرات برمجية ‪،‬‬ ‫ظهر في هذا الجيل معظم الخدمات المعروفة حاليا مثل محركات البحث‬ ‫‪ ،Blogs‬خدمة الحصول على االخبار‬ ‫خصوصا جوجل ‪ ،‬المدونات‬ ‫والتحديثات ‪ ،RSS‬يوتيوب ‪ ،‬الويكي ‪ ،‬الشبكات االجتماعية بشكل عام‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ -5‬الجيل الثالث للويب ‪Web 3‬‬ ‫هي المرحلة الحالية للويب أشار إليه بيرنرز لي مخترع الويب‪ ،‬والذي‬ ‫أشار إلى إمكانية (اآللة) بشكل عام إلى فهم النصوص المكتوبة‬ ‫ومحادثات البشر‪ ،‬وهي مرحلة نتجت عن دمج تقنيات الذكاء الصناعي‬ ‫ضمن الويب‪ ،‬فظهرت مصطلحات مثل التعلم العميق والبيانات الضخمة‪،‬‬ ‫وهي تقنيات تعتمد عليها الشبكات االجتماعية بكثرة حيث تظهر‬ ‫للمستخدم نتائج البحث بناء على اختياراته السابقة‪ ،‬أي أن (اآللة)‬ ‫أصبحت تتفهم طلبات المستخدمين وتظهرها وفقا (لخبراتها) السابقة‬ ‫الختيارات المستخدم‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ -6‬انتشار األجهزة الذكية النقالة‬ ‫تم اختراع جهاز اتصال السلكي قادر على اجراء المكالمات من قبل العالم‬ ‫األمريكي مارتن كوير من شركة موتوروال وذلك عام ‪ ،1972‬ثم ظهرت‬ ‫شركة نوكيا التي أطلقت اول جهاز محمول خفيف الوزن عام ‪1993‬‬ ‫لينتشر بشكل غير مسبوق‪ ،‬وقامت نوكيا عام ‪ 1999‬بتقديم موبايل‬ ‫يحتوي على تطبيقات تستخدم بروتوكوالت شبكة االنترنت والويب وهذا‬ ‫ما أدى إلى ثورة حقيقية في عالم االتصاالت والويب‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫أنواع مواقع الويب‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ -1‬مواقع ويب ذات محتوى ثابت ‪Static‬‬ ‫هي مواقع ويب ذات عدد صفحات محدد مسبقا‪ ،‬تعتمد على بروتوكول‬ ‫‪ http‬في عرض الصفحات‪ ،‬ال يتطلب بناؤه وقتا أو جهدا كبيرا‪،‬‬ ‫تعتمد على لغة ‪ html‬في التصميم‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ -2‬مواقع ويب ذات محتوى تفاعلي ‪Dynamic‬‬ ‫هي مواقع ويب تعتمد على لغات برمجة أكثر تطورا تسمح‬ ‫للمستخدمين بالتفاعل مع الصفحات وانشاء صفحاتهم الشخصية‪،‬‬ ‫وبالتالي هي غير محددة الصفحات مسبقا‪ ،‬يتطلب انتاجها خبرات‬ ‫برمجية عالية من شركات ضخمة‪ ،‬ولكنها تتيح للمستخدمين انشاء‬ ‫صفحاتهم والتعديل عليها دون الحاجة لخبرات برمجية‪ ،‬وتعد الشبكات‬ ‫االجتماعية مثاالت واضحا عليها‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ -3‬مواقع ويب ذات محتوى ينفذ في الخادم‬ ‫هي مواقع ويب تعتمد غالبا على وجود واجهة للمستخدم يقوم فيها‬ ‫بإرسال استفسار او تخزين بيانات‪ ،‬ويتم تخزين تلك البيانات في‬ ‫قاعدة بيانات مرتبطة بهذا الموقع‪ ،.‬كما يتم في تلك القواعد عمل‬ ‫التعديالت المختلفة واالضافة والحذف بناء على أوامر يرسلها‬ ‫المستخدم‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫ثانياً – مفاهيم حول برمجة الويب‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫مفهوم برمجة الويب‬ ‫‪Web Programing‬‬ ‫‪Web Development‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫مفهوم برمجة الويب‬ ‫عملية انشاء مواقع للويب‪ ،‬سواء كانت بدائية تعرض نصوص‬ ‫وصور فقط‪ ،‬أو متقدمة تستخدم كافة اإلمكانيات البرمجية مثل التجارة‬ ‫االلكترونية‪ ،‬يندرج أسفل هذا المصطلح العديد من األدوات البرمجية‬ ‫الالزمة مثل تصميم الويب وبرمجة واجهة المستخدم وبرمجة‬ ‫السيرفر‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫الفرق بين‬ ‫تصميم الويب ‪Web Design‬‬ ‫وبرمجة الويب ‪Web Programing‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫الفرق بين تصميم الويب وبرمجة الويب‬ ‫تصميم الويب يمكن ان تعتبر جزء من برمجة الويب‪ ،‬فهي تقتصر‬ ‫فقط على انشاء الصفحات ووضع تنسيقات للنصوص والصور‬ ‫والعناصر األخرى الظاهرة في الصفحة‪ ،‬أما برمجة الويب تضيف‬ ‫عليها إمكانيات التفاعل مع المستخدم ومع السيرفر ومع قواعد‬ ‫البيانات‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫تطور برمجة الويب‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ – 1‬البرمجة بلغة ‪HTML‬‬ ‫اخترعها العالم بيرنرز لي (ضمن ما اخترعه من أدوات بهدف انشاء‬ ‫الشبكة العنكبوتية)‪ ،‬وهي تعرض نص وصور ثابتة ال يستطيع المستخدم‬ ‫التفاعل معها سواء بمشاهدتها وتحميلها على جهازه الشخصي‪ ،‬ال‬ ‫تحتاج إلى محرر خاص للتعامل معها حيث إنها مدمجة بشكل تلقائي في‬ ‫متصفحات الويب‪ ،‬يمكن انشاء صفحات الويب بوساطتها باستخدام أي‬ ‫‪ notepad‬وميكروسوفت وورد‪ ،‬ثم‬ ‫برنامج محرر نصوص مثل‬ ‫تخزين الملف باالمتداد ‪ html‬وتكون وظيفة متصفح الويب هو عرضه‬ ‫الصفحة‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ – 2‬برمجة ما تراه تحصل عليه‬ ‫نظرا لصعوبة استخدام لغة ‪ HTML‬لدى الكثير من المستخدمين قامت‬ ‫العديد من الشركات بإنتاج برامج (لتصميم) الويب‪ ،‬حيث يقوم المستخدم‬ ‫بكتابة النصوص ووضع الصور وانشاء الصفحات ثم وتقوم تلك البرامج‬ ‫بتوليد كود ‪ HTML‬تلقائي لما قام به من تنسيقات‪ ،‬وبالتالي هي تطبق‬ ‫مفهوم ما تراه تحصل عليه دون الحاجة لتعلم لغة ‪ ، HTML‬وهذا أدى‬ ‫الى انتشار تصميم مواقع الويب بشكل غير مسبوق‪ ،‬تعد شركة‬ ‫ميكروسوفت من رواد انتاج برامج تصميم الويب من خالل برنامج‬ ‫فرونت بيج ثم ويب اكسبريشن‪ ،‬وشركة أدوبي من خالل برنامج أدوبي‬ ‫دريم ويفر‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ – 3‬البرمجة باللغات المتقدمة‬ ‫من ضمن سعي المبرمجين وشركات البرمجة إلى توسيع االستفادة من‬ ‫الويب في عمليات التجارة االلكترونية ‪ ،‬ظهرت العديد من المحاوالت‬ ‫التي تهدف إلى تطوير لغات البرمجة التي تنتج تطبيقات حصرية على‬ ‫أجهزة الكمبيوتر إلى لغات تنتج صفحات ويب ‪ ،‬فظهرت لغات مثل‬ ‫‪ PHP‬منذ عام ‪ 1995‬على يد العالم رامسوس والتي تعد تطويرا للغة‬ ‫بيرل واخذت اإلصدارات تتوالي حتى اإلصدار السابع في الوقت الحالي‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ – 3‬البرمجة باللغات المتقدمة‬ ‫كما ظهرت لغة ‪ Asp‬من قبل شركة ميكروسوفت عام ‪ 2000‬وتطورت‬ ‫إلى لغة ‪ Asp.net‬التي تعتمد على لغة ‪ C#‬بشكل أساسي في الوقت‬ ‫الحالي ‪ ،‬باإلضافة إلى لغات أخرى مثل اصدار ‪ Java‬الخاص ببرمجة‬ ‫الويب ‪ ،‬ولغة بايثون وغيرها ‪ ،‬وظهرت في تلك الفترة إمكانية ربط‬ ‫التطبيقات المنتجة بقواعد بيانات ‪ ،‬كل ما سبق أدى إلى ظهور تطبيقات‬ ‫الجيل الثاني للويب‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ – 4‬المكتبات مفتوحة المصدر‬ ‫بعد تطور لغات البرمجة ظهرت العديد بيئات التطوير التي تمكن‬ ‫المستخدم من إنشاء مواقع ويب ديناميكية تماثل في قوتها تلك التي‬ ‫تمت برمجتها بلغات البرمجة العليا‪ ،‬حيث تتيح للمستخدمين انشاء‬ ‫نظم إلدارة المحتوى تحتوي على واجهات سهلة االستخدام مثل‬ ‫‪ Joomla‬التي تمت كتابتها أصال بلغة ‪ ،PHP‬كما ظهرت العديد‬ ‫من المحاوالت إلنشاء مكتبات برمجية توفر اكواد جاهزة لتصميم‬ ‫وبرمجة المواقع دون الحاجة لتعلم لغات برمجة مثل ‪ html‬أو‬ ‫‪ CSS‬ومن أشهرها ‪ Bootstrap‬و‪JQuery‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ – 5‬التوافقية مع األجهزة النقالة‬ ‫بعد انتشار استخدام األجهزة النقالة مثل الموبايل والتابلت‪ ،‬وقيام‬ ‫المستخدمين بتصفح مواقع الويب من خاللها‪ ،‬قامت شركات البرمجة‬ ‫بتطوير قوالب برمجية مرنة بحيث يظهر المحتوى المعروض بطريقة‬ ‫تتناسب مع الجهاز الذي يتم استخدامه‪ ،‬فيعرض محتوى مفصل إذا‬ ‫كان الجهاز المستخدم جهاز كمبيوتر‪ ،‬ويعرض محتوى مختصر لو‬ ‫كان الجهاز المستخدم ذو شاشة صغيرة مثل أجهزة المحمول‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ – 6‬الحوسبة السحابية‬ ‫تعني الحوسبة السحابية توفير الموارد التقنية وفقا للطلب عبر‬ ‫االنترنت‪ ،‬وظهر معها إمكانية تحويل التطبيقات التي تعمل على أجهزة‬ ‫الكمبيوتر إلى تطبيقات تعمل كاملة على شبكة االنترنت‪ ،‬أدى هذا الى‬ ‫تغير مفهوم برمجة الويب إلى مفهوم اخر يتم فيه برمجة واجهة‬ ‫المستخدم لموقع الويب بحيث تظهر القوائم وأشرطة األدوات‬ ‫ومساحة العمل بشكل مطابق لما يظهر للمستخدم إذا كان يستخدم‬ ‫النسخة الكمبيوترية للبرنامج‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫أهمية برمجة الويب كصناعة عالمية‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫أهمية برمجة الويب كصناعة عالمية‬ ‫ تتجه جميع الدول إلى التحول الرقمي فرض عليها تحويل كافة‬ ‫الخدمات إلى الويب وبالتالي هو قطاع حيوي يسهل من حياة المواطنين‬ ‫ ترغب جميع الشركات في تحويل كافة عملياتها إلى شكل ويب وبالتالي‬ ‫تقليل االعتماد على العامل البشري لتسريع اإلنتاج وتجويده‬ ‫ تعد وظيفة مبرمج الويب من الوظائف الهامة في المستقبل وللعشر‬ ‫سنوات القادمة وبرواتب مرتفعة‪.‬‬ ‫ تبلغ عائدات صناعة الويب عالميا مئات المليارات سنويا وهي صناعة‬ ‫واعدة واستثماراتها قوية‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫أهمية برمجة الويب في التعليم‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫أهمية برمجة الويب في التعليم‬ ‫يهدف تعليم برمجة الويب لطالب تكنولوجيا التعليم إلى اكسابه‬ ‫المهارات التي تمكنه من إنشاء مواقع ويب ديناميكية لألغراض‬ ‫التعليمية‪ ،‬نظرا ألن طالب تكنولوجيا التعليم يجمع بين الخلفية التقنية‬ ‫والخلفية التربوية وبالتالي سيتم انتاج تطبيقات ويب تعليمية تراعي‬ ‫معايير اإلنتاج في كال المجالين‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫معمارية برمجة الويب‬ ‫‪Web Structure‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ – 1‬ما يتم لدى العميل ‪Client‬‬ ‫‪Front-End‬‬ ‫تسمى أيضا الواجهة األمامية لتطوير الويب‬ ‫‪ development‬وأيضا ‪،Client side Development‬‬ ‫وهو الجزء األمامي الذي يتعامل معه المستخدم بشكل مباشر‪ ،‬يتم‬ ‫‪ HTML‬و ‪ CSS‬و ‪JavaScript‬‬ ‫برمجته من خالل لغات‬ ‫وغيرهم‪ ،‬وعلى المستخدم فقط ان يستخدم متصفح ويب للدخول على‬ ‫التطبيق‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ – 2‬ما يتم لدى خادم الويب ‪Server‬‬ ‫‪Back-End‬‬ ‫تسمى أيضا الواجهة الخلفية لتطوير الويب‬ ‫‪ development‬وأيضا ‪، Server-side Development‬‬ ‫وهو الجزء الخلفي الذي يتعامل مع الخادم ‪ /‬السيرفر‪ ،‬يستقبل بيانات‬ ‫المستخدم من خالل مساعدة احدى لغات البرمجة مثل ‪ PHP‬أو‬ ‫‪ ASP. Net‬وينفذها ويعيد إرسالها للمستخدم‪.‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫أشهر لغات برمجة الويب‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ – 1‬لغتي التصميم األساسيتين‬ ‫‪ : HTML‬اللغة األساسية إلنشاء الصفحات – وسبق الكالم عنها ‪،‬‬ ‫اجبارية وال غنى عنها ‪ ،‬جميع متصفحات الويب تدعمها دون‬ ‫مشكالت‪.‬‬ ‫‪ : CSS‬تستخدم في إعطاء المظهر الجمالي وبأكواد أسهل بكتير‬ ‫من ‪ ، HTML‬لكنها ليست بديال عنها ‪ ،‬بمعنى ان المبرمج يستخدم‬ ‫لغة ‪ HTML‬في االنشاء ويستخدم لغة ‪ CSS‬في التنسيق ‪،‬‬ ‫اختيارية يمكن برمجة موقع ويب بدونها ‪ ،‬جميع متصفحات الويب‬ ‫تدعمها مع وجود بعض المشكالت في بعض اإلصدارات‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ – 2‬لغة البرمجة لدى العميل‬ ‫‪ JavaScript‬هي لغة من المستوى المتقدم ‪ ،‬تستخدم في انشاء‬ ‫الصفحات التفاعلية التي يتم تنفيذ أكوادها على الجهاز العميل ودون‬ ‫الحاجة لالتصال بالسيرفر ‪ ،‬جميع متصفحات الويب تدعمها‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫‪ – 3‬لغات البرمجة لدى السيرفر‬ ‫هي لغات كثيرة جدا‪ ،‬لكل واحدة منها نقاط قوتها ونقاط ضعفها‪،‬‬ ‫ومنها ما يلي‪:‬‬ ‫‪ ASP. Net‬منتجة من شركة ميكروسوفت ‪ ،‬وتعتمد حاليا على‬ ‫‪ ،C#‬وهي المستخدمة في بناء تطبيقات‬ ‫أسس البرمجة بلغة‬ ‫ميكروسوفت على الويب مثل البريد االلكتروني ‪Outlook‬‬ ‫‪ PHP‬لغة مفتوحة المصدر برمجها (رامسوس ليردورف) ‪ ،‬تشرف‬ ‫عليها مؤسسة البرمجيات الحرة ومبادرة المصادر المفتوحة برخصة‬ ‫خاصة ‪ ،‬استخدمت اللغة برمجة خدمات فيسبوك وياهو وويكيبيديا‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫تابع‬ ‫‪ Python‬لغة برمجة مفتوحة المصدر برمجها (جايدو فان روسم)‬ ‫‪ ،‬تشرف عليها مؤسسة بايثون العالمية ‪ ،‬استخدمت اللغة في برمجة‬ ‫خدمات جوجل وفيسبوك ويوتيوب‬ ‫‪ Java‬هي اللغة فائقة الشهرة المنتجة من قبل شركة صن ميكرو‬ ‫سيستم التي تمتلكها حاليا شركة أوراكل ألنظمة قواعد البيانات ‪ ،‬هي‬ ‫تطوير للغة جافا االصلية بغرض العمل على السيرفر ‪ ،‬استخدمت‬ ‫اللغة في برمجة خدمات جوجل وفيسبوك ويوتيوب وتويتر وامازون‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫مطور الويب ‪Web Developer‬‬ ‫الدرس األول ‪ :‬المفاهيم األساسية – الباب األول ‪ :‬مقدمة في برمجة الويب – مقرر ‪ :‬برمجة الويب‬ ‫إعداد د‪/‬محمد ضاحي توني‬ ‫مطور الويب‬ ‫هو مبرمج تطبيقات ومواقع الويب‪ ،‬يبلغ متوسط راتبه في ‪USA‬‬ ‫عام ‪ 2022‬حوالي ‪ 75‬ألف دوالر سنويا‬ ‫نهاية المحاضرة‬