0:05
بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد
0:10
النهاردة جميعا ان شاء الله نتعلم مع بعض كده شوية انبوت زريفة وجميلة وبإذن الله تستخدمها كتير في شغلك اول حاجة عندنا تقابل كتير في مواقع الناس تطلب منك ان انت ترفع الصورة بتاعتك او ال CV بتاعك او ان انت تأبلود اي فايل في الدنيا عندنا انبوت نوعه فيل تقدر عن طريقه ان انت ترفع ملفات وتبعتها مع باقي البيانات اللي في الفورم الموجودة دي هنا بكتب اسمي وايميلي ورقم تليفوني وبابعت معاهم ال CV بتاعي وبعت معاهم مثلا صورتي طب
0:40
طبعا ارسال البيانات دي حاجة خاصة بالباك انت زي ما اتفقنا وانت مليكش علاقة بيها خالص المبرمج هو اللي بيعملها لكن انت طبعا اللي بتزبط الانبوت فايل ده وانت اللي بتزبط شكله والكلام ده كله طيب عندنا هنا لابل هنسميه مثلا CV او upload او اي حاجة في الدنيا مفيش مشكلة وبعدين عندنا الانبوت بتاعنا
0:59
ظريف جدا مفيش اي افتكاسات خالص نوعه فيل. تعالوا نشوف مع بعض شكل بتاعنا زي ما انتم شايفين بيكون شكله كده بتدوس تشوز فيل تختار اي صورة في الدنيا واي ملف بيطلع لك اسم الملف هنا عشان يعرفك الملف اللي انت هترفعه او هتبعته. طبعا مش محتاج اقول لك انه الشكل ده في كل براوزر هتلاقيه فيه اختلاف ممكن تلاقي الكلمة دي. مسلا تشوز فيل دي تلاقيها مسلا ابلود او اي حاجة على حسب البراغزر اللي انت شغال عليه. طيب.
1:27
الآن يا شباب في المواقع العادية لا يتركوا المواقع العادية بهذا الشكل في العادي يخبوا هذه المواقع العادية لأنه لا يوجد تصميم ثم يقومون بعمل مواقع بال CSS بشكل أجمل بكثير فهذا يكون التحكم أكثر ويكون هناك التحكم كما تريد في هذا الشكل حسناً لدينا مواقع أخرى اسمها search دعونا نرى معاً كذا search هنا
1:57
و سأكتب هنا كلمة search من اسمه كده يا شباب بيعمل ايه search يعني هتبحث عن حاجة بتكتب هنا عشان تبحث هتلاقي انو الميزة اللي في الحقل ده عن الحقل التاكسي العادي ان في علامة X تخليك تعمل clear للسيرش تدوس عليها كده شالت الكلام عشان انت بتبحث بدل ما تيجي تروح تقعد وتفضل تقعد كده وتعمل خطوات اكتر
2:16
لا، هذا one click يجعل لك remove للجزء الخاص الذي تريد أن تبحث فيه. في الحقل لا يوجد أي شيء غريب ولا أي افتكاسات كالعادة. وسندخل على طول في الحقل التالي وهو حقل URL. حقل URL هو link. عبارة عن link. الفرق بينه وبين التكست العادي أنه يقبل منك link. ستقول لي ما يعني أنه يقبل link؟ يعني دعونا نقول أنني كتبت كذا.
2:40
هل الكلمة دي هيقبلها؟ لا بص كتاب لي هنا please enter a URL لو دي كلمة عادية أو text يبقى تخلي نقل حق لtext لكن انت مدام قلت له URL فهو محتاج منك URL زي اللي فوق دي كده اللي فوق دي URL اهو شايفين يا شباب؟ بعت عادي وكمل عادي لان انت فعلاً بعت له URL وهو ده اللي هو طلبه طيب
3:01
عظيم جدا ونشوف على طول اللي بعده عندنا 3 حقول تقريبا نفس الفكرة وما فيهمش أي اختلاف غير بس الوحدة يعني وحدات الوقت
3:12
عندنا حاجة اسمها date ال date ده مهم جدا لانه الشخص بيحتاج كتير انه هو يختار ال date بتاعه من ال input field هنا بدل ما الشخص يبقى مثلا يكتب كده عنده كمان خيار انه يدوس كده ويختار ال date السنين طبعا تجيب السنة واليوم وتقوله تفضل فبيروح مختار ال date زي ما انت شايف كده وتقدر بقى تبعت وتعمل اللي انت عايزه
3:36
قبل وجود هذا المقر كان الشخص يقوم بالحركة بالجافيسكريبت عندما تحصل على مكتبات تقوم بعمل الكلندر وتستطيع تحصل على مقر لديك من الكلندر وتغيره كما تريد لا يجب أن أقول لك أنك تستطيع تغييره بسهلية تقوم بعمل كل ما تريد وتختار من هنا
3:54
الحقول الثانية هي Month و Time نفس الفكرة تستطيع اختراع منها وحدات الوقت الثانية Month و Time و Week و كل هذا يعني بصراحة لا يوجد اي افتكاسات خالص غير فقط الشكل يعني كأنني استعرض معكم الشكل فدعوني اقوم بعمل Month و اللي بعده بالمرة كي نكسب وقت هذه هي الMonth و هذه هي الTime و سنكتب هنا Time و سننظر عليهم لنرى الفرق بينهم الMonth كما ترون هنا تختار الMonth كما ترون هنا
4:23
في الغسطس يجلب لك هنا this month اللي احنا فيه مثلا اهو او عايز تختار هنا بتنزل للسنين عايز سنة معينة بتفضل تنزل تجيب السنة
4:33
قبل كده وبعد كده سنة قديمة وسنة جديدة 1990 بعدين جولاي نفس الكسة في الوقت برضو بتدوس عليه وتختار الوقت الساعة كام مثلا هل انت عايز الساعة مثلا 10 و 11 دقيقة AM ولا PM وتقوله تفضل قد الوقت بتاعك وتقدر طبعا مش محتاج اقولك تعدل من هنا وتقدر تعدل من هنا وتقدر تعدل من هنا من غير اي مشكلة خالص يا رب يا جماعة الدرس يكون بسيط وسهل وعجبكم اشوفكم ان شاء الله في درس جديد والسلام عليكم
