في هذا الثريد راح اتكلم كيف تصبح مبرمج وشرح كامل ومفصل لأغلب لغات البرمجة
اتمنى انكم تستفيدون
اولا كيف تصبح مطور ويب ناجح؟
ان كان لديك رغبة وصبر وحُب لتعلم برمجة الويب فستصبح مطور ناجح وكل ماعليك فعله هو ان تثابر وتصبر وتمارس ماتتعلمه اولاً بأول
اتمنى انكم تستفيدون
اولا كيف تصبح مطور ويب ناجح؟
ان كان لديك رغبة وصبر وحُب لتعلم برمجة الويب فستصبح مطور ناجح وكل ماعليك فعله هو ان تثابر وتصبر وتمارس ماتتعلمه اولاً بأول
لدي الرغبة واريد ان اصبح مطور ويب ولكن ماهو الطريق؟
اذا اردت الدخول الى عالم برمجة الويب, قد تصادف العديد من اللغات والعديد من قواعد البيانات, وربما أول سؤال قد يتبادر الى ذهنك! اي لغة استخدم؟ وماهي قاعدة البيانات المناسبة!
اذا اردت الدخول الى عالم برمجة الويب, قد تصادف العديد من اللغات والعديد من قواعد البيانات, وربما أول سؤال قد يتبادر الى ذهنك! اي لغة استخدم؟ وماهي قاعدة البيانات المناسبة!
برمجة الويب تختلف عن برمجة تطبيقات سطح المكتب فـ عادتاً تطبيق سطح مكتب لاتحتاج الا للغة واحدة سواء كانت java, C#, vb او غيرها, ولكن تطبيقات الويب قد تدمج من لغة الى سبع لغات على سبيل المثال في موقع واحد, وسأوضح بعض اللغات البرمجية بالاضافة الى ماهو السيرفر والاستضافة.
في معظم الاحيان لغات البرمجة تنقسم الى ثلاث مجموعات رئيسية ويوجد بعض اللغات المشتركة, فاللغات الرئيسية هي php, .net, Java EE واللغات والتقنيات المشتركة قد تكون html, css, ajax, javaScript ويوجد ايضا قواعد البيانات mySql, MS-Sql.
مثال:
لنفرض مثلا اردت بناء مبنى, فأول ماستقوم به هو بناء هيكل المبنى, هذا الهيكل يمثل الشكل الخارجي للمبنى ولايقدم اي خدمة اطلاقاً, الهيكل هنا يمثل لغة HTML, ثم بالتاكيد ستضيف لون للمبنى وتقوم تعديل تصميم المبنى ليبدو بشكل افضل “CSS”,
لنفرض مثلا اردت بناء مبنى, فأول ماستقوم به هو بناء هيكل المبنى, هذا الهيكل يمثل الشكل الخارجي للمبنى ولايقدم اي خدمة اطلاقاً, الهيكل هنا يمثل لغة HTML, ثم بالتاكيد ستضيف لون للمبنى وتقوم تعديل تصميم المبنى ليبدو بشكل افضل “CSS”,
بعد ذلك ستقوم بتوصيل الكهرباء والماء وربط الغرف ببعض عن طريق كيابل او انابيب مياه “PHP”, وبالتاكيد الكهرباء والماء سيكون لها مركز رئيسي خارج المبنى وهو من يزود المبنى بالمصادر “Database”,
واخيرا انت مخير باضافة بعض التفاصيل التي تريحك في غرف المبنى لزيادة الرفاهية والراحة لمن يسكن المبنى, مثلاً اضافة جهاز تحكم للمكيف او اضاءة تعمل بشكل تلقائي مع غروب الشمس وغيرها من الامور “Ajax & JavaScript” .
تعلم لغة HTML
HTML هي اختصار “HyperText Mark-up Language”
إذا أردت إنشاء موقع فلا توجد طريقة أخرى غير استخدام لغة HTML، فهذه اللغة هي الاساس في برمجة تطبيقات الويب, وتعلم اللغة جدا بسيط وسهل فهي عبارة عن أوسم tags تحفظها وتفهم طريقة عملها ومن ثم تقوم بترتيبها لتناسب تصميم صفحتك.
HTML هي اختصار “HyperText Mark-up Language”
إذا أردت إنشاء موقع فلا توجد طريقة أخرى غير استخدام لغة HTML، فهذه اللغة هي الاساس في برمجة تطبيقات الويب, وتعلم اللغة جدا بسيط وسهل فهي عبارة عن أوسم tags تحفظها وتفهم طريقة عملها ومن ثم تقوم بترتيبها لتناسب تصميم صفحتك.
بعض المواضيع المهمة في تعلم لغة HTML:
Getting Started
Tags, Attributes and Elements
Page Titles
Paragraphs
Headings
Lists
Links
Images
Tables
Forms
Getting Started
Tags, Attributes and Elements
Page Titles
Paragraphs
Headings
Lists
Links
Images
Tables
Forms
تعلمت لغة HTML ماهي الخطوة التالية؟
تعلم لغة JavaScript
اذا اردت بناء صفحة Html فستكون صفحة ثابته, بمعنى لايمكنها التفاعل مع المستخدم, فمثلاً لو أردت إخفاء نص او إظهاره بمجرد الضغط على زر, لن تستطيع فعلها بإستخدام الـ Html والحل هو إستخدام الجافا سكربت.
تعلم لغة JavaScript
اذا اردت بناء صفحة Html فستكون صفحة ثابته, بمعنى لايمكنها التفاعل مع المستخدم, فمثلاً لو أردت إخفاء نص او إظهاره بمجرد الضغط على زر, لن تستطيع فعلها بإستخدام الـ Html والحل هو إستخدام الجافا سكربت.
الجافا سكربت هي لغة تفاعلية تسمح لك ببناء صفحة ويب تتفاعل مع المستخدم بدون الحاجة الى تحديث الصفحة او الانتقال من صفحة لإخرى, فما تراه في المواقع من قوائم متحركة وصور تتفاعل مع المستخدم,
ونصوص تتحرك من يمين الصفحة الى يسارها, او الرسائل التحذيريه والتنبيهات التي تظهر لك لتحذيرك, بأن احد الحقول فارغة او تخبرك بادخال اسم مستخدم صحيح, جميعها تبرمج بإستخدام الجافا سكربت.
بعض المواضيع المهمة في تعلم لغة JavaScript:
Making Stuff Happen
Variables and Data
Doing Math
Logic
Conditional
Looping
Functions
Objects
Arrays
The DOM
Events and Callbacks
AJAX
JSON
Scope
Making Stuff Happen
Variables and Data
Doing Math
Logic
Conditional
Looping
Functions
Objects
Arrays
The DOM
Events and Callbacks
AJAX
JSON
Scope
تعلمت الجافا سكربت, مالتالي؟
تعلم تقنية CSS
هي إختصار Cascading Style Sheets معناها الحرفي هو صفحات الانماط المتراصه ، أو صفحات الأنماط الانسيابية, تقنية تهتم بالتصميم فهي تهتم بالخطوط، الألوان، الهامش، والعرض والارتفاع، صورة خلفية الموقع، وكيفية توزيع المساحات وأشياء أخرى كثيرة,
تعلم تقنية CSS
هي إختصار Cascading Style Sheets معناها الحرفي هو صفحات الانماط المتراصه ، أو صفحات الأنماط الانسيابية, تقنية تهتم بالتصميم فهي تهتم بالخطوط، الألوان، الهامش، والعرض والارتفاع، صورة خلفية الموقع، وكيفية توزيع المساحات وأشياء أخرى كثيرة,
فيمكنك تعديل تنسيق صفحات الـ Html مباشرة من نفس الصفحة او ان تستخدم ملف Css خارجي مستقل, وهذا هو الافضل لكي يسهل لك تعديل التنسيق لاحقاً بدون الحاجة الى تعديل كل صفحة Html بشكل مستقل, كما انه بإمكانك ربط ملف Cssواحد يتضمن تنسيق واحد على جميع صفحات موقعك وهنا تكمن قوة هذه التقنية.
بعض المواضيع المهمة في تعلم الـ Css:
CSS Introduction
CSS Syntax
CSS Colors, Backgrounds & Borders
CSS Margins, Padding & Height/Width
CSS Text, Fonts & Links
CSS Lists
Tables
CSS Introduction
CSS Syntax
CSS Colors, Backgrounds & Borders
CSS Margins, Padding & Height/Width
CSS Text, Fonts & Links
CSS Lists
Tables
تعلمت الـ Css ما التالي؟
حتى هذه النقطة فإن مسماك هو “front-end web development” وهو الشخص اللذي يتعامل مع الواجهة الرئيسية وكيف تظهر للمستخدم على المتصفح, والخطوة التالية لك هي اما ان تكمل في هذا المجال وتبحث عن نقاط ضعفك في التقنيات السابقة وتحاول ان تطورها,
حتى هذه النقطة فإن مسماك هو “front-end web development” وهو الشخص اللذي يتعامل مع الواجهة الرئيسية وكيف تظهر للمستخدم على المتصفح, والخطوة التالية لك هي اما ان تكمل في هذا المجال وتبحث عن نقاط ضعفك في التقنيات السابقة وتحاول ان تطورها,
او تنتقل الى المسمى التالي وهو “back-end web development” وهو الشخص الذي يتعامل مع الكود الذي سيعمل على السيرفر والذي سيقوم بجلب او تخزين البيانات من قواعد البيانات بالاضافة الى معالجة كل امر يرسل المستخدم الى السيرفر وغيرها من الامور.
وانت مخير بين ان تكمل في مجال الـ Front end او الانتقال الى الـ back end او ان تجميع بينهم وتتعلمهم جميعاً وبالتالي سيصبح مسماك Full stack developer
كيف ابدأ في الـ Back-end ؟
انت مخير بين عدة لغات وتقنيات تستطيع استخدامها لكتابة بعض الاكواد لتعمل على السيرفر ومن بينها:
لغة PHP
PHP عباره عن لغة تسمى ( Server Side Scripting Language )
انت مخير بين عدة لغات وتقنيات تستطيع استخدامها لكتابة بعض الاكواد لتعمل على السيرفر ومن بينها:
لغة 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 Sessions
PHP and MySQL
PHP Basics
PHP Loops
PHP Conditionals
PHP Functions
PHP Strings
PHP Arrays
PHP Objects
PHP and HTML
PHP and Cookies
PHP Sessions
PHP and MySQL
ماهي البرامج التي احتاجها؟
يمكنك استخدام اي محرر نصوص مثل المفكرة على سبيل المثال, ولكن لتسهيل طريقة البرمجة يمكنك استخدام المحرر Notepad++ لمستخدمين الويندوز أو sublimetext لمستخدمين الماك, مشابه للمفكرة ولكن مخصص أكثر للبرمجة,
يمكنك استخدام اي محرر نصوص مثل المفكرة على سبيل المثال, ولكن لتسهيل طريقة البرمجة يمكنك استخدام المحرر Notepad++ لمستخدمين الويندوز أو sublimetext لمستخدمين الماك, مشابه للمفكرة ولكن مخصص أكثر للبرمجة,
أو يمكنك استخدام الـ Eclipse او NetBeans فمن خلالهما تستطيع البرمجة للـ PHP, Html وغيرها من لغات الويب , كما انه بإمكانك استخدام المحررphpDesigner فهو من اجمل المحررات المجانية على الويندوز والتي تدعم العديد من لغات الويب.
مصادر تفيدك
موقع W3Schools, يعتبر المرجع الاساسي والرئيسي لجميع مطورين الويب, تجد فيه شرح لمعظم اللغات بإسلوب بسيط وسهل.
موقع Tutorialspoint, من المواقع المتميزة التي تشرح لغات الويب بشكل شبه مفصل.
قناة TheNewBosten على اليوتيوب تشرح PHP,HTML & CSS, JavaScript, MySql
موقع W3Schools, يعتبر المرجع الاساسي والرئيسي لجميع مطورين الويب, تجد فيه شرح لمعظم اللغات بإسلوب بسيط وسهل.
موقع Tutorialspoint, من المواقع المتميزة التي تشرح لغات الويب بشكل شبه مفصل.
قناة TheNewBosten على اليوتيوب تشرح PHP,HTML & CSS, JavaScript, MySql
قناة Brad Hussey تشرح طريقة شراء استضافة والبحث عن الدومين المناسب لك.
سلسلة على اليوتيوب تشرح طريقة تثبيت سيرفر محلي Xampp وطريقة التعامل معه.
موقع codeschool يقدم دورات في برمجة الويب.
برمجة مواقع الأنترنت بإستخدام html5 مع CSS3 و JavaScript من منصة رواق.
سلسلة على اليوتيوب تشرح طريقة تثبيت سيرفر محلي Xampp وطريقة التعامل معه.
موقع codeschool يقدم دورات في برمجة الويب.
برمجة مواقع الأنترنت بإستخدام html5 مع CSS3 و JavaScript من منصة رواق.
جاري تحميل الاقتراحات...