كيف تبدأ طريقك في تعلم تصميم وتطوير المواقع ؟

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

السلام عليكم ورحمة الله وبركاته 

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

والآن لنبدأ 

الخطوة الإولى : تعلم لغة HTML 

لغة HTML هي الغة الإساسية لبناء هيكلة أي موقع في الإنترنت ومن دون هذه اللغة لن تستطيع بناء أي موقع إلكتروني لذلك لا بد من البدء بهذه اللغة . 

يبقى السؤال ماذا علي أن اتعلم HTML أو HTML5 ؟
الـ HTML5 هي نسخة محدثة من الـHTML ولا مشكلة إن بدأت بتعلم HTML ثم انتقلت لتعلم الإضافات في HTML 5 بالنسبة لي أنصحك بأن تتعلم كل من HTML و HTML5 , لكن كبداية لا بأس ايضاً إن اكتفيت بتعلم HTML ، ستعلم لماذا عندما تكمل قراءة الموضوع 

الخطوة الثانية : تعلم CSS 

لغة الـ CSS لغة مهمة جداً حيث أنها تقوم بتنسيق أكواد HTML وتعطيها الجمالية ، ربما دخلت الكثير من المواقع ورأيت اختلاف تصاميمها ، نعم كل تلك التصاميم كانت بالـ CSS .

عند بحثك لتعلم لغة الـ CSS قد تجد دورات عن CSS3 الأمر هنا مشابه لما ذكرناه في الخطوة الإولى عن الـHTML و HTML5 

الخطوة الثالثة : تحديد التخصص 

في تطوير الويب يوجد تخصصين 
1 - Front End : وهو الشخص الذي يقوم بتصميم الواجهات وصفحات الويب بإستخدام (html - css - javascript)
2- Back End : وههو الشخص الذي يقوم ببرمجة تلك الصفحة لتصبح ديناميكية وتفاعلية يتم استخدام لغات مختلفة مثل (php - ruby - python) وغيرها من اللغات للأتصال بالخادم وجلب البيانات المطلوبة وغالباً ما يتم ايضاً استخدام لغة الإستعلام SQL لإدارة قواعد البيانات 

الآن بعد تحديد تخصصك دعنا نتكلم عن كل كيفية البدء مع كل تخصص 

1 - Front End 
إن قررت أن تصبح مطور Front End فعليك تعلم ما يلي : 

- تعلم HML5 & CSS3 
الـHTML5 كما ذكرنا تمثل الهيكل الإساسي لتكوين صفحات الويب وفي الإصدار الخامس ستجد الكثير من الإشياء التي يحب عليك تعلمها كمصمم ، نفس الإمر في الـCSS3 ففي الإصدار الثالث ستجد الكثير مما يساعدك في الإبداع في تصاميمك وعمل الكثير من المؤثرات وحركات الإنميشن وغيرها

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

- تعلم الجكويري ( JQuery )
الجكويري هي مكتبة للجافاسكريت تسهل وتختصر كتابة اكواد الجافاسكريبت ولها شعبية جداً كبيرة وستساعدك كثيراً كمصمم في عملك وفي اختصارالوقت والجهد في كتابتك لكود الجافاسكريبت

# نقاط اضافية 
* تعلم SASS 
في عصرنا الحالي تعد SASS مهمة جداً لمصممي الويب ، حيث أن كتابة كود CSS يأخذ الكثير من الوقت وربما شعرت في اكثر من مرة أنك تقوم بتكرار نفس الكود في اكثر من سطر ، فهنا تأتي SASS لتحل لك الكثير من مشاكل الـ CSS وتسهل عليك العمل وتختصر عليك الجهد والوقت في كتابة الأكواد 

* تعلم إطار عمل 
لا شك بأن تصميم صفحات الويب من الصفر يكون متعب ومجهد في كثير من الإحيان ومن هنا تأتي فكرة اطر العمل التي ستختصر عليك هذه المعاناة وتجعلك تنجز اعمالك في وقت قياسي وهناك العديد من اطر العمل لكن اشهر اطر العمل في الساحة هي :
 BootstrabMaterialize - Foundation Zurb - Semantic ui

لكن نصيحتي لك هي أن تتعلم إطار عمل Bootstrab فهي الإسهل في التعامل والإكثر شعبية بين جميع اطر العمل الآخرى


2 - Back End

إذا اخترت أن تكون مطور Back End  في هذه الحالة عليك الإختيار بنفسك أحد لغات البرمجة التي تستطيع من خلالها التعامل وإدارة قواعد البيانات والخيارات أمامك كثيرة وهي : 

Ruby - PHP - Python - Node JS 

جميع لغات البرمجة التي ذكرتها لها مميزاتها وجميعها تستطيع العمل بكفاءة عالية وتستطيع بناء أي موقع بها ، لذلك في هذه الحال عليك أن تختار أحد هذه الخيارات وتبدأ معها مشوارك كمطور Backend

تعلم هذه اللغات واستيعابها بشكل ممتاز يحتاج لوقت وممارسة اكثر مقارنة بتعلم لغتي HTML & CSS  كما أنك ستحتاج بعدها تعلم كيفية التعامل مع قواعد البيانات (SQL or NoSQL)

هناك تعليق واحد

المقالات الاكثر مشاهدة

قالب هاش تك 2016 © - منتج إبداعي طور بواسطة حيّاك