1- دورة شاملة في تصميم موقع الكتروني كامل خطوة بخطوة (المقدمة)

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

دورة تصميم موقع الكتروني كامل

لماذا تعلم تصميم موقع الكتروني أمر مهم؟

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

1- لن تحتاج إلى مستوى تعليمي معين من أجل متابعة هذه الدورة فنحن سنبدأ من الصفر. كل ما تحتاجه هو أن تفهم اللغة العربية.

2- مجال تطوير المواقع لا يحتاج إلى رأس مال كبير. فكل ما سنحتاجه في تعلم برمجة المواقع هو الحاسوب و الانترنات.

3- ستتعلم صنعة العصر: حرفة تطوير المواقع لا تقل أهمية عن الحرف الأخرى.

4- تعلم كيفية انشاء موقع الكتروني سيتيح لك فرصة العمل الحر Freelancer, وكسب المال بدون الحاجة لرئيس عمل.

5- حرفة تصميم المواقع تساعدك في ايجاد فرصة عمل جيدة مع شركة برمجة مرموقة في بلدك او خارجه.و ذلك  لان اختصاص تطوير مواقع الواب مطلوب كثيرا في سوق الشغل.

6- راتب مطور الواب مرتفع و هو يتجاوز 100,000 دولار سنويا في بعض البلدان المتقدمة.

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

التقنيات التي سنتعلمها في دورة تعلم تصميم المواقع

1- Html

تعتبر تقنية ال إتش تي إم إل  سهلة جدا في تعلمها فهي ليست لغة برمجة لكنها لغة ترميز. أي أنها تتكون من مجموعة عناصر و كل عنصر مسؤول عن اظهار شيء معين في الصفحة كعنصر الصورة مثلا  <img> و قد يحتوي العنصر على سمات كسمة رابط الصورة src فيصبح كود اظهار الصورة بعض اضافة هذه السمة كاللآتي : <“img  src=”image1.jpg>

2- Css

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

و إليكم في الصور التالية مثال لصفحة واب مصنوعة با html فقط ثم بال html+css

الصفحة بال html فقط:

تقنية html

الصفحة بعد اضافة ال css :

تقنية السي اس اس

3- javascript

لغة الجافا سكريبت هي من أشهر لغات برمجة المواقع و هي سهلة التعلم, و كاي لغة برمجة فان صعوبة تطبيقها تختلف حسب كراس الشروط المطلوب منا تنفيذها كمبرمجين. و من أهم وظائف لغة javascript نذكر:

-تغيير محتوى ال html في عناصر محددة

– تغيير سمات عناصر محددة

-تغيير ال css لعناصر محددة

-اظهار رسائل في نوافذ منبثقة لزائر الموقع

-عمل شيء عند الضغط على زر معين

-تحريك عناصر محددة…

من تطبيقات ال javascript للذكر لا للحصر نذكر, عمل قائمة متجاوبة مع الهواتف الذكية و عمل عارض للصور (slideshow)

4- jQuery

ال jQuery هو عبارة عن مكتبة للجفاسكريبت حيث يحتوي على العديد من الوظائف الجاهزة. و تعتبر هذه التقنية من أكثر التقنيات التي تسهل العمل في تصميم موقع الكتروني. بالاضافة إلى أن تعلمها سهل كما تسهل التعامل مع ال Javascript.

5- AngularJs

AngularJs هو إطار عمل للجافاسكريبت “JavaScript framework” مدعوم من شركة جوجل, صدرت اول نسخة منه سنة 2012. و هذا الإطار جيد للتطبيقات ذات الصفحة الواحدة.و هو سهل التعلم كذلك. ويضيف ال Angular سمات جديدة لعناصر ال Html.

6- Bootstrap

Bootstrap هو اطار عمل لل html, ال css و ال Javascript وهو الاكثر شهرة في ميدانه. حيث يسمح لنا هذا الأخير بتصميم صفحات بسيطة و جميلة و متوافقة مع جميع الاجهزة و في وقت قياسي, و ذلك لاحتوائه على الكثير من الأشياء الجاهزة كالأزرار و الايقونات و الجداول وغيرها الكثير. وهو مجاني و سهل التعلم.

7- WordPress

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

8- Php

PHP هي لغة برمجة مواقع ذات شعبية كبيرة جدا تسمح بتحويل الموقع إلى موقع ديناميكي, و تتيح هذه اللغة التعديل على الملفات الموجودة على السرفر, و تتيح كذلك جمع المعلومات من الإستمارة,  إنشاء الكوكيز و التعديل عليها, التعديل على قاعدة البيانات و تشفير البيانات و غيرها من الوظائف. بالإضافة إلى ذلك فإن البي اتش بي مجاني و ينفذ على السرفر.

9- Mysql

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

10- Laravel

Laravel هو إطار عمل لل Php, حيث يسهل هذا الأخير التعامل مع لغة البي اتش بي و يسمح لنا بتطوير المواقع بسهولة أكثر و أمان أكثر. حيث يحتوى هذا الإطار على العديد من الوظائف الجاهزة و يعتبر أكثر إطار عمل PHP شعبية خلال هذه الفترة (2017).

11- APIs

Api أو ما يسمى بواجهة برمجة التطبيقات هو ببساطة عبارة عن واجهة بها عديد من الوظائف التي تسمح لنا كمبرمجين بأخذ بيانات و معطيات من تطبيقات خارجية. لعل أشهر ال Api:

-Google APIs

-Facebook APIs

-Twitter API

-eBay API

12- تطبيقات الموبايل

سنتعرف في هذا الجزء إن شاء الله على كيفية عمل موقع الكتروني خاص بالهواتف الذكية (تطبيقات موبايل), و سنتعرف على الأدوات التي تساعدنا على ذلك, مثل jQuery mobile و Apache Cordova.

13- SEO

SEO او Search Engine Optimization هو علم تهيئة المواقع لمحركات البحث, حيث سنتعلم في هذا الجزء كيف نهيء مواقعنا لتتصدر المراتب الأولى في محركات البحث عند البحث على كلمات معينة.هذا الجزء من الدورة مهم لان تصميم موقع الكتروني وحده لا يكفي بدون جلب زوار له بطريقة أو بأخرى.

الشرح بالفيديو:


19 تعليق

تعليقك مهم

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *