قبل فترة بدأت في تعلم لغتي HTML و CSS، وهما اللغتان الأساسيتان في بناء الويب. بحيث أن لغة HTML هي لغة هيكلة وبناء صفحات الويب، ولغة CSS هي التي من خلالها نستطيع إضافة التصميم والتنسيق لهذه الصفحات. وقد أعتمدت على المحتوى العربي بشكل كبير في رحلتي التعليمية. وفي هذه التدوينة سوف أزودك بأقوى المصادر العربية في هذا المجال، وذلك من خلال تجربتي وبحثي عن أفضل الدروس العربية.
قبل مدة حاولت تطبيق ما تعلمته في عمل بسيط، ووصلت لهذه النتيجة:
http://www.iayman.com/test-tem/red/index.html
طبعاً النتيجة ليست بتلك الإحترافية، لكن بمجرد تعلمك للأساسيات تستطيع الوصول لهذه النتيجة بكل يسر وسهولة. لا أريد أن اطيل في الموضوع، فلندخل في صلب الموضوع:
- دورة HTML للأستاذ عبدالله عيد: برأي أنها أقوى دورة عربية لتعلم أساسيات لغة HTML، بحيث أن الشرح ممتاز جداً، والدورة من تحت الصفر، وتم تناول الأساسيات بشكل موسع وشامل. يُنصح بها بشدة. للإطلاع على الدورة أضغط هنا
- موقع ar.html.net: موقع رائع جداً لشرح لغتي HTML و CSS. الدروس مرتبة ومترابطة مع بعضها البعض، والشرح موسع أيضاً. إذا كُنت من محبي الشروحات المكتوبة، فهذا الموقع مناسب جداً لك. لزيارة الموقع أضغط هنا
- مدوة المصنع: مدوة رائعة، تحتوي على مواضيع قيّمة عن لغة CSS، وتحتوي أيضاً على وخدع وطرق مختلفة لإستخدام هذه التقنية. يُنصح بالإطلاع على جميع التدوينات الموجودة في المدونة، ولا تنسى أن تبدأ من النهاية إلى البداية. لزيارة المدونة أضغط هنا
- مدرسة كليبرز: شرح ممتاز جداً للأخ يوسف اسماعيل، أهم ما يميز هذه الدروس، هو أسلوب الشرح الرائع والتوسع في تناول المعلومة. بإختصار ح تفهم يعني ح تفهم ^_^ لزيارة دورة HTML أضغط هنا و لزيارة دورة لغة CSS أضغط هنا
- كتاب تعلم HTML5 و CSS3 بسهولة: موقع كتب يحتوي على عشرات الكتب التي تشرح لغتي HTML و CSS، لكن أغلب هذه الكتب للأسف ليست بالجودة المطلوبة، وقد قرأتُ العديد من هذه الكتب لكن لم استفد منها شيئاً، ولكن بعد أن وجدت هذا الكتاب توقفت عن البحث عن غيره. رائع بمعنى الكلمة! لتحميل الكتاب أضغط هنا
الآن لابد من التأكيد على نقطة معينة، وهي مع أن هذه الدورات والدروس كافية لتعلم الأساسيات، إلا أن اغلبها اصبحت قديمة، ولم يتم تحديث محتوياتها منذ فترة طويلة. ولا يخفى على الجميع التسارع الذي يحصل في عالم الويب اليوم. فإذا كُنت تنوي إحتراف هذا المجال حقاً، فلا غنى عن الإطلاع على بعض المواقع الأجنبية كـ W3Schools وغيرها، لمعرفة جديد هذا التقنيات، ولمواكبة التغييرات الجديدة.
السؤال الذي يطرح نفسه الآن، ماذا بعد الأساسيات؟ قد أجاب علي هذا السؤال الأخ احمد عبدالمنعم – صاحب مدونة المصنع – في هذه التدوينة: سؤال مكرر حول مصادر التعلم وأفضل دروس CSS و HTML يمكنك الإستفادة منها. على العموم ليس هنالك مسار محدد يناسب الجميع، يمكنك رسم مسارك الخاص.
السلام عليكم
اخي ايمن انا ايضا تعلمت من دورة عبد الله عيد و تعلمت من مدرسة كليبرز اساسيات CSS لكني اشعر اني عاجز عن تصمصم موقع بسيط فما هو السبب يا ترى و اقصد اني كل ما تعلمته اشعر اني لم اتعلم ابدا
رغم اني لدي الكثير من الدورات العربية هل هذا لعدم استوعابي ان تعلمي خاطء مند البداية
وعليكم السلام ورحمة الله وبركاته، مرحبًا معتصم، أهلًا وسهلًا بك 🙂 أعتذر عن التأخير في الرد..
الحقيقة أن هذه المقالة أو التدوينة قديمة.. الآن كل ما أنصحك به هو التوجه إلى قناة الأستاذ أسامة الزيرو على اليوتيوب.. فهو – مع إحترامي للجميع – يشرح بإسلوب مبسط جداً وممتع في نفس الوقت، والدورات في القناة حديثة وإلى الآن القناة نشيطة ويتم تحديث محتوياتها بإستمرار، يمكنك الإطلاع على القناة من هنا:
https://www.youtube.com/user/OsamaElzero/playlists
يوجد في القناة شرح موسع لأساسيات HTML & CSS، أيضاً كذلك دورتين مفصلتين لشرح الإصدار الجديد من اللغتين HTML5 & CSS3، كذلك يوجد في القناة ثلاثة تطبيقات لعمل ثلاثة مواقع من الصفر، صدقني إن قمت بعمل هذه التطبيقات، يمكنك بعد ذلك تحويل أي صورة أو PSD إلى كود بسهولة.. يمكنك الإطلاع على هذا المسار للسير عليه:
http://elzero.info/Track
بإختصار سبب مشكلتك هو قلة التطبيق، فبعد إجراء هذه التطبيقات، سوف تكون الأمور عندك أوضح بكثير بإذن الله.. وبعد ذلك يمكنك البحث عن تصاميم PSD وتحويلها إلى كود بنفسك، وإذا واجهتك أي مشكلة تبحث عنها في الإنترنت، وفي الغالب ستجد حل لها.. وبكدا ح يتطور مستواك بإستمرار..
أتمنى أن تكون إجابتي شافية.. بالتوفيق لك.
السلام عليكم اخ ايمن شكراً جزيلاً على هذا المقال الجميل شكراً
وعليكم السلام ورحمة الله وبركاته، شكرًا علي، بالتوفيق لك.
السلام عليكم أيمن
بالصدفة وقعت في مدونتك عن طريق جوجل وأنا أبحث عن أي شيء يوصلني بأحمد عبد المنعم صاحب مدونة المصنع.
هذا الرجل كان عبقريًا وفنانًا بحق!
لو تعرف عنه أي شيء أو رابط لموقعه الشخصي أو حساب تواصل اجتماعي أكون ممكن جدًا لك 🙂
وعليكم السلام ورحمة الله وبركاته، مرحبًا أحمد..
إي نعم.. هو كان من المبدعين في تقديم الشروحات، لديه اسلوب بسيط وقوي في توصيل المعلومة..
للأسف ليس لدي رابط له الآن.. ربما لم يعد نشطًا في هذا المجال..
شكرًا لك.