الخطوة الأولى نحو البرمجة للويب تعلم HTML5 & CSS3 من الصفر للأحتراف
لم يعد الـ Web اليوم مقتصراً على تقديم المعلومة بشكل نصي بسيط ، حيث أصبح من المهم تقديم المحتوى بشكل و أسلوب أقرب ما يكون إلى الإعلامي ، بل ربما هو كذلك فعلاً ، فقد أصبح من النادر -برأيي- أن تجد في مواقع الـ Web اليوم –و أعني المواقع الجيدة منها- ما لا يقدم المعلومات بشكل مسموع و مرئي إضافة إلى الشكل التقليدي المقروء و هذا من ناحية ، أما من الناحية الأخرى فقد تطور الـ Web ذاته كفهوم مع بدء التنظير لما يعرف بالـ 2.0 Web عام ٢٠٠٦ ، و هذا ما أدى بالنتيجة إلى ظهور الحاجة لتطوير الأدوات و اللغات البرمجية التي كانت بين يدي مطوري و مصممي مواقع الـ Web و التي أصبحت قاصرة عن تحقيق متطلبات العملاء الطموحين بامتلاك مواقع ويب عصرية و التي سرعان ما قام من يهمه أمر التقنية بتطويرها و تقديم إصدارات جديدة منها أقوى و أكثر تأقلماً مع Web اليوم ، ذلك لأن ” التأقلم يعتبر أساس النجاح في عالم الـ Web ” .
يناقش هذا الكتاب أحدث إصدار لكل من لغتي HTML و CSS اللتان تعتبران الخطوة الأولى لأي مطور Web إذ يقوم بشرح لغة HTML5 بعد التمهيد لذلك من خلال شرح HTML التقليدية من الصفر و من ثم معايير XHTML من الصفر أيضاً ، كما يقدم هذا الكتاب شرحاً مفصلاً لـ CSS3 بعد التمهيد لذلك من خلال شرح CSS التقليدية من الصفر أيضاً .
مكونات الكتاب
1- HTML5 : يناقش هذا الفصل الإصدار الخامس ( و الأحدث ) من لغة البرمجة النصية التشعبية HTML بشكل مفصل و متدرج و يضمن لقارئه أن يكون قادراً على كتابة صفحات ويب بالمحتوى الذي يرغبو و بالشكل الذي يريده بإذن الله.
۲ – CSS3 : يناقش هذا الفصل كامل المزايا التي يقدمها الإصدار الثالث ( و الأحدث ) من أوراق الأنماط الانسيابية CSS بشكل بسيط و مفهوم ، و يعد قارئه أن يكون قادراً على تجميل المحتوى الذي قدمه في صفحات الويب التي تعلم كتابتها في الفصل الأول .
3- كي يكتمل الحديث عن البرمجة للويب من طرف العميل Client Side كان يجب أن يكون هناك فصل ثالث يتحدث عن لغة Java Script و لكن و لأنني من أنصار الحداثة ( و السهولة ) فيما يتعلق بالتقنيات البرمجية فأنصح القارئ العزيز بقراءة كتابي ” تعلم jQuery في ١٢٠ دقيقة ” أو أي مرجع يتحدث عن لغة jQuery بشكل واضح و مبسط بعد قراءة هذا الكتاب أولاً ، لأن jQuery هي البديل العصري للغة Java Script برأيي .
و أما عن طريقة عرض الأفكار في هذا الكتاب فقد حاولت و اجتهدت كي أجعلها غير مملة و لا معقدة و لا شبيهة بالمحتوى المتعب الذي كثيراً ما عانيت منه في الكتب التي تناقش لغات البرمجة للأسف و يمكنني أن أقول أن هذا الكتاب لا يفجر عشرات الأسطر البرمجية غير المفهومة دفعة واحدة في وجه قارئه دون توضيح لها ، كما أنه لا يطيل أكثر من المطلوب في عرض الفكرة ، لكنه باختصار يقول ما يجب قوله فقط دون أن يغفل أي جانب من الجوانب التي تتوجب معرفتها .
ختاماً أسأل الله أن يتقبل هذا العمل و أن يبارك فيه و يكتبه صدقة جارية من باب العلم الذي ينتفع به و أن يلهم قارئه الفهم و الحفظ و الصبر على التعلم .
مؤلف الكتاب
المهندس مختار سيد صالح
صيغة الكتاب
لمن هذا الكتاب؟
- مبتدئ تمامًا يريد بناء أول صفحة ويب من الصفر.
- من تعلم HTML قديمًا ويريد الانتقال إلى عناصر HTML5 الدلالية وخصائص CSS3.
- مصمم جرافيك يريد تحويل تصميماته إلى صفحات حقيقية.
ما الذي تغيّر منذ كتابة الكتاب؟
لم تعد HTML تصدر بأرقام إصدارات، بل أصبحت معيارًا حيًا يحدّث باستمرار باسم HTML Living Standard تشرف عليه منظمة WHATWG، كما توقف تطوير XHTML كمسار مستقل. والأمر نفسه في CSS؛ فمصطلح CSS3 يعني مجموعة وحدات تتطور كل منها على حدة.
أهم ما يجب إضافته بعد الكتاب هو التخطيط بـ Flexbox وCSS Grid بدل الأساليب القديمة مثل float والجداول، والتصميم المتجاوب بـ Media Queries، ومتغيرات CSS. أما أساسيات الوسوم والمحددات والخصائص التي يشرحها الكتاب فما زالت هي القاعدة.
كيف تطبّق أثناء القراءة
استخدم VS Code مع إضافة Live Server لرؤية التعديلات فورًا. بعد الجزء الأول ابنِ صفحة سيرة ذاتية، وبعد الجزء الثاني نسّقها لتعمل على الجوال والكمبيوتر. وافحص كل صفحة بأدوات المطور في المتصفح لترى كيف تُطبّق قواعد CSS على كل عنصر.
أسئلة شائعة
هل أتعلم XHTML المذكورة في الكتاب؟
يكفيك فهمها كخلفية تاريخية، فالمواقع الحديثة تُكتب بـ HTML5 مباشرة.
ما الخطوة التالية بعد HTML وCSS؟
تعلّم جافا سكريبت لإضافة التفاعل، ثم إطار CSS مثل Bootstrap أو Tailwind لتسريع التصميم.
اقرأ أيضاً
- كتاب كورس HTML و HTML5 بالعربي pdf
- كتاب تعلم لغة CSS من الصفر للإحتراف باللغة العربية PDF
- كتاب شرح مكتبة البوتستراب – Bootstrap لتصميم واجهات المواقع PDF
- كتاب تعليم الجافا سكريبت – JavaScript بالعربي pdf
