0:05
بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النهاردة إن شاء الله هنتكلم عن واحد من أهم الأتروبيوتس الموجودة في الفورد لكن الدرس بتاع النهاردة درس أدفنسد هيساعدك لما تيجي تتعامل مع الشغل بتاع الباكيند الشغل اللي هو أن أنا أبعت البيانات دي للباكيند لو أنت ما فهمتش الفيديو ده أنا مش عايزك تزعل ولا تتدايق خليه على جنب دلوقتي لحد ما ييجي وقته مش أكتر لكن إن شاء الله أنا متأكد أن أنت تفهمه تماما
0:34
أول شيء نحتاجه في الفيديو هو الـ Action Attribute اللي احنا قلنا عليه ايه هو الـ Action Attribute وبيعمل ايه الـ Action Attribute هو زي ما انت شايف كده الـ URI اللي الـ Program بتاعنا او الـ Application بتاعنا هيعمل Process للبيانات اللي جوه
0:51
ويقوم بإرسالها للموقع ويقوم بإرسال البيانات الموجودة للموقع
1:06
و عندهم ملف سيستقبل البيانات هذه كلها الملف هذا اسمه مثلاً "osama.php" لا تركز في أي معلومة إضافية أنا أريد فقط أن أريك الفكرة لو أنت ذهبت و قمت بإرسال هذه البيانات كلها و قمت بإضافة "send" ستتبعت على ملف اسمه "osama.php" هذا الملف خاص بالناس من خلال الـ backend يستلمون البيانات و يقومون بعمل ما يجب دعنا نكتب أي شيء هنا على سبيل المثال بهذا الشكل و نذهب و نرى ما حصل بالبيانات
1:31
وداني على ملف اسمه osama.php الملف طبعا مش موجود انا بس بعرضلك الفكرة ليس الا عظيم طب لو احنا في الاكشن ده ما كتبناش حاجة ايه اللي بيحصل بيبعت البيانات على نفس الصفحة اللي احنا جواها يعني وقيت عملت كده وكده وكده هيبعت البيانات في نفس الصفحة index.html اللي انا جواها اصلا اللي هو بالمناسبة نفس الحاجة لو انت ما استعملتش الاكشن اصلا هيعمل برضو كده طيب
1:56
حسناً، عظيم جداً. الآن لدي بعض البيانات. لدي هنا الـ Subject و لدي هنا الـ Username و لدي هنا الـ Password و لدي هنا الـ Email. كيف أرسل هذه البيانات للسيرفر؟ كيف يعرف كل حقل من الآخر كي يرسل البيانات؟ عن طريق أتريبوت عظيم جداً اسمه Name. Name هو الذي يسمى كل فلد إدخال منهم. هذا Name يساوي. أنا أسميه بمزاجي، لا يوجد أحد يجبرك أن تكتب
2:22
اي اسم ممكن اسميه يو ان اللي هو عادي ممكن اسميه ممكن اسميه زي ما انت عايز انا هسميه هنا عندي هنا هسميه او اللي عجبك ما فيش مشكلة طيب عندي هنا في زي ما تحب عندي هنا
2:46
في الميل هسميه ميل عظيم جدا. تعال شوف بقى الفرق بين الحركة اللي انتو عم شايفينها دي على قامة استفهام فاضية فيش حاجة بعدها. وتعالوا نشوف هنا لما جي ابعد بقى بيانات وعمل سبب ميت ايه اللي هيحصل. هنا شباب الاسم بتاعنا هيكون اسامة. السبجيكت مسلا هنا. اي كلام فاضي مفيش مشكلة. هادي اسمه هو. هنا الباسورد.
3:11
هنا الايميل وهقول له save تعالوا نشوف مع بعض بقى كده ايه اللي حصل ببساطة شديدة ونتفرج على اللي بيحصل فوق اللي انت شايفه فوق ده ده في الURL دي حاجة اسمها query string ال query string بيكون فيها اكتر من
3:26
يعني بيانات زي ما انت شايف كده ال user اسامة هنا السبجيكت اللي انا كتبته اهو عندك ال password عندك ال email والبيانات بتاعتك كلها موجودة اهي عظيم جدا في تاب عندنا هنا في الجوجل كروم اسمه network تعالوا كن تتفرج عليه كده ونروح عاملين refresh تاني كأننا بعطنا البيانات تاني وهدوس على ال index دي
3:47
وننزل تحت كده في شوية معلومات عايزك تتفرج عليها تحت خالص كده عندك هنا حاجة اسمها ايه? براميترز هي جميع البيانات الموجودة عندك في اللينك فوق خالص شايفين? الـ الـ الـ البيانات اللي انت شايفها دي حضرتك بتتبعت للـ بيستقبلها ويبدأ يتعامل معاها وممكن البيانات
4:10
تتبعت على ايميل. ممكن تتبعت في اي مكان. مش هنقول لك في بداية الدروس بتتبعت في مكان ما. يبقى احنا ما يهم ناشر المكان دلوقتي لانه ده مش بتاعتك. دي مسئولية البيانات بتاعتك دي ويبدأ يحطها في قاعدة البيانات. الاسم والسبجيكت مسلا. او عنوان الشكوى. البيانات الاميل رقم التليفون كل حاجة. النيم هو اللي بيعرفنا الكلام ده عشان نقدر نبعت البيانات اللي في الحكومة
4:37
بتاعتنا لمكان ما زي ما اتفقنا. طيب في حاجة محتاج برضو ان انت تعرفها. حد فيكو خد باله من حاجة انه البيانات اللي انت بعدتها زهرة في اللينك فوق. عشان طريقة الارسال بتاعتنا هي اللي بتخليها تزهر كده فوق. عندنا اكتر من طريقة للارسال. عندنا حاجة اسمها جيت وحاجة اسمها بوست. تعالوا نشوف مع بعض كده الجيت و البوست دول. ادي مسد.
5:03
attribute الميسود attribute بص جايب لكي get وبوست سيبك من الديالوج دي قصتها طويلة جدا ومش هتدخل فيها دلوقتي نهائيا تعالي نشوف ال get طريقة ال get العادية ال get بيعمل ايه بيبعت البيانات فوق زي ما انت شايف بص لعملت ال refresh البيانات بينا فوق البوست ما بيعملش كده البوست مش بيخلي البيانات تبين في ال URL فوق بالشكل ده تعالي نشوف مع بعض وسامة هنا
5:29
Subject 123 ال password 3A والإيميل وأقول له save شايفين إيه اللي حصل يا شباب البيانات ما بنتش فوق بس هل هي ما تبعتش؟ لا البيانات تبعتت أهي user osama والsubject 123 والpassword 3A والميل o@n.sa أو الميل بتاعنا هو البيانات تبعتت لكن بميسور تانية
5:48
بعد ما كانت جيت وباينة فوق. البوست مش بتبان فوق والبيانات اتبعتت وكله تمام وزي الفول ومفيش اي مشكلة خالص. وده الجزء بتاع الفورم وهو اللي فيه البيانات بتاعتنا. طيب. انا
5:59
أنا مش محتاج منك خالص في الفيديو ده غير بس تاخد فكرة عن الـForm و الـName و طريقة إرسال البيانات إن شاء الله أول ما تتعمق في التعامل مع البيانات و الـForm و تاخد فكرة عن شغل الـPackend هتعرف كل حاجة بإذن الله بالتفصيل و هتعرف الفرق بين الـGate و الـPost من التجارب و هتعرف حاجات كتير جداً في شغلك
6:20
حالياً انت في الأول مفيش أمثلة عملية أو يوز كيز ممكن تشوف منها الكلام ده فأنا وردت لك المقارنة وفهمتك الدنيا وان شاء الله انت كده تكون فهمت الدرس بإذن الله يا رب يا جماعة الدرس يكون بسيط وسهل وعجبكم وأشوفكم ان شاء الله في درس جديد والسلام عليكم
