كيف اكون ويب ديزاينر او ويب ديفيلوبر والطريق
الصحيح للتعلم
اسئلة كتير بتقف امام كل مبتدأ فى برمجة الويب
* ازاي اكون ويب ديزاينر؟!
* ازاي اكون ويب ديفيلوبر؟!
* انا اسمي ايه في السوق؟!
* يعني ايهإطار العمل؟!
هحتاج ادرس ايه؟!
* محتاج تبسيط لـ فكرة الويب ديزاين او الديفيلوب!
-
من اشهر الأسئله الي ديما اي حد مبتدئ بيسألها و بتتشاف على النت كتير، غالبا الرد مش بيكون لامم بالقدر الكافي الي الشخص المبتدئ محتاجه لو همك الأجابه تابع معايا للأخر
-
طيب دلوقتي انت هيكون قدامك طريقين * ويب ديزاينر * ، * ويب ديفيلوبر*
-
الطريق الأول * ازاي تكون ويب ديزاينر*
=============================
مبدأ يعني يعني ايه الويب ديزاين؟ هوا بكل بساطه انك بتكون مسئول عن واجهة الويب مسئول عن شكله مسئول عن أي حاجه انت بتشوفها ب عينك..
-
بمعنى؟ يعني مسئول عن * الوان، زوايا، مقاسات، سهولة الأستخدام، تناسق كامل للويب سايت حتى لو 10000صفحة في بعض، الجزء الترفيهي في الموقع سواء كان ذلك بتتحرك او صوت * فأنت مسئول عن اكتر التفاصيل الصغيره جدا في الموقع يكون مريح بالنسبه للعين كمان، طبعا فيه ناس هتقول ايه التفاهة دي التفاهة مطلوبه لانك لما بتخش موقع اسود في اسود وكلام بالأحمر شعورك غير لما تخش موقع زي الـفيسبوك _twitter .. جرب وهتفهم قصدي.
-
طيب الطريق ده تمشي فيه ازاي؟
-
تعالو الأول نتخيل الويب سايت ده عبارة عن 3 عمدان
-
( العمود الأول: الأساس * الأساس * ، العمود الثاني: الترفيهي ، العملدح الثور:)
-
العمود الأول: المحتوى * الأساس
====================
دلوقتي الكلام الي موجود في الموقع وانت بتشوفه ب عينك ده بيبى ايه الون ايه الم؟ هوا بيكونHTML / HTML5
-
ده الأساس الي بتبني عليه الموقع، زي العماره بالظبط مش ليها اساس عشان متتتهدش، نفس الفكره في الويب الأساس هوا الأتش تي أم أل _
-
العمود الثاني: الترفيهي
===================
طيب خلصنا الأساس وكتبنا الكلام بـ الـلغة البرمجة، طيب اكيد مش هنسيبه اسود ومقاساته مش مظبوطه ومفيش الوان في الموقع، طيب ايه المسئول عن الألوان والترفيه في الموقع هواCSS / CSS3، هوا المسئول عن المقاسات، الألوان، وتقدر ترسم بيه اشكال الي محتاجها في الموقع بكل سهوله..
-
العمود الثالث: المرح
===================
ليه اسمه المرح؟ عشان هوا الي هيضحكك وهوا اليجعك الموقع تاني لو زهقان ،
-
طيب ايه المسئول عن المرح؟جافا سكريبت - jQuery **
-
ايه الفرق بينهم؟
-
الفرق * بكل بساطه وتلخيص * هوا الحجات البسيطه بتتعمل بـ الـجافا سكريبت _jQuery .. يعني بكل بساطه مثلا الحاجه الي هتتعمل ب 50 كود جافا سكريبت يقدر الجيكويري يعمل ب 20 كود وبشكل افضل كمان.
-
العمود ده ليه لمسات سحريه هدا السبب الرئيسي عن الحركه، يعني مثلا دلوقتي احنا عملنا شكل ب الCss خلاص وليكن شكل بني أدم، ممكن اخليه يمشي يفتحلنا حاجه في الموقع، ممكن اخلي البني أدل ده يتنطط، يتكلم ويحرك وشه وتعابير وشه، بنقل من منالصفحة لـصفحة _
-
طيب خلصنا الـ 3 عواميد؟ مش عايز ترتاح؟ طيب ايه الي بيرح في الويب ديزاين ، حاجه اسمهاإطار _نسخ ولصقBootstrap ، وورد.
---------------------------------
انت ايه اسمك في السوق؟
-
مصمم الويب ، مطور واجهة المستخدم ، مطور الواجهة الأمامية
----------------------------
طيب من الأخر عشان الناس الي بتزهق ، الترتيب لدراسة الويب ديزاين
-
1 - HTML / HTML5
2 - CSS / CSS3
3-جافا سكريبت
4-مسج
5 - Bootstrap، WordPress ( ممكن تختار واحد فيهم بس، بس الافضل تكون لامم بكل حاجه، فيه منهم كتير جدا بس دول افضل اتنين)
-
6 - فوتوشوب)
------------------------------------------------
-
تعبت؟ معلش مجتش تعب 5 دقايق ولا تسويحه كذا يوم
--------------------------------------------
الطريق الثاني * ازاي تكون ويب ديفيلوبر*
=============================
اتفقنا فوق ان اي حاجه ب عنيك يبقا ويب ديزاينر، الكلام ده لسه صح لحد دلوقتي متغيرش، معنى كده ان اي حاجه مش بتتشاف بالعين تكون ويب ديفيلوبر، طيب ازاي الكلام ده ركز في المثالين الجايين
-
مثال بسيط رقم 1: دلوقتي انت كا مستخدم فيس بوك مش بتحط اليوز نيم والباسورد بيفتح على بروفايلك انت؟ والبوستات بتعتك متغيرتش؟ ولا جت بوستات بوستاتك دي بوستاتك انت وبروفايلك انت، طيب البيانات دي اتسجلت ب الاميل والباسورد بتاعك ازاي؟ دي وظيفة الويب ديفيلوبر بشكل ملخص وبسيط.
-
ها الدنيه اتبسطت شويه؟ طيب نبسطها اكتر؟
-
مثال بسيط رقم 2: بيطلب منك تعملتسجيل اواشتراك، طيب الموقع عرف منين انك مش مسجل اميل؟ ، بكل بساطه انت اما تعمل
تسجيل او
بيتسجل بياناتك في الـقاعدة البيانات في الـتسجيل الدخول لما تكتب اميل وباسورد بيجري على الداتا بيشوف دولتسجيل الدخول قبل التسجيل
تسجيل او
سجل طيب الي عملتحقق ده ازاي؟ والي بيتأكد من بياناتك ده بتتعمل ازاي؟ بـ الويب ديفيلوب
-
ها اظن كدا عرفتوا * أشهر * حاجتين بيتعملو بالويب ديفيلوب، طبعا فيه حجات تانيه كتير بس دول ابسط واشهر مثالين تقدر تشوفهم.
-
نبتدي نشوف بقا التراك أو الطريق الي هنمشي عليه: اولا في الويب ديفيلوبر مقسوم فريقين بيتخانقو دايما
-
الأول: Asp.net و التاني: مفتوح المصدر
طيب ناخد فريق فريق احسن
الفريق الأول: Asp.net
----------------------------------------
اولاً بتتعامل فيه بـ لغة اسمها* C # * سي شارب*
التراك الداخلي بقا او هتتعلم ايه بالتفصيل ، هتتعلم الأتى(أساسيات C # ، OOP ، Asp.netBasics ، MVC)
-
طيب دلوقتي انت معاك لغه تقدر تتعامل بيها، فيه جزء داتا بيز لازم بتتعامل بيه برضو، فيه كذا نوع من الداتا بيز زي زي(SQL Server ، Oracle ، MySQL )
ASP.net هوا
SQL Server اووحي
-
مميزاته: اغلب الحكومات بتستخدمه لأن الحمايه* الأمان * فيه عاليه بدون مجهود كبير بس ممكن تخترق عادي يعني مش معنى انها عاليه يبقا متخترقش.
-
من عيوبه: انه بيشتغل علىنوافذ بس ، يعني لو حد عندهلينكس ميشتغلش عليه
.
-
اسمك في السوق: ، مطور الويب Asp.net ،. صافي المطور ، المطور الخلفي
------------------------------------------------
================================================
الفريق الثاني: مفتوح المصدر
-------------------------------------------------- -
هوا كلمةالمصدر المفتوح اكتر لانك بتشتغل ب لغة
PHP واللغة دي اساسهامفتوح المصدر،
-
طيب التراك او الطريق الصح ايه؟
أساسيات PHP، OOP، PDO، MVC، Framework (Laravel، zend، codeigniter).
طيب دلوقتي انت معاك لغه تقدر تتعامل بيها، فيه جزء داتا بيز لازم بتتعامل بيه برضو، فيه كذا نوع من الداتا بيز زي زي(SQL Server، Oracle ، MySQL)
PHP _
MySQL.
-
من مميزاته: بيشتغل على ويندوز او لينكس.
100٪ وانت الي بتعملها كا كتابةكود تأمين + ان كل فتره بينزلتحرير _
مادة جديده بأسرع وقت.
-
انت اسمك ايه في السوق؟
مطور PHP ، مطور خلفي ، مطور ويب
-------------------------------------------------- -
ملحوظه: فيه فريق تالت بس ده مش ظاهر اوي في الشرق الأوسط بالتحديد عشان كدا مش من منافسةآسيا والمحيط الهادئ _بي أتش بي..
-
الفريق التالت: جافا
----------------------------------
التراك او الطريق الصح ايه؟
-
أساسيات Java و OOP و Servlet و JSP و MVC و JSF و ADF
طيب دلوقتي انت معاك لغه تقدر تتعامل بيها، فيه جزء داتا بيز لازم بتتعامل بيه برضو، فيه كذا نوع من الداتا بيز زي زي(SQL Server، Oracle ، MySQL)
جافا _
وحي.
-
انت اسمك ايه في السوق؟
-
مطور جافا ، مطور خلفية ، مطور ويب
-------------------------------------------------- ------------
+ 
خلاص كده عرفت اي هي المسارات تبع المجال ده وايه اللى
هدرسه، طب متسهل عليا الطريق أكتر يابرو وقولى على كورسات ادرسها لكل تراك.!
-
دى بعض الترشيحات لكورسات البشمهندس الغالي (Osama Mohamed) فى
كلا المجالين :
-
1 - كورسات ال Front - end Development :
كورس ال HTML
https://www.youtube.com/playlist?list=PLDoPjvoNmBAw_t_XWUFbBX-c9MafPk9ji
كورس ال CSS
https://www.youtube.com/playlist?list=PLDoPjvoNmBAzjsz06gkzlSrlev53MGIKe
كورس ال JavaScript - الجديد
JavaScript OPP
https://www.youtube.com/playlist?list=PLDoPjvoNmBAzLyvrWPwMw6bbBlTwPxgLF
JavaScript DOM
https://www.youtube.com/playlist?list=PLDoPjvoNmBAxx97QDMOCpzxbu1ZHJ4i7i
JavaScript BOM
https://www.youtube.com/playlist?list=PLDoPjvoNmBAy9nFRJgVYgEID8xE2a6q6V
JavaScript ES6
https://www.youtube.com/playlist?list=PLDoPjvoNmBAy3siU1b04xY24ZlstofO9M
كورس ال Bootstrap
https://www.youtube.com/playlist?list=PLDoPjvoNmBAy0dU3C3_lNRTSTtqePEsI2
كورس ال Sass
كورس ال jQurey
https://www.youtube.com/playlist?list=PLDoPjvoNmBAwXDFEEpc8TT6MFbDAC5XNB
كورس ال Git & GitHub:
كورس ال Vue.js
-
دلوقتي هنقدم لكم اقوي الكورسات
المجانية في مجال ال Web Development بشكل
عام
-
️️ كورسات
على منصة Udemy 
-
كورس كامل في ال Front End باللغة
العربية
-
https://www.udemy.com/share/1024twCEseeFxWRnw=/
-
كورس كامل في ال php. Mysql باللغة
العربية
-
https://www.udemy.com/share/101sIUCEseeFxWRnw=/
كورس Bootstrap Tutorial باللغة العربية
-
https://www.udemy.com/share/102ARlCEseeFxWRnw=/
كورسات ال Back - End Developer
-
-----------
1 - PHP basic
-----------
في المرحله دي هتتعلم فيها مواضيع Array, Function, String والتعامل مع الملفات و
Cookies و
Sessions وغيرها
-
وتقدر تتعلمها من قناة Elzero Web School
https://www.youtube.com/playlist?list=PLDoPjvoNmBAzH72MTPuAAaYfReraNlQgM
-
youtube.com/playlist?list=PLrwRNJX9gLs3kkSDgCHFlpgL6qLrlHUBG
-----------
2 - PHP Object oriented programming [ OOP ]
-----------
وهنا هتتعلم يعني ايه Object و Class هتفهم ال Abstraction في PHP و ال Interfaces وغيرها
-
من قناة Elzero Web School
youtube.com/playlist?list=PLDoPjvoNmBAxXTPncg0W4lhVS32LO_xtQ
-
https://www.youtube.com/playlist?list=PLMYF6NkLrdN8yLmUZT-mLKv5VdYRADURU
-----------
3 - MySQL
-----------
ال MySQL هي Database Management System يعني ممكن نقول وسيط ما بين ال App بتاعك و ال Database
-
ومن خلال ال MySQL نقدر نكتب
اللغة SQL ودي اللغة اللي بكتب بيها الاوامر أو Command Line
-
تقدر تتعلمها من قناة ال Elzero Web School
-
https://www.youtube.com/playlist?list=PLDoPjvoNmBAz6DT8SzQ1CODJTH-NIA7R9
-
https://www.youtube.com/playlist?list=PLrwRNJX9gLs0WoqIcfdmI0wYOmxpE7JEZ
Project Native WithOut MVC
واقصد هنا انك تعمل مشروع يكون ب PHP + MySQL بدون
ما تستخدم MVC والغرض انك توظف كل شئ اتعلمته فعلا المشروع دا علي قناة
ال Elzero Web School
-
هتفهم منه معلومات كويسه جدا من ناحية التعامل مع ال MySQL ك DB Admin
Panel وانك تعمل Connection من ال PHP لل MySQL وال Relationships
https://www.youtube.com/playlist?list=PLDoPjvoNmBAxdiBh6J62wOzEnvC4CNuFU
-----------
4 - MVC Concept
-----------
هو باختصار ال Model - View - Controller والغرض هنا مجرد انك تعرف ال Pattern دا بيشتغل ازاي يعني مفهوم ال MVC وانك تبني
بنية المشروع Project Structure
-
*- Project Native With MVC
-
تقدر تعلم من المشروع دا من قناة Hasan Zohdy
https://www.youtube.com/playlist?list=PLGO8ntvxgiZPZBHUGED6ItUujXylNGpMH
-
هنا هتوظف كل اللي فات زي PHP + MySQL وتستخدم
ال MVC
-
وبعد ما حاول المشروع أن تعمل مشروع نفسك للمشاكل التي تقع فيها.
وبعدين شوف بقا طريقة كتابة الكود بتاعك قبل وبعد الMVC _
-----------
5- جسون وأجاكس
-----------
انك تفهمJSON دي بن يستخدمها ازاي وبتستخدمAJAX تقدر تتعلم منهم
-
تتعلمJson من هنا
https://www.youtube.com/playlist؟list=PLDoPjvoNmBAwH_PyuEFjk3OvXflJJrDRQ
-
تتعلماياكس من هنا
-
https://www.youtube.com/playlist؟list=PLDoPjvoNmBAytfRIdMIkLeoQHP0o5uWBa
-----------
6 - مفهوم API
-----------
-
وهنا مجرد انك تفهم كويسAPI _Laravel
https://www.youtube.com/watch؟v=bB5tpD0Y73w&ab_channel=NourHomsi
-----------
7-إطار Laravel
-----------
وفي المرحله دي هتكون فعلا جاهز انك تفهم بشكل الكبير وتستفيد عكس واحد اخد كام معلومه ودخل علىLaravel تحت بند أنلارافيل كل حاجه ودا أكبر لأنك
-
وتقدر تتعلم من قناةPHP مجهول
-
https://www.youtube.com/playlist؟list=PLcfD4HARQRF_3SOGZQBc_t8h-grCoSdyu
ودا شرحLaravel 5.5
-
او تقدر تتعلم من قناة محمد عيسى
-
https://www.youtube.com/playlist؟list=PLMYF6NkLrdN8V2JKIMxqMsZNPsgUj3WOK
-
تعمل مشروع بLaravel وبصراحه كورس كويس
او من قناةالكود المهني
-
https://www.youtube.com/playlist؟list=PLCm7ZeRfGSP4NNEikwx3wUAskQHB3p-LK
-----------
Laravel API
-----------
من قناة الالكود المهني
https://www.youtube.com/playlist؟list=PLCm7ZeRfGSP5e07XG-waxCb2kLq7M4J5m
-
-
تغلط وتصححه بعد كده 
وانا واثق لو طبقت الكلام ده كويس هتبقي مبرمج ناجح ومحترف 
-
وبكده نكون وصلنا لنهاية البوست 
-
+ ممكن يفيدك باذن الله 
-
اتمنى يكون افادكم ولو بمعلومه بسيطة 
-
بالتوفيق 
-
# برمجة
المنطقة التي تحتوي على المرفقات
معاينة يوتيوب فيديو تعلم جافا سكريبت بالعربية 2021 - # 001 - مقدمة وما هو جافا سكريبت؟
Learn JavaScript in Arabic 2021 - # 001 - مقدمة وما هو JavaScript؟
معاينة فيديو YouTube Learn SASS بالعربية 2021 - # 01 - مقدمة وما هو ساس
Learn SASS بالعربية 2021 - # 01 - مقدمة وما هو ساس
[عربي] تعلم Git & GitHub # 01 - ما هو Git & GitHub ولماذا يجب أن تتعلم الجزء 1
معاينة فيديو يوتيوب تعلم Vue.js بالعربية # 01 - مقدمة وما هو Vue.js؟
تعلم Vue.js بالعربية # 01 - مقدمة وما هو Vue.js؟
معاينة فيديو يوتيوب تعليم استخدام الـ API
بالتفصيل - الجزء الأول
تعليقات
إرسال تعليق