تكنولوجيا لغات البرمجة

خطوات إلى عالم البرمجة الجزء الثاني تصميم مواقع الويب

web programing
web programing

خطوات إلى عالم البرمجة الجزء الثاني تصميم مواقع الويب

استكمالا للمقال السابق “خطوات الى عالم البرمجة (الجزء الاول)” الذي طرحته سابقاً في مدونة عربي تك التقنية قمت بكتابة هذا المقال لتوضيح طريق المبتدئ فى دراسة البرمجة سيرا على خطوات بسيطة تضعك على الطريق الصحيح لتعلم البرمجة ويهتم هذا الجزء بتصميم مواقع الويب على عكس الجزء السابق الذى اهتم ب(برمجة التطبيقات المكتبية وتطبيقات الجوال) ..

الخطوة الاولى :  

حدد ما تريد ان تبرمجه :

كما اوضحت فى المقال السابق “لابد ان يكون لك هدف من تعلم البرمجة” وبما انك تقرا هذا المقال فلابد من ان هدفك هو:

انشاء مواقع الويب .

وينقسم هذا الفرع الى :

تصميم واجهة الموقع (وهو موضوع الحديث فى هذا المقال) .

البرمجة الفعلية او التكويد (سيتم الحديث عنه فى مقال اخر منفصل) .

web programing

web programing

الخطوة الثانية :

تعلم التصميم :

تصميم الواجهة امر لابد منه لعمل موقع الكترونى فهى ما يتعامل معه المستخدم وهى ما تعطى الانطباع الاول عن الموقع الالكترونى كما انه لا فائدة لتكويد موقع الكترونى بدون واجهة .. فلا اعتقد ان المستخدم سيحب ان يعمل على موقع ما باستخدام “الطرفية”  او ” terminal” .

إقرأ أيضاً:  أنغري بيردز في خطر

ولتصميم واجهة موقع جذابة يتعين عليك تعلم اللغات الاتية :

 

لغة التصميم HTML : هى اللغة الاساسية فى تصميم موقع الويب وتعد حجر الاساس الذى يبنى عليه كل شئ فيما بعد ولا يمكن التخلى عنها فى تصميم الموقع .

html

html

ملحوظة : بعد اتقان html انتقل الى تعلم html5 وهى عبارة عن بعض التطويرات فى html .

 

لغة التجميل CSS : هى لغة تستخدم فى تحسين شكل قوالب ال html واضافة الالوان والتاثيرات عليها وتجميل المظهر العام لصفحة الويب فهى تعد الماكياج لصفحات الويب .

CSS

CSS

ملحوظة : بعد اتقان CSS انتقل الى تعلم CSS3 وهى عبارة عن بعض التطويرات فى CSS .

 

لغة التفاعل JavaScript : بعد انشاء صفحة ويب باستخدام لغتا التصميم السابق ذكرهما ياتى دور لغة JavaScript فهى تقوم باضفاء الحركة وجعل صفحة الويب ديناميكية تتفاعل مع ادخالات المستخدم بدلا من ان تكون صفحة ساكنة لا حياة فيها .

javascript

javascript

الخطوة الثالثة :

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

لغة HTML هى لغة البرمجة الاساسية ولا يمك الاستغناء عنها .

إقرأ أيضاً:  لعبة bass assassin.jar

يمكن التخلى عن استخدام لغة CSS ولكن الواجهة ستكون جد سيئة فى المظهر .

يمكن التخلى عن استخدام JavaScript اذا اردت عمل صفحة ويب ساكنة ولا يهمك التفاعل .

اهتم ب”Responsive Design” او “التصميم المتجاوب” وهو ما يعنى امكانية عرض الموقع على جميع احجام الشاشات المختلفة .

واخيرا الافضل هو استخدام لغات التصميم الثلاث لتضمن اعلى جودة فى العمل .

والان حضر دفترا صغيرا وقلما ثم اتبع الخطوات الاتية :

ابحث عن دورة ذات سياق محدد تختص باللغة التى تود دراستها (لا تدرس اى من لغتى CSS او JavaScript قبل دراسة HTML) .

قم بمتابعة الدورة بشكل منتظم يوميا مع تطبيق كل درس بعد الاستماع اليه .

اثناء متابعة الدورة دون بعض الملاحظات فى الدفتر عن النقاط الهامة التى يشير اليها مقدم الدورة ليسهل عليك ايجادها بسهولة مستقبلا .

بعد الانتهاء من كل دورة قم بعمل تصميم بسيط تجمع فيه ما تعلمته فى هذه الدورة .

إقرأ أيضاً:  شرح HTML5 | ماذا يعني هذا الاسم ؟ إكتشف كل ما يتعلق بالـ HTML5

بعد لانتهاء من هذه الدورات ستكون جاهزا لانشاء موقعك الخاص .

الان قم بتقليد تصميم بعض المواقع على الويب لتحسن من مهاراتك .

مع الممارسة تعلم بعض المكتبات الخاصة والتى ستسهل عملك بشكل كبير .

تجنب الاتى :

تجنب الملل قدر استطاعتك .

تجنب متابعة الدورات دون تطبيق .

تجنب تخطى درس من دروس الدورة .

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

ارجو ان اكون قد وفقت فى توضيح الطريق بالنسبة لك .. انتظر مقالى القادم وفقط على مدونة عربي تك التقنية 🙂 .

 

Save

أكتب تعليقك ورأيك

التعليق 1