أساسيات تعلم برمجة الويب و تصميم المواقع الالكترونية والمواقع المتوافقة و المتجاوبة مع جميع الشاشات المختلفة للأجهزة الذكية.أهم لغات برمجة الويب وتصميم المواقع الالكترونية.
بسم الله الحمد لله و الصلاة والسلام على رسول
الله زوار مدونة وأي تك الخدمية نقدم لكم اساسايات التي يجب تعلمها لتصميم المواقع الالكترونية وبرمجة الويب.
في هذه الخطوة سوف تقوم بتحميل البرنامج الذي سوف
تكتب عليه ال Code البرمجي والمتصفح الذي سوف تقوم بتجربة ال Code عليه وبعض النصائح المهمة جدا والإعدادات التي
ستقوم بعملها لتكون جاهز لبدأ مشاهدة الدورات التعليمية في المجال .
ما هي برمجة الويب ؟
برمجة الويب Web
Programming أو المعروف أيضاً باسم تطوير الويب Web
Development،
عبارة عن كتابة تعليمات وتوجيه أوامر بهدف إنشاء أو بناء صفحة أو عدد من صفحات الويب،
وذلك باستخدام أحد لغات برمجة الويب المتاحة، كما يمكن ربط هذه الصفحات مع قاعدة بيانات،
بحيث تتحول بذلك من مجرد صفحات ويب إلى سكربت مميز.
لابد لمن يرغب بتعلم برمجة المواقع الإلكترونية أن يتعرف في البداية على لغاتها حتى يتمكن من النجاح في هذا المجال. وقد تصادف العديد من اللغات فتتساءل أيها الأنسب من بين كل تلك اللغات؟
1-
أهم اللغات
المستخدمة في برمجة الويب web programming :
·
لغة HTML
تعتبر هذه اللغة من أقدم اللغات وأوسعها
استخداماً في تصميم صفحات الويب، كما تعتبر الهيكل الرئيسي لصفحات الويب والبنية التحتية
لها.
·
لغة JavaScript
لغة جافا سكريبت مستخدمة في أغلبية المواقع،
كما تعتبر العمود الفقري لأي صفحة ويب حديثة -إلى جانب HTML و CSS
.
·
لغة PHP
هي لغة برمجة نصية صممت من أجل استخدامها
لتطوير وبرمجة تطبيقات الويب، ويمكن استخدامها لإنتاج برامج قائمة بذاتها. كما أنها
لغة مفتوحة المصدر، وتعمل على أنظمة تشغيل متعددة مثل ويندوز و لينكس.
·
لغة CSS
CSS هياختصار ل Cascading Style Sheet ، وهي لغة تنسيق لصفحات الويب
تهتم بشكل وتصميم المواقع ويتم من خلالها التحكم في شكل الموقع بالكامل من حيث نوع
الخط المستخدم أو لونه أو حجمه.
·
لغة #C
هي لغة برمجة موجهة للكائنات صُممت لتكون
لغة بسيطة وحديثة وعامة الغرض.
2- أهم اللغات التي يجب تعلمها في مجال برمجة الويب و
تصميم المواقع الالكترونية .
تعلم لغة
HTML
لبدأ حياتك في مجال ال Web يجب عليك تعلم لغة تصميم الصفحات والتي لا يمكن الاستغناء
عنها سواء كنت Designer أو Developer وهي لغة Html
وسوف تجد الدورة التعليمية ومعها جميع المراجع التي تحتاجها
ومعها تمارين وأفكار كثيرة
تعلم لغة CSS
لغة CSS هي اللغة المسؤولة عن تنسيق صفحات ال Web وهل التي تتيح لك إستعمال الألوان والخطوط والأبعاد وكل ما يجعل من الصفحة
الشكل الجميل الذي تراه ولا غنى عنها طبعا وسوف تجد الدورة التعليمية ومعها جميع
المراجع التي تحتاجها ومعها تمارين وأفكار كثيرة.
قم بالتطبيق على لغة HTML + CSS
كيفية التطبيق على لغة HTML + CSS بعد تعلمهم لتطور مستواك في اللغات وكل ما تحتاجه
من نصائح ومقالات ومواقع وتدريب عملي كامل مع ال Code الخاص به
تعلم لغة JavaScript مع DOM + BOM
تعلم اساسيات لغة JavaScript وما يخصها من تمارين وحل مسائل ومصادر ومقالات
وأسرار
تعلم ES6
تعلم معايير ال ECMAScript 6 لمعرفة ما الجديد ولتطوير مستواك في لغة JavaScript ولا يمكن الإستغناء عن هذه الدورة لأن الكثير من الأشياء سوف تجد أنها
أصبحت أسهل في عملها
تطبيقات + تمرينات + حل مسائل على لغة JavaScript
كل ما تحتاجه للتطبيق على أساسيات لغة JavaScript فسوف تجد تمرينات وتطبيقات عملية كبيرة وصغيرة وأفكار وأسرار وحل مشاكل
لتطوير مستواك
تعلم مكتبة jQuery مع التطبيقات الخاصة بها
تعلم مكتبة jQuery لتسهيل بعض المهام المطلوبة منك ولتغطية طلبات
العملاء الذين يستخدموها.
تعلم AJAX و JSON للتعامل مع ال APIs
تعلم ال AJAX وال JSON سوف يزيد جدا من مهاراتك ويجعلك قادر على التعامل
مع ال API’s مع أي لغة برمجة.
تعلم Vue.js مع التطبيقات العملية والمراجع
واحد من أجمل وأسهل اطر العمل التي أخذت وضعها في
سوق العمل Vue.js لسهولتها وقوتها في عمل تطبيقات ال Web.
التطبيق العملي الثاني والثالث
تعلم التطبيق على لغة HTML + CSS بكل إصداراتهم مع مكتبة jQuery
عمل تصميم متجاوب بدون اطار عمل
تعلم كيفية عمل تصميم متجاوب ( Responsive ) بدون إطار عمل لمعرفة المفهوم العام للتصميم المتجاوب
عمل ثلاثة تصاميم متجاوبة باطار عمل Bootstrap
عمل الكثير من التطبيقات العملية بإستخدام أشهر
اطر العمل Bootstrap.
تعلم تصميم موقع وعمل مميزاته بواسطة JavaScript فقط
تعلم تصميم موقع وعمل مميزاته بواسطة JavaScript فقط بدون إستعمال أي اطر عمل.
تعلم لغة SASS مع التطبيقات لتطوير مستواك في لغة CSS
تعلم لغة SASS لتضيف مزايا لغات البرمجة في ال Code الخاص بك في لغة CSS لتوفير الوقت والإحتراف.
تعلم Pugjs لتطوير إمكانيات لغة HTML
تعلم Pug.js Template Engine لتحصل
على مميزات لغات البرمجة أثناء كتابة HTML Code.
تعلم Gulpjs لعمل مهامك المتكررة بدلا منك
تعلم Gulp.js لعمل مهامك المتكررة بالنيابة عنك وبشكل تلقائي .
عمل تصميم Ultimate للتطبيق على كل تقنيات ال Front-End
عمل تصميم Ultimate للتطبيق على كل تقنيات ال Front-End لتوظيف كل ما تعلمته سابقا.
تعلم ال Object Oriented Programming بلغة JavaScript
تعلم ال Object Oriented Programming بلغة JavaScript مع المراجع ومواقع تجربة ال Code.
تعلم JavaScript Unit Testing بواسطة Jest Framework
دورة تعليمية من أهم الدورات التي تنفعك في بيئة العمل لإختبار برمجياتك وسوف نستخدم فيها اطار عمل Jest.