لنبدأ في تعلم برمجة الويب - الجزء الأول: HTML - مقال كلاود
 إدعم  المنصة   
makalcloud
تسجيل الدخول

لنبدأ في تعلم برمجة الويب - الجزء الأول: HTML

تطوير الويب من أهم الوظائف في المجال التقني حالياً و في نفس الوقت من أسهل الوظائف التي من الممكن أن تبدأ فيها, حتى أنه من الممكن البدأ فيها في منزلك

  نشر في 31 يناير 2017 .

برمجة مواقع الويب من أوسع مجالات العمل في المجال التقني حالياً, اكثر اللغات انتشاراً على GitHub (منصة للمطورين) هي JavaScript و هي لغة لبرمجة الويب (و ليس لها علاقة ب Java), مع تطور التقنيات و لغات برمجة الويب أصبح من الممكن تصميم تطبيقات للهواتف الذكية بإستخدام برنامج مثل PhoneGap او تطبيق للويندوز بإستخدام مكتبة Electron JS اللذان يعتمدان على لغات تطوير الويب, اصبح حتى من الممكن برمجة تطبيقات على الويب تقدم أغلب الخصائص المتوفرة في تطبيقات الكمبيوتر التقليدية مثل Office Online و Google Docs, و من المميزات الجديدة ايضاً إمكانية إستخدام بعض تطبيقات الويب دون إستخدام إنترنت مثل Google Docs طالما قد حملته من قبل, و منشر يدعم ذلك ايضاً.

الفقرة القادمة عبارة عن مقدمة قصيرة ليس لها أهمية:

بدأت حبي للكمبيوتر منذ كنت في الثالثة أو الرابعة من عمري, و أنا في الثامنة, أكتشفت لأول مرة أن إنشاء موقع ليست مهمة تحتاج لإنسان خارق, قمت بإستخدام الكثير من الخدمات مثل uCoz و Spruz و Webs و Wix و غيرها, في الثانية أو لثالثة عشر من عمري تقريباً, حاولت أن أنشأ موقع بإستخدام WordPress, في الرابعة عشر, أطلقت مدونة بإستخدام WordPress.com, لم أكن أعرف وقتها الفرق بين لغات البرمجة و نظم إدارة المحتوى, كلها وسائل لإنشاء موقع يا رجل :D, في أواخر الخامسة عشر من عمري, عرفت الفرق و قررت أن أبدأ في تعلم برمجة او تصميم الويب, لم يطلب مني أحد تصميم على الفوتوشوب (أعرف القليل عنه) إلا و كان سيئاً, و لكني أحب الرياضيات و التحليل فقررت أن أتعلم البرمجة و خاصة برمجة الويب, و ها أنا أقرب لأكون في السابعة عشر و مازلت أبدأ, الكسل-_- من الأسباب التي قد أخرتني غير الكسل و الدراسة هي أن أول كورس بدأت به لم يكن جيد كفاية

أظن أن المكتوب فوق الفقرة الغير مهمة في المنتصف قد يشجعك للبدأ في إنشاء تطبيقات الويب خاصتك, لذلك قررت أن أجمع مجموعة من المصادر كل فترة خلال فترة تعلمي للإفادة, إلا إذا أعجب الموضوع أكثر من شخص و تحول الموضوع لسلسلة تدوينات منتظمة.

في البداية, يجب إتباع طريق محدد نمشي عليه, مع أننا لن ننفجر إذا خالفناه إلا أنه ينصح به, و لكن هذا ما أسوف أسير عليه و لنري ماذا يحمل المستقبل لنا.

قررت أن أتبع مسار التعليم الخاص بموقع مدرسة الزيرو لمطور الويب, يوجد مسار لمصمم الويب ايضاً, في البداية المساران متشابهان, و هي قناة على يوتيوب لتعليم التصميم و البرمجة, يوجد عليها الكثير من الكورسات الخاصة ب HTML و CSS و JavaScript و PHP و غيرها.

في البداية, وجدت وجود إجماع على أن HTML هي أول ما يجب تعلمه, و أنا عن نفسي أرى أن السبب منطقى, فال HTML هي الهيكل الأساسي للصفحة.

بعد ذلك من الممكن أن نتعلم CSS, و هذا ما سأفعله, لكي نتمكن من عمل تصميم بسيط للصفحة, بعد ذلك نبدأ في لغات أخرى مثل PHP او JavaScript لنعطي صفحتنا بعض الحياة.

مع العلم أن HTML و CSS ليست لغات برمجة أصلاً, و لكنها أساسية لعمل صفحة ويب, ف HTML هي لغة وصفية نتمكن منها إضافة عناصر مثل الصور و الروابط و غيرها, أما CSS فتستخدم في تصميم الصفحة و إعطائها ألوان و تنظيم لها, من الممكن التعمق في CSS و لكن عن نفسي سوف أتعلم أساسياتها حتى أتمكن من تصميم صفحة بسيطة جميلة فليس لدي مَلَكة التصميم.

بالنسبة لما سوف تحتاجه:

1- محرر نصوص: و ليس معالج نصوص, Notepad محرر و لكن Word معالج, يمكن إستخدام Notepad و لكن لا ينصح به, يمكن إستخدام Atom أو Brackets أو Visual Studio Code أو Notepad++ أو تكون فشيخاً (كما نقول بالمصرية) Vim و Emacs و لكن لا ينصح بهم في البداية.

2- متصفح ويب جيد: يفضل إستخدام متصفحات مثل Chrome او Firefox التي توفر لك الكثير من الأدوات التي تساعدك في حل المشكلات التي سوف تواجها في المستقبل و توفر مجموعة كبيرة من الإضافات, يمكن إستخدام متصفحات أخرى في البداية و لكن يفضل أن تستخدم المذكورين, من المهم في النهاية تجربة المواقع على المتصفحات الأقل شهرة فقط للتأكد من أن الموقع يعمل بشكل صحيح, من هذه المتصفحات: Edge - Opera - Safari - Maxthon

3- تذكر أن تأخذ نسخة إحتياطية دائماً, لن يكون ذلك مهم في البداية و لكن قد تموت بدون هذه النسخ في النهاية.

4- الكورس او الكتاب الذي سوف تتعلم منه, أبحث عن واحد, أو إقرأ باقي التدوينة ;)


بالنسبة لمصادر تعلم HTML:

باللغة العربية:

فيديو:

الكورس الذي سوف أستخدمه لنفسي: مدرسة الزيرو (الأستاذ أسامة) تقدم كورسين (2 كورس) عن ال HTML, واحد عن HTML عامة و الثاني عن HTML5 خاصة ولا أعرف سبب ذلك بالضبط و لكن في النهاية سوف تجد نفسك ملم لأساسيات اللغة, ينصح القائم على القناة بأخذ الكورس الأول ثم كورس CSS ثم كورس HTML5, فأفعل ما شئت و لكن احتفظ بالرابط لأننا لن نعود للكورس الثاني هذا مجدداً, عن نفسي سوف أبدأ في HTML ثم CSS ثم HTML5 كما قد قيل و لكن لا أظن أن هناك فرق كبير, عامة سوف أضع روابط الأثنين: الرابط الأول - الرابط الثاني

يوجد قناة أخرى على يوتيوب للأستاذ عبدالله عيد, يشرح فيها مبادئ HTML ايضاً. الرابط

يوجد على منصة رواق, كورس لتعليم HTML و CSS و JavaScript. الرابط


باللغة الإنجليزية:

فيديو:

توفر منصة Udacity كورس للغتي HTML و CSS معاً على شكل مقاطع فيديو. الرابط

توفر Microsoft من خلال منصتها التعليمية Microsoft Virtual Academy كورس ل HTML. الرابط

يوفر موقع Khan Academy كورس عن لغة HTML و CSS و لكن للأسف لم أجربه بنفسي و لم أسمع به من قبل, و لكن جربه, فهو موقع مضمون. قد لا يكون الكورس مشهور و لكن جيد. الرابط

دروس مكتوبة:

توفر W3Schools كورس مكتوب للغة HTML و الكثير من اللغات الأخرى مثل CSS و غيرها. الرابط

توفر Mozilla Developer Network ايضاً مقدمة جيدة للغة, الموقع هو مصدر مهم به كل قواعد HTML و لغات أخرى, و بالنسبة ل HTML يوجد عليه الوسوم و غيرها, حتى إذا لما تستخدمه في التعلم فتستخدمه خلال التطبيق أو العمل. الرابط

يتوفر على Coursera كورسان (2 كورس) للغة HTML, الأول يركز على HTML فقط و الثاني يركز عليها و على CSS و JavaScript. الرابط الأول - الرابط الثاني

خليط من الفيديو و الدروس المكتوبة:

قامت W3C و هي المنظمة المسؤولة عن الإهتمام بلغة HTML بالتعاون مع Intel و EdX و هي منصة تعليمية من إنشاء Harvard و MiT بنشر مجموعة مكونة من ثلاث كورسات لثلاث مستويات, يمكنك أن تبدأ في ألاول منهم. الرابط

توفر Microsoft كورس آخر مختلف عن الموجود على Microsoft Virtual Academy عن HTML و JavaScript ايضاً على EdX. الرابط

منصات تعليمية تفاعلية:

منصة Free Code Camp هي منصة مجانية لتعلم برمجة الويب و أساسيات التصميم بشكل مجاني بالكامل, مع أنه بالتجربة يوجد بعض الأشياء التي لا يوضحها الكورس إلا إنه بشكل عام جيد و مناسب لأخذ فكرة عن الموضوع. الرابط

منصة Codecademy توفر كورس تفاعلي لتعلم اللغة من خلال التجربة, بشكل شبيه ب Free Code Camp, بدأت في إكمال بعض الدروس عليها و كانت جيدة و لكن لسبب ما لا يحب بعض الناس, قد يكون السبب هو مشكلة في هذا النظام التعليمي للخدمة لبعض الناس. الرابط

منصة SoloLearn توفر كورس بسيط لتعلم HTML بنظام مشابه ل Codecademy و Free Code Camp, لم أجرب المنصة بنفسي و لكن الكثير من الناس يقولون أنها جيدة. الرابط

كتب:

* الكتب من أفضل مصادر تعلم أي لغة برمجة و لكن للأسف أغلب الكتب مكلفة, يوجد كتاب واحد فقط وجدتك مجاني عن HTML, يمكن تحميله من هذا الرابط, بالطبع يوجد المزيد من الكتب المجانية و لكن هذا ما توصلت إليه.

ملحوظات مهمة:

بالأعلى الكثير من الكورسات للغة HTML و احياناً يكون معها CSS و حتى JavaScript احياناً, سوف اكتب مقالات اخرى للغتين CSS و JavaScript و المزيد, يمكنك الإهتمام ب HTML فقط الأن او أن تكمل طريقك بنفسك عسى أن نتقابل مرة أخرى :)

الكورسات تتنوع بين فيديو و مقالات و مواقع تفاعلية و كتاب (واحد للأسف) اتمنى ان تستفيدوا منها, بالطبع لم أجرب كل هذه الخدمات, فقط جربت بعضاً منها و لكني بحثت عن الكورسات الأخرى و تأكدت من جودتها.



   نشر في 31 يناير 2017 .

التعليقات


لطرح إستفساراتكم و إقتراحاتكم و متابعة الجديد ... !

مقالات شيقة ننصح بقراءتها !



مقالات مرتبطة بنفس القسم

















عدم إظهارها مجدداً

منصة مقال كلاود هي المكان الأفضل لكتابة مقالات في مختلف المجالات بطريقة جديدة كليا و بالمجان.

 الإحصائيات

تخول منصة مقال كلاود للكاتب الحصول على جميع الإحصائيات المتعلقة بمقاله بالإضافة إلى مصادر الزيارات .

 الكتاب

تخول لك المنصة تنقيح أفكارك و تطويرأسلوبك من خلال مناقشة كتاباتك مع أفضل الكُتاب و تقييم مقالك.

 بيئة العمل

يمكنك كتابة مقالك من مختلف الأجهزة سواء المحمولة أو المكتبية من خلال محرر المنصة

   

مسجل

إذا كنت مسجل يمكنك الدخول من هنا

غير مسجل

يمكنك البدء بكتابة مقالك الأول

لتبق مطلعا على الجديد تابعنا