لمن يسأل من اين أبدأ في تعلم مجال البرمجه ابداء في تعلم لغة HTML

HTML هي اختصار “HyperText Mark-up Language” 

إذا أردت إنشاء موقع فلا توجد طريقة أخرى غير استخدام لغة HTML، فهذه اللغة هي الاساس في برمجة تطبيقات الويب, وتعلم اللغة جدا بسيط وسهل فهي عبارة عن أوسم tags تحفظها وتفهم طريقة عملها ومن ثم تقوم بترتيبها لتناسب تصميم صفحتكِِ.

بعض المواضيع المهمة في تعلم لغة HTML

• Getting
•  Started
• Tags, 
• Attributes and ElementsPage Titles
• Paragraphs
• Headings
• Lists
• Links
• Images
• Tables
• Forms

تعلمت لغة HTML ماهي الخطوة التالية؟

تعلم لغة JavaScript

اذا اردت بناء صفحة Html فستكون صفحة ثابته, بمعنى لايمكنها التفاعل مع المستخدم, فمثلاً لو أردت إخفاء نص او إظهاره بمجرد الضغط على زر, لن تستطيع فعلها بإستخدام الـ Html والحل هو إستخدام الجافا سكربت.

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

بعض المواضيع المهمة في تعلم  لغة JavaScript:

• Making
•  Stuff 
• Happen
• Variables and DataDoing 
• MathLogic
• Conditional
• Looping
• Functions
• Objects
• Arrays
• The DOM
• Events and Callbacks
• AJAX
• JSON
• Scope

تعلمت الجافا سكربت, مالتالي؟

بعد ان انتهيت من تعلم لغة جافا سكربت يمكنك الانتقال الى لغة Css وبالاصح انها لا تسمى لغة 

تعلم تقنية CSS

هي إختصار Cascading Style Sheets معناها الحرفي هو صفحات الانماط المتراصه ، أو صفحات الأنماط الانسيابية, تقنية تهتم بالتصميم فهي تهتم بالخطوط، الألوان، الهامش، والعرض والارتفاع، صورة خلفية الموقع، وكيفية توزيع المساحات وأشياء أخرى كثيرة; فيمكنك تعديل تنسيق صفحات الـ Html مباشرة من نفس الصفحة او ان تستخدم ملف Css خارجي مستقل, وهذا هو الافضل لكي يسهل لك تعديل التنسيق لاحقاً بدون الحاجة الى تعديل كل صفحة Html بشكل مستقل, كما انه بإمكانك ربط ملف Css واحد يتضمن تنسيق واحد على جميع صفحات موقعك وهنا تكمن قوة هذه التقنية

بعض المواضيع المهمة في تعلم الـ Css:

• CSS Introduction
• CSS Syntax
• CSSColors, 
• Backgrounds & BordersCSS Margins, 
• Padding & Height/WidthCSS Text, 
• Fonts & LinksCSS
•  Lists
• Tables

تعلمت الـ Css ما التالي؟

حتى هذه النقطة فإن مسماك هو “front-end web development” وهو الشخص اللذي يتعامل مع الواجهة الرئيسية وكيف تظهر للمستخدم على المتصفح, والخطوة التالية لك هي اما ان تكمل في هذا المجال وتبحث عن نقاط ضعفك في التقنيات السابقة وتحاول ان تطورها او تنتقل الى المسمى التالي وهو “back-end web development” وهو الشخص الذي يتعامل مع الكود الذي سيعمل على السيرفر والذي سيقوم بجلب او تخزين البيانات من قواعد البيانات بالاضافة الى معالجة كل امر يرسل المستخدم الى السيرفر وغيرها من الامور.

وانت مخير بين ان تكمل في مجال الـ Front end او الانتقال الى الـ back end او ان تجميع بينهم وتتعلمهم جميعاً وبالتالي سيصبح مسماك Full stack developer

كيف ابدأ في تعلم الـ Back-end ؟

انت مخير بين عدة لغات وتقنيات تستطيع استخدامها لكتابة بعض الاكواد لتعمل على السيرفر ومن بينها:

لغة PHP

PHP عباره عن لغة تسمى ( Server Side Scripting Language ) ونعني بذلك أنها تترجم من جهة السيرفر وليس من جهاز المستخدم, بمعنى انك غير مطالب بتثبيت اي برنامج على جهاز المستخدم ليستطيع تصفح الموقع, جميع الامور ستتم في السيرفر وستعرض فقط للمستخدم عن طريق المتصفح, لغة مفتوحة المصدر فيستطيع اي مطور التعديل او اضافة مكتباته الخاصة.

لغة php تعتبر من اللغات القوية في مجال الويب, وتحتوي على مكتبات ودوال مثل اي لغة برمجية اخرى فعلى سبيل المثال تستطيع التعامل مع الشروط “IF”, التكرار “Loop”, المصفوفات وايضا التعامل مع انواع البيانات data type, وغيرها من الامور الموجودة في اي لغة برمجية اخرى.

بعض المواضيع المهمة في الـ PHP:

• PHP Basics
• PHP Loops
• PHP Conditionals
• PHP Functions
• PHP Strings
• PHP Arrays
• PHP Objects
• PHP and HTML
• PHP and Cookies
• PHP SessionsPHP and MySQL