كيف تبدء رحلتك لتعلم تطوير الويب



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

أولاً عليك أن تعلم أن تطوير الويب ينقسم لقسمين هما:

  • Front end
  • Back end

Front end


المقصود به هو واجهة موقع الويب أي واجهة المستخدم UI من أزرار و إلى نماذج إدخال بينات، وأشخاص الذين يعملون في هذا القسم يسمون مصممي واجهات مواقع "Web Designers"، و لتعلمه يجب عليك أن تتعلم لغات التالي:



  • Html
لغة وصفية بسيطة و سهلة تعلم  تنضم طريقة عرض بيانات على متصفح على سبيل مثال عنوان، فقرة، رابط ...الخ،
مصادر لتعلم: www.ar.html.net / www.w3schools.com


  • Css
لغة وصفية عملها هو تنسيق صفحات Html و تعطيك قدرة أكبر لتحكم بشكل هذه الصفحات، وهي سهلة تعلم ولو تعلمت Html يمكنك تعلمها بسهولة،
مصادر لتعلم: www.ar.html.net / www.w3schools.com


  • JavaScript
هي لغة برمجية مهمتها بث الحياة في صفحات html حيث من خلالها يمكنك إنشاء مكونات صفحات تفاعلية مثل: شرائح العرض SlidesShow نوافد منبثقة Popup Boxغيرها من تأثيرات و مكونات الأخرة،

ملاحظة: تعلم بحسب ترتيب الذي أمامك خصوصاً في ما يتعلق ﺒ Html و Css فمثلا لا يمكنك أن تبدء ﺒ Css  و بعدها تتعلم Html بل العكس صحيح،

Back end

هو قسم البرمجي للموقع أي بنية تحتية لموقع من سرفير و قواعد بيانات وسكريبتات و غيرها، يسمى المتخصصون في هذا القسم بي مبرمجي مواقع Web programmers و مهمتهم تعامل مع السيرفر و قواعد البيانات، ولتعلمه يجب عليك تعلم التالي،



  • Php
لغة برمجية قوية مفتوحة المصدر متخصصة ببرمجة مواقع و تعد أكثر لغة برمجة مخصصة لمواقع الويب إنتشاراً، 
مصادر لتعلم: www.ar.html.net / www.w3schools.com

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

