في هذه المادة التفاعلية سنأخذك من نقطة البداية في مجال برمجة و تصميم مواقع الإنترنت إلى مرحلة تكون قادر فيها على تصميم موقع بسيط خاص بك مرتبط بقاعدة بيانات. سنقوم بتعريفك بعدد كبير من التقنيات المختلفة التي ستجعل رحلتك تجاه الإحتراف أسهل.
سنبدأ معك باستعراض أساسيات الأساسيات، على سبيل المثال سنخبرك لماذا يجب أن تستخدم مايسمى بمحرر نصوص لكتابة أكوادك البرمجية، و سنريك كيف يمكن ان تجعل جهاز كمبيوتر سيرفر و منصة برمجية، ثم سنريك كيف تأخذ موقع إلى الإنترنت ليراه كل العالم.
عن المحاضر
مازن مليباري
معيد بجامعة أم القرى
- طالب دكتوراة في مجال الذكاء الإصطناعي بجامعة واترلوو بكندا و معيد بجامعة أم القرى بمكة المكرمة.
- بدأ في تعلم البرمجة في سن مبكرة و له أكثر من 15 سنة في مجال برمجة و تصميم مواقع الإنترنت.
- قام مازن مليباري بنشر عدد من المشاريع مفتوحة المصدر و لديه عدد من المشاريع الريادية القائمة حالياً.
- تتركز الإهتمامات العلمية لمازن مليباري في مجال الذكاء الإصطناعي Artificial intelligence و تعلم الآلة Machine Learning.
- بإمكانك متابعة مقالاته على مدونته الشخصية http://mazen.ws
- حسابه في تويتر: http://twitter.com/mkhDev
- حسابه على الفيس-بوك: http://facebook.com/mazen
منهج المادة
(منهج مقترح، قد يتغير ترتيب المحاضرات أو الأجزاء عند عرض المادة)
- أساسيات الأساسيات
- ترحيب.
- تعريف برمجة و تصميم مواقع الإنترنت.
- ماهو الـ Front-End.
- ماهو الـ Back-End.
- تثبيت الأدوات و تجهيز بيئة العمل.
- تمرين عملي.
- ماذا يعني “إطار عمل Framework” ولماذا سيجعل حياتك أسهل؟
- تمرين عملي.
- أساسيات البرمجة باستخدام Ruby
- سلام أيها العالم (Hello World).
- Variables
- If Condition
- تمرين عملي
- Loops
- Functions
- تمرين عملي
- جواهر روبي (Ruby’s Gems).
- تصميم واجهة الموقع Front-End
- أساسيات HTML.
- تمرين عملي.
- CSS.
- تمرين عملي.
- استخدام اطار عمل CSS.
- تمرين عملي.
- أساسيات Javascript.
- تمرين عملي.
- JQuery.
- تمربن عملي.
- إطار العمل Sinatra
- ماذا يعني Micro Framework؟
- لماذا اخترنا Sinatra.
- Routing.
- تمرين عملي.
- Views.
- تمرين عملي.
- Forms Handling.
- تمرين عملي.
- قواعد البيانات باستخدام Sqlite
- ماهي قواعد البيانات؟
- لماذا Sqlite؟
- تصميم قواعد البيانات.
- تمرين عملي.
- مدخل إلى SQL.
- تمرين عملي.
- مشروع المادة
- فكرة المشروع.
- بناء واجهة المشروع.
- تصميم قاعدة بيانات المشروع.
- ربط الواجهة بقاعدة البيانات.
- بناء لوحة تحكم بسيطة.
- رفع الموقع إلى الإنترنت و خاتمة المادة
- ماذا يعني “مستضيف موقع Web Hosting”؟
- التسجيل في موقع Heroku.
- تثبيت الأدوات و رفع الموقع.
- كيف يمكن أن تواصل تعلمك؟
- خاتمة المادة
-
-
متطلبات المادة
لا توجد متطلبات سابقة لهذه المادة.
مخرجات المادة
- معرفة بأساسيات تطوير مواقع الإنترنت.
- إمكانية تصميم مواقع إنترنت بسيطة.
- القدرة على إنشاء نماذج بسيطة و ربطها بقواعد البيانات.
- فهم لعلاقة الاجزاء المختلفة المتعلقة ببرمجة الويب ببعضها.
منصة رواق للتعليم المفتوح
رواق : مدخل إلى برمجة مواقع الإنترنت - أ.مازن مليباري - برومو
رواق : مدخل إلى برمجة مواقع الإنترنت - محاضرة 1 - جزء 1
رواق : مدخل إلى برمجة مواقع الإنترنت - محاضرة 1 - جزء 2
رواق : مدخل إلى برمجة مواقع الإنترنت - محاضرة 1 - جزء 3
رواق : مدخل إلى برمجة مواقع الإنترنت - محاضرة 1 - جزء 4
رواق : مدخل إلى برمجة مواقع الإنترنت - محاضرة 1 - جزء 5
رواق : مدخل إلى برمجة مواقع الإنترنت - محاضرة 1 - جزء 6
رواق : مدخل إلى برمجة مواقع الإنترنت - محاضرة 1 - جزء 7
رواق : مدخل إلى برمجة مواقع الإنترنت - محاضرة 1 - جزء 8
رواق : مدخل إلى برمجة مواقع الإنترنت - محاضرة 2 - جزء 1
رواق : مدخل إلى برمجة مواقع الإنترنت - محاضرة 2 - جزء 2
رواق : مدخل إلى برمجة مواقع الإنترنت - محاضرة 2 - جزء 3