كيف تصبح مطور ويب ناجح؟

قبل كل شئ المال لن يقودك الى النجاح فإن كان هدفك هو جمع المال من خلال تعلمك برمجة الويب فـ للاسف لن تنجح ?

ان كان لديك رغبة  وصبر وحُب لتعلم برمجة الويب فستصبح مطور ناجح وكل ماعليك فعله هو ان تثابر وتصبر وتمارس ماتتعلمه اولاً بأول.

لدي الرغبة واريد ان اصبح مطور ويب ولكن ماهو الطريق؟

اذا اردت الدخول الى عالم برمجة الويب, قد تصادف العديد من اللغات والعديد من قواعد البيانات, وربما أول سؤال قد يتبادر الى ذهنك! اي لغة استخدم؟ وماهي قاعدة البيانات المناسبة! سأحاول في هذه التدوينة ان اختصر لك المشوار لتحدد اللغة التي تناسبك وتبدأ في عالم الويب.

برمجة الويب تختلف عن برمجة تطبيقات سطح المكتب فـ عادتاً تطبيق سطح مكتب لاتحتاج الا للغة واحدة سواء كانت java, C#, vb او غيرها, ولكن تطبيقات الويب قد تدمج من لغة الى سبع لغات على سبيل المثال في موقع واحد, وسأوضح في هذه المقالة بعض اللغات البرمجية بالاضافة الى ماهو السيرفر والاستضافة.

لغات البرمجة

في معظم الاحيان لغات البرمجة تنقسم الى ثلاث مجموعات رئيسية ويوجد بعض اللغات المشتركة, فاللغات الرئيسية هي php, .net, Java EE واللغات والتقنيات المشتركة قد تكون html, css, ajax, javaScript ويوجد ايضا قواعد البيانات mySql, MS-Sql.

مثال:

لنفرض مثلا اردت بناء مبنى, فأول ماستقوم به هو بناء هيكل المبنى, هذا الهيكل يمثل الشكل الخارجي للمبنى ولايقدم اي خدمة اطلاقاً, الهيكل هنا يمثل لغة HTML, ثم بالتاكيد ستضيف لون للمبنى وتقوم تعديل تصميم المبنى ليبدو بشكل افضل “CSS”, بعد ذلك ستقوم بتوصيل الكهرباء والماء وربط الغرف ببعض عن طريق كيابل او انابيب مياه “PHP”, وبالتاكيد الكهرباء والماء سيكون لها مركز رئيسي خارج المبنى وهو من يزود المبنى بالمصادر “Database”, واخيرا انت مخير باضافة بعض التفاصيل التي تريحك في غرف المبنى لزيادة الرفاهية والراحة لمن يسكن المبنى, مثلاً اضافة جهاز تحكم للمكيف او اضاءة تعمل بشكل تلقائي مع غروب الشمس وغيرها من الامور “Ajax & JavaScript” .

من أين أبدا؟

⠀‏❃.࿐

مقدمة عن مجال
Web application
#شرح_مختصر
#مقدمة_تعريفية

تعلم لغة 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

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

Express

Express هي مكتبة للـ

Node JS تسمح لك باستقبال اي Request من صفحة الويب ومن ثم تقوم بمعالجتها باستخدام بعض اكواد الـ JavaScript وبعد ذالك ترجع Response للصفحة من جديد

ماهي البرامج التي احتاجها؟

يمكنك استخدام اي محرر نصوص مثل المفكرة على سبيل المثال, ولكن لتسهيل طريقة البرمجة يمكنك استخدام المحرر Notepad++لمستخدمين الويندوز أو sublimetextلمستخدمين الماك, مشابه للمفكرة ولكن مخصص أكثر للبرمجة, أو يمكنك استخدام الـ Eclipseاو NetBeans فمن خلالهما تستطيع البرمجة للـ PHP, Html وغيرها من لغات الويب , كما انه بإمكانك استخدام المحررphpDesigner فهو من اجمل المحررات المجانية على الويندوز والتي تدعم العديد من لغات الويب.

السيرفر

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

الاستضافة

اذا اردت تجربة موقعك والتأكد من برمجتك, فانت مُخير بين أمرين; الاول ان تقوم بتثبيت سيرفر محلي على جهازك الشخصي لتجربة موقعك, في هذا الخيار تستطيع استخدام بعض البرامج التي تقوم بتحويل جهازك الشخصي الى سيرفر محلي مثل xampp أوwampp , والخيار الثاني ان تقوم بشراء مساحة خاصة لك على سيرفر لدى احد مزودين الخدمة من بينهم Godaddy, HostGator, Dailyrazor,ترايدنت, إكساء وغيرها, كم ان مزود الخدمة يقدم لك Domain خاص بك ولكن ماهو الـ Domain ؟

الدومين –  Domain

يعتبر الدومين أو ما يطلق عليه اسم “النطاق” هو وسيلة تستطيع بها الاتصال بين جهازك وشبكة الانترنت ومشاركة المعلومات من خلاله بينك وبين الناس، وهذا الدومين هو ملك لك ولا يجوز لأي شخص آخر الحصول على نفس الدومين، ويجب أن يكون الدومين “domain” سهل التذكر فهذا يرفع من قيمته بين الناس وبالتالي ترتفع قيمة الدومين التسويقية، وأصل الدومين هو عبارة عن IP، وهو مجموعة من الارقام ال

بينهم Godaddy, HostGator, Dailyrazor,ترايدنت, إكساء وغيرها, كم ان مزود الخدمة يقدم لك Domain خاص بك ولكن ماهو الـ Domain ؟

الدومين –  Domain

يعتبر الدومين أو ما يطلق عليه اسم “النطاق” هو وسيلة تستطيع بها الاتصال بين جهازك وشبكة الانترنت ومشاركة المعلومات من خلاله بينك وبين الناس، وهذا الدومين هو ملك لك ولا يجوز لأي شخص آخر الحصول على نفس الدومين، ويجب أن يكون الدومين “domain” سهل التذكر فهذا يرفع من قيمته بين الناس وبالتالي ترتفع قيمة الدومين التسويقية، وأصل الدومين هو عبارة عن IP، وهو مجموعة من الارقام التي تتم من خلالها عملية نقل المعلومات عن طريق الإنترنت، ولصعوبة تذكر أرقام الدومين لكل موقع تم تحويلها إلي حروف ليسهل ذلك عملية البحث عن دومين أو نطاق أي موقع. 

#تطبيقات_الويب
#معنا_تطبيقات_الويب

تطبيق الويب (بالإنجليزية: Web Application) هوتطبيق حاسوبي أو برنامج يمكن الوصول إليه واستخدامه من خلال متصفح الويب، أو عبر شبكة مثل الإنترنت أوالإنترانت.[1][2][3] تبرمج تطبيقات الويب بواسطة لغات برمجة وصفية تدعمها أغلب متصفحات الويب الحديثة، مثل: إتش تي إم إل، جافا سكريبت، جافا، أجاكس.

تطبيقات الويب، مصطلح جديد على عالم التقنية، وهو يصف بشكل خاص تلك البرمجيات التي يقدمها مطورو الويب (بالإنجليزية: Web Developers) عبر تقنياتالويب 2 التي ظهرت فكرتها مع مطلع العام 2006.

تُقدم تطبيقات الويب للمستخدم برمجيات صغيرة تقوم بعمل مشابه لعمل البرامج الموجودة على أجهزت الحاسوب أو الهاتف. من الأمثلة الشهيرة لتطبيقات الويب: بريد الويب،الويكي، المدونات، منتديات الإنترنت.

مميزات تطبيقات الويبعدل

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

قائمة تطبيقات الويبعدل

لم تصدر إلى الآن أي مؤسسة أو منظمة لرعاية مثل هذه التطبيقات ما يجعل العثور عليها صعباً بعض الشيء، لكن هذا أصبح من الماضي بعد وجود موقع webapplist الذي وضع قائمة طويلة تتحدث بشكل أسبوعي بجميع تطبيقات الويب الموجودة اليوم والتي يستخدمها الناس. [بحاجة لمصدر]

تطبيقات الويب العربيةعدل

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

مستقبل تطبيقات الويبعدل



 

هذه المقالة ربما تحتوي بحثًا أصليًّا. ربما تجد نقاشًا حول هذا في صفحة نقاش المقالة. فضلًا ساعد في تحسينها بالتحقق من الادعاءات وإضافة الهوامش إليها. يجب إزالة المعلومات التي تُعد بحوثًا أصلية.

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

@web_applications

تقديم

سلسه كورسات تعلم انشا صفحات ويب من البدايه front_end

ثم الانتقال الى back_end

انشا الله تستفيدوا كثيرا خاصة المبتدئين بهاذا المجال

@web_applications

تحتاج في البدايه
برنامج محرر نصوص ومتصفح ويب

اي محرر نصوص حتى المفكره تقدر تنشى صفحات ويب
انصحكم تحميل برنامج phpstorm
يعتبر افضل
او Notepad

تعلم لغة HTML

مشاهدة "تعلم لغة Html بالعربية" على YouTube
https://www.youtube.com/playlist?list=PLDoPjvoNmBAwClZ1PDcjWilxp9YERUbNt

تعلم CSS
تعلم لغة Css‏: https://www.youtube.com/playlist?list=PLDoPjvoNmBAzAeIcXA3_JsmSkPKOs9W-Y

تعلم Javascript‏: https://www.youtube.com/playlist?list=PLDoPjvoNmBAw6p0z0Ek0OjPzeXoqlFlCh

بعد تعلم هذه الدورات او نفس المواضيع

الذي لم يرتاح لدورات السابقة اواي دورات يتم نشرها عليه التوجه الى محرك بحث يوتيوب ويشوف الي مناسبة لة

#تطبقات_الويب
@web_applications