هناك 12 تعليقًا:

  1. :) متابع جديد لمدونتك المتواضعه *بيكسلو
    اعجبتني مدونتك حقاً :) راقية بالتصميم و ارقى بالمواضيع :) جميل جدا استمر
    وشكرا على هاذه التدوينة الرائعة
    " من لم يشكر الناس لم يشكر الله "

    ردحذف
    الردود
    1. أهلا بك و يسعدني أن محتوى مدونتي أعجبك :)

      حذف
  2. السلام عليكم ورحمة الله وبركاته
    في البداية أحب أشكرك علي هذه التدوينة
    ولكن لدي بعض الإستفسارات لو سمحت : -

    1- ما هو أقصي ما يمكن عمله بـ front end
    2- هل يمكن إنشاء موقع بـ Front end دون إستعمال back End وفي أي مستوي يكون حينها ؟
    3- سمعت عن تصميم موقع بالفوتوشوب كرسم وتقديمه للعميل وبعد الموافقة يبدأ قص التصميم وتكويده
    فهل التصميم بالفوتوشوب يتبعه تكويد بـ Front end فقط أم يتطلب كذلك Back end
    4- وهل يمكن الإستغناء عن الفوتوشوب إن كنت أصمم لنفسي ؟ ما فائدة الفوتوشوب بخلاف إعطاء النموذج للعميل ؟
    5- بالنسبة لتصميم قوالب البلوجر والورد برس , لماذا لا يعمل قالب البلوجر علي الوردبريس والعكس ؟ أي ما الإختلاف وما هي طبيعة تلك المنصات , هل لكل منها لغات معينه مثلا ً أم ماذا ؟
    6- ما اللغات التي إستخدمت في عمل مدونتك هذه ؟ ماذا كانت خطوات العمل - عناوين فقط - ؟
    وما اللغات التي إستخدمت في فيسبوك و جوجل وياهو , ( كيف أعرف ما هي اللغات التي إستخدمت في بناء موقع ما ؟ )
    7- ماذا يجب علي أن أتعلم غير عمل قوالب بلوجر ووورد بريس وإستخدام الفوتوشوب وبناء العديد من النماذج لأصبح ذو خبرة ؟
    8- بالنسبة للغات التي يُغني تعلم أحدها عن باقيها , ماذا تختلف عن بعضها بخلاف السهولة والصعوبة في التعلم , أقصد هل هناك مميزات مثلا في لغة غير موجوده في غيرها ؟
    9- اذا كان هناك خاصية أستطيع عملها بلغة واحدة فقط ولتكن php ولم أكن أعمل في مشروعي علي تلك اللغة فهل يمكن أن أضيف الخاصية بلغة php بطريقة ما ؟
    10- هل لغات البرمجة طويلة وصعب الإلمام بها والمتداول هو الشائع منها فقط
    أم أن أغلب المبرمجين إنتهوا من تعلم اللغات إلي نهايتها ؟
    11- هل التفاضل بين المبرمجين بمدي حفظ المبرمج لأكواد اللغة أم بالحس الفني للمبرمج ؟
    أقصد , هل ما يجعل بعض المبرمجين يخرجون عملا ً ردئ هو في الغالب أنهم لم يصلوا بعد لمرحلة الإحتراف في اللغه
    أم أن العامل الرئيسي هو فن المبرمج أي أن اللغة في مراحل تعلمها المتوسطه يمكن إنشاء بها أعمال جذابة ويستطيع المبرمج بيعها
    أم أنه لا بد وأن يصل لمرحلة إحترافية حتي يقوم بنموذج متكامل مثل أرابيا أي أو مثلا ؟
    12- هل هناك نماذج لمواقع معينة لا يمكن أن يعمل عليها فرد واحد
    أقصد إذا كنت سأعمل بمفردي وأتحمل المدة التي ستطول جدا ً فهل أصلا يمكنني عمل مواقع كان من المفترض ان لها فريق عمل
    أقصد أنه إذا كان تصميم وبرمجة الويب يستخدم فيه اللغات الأساسية بالإضافة إلي لغة برمجة واحدة
    فهذا معناه أنني كفرد واحد سأستطيع العمل علي الموقع بمفردي والنتيجة هي طول الوقت
    أم ان افراد فرق العمل لكل واحد منهم خبرات خاصة ولا يمكن للفرد الواحد الإلمام بها بسهولة ؟

    13- وأخيرا ً , ما هو متوسط المدة لتعلم لغات البرمجة التي تصل بي لمرحلة المتوسط
    هل عطلة صيفية واحدة مع 8 - 10 ساعات تعلم يوميا ً ( بإفتراض أني لست بطئ في التعلم ولا سريع )
    هل ستكون كافية لأصل إلي مرحلة متوسطه أم لا ؟

    أعلم أنني بالغت في طرح الأسئلة التي قد تبدوا مزعجة لأنه لا يجب علي معرفة كل شئ قبل أن أبدأ ولو إستمررت سأكتشف بنفسي ولكن حقا ً حاولت البدء وبسبب التشتيت في رأسي بكل تلك الأسلة التي تخطر لي وأنني ربما أفعل ما لا أريد الوصول له لأني أتعلم البرمجة كوسيلة وليس حبا ً فيها , وبالتالي لا أريد تضيع وقت في تجربة تنتج عنها خبرة مع ندم !

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

    ردحذف
    الردود
    1. وعليكم السلام
      أهلا بك أخي شكرا لطرح أسئلتك فالسؤال مهم لتعلم أكثر،
      و سأجيب على أسئلتك فقط على التي أراها مهمة و لها فائدة لك و لأخرين،
      فالنبدء على بركة الله،

      1 - ما هو أقصي ما يمكن عمله بـ front end

      أقصى ما يمكن عمله بـ front end هو تصميم واجهات مواقع تفاعلية Html, Css, JavaScriptفقط و غير قابلة لتحكم سوى عبر تعديل على أكواد مثلا: لتغير عنوان في موضوع معين يجب فتح تلك صفحة Html التي تحتوي على الموضوع ثم تغير العنوان يدويا،

      2 - هل يمكن إنشاء موقع بـ Front end دون إستعمال back End وفي أي مستوي يكون حينها ؟

      يمكن إنشاء موقع بدون back End سيكون حينها موقع ثابت أي لا يمكن لزوار تسجيل به و يجب أن تتحكم به عبر تعديل على الأكواد يدوياً كما أشرت في نقطة الأولى و في هذه الحالة أنت مطور لواجهات المواقع،

      3 - سمعت عن تصميم موقع بالفوتوشوب كرسم وتقديمه للعميل وبعد الموافقة يبدأ قص التصميم وتكويده
      فهل التصميم بالفوتوشوب يتبعه تكويد بـ Front end فقط أم يتطلب كذلك Back end

      هذا على حسب نوع الموقع هل هو موقع ديناميكي أو موقع ثابت، ولكن عادة بعد تصميم بالفوتوشوب أو أحد برامج التصميم الأخرى يليه تقطيع التصميم ثم تكويده Html و Css و JavaScript،

      4 - وهل يمكن الإستغناء عن الفوتوشوب إن كنت أصمم لنفسي ؟ ما فائدة الفوتوشوب بخلاف إعطاء النموذج للعميل ؟

      نعم يمكن، وفائدة دور برامج التصميم مثل الفوتوشوب هو تجهيز صور مطلوبة لعمل و إستخدامها في الموقع و طبعا التصميم أيضاً ككل،

      5 - بالنسبة لتصميم قوالب البلوجر والورد برس , لماذا لا يعمل قالب البلوجر علي الوردبريس والعكس ؟ ....؟

      لن يعمل قالب بلوجر على وردبريس لأن المنصتان مختلفتان و لكل منها خصائص مختلفة فمثلا قوالب بلوجر هي ملف واحد بصيغة Xml أما قوالب وردبريس فملفاتها كثيرة و متعدد من ملفات Php و Css و Html و JavaScript، و من بين هذه الإختلافات هو لغات مستعملة في كل منصة على سبيل مثال بلوجر لا تدعم لغة Php ولكنها تدعم Html, Css, JavaScript فقط، أما وردبريس فهي تدعم جميع لغات تطوير الويب،

      6 - ما اللغات التي إستخدمت في عمل مدونتك هذه ؟ ماذا كانت خطوات العمل - عناوين فقط؟
      أنا أستخدم منصة بلوجر حالياً ولغات مسعملة في مدونتي هي Html, Css, JavaScript،
      و خطوات عمل هي:
      1 الفكرة
      2. دراسة الفكرة
      3. تخطيط
      4. تجهيز المدونة و القالب
      5. يوم الإفتتاح
      و شكرا لتذكيري بأيام الجميلة :)

      7 - ماذا يجب علي أن أتعلم غير عمل قوالب بلوجر ووورد بريس وإستخدام الفوتوشوب وبناء العديد من النماذج لأصبح ذو خبرة ؟

      أهم شيء هو الممارسة و متابعة كل جديد عن مجالك و تعلمه،

      8 - بالنسبة للغات التي يُغني تعلم أحدها عن باقيها , ماذا تختلف عن بعضها بخلاف السهولة والصعوبة في التعلم , أقصد هل هناك مميزات مثلا في لغة غير موجوده في غيرها ؟

      هذا على حسب تخصص اللغة و متعلمها فمثلا هناك لغات عديدة ﻟ Back end و لها نفس عمل تقريباً ولكن الحكم هنا هو في المتعلم،

      10 - هل لغات البرمجة طويلة وصعب الإلمام بها والمتداول هو الشائع منها فقط أم أن أغلب المبرمجين إنتهوا من تعلم اللغات إلي نهايتها ؟

      كل شيء يحتاج لوقت لتعلمه ولكن لو أعطيت وقت كافي لتعلم لغة ما فستتعلمها بسهولة،

      11 - هل التفاضل بين المبرمجين بمدي حفظ المبرمج لأكواد اللغة أم بالحس الفني للمبرمج ؟ أقصد , هل ما يجعل بعض المبرمجين ... ؟

      الإحتراف ليس ضرورياً لتقوم بإنشاء أعمال المهم هو أن تصل لمراحل جيدة تمكنك من عمل أشياء مفيدة عبر ما تعلمته و طبعا الفن و إبداع مهم هنا،

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

      يمكن تعلم Html خلال أسابيع )3 أسابيغ على أكثر( Css أقل من شهر عن تجربة شخصية JavaScript بضع أشهر 3 أو 4 أشهر على حسب وقت الذي تضيع لتعلم هذه اللغة أما Php يمكنك تعلم أساسياتها في قصيرة ولكن إحترافها سأخد وقت أطول، و هذا على إفتراض أنك تقصد لغات تطوير الويب،

      شكرا مجددا لأسئلتك هذه سررت بكتابة أجوبة عليها خلال دقائق الماضية و سعدت بمساعدتك كثيرا :)
      و شكرا لمرورك

      حذف
  3. نايس
    موضوع جميل الله يعطيك العافيه وبدايه موفقه

    ردحذف
    الردود
    1. شكرا و سعيد أن موضوع قد أعجبك

      حذف
  4. شكرا لك على هذه المواقع الجميله

    انا والحمدلله تعلمت 3 لغات برمجة

    وبلاصح لغتين برمجة html + css

    + مكتبة الجافا سكربت jquery

    واللغات سهله جدا جدا جدا

    وتعلمها اسهل

    لاكن ال php اصعب لغه

    جميع المبرمجين لما يشرحون لك يشرحون الوقت والتاريخ ولتكرار والتعلقات وههذه الاشياء انا فاهمها

    لاكن مابيشرحون كيف واحد يسوي صندوق تعليقات او كيف يسوون لوحة تسجيل دخول

    وشكرا لكل الي عاملين شروحات لافادة الناس

    اتمنى تشرحلي كيف اعمل صندوق تعلقات او رابط شرح لهذا الموضوع وشكرا لك



    ردحذف
    الردود
    1. بخصوص شرح عمل نضام تعليقات بلغة php أعتقد أن هذه الدورة ستساعدك :
      https://www.youtube.com/watch?v=KSOGEX6Pf8g&list=PLGCjwl1RrtcSi1eggBO9mC2bvM4isSUlB

      و شكرا لمشاركتك

      حذف
  5. مشكور على الموضوع أخي الكـريم ..
    عـندي سؤال :
    لو أردت مثلاً تعلم لغـات Back End فقط
    هـل يمكنني إيجاد فرص عمل بها ؟! أم أحتاج الى تعلم لغات Front End
    مشـكور سلفاً ..

    ردحذف
    الردود
    1. لا مشكلة لو إكتفيت بتعلم Back End فقط. فهناك مبرمجين مواقع لا يجيدون تعامل أو تصميم أو تكويد واجهات مواقع.
      ولكن عندها ستحتاج لشخص يصمم و يكود لك واجهات مواقع "Front End Developer" التي تعمل عليها. لدى يفضل و أنصحك بتعلم مجالين معا

      حذف
  6. تحياتى لك على المحتوى والشكل الجميل للموقع ... وعندى كذا سؤال
    - هل الموقع جديد ام قديم ومتى بدأ هذا الموقع
    -انا سمعت انه لكى تبدأ تعلم البرمجة بشكل صحيح لابد ان تبدا بتعلم html وهذا يتطابق مع ماذكرته ....لكنى سمعت عن معلومة واريد التاكد من صحتها وهى هل لغة ++c هى ام لغات البرمجة واذا كانت كذلك لماذا لم تذكرها ...وهل هى مهمة ام انها لغة مثل اى لغة اتمنى ان اجد مقالة تشرح بالتفصيل تطور لغات البرمجة منذ بدايتها حتى الان يعنى هتميل وبعدكده الC وبعد كده تطور لغات ال C الى احدث اللغات ....اذا كان فى مقالة باسلوبك الجميل ياريت ترشدنى للرابط ....واخيرا هل ال ++C تعتبر front end ولا back end
    - انا الاحظ كثير من المواقع والمدونات لاتهتم بكتابة التاريخ فى كل مقالة او تجد ان التاريخ موجود فى حالة استعراضك للمقالات كلها اما اذا فتحت مقال معين تجد ان التاريخ غير ظاهر او ان الذى يظهر هو ساعة معينة لا ادرى هل هى ساعة كتابة المقال طيب فى اى يوم هى لماذ لا يتك كتابة التاريخ .....ان انزعج كثيرا من هذا انا احب حينما اقرأ مقالة اعرف هل هى قديمة ام جديدة انا شخصيا تفرق معى هذه الجزئية اتمنى ان تهتم اخى بهذه الجزئية وشكرا

    ردحذف

بكسليو - لمحترفي تصميم و تطوير الويب © 2014

يتم التشغيل بواسطة Blogger.