 |
| الدخول في مجال الويب |
ازاى تصبح مبرمج ويب
مقدمة
طبعا انتا لازم تكون متعلم الاساسيات ولو مش عارف اي هي فروح شوفها من المقال دا علي موقعنا وتعالي تاني
المقال من هنا 👇
---------------------------------------------------
 |
| الطريق الصحيح لكي تصبح مطور ويب |
طريقك لكي تخصص فى مجال ال Web Development
المقال ده ليك
- في المقال ده هنعرفك علي تراك الWeb Development :
- فى البدايه لازم تعرف ايه التراك ده وبيتكلم عن ايه❕
صفحات الويب عباره عن مجموعة من الصفحات متجمعه على Server واحد، زي مثلا مواقع الشركات وبيع المنتجات والتعليم وغيرهاا.....
علشان تعمل موقع ويب محتاج تعرف ان الموقع ده عبارة عن تصميم كلنا بنشوفو فى اى موقع، وعبارة عن شوية سيرفرات شغالة فى الخلفية بتخدم عليك وانت ك يوزر او زائر معندكش خلفية عنها. من الاخر الموقع مقسوم لحاجتين:
- الاولى.. التصميم الخارجى اللى كلنا بنشوفه.
- التاني.. البرمجة والسيرفرات اللى شغاله فى الخلفية.
-----------------------------------------------
 |
| ازاي تبقي مطور ويب |
علشان تبقا Web Developer محتاج تعرف حاجتين:
- تطوير الواجهة الامامية Front-end Development
- تطوير الواجة الخلفية Back-end Development :
- 1- تطوير الواجهة الاماميه Front-end Development :
مهمة الفرونت اند انه ياخد التصميم من ال Ui/Ux Designer ويحول التصميم ده لكود.
يعني من الاخر هو الشخص المسؤل عن تصميم صفحات الويب الخارجية اللى كلنا بنشوفها.
- طب ازاى تكون Front-end Developer ❕
- علشان تكون فرونت اند محتاج تدرس اللغات الاساسية للتراك ده، وكمان اطارات العمل
- والمكتبات اللى هتسهل عليك كتير فى شغلك..
- اللغات الاساسية في ال Front - End :
- HTML, HTML5.
- CSS, CSS3.
+ ملاحظة مهمة
انسى الإصدارات القديمة وادخل على الجديدة على طول عشان الفرق ف الاصدار ..يعني حجات عناصر بتتشال وييجي مكانها عناصر افضل ..مزايا اكتر وهكدا
- Javascript(OOP, DOM, BOM, ES6).
- المكتبات واطارات العمل فى ال Front - End :
- Sass, Bootstrap.
- Ajax/Json, jQurey.
- Vue or Angular or React.
-----------------------------------------------
2- تطوير الواجهة الخلفية Back-end Development :
- مطور الباك اند هو الشخص المسئول عن تخزين البيانات الخاصه بالصفحه في ال Server الرئيسى.
- يعنى من الاخر هوا الشخص بتاع الخلفية والبرمجة والسيرفر اللى محدش فينا بيشوفها.
طب ازاى تكون Back-end Developer ❕
- علشان تكون Back-end محتاج تدرس مسار واحد من ال 4 مسارات دول :
المسارات
1-الاول :
- C# (Language)
- ASP. NET (Framework)
- SQL (Database)
2-الثاني:
- (Runtime Environment) Node.JS
- (document database) Mongo
- Database
3-الثالث:
- PHP (Language)
- Laravel (Framework)
- MySQL (Database)
4-الرابع:
- (Language) Python
- (Web Framework) Django
- ما يجب معرفتة بعد ذلك
بعد كده يجب عليك تعلم التقنيات الضرورية التي يحتاجها كل مطور و هي دراسة برنامج اداردة الاصدارات Git و منصة Github لأنها هي البوابة الرئيسية للمشاريع التي تقوم بها.
-
الكورسات للي هتدرسها بقا فين
*فية مقال في اول المقال دا فية كل الداتا من كل الانواع وكورسات غير اللي هضيفها دلوقتي فممكن تشوفها بردو*
📢 خلاص كده عرفت اي هي المسارات تبع المجال ده وايه اللى هدرسه، طب متسهل عليا الطريق أكتر يابرو وقولى على كورسات ادرسها لكل تراك.!
⛔ دى بعض الترشيحات لكورسات البشمهندس الغالي (Osama Mohamed) فى كلا المجالين :
 |
| مسار الفروند ايند كامل تابع |
1 - كورسات ال Front - end Development :
مقدمة
- في بداية الامر ان اردت ان تهتم في مجال الويب يجب ان تعلم ان الويب ينقسم الى قسمين front end(واجهة الموقع): وهي ما يراه المستخدم امامه عند تصفح الوقع (التصميم النهائي للموقع). Back end(عقل الموقع او نظام الموقع): وهي التي لا يرها المستخدم والمقصود بها لغة البرمجة مثل (php, ruby, …) وتعمل على معالجة المعلومات واستقبالها من واجهة الموقع. ومن اهم ادوات مجال تصميم المواقع html / css /javascript / bootstrap / jquery وهناك ايضا العدد من اطارات العمل فى مجال تصميم المواقع مثل VueJs / angularJs / reactJs
-------------------------------------
مسار Front-End Developer | أكاديمية الزيرو:
-------------------------------------
كورس ال HTML :
-------------------------------------
كورس ال CSS:
-------------------------------------
كورس ال JavaScript - الجديد
JavaScript OPP :
JavaScript DOM :
JavaScript BOM
JavaScript ES6
-------------------------------------
كورس ال Bootstrap
-------------------------------------
كورس ال Sass
-------------------------------------
كورس ال jQurey
--------------------------------------------------------
 |
| مسار الباك ايند كامل تابع |
2 - كورسات ال Back - End Development :
مقدمة في هذا المجال
- الباك اند هو عكس الفرونت اند فيقصد بالباك اند هو الجزء الخفي عن زائر موقعك او المستخدم العادي لموقعك (مثل لوحة التحكم التي استخدمناها عند كتابة هذة التدوينة) ويدخل تحت نطاق الباك اند مثل لوحة تحكم المنصات كـ لوحة تحكم الادارة فى ووردبريس او بريستاشوب او ماجنتو من خيارات تحكم وترجمة حزمة اللغة لهذة الاجزاء الخفية عن الزائر مبرمج الباك اند يجب الا يكون اعمى .. لا يعرف شئ عن الفرونت اند ..وبما انه سيكون الناتج البرمجى له يخدم اساسا الفرونت اند .. عليه ان يعرف الفرونت اند اولا ولا يشترط ان يكون محترفا واليك الخطة # ابدا بالتعرف على html و css وكيفية استخدامهم سيتطلب هذا منك 15 يوما ثم انتقل الى الجافا سكريبت وتعرف عليها بشكل عام وركز جيدا على الاوبجكت وكيف يتم انشاؤه وما هو ال dom سيتطلب هذا منك 7 ايام ثم انتقل الى ال jquery وادرسها جيدا وركز على ال ajax وكيف تستخدمه لانك ستحتاج الاياكس للتعامل مع ال php ابدا بتعلم php . ولكن لا تدرس كل شئ .. لانك لو حاولت دراست كل شئ سيتطلب هذا منك سنوات ,, اذن عليك ان تدرس ما هو مهم .. اساسيات اللغة مثلا تعريف المتغرات وانشاء الدوال واستدعائها ..والكلاسات وانواعها وفوائدها .. عموما لا تقلق الامر سيكون صعبا عليك فى البدء لكن بعد ذلك سوف تصبح الامور اكثر سهولة نظرا لانك درست الجافا والجيكويرى اذن لديك خلفية برمجية مسبقة
معايا مسارات للمجال دا وهبدأ
مسار ال Back-End Developer | أكاديمية الزيرو
-------------------------------------
كورس ال PHP
-------------------------------------
كورس ال Laravel
-------------------------------------
كورس ال MySQL
------------------------------------
 |
| مسارات تعلم مجال الويب |
مسارات اضافية في مجال الويب :
- المسار الكامل بإذن الله لإتقان تطوير المواقع بلغة Python مع أشهر اطر العمل مثل Django و Flask ونظرة عامة على المسارات الأخرى وسوف تجد كل ما تريده من أدوات ودورات تعليمية ونقاشات ومواقع ومراجع مفيدة تساعدك أثناء رحلة تعلمك
- المسار الكامل لإحتراف لغة Javascript عن طريق تعلم اللغة وكل ما يخصها والمواقع التي تحتاجها أثناء تعلمك والكثير من التطبيقات العملية والنصائح وحل المشاكل وكل ما تحتاجه لإتقان اللغة وأيضا أشهر اطر العمل الموجودة على الساحة مثل Vuejs, Angular, Reactjs
- المسار التعليمي الكامل لوظيفة ال WordPress Developer سوف تجد كل ما تريده من أدوات ودورات تعليمية ومواقع لتطوير معلوماتك ونصائح وحلول للمشاكل والكثير.
 |
| مسارات الفل ستاك كاملة بشهايد معتمدة |
🛎 فى الاخير: ممكن تدرس مجال واحد من المجالين وتبدأ تشتغل فيه وتبقى Front-end / Back-end، او انك تدرس المجالين وتبقى Full-stack Developer ❤✊
افضل منحة دراسية مقدمة من منصة Edraak لتعلم تطوير الويب الكامل (Full Stack)
--------------------------------------
-مسار ال Full Stack Developer | أكاديمية الزيرو
الخاتمة مع معلومات مهمة جدا
 |
| اوعاك تيأس وكمل في طريقك وحقق هدفك |
وهتلاقي هنا مسارات وكورسات برمجة مهمة جدا ممكن تتابعها
 |
| مقالتنا الاخري |
اولا:كيف أبدأ في مجال ال Artificial Intelligence | و ازاي اشتغل فية وابدأ فية لغاية ما اصنع روبوتات ذكية
ثالثا:مفهوم ال API | وما هي خدماتة وكيف تتعلمة
رابعا:ما هو IT وما الذي يعنيه هذا المجال وفرص العمل به وتخصصاته وكل شئ عنة
سادسا:مسار المبرمج الصحيح | القواعد الواجب إتباعها لدخولك إلي عالم البرمجة وإختيارك لتخصص معين
بالتوفيق للجميل ودمتم بخير واي استفسار قم بالتعليق علي هذا المقال وسيتم الرد عليك قريبا