Learn CSS In Arabic 2021 - #51 - Flex Box Child - Flex Basis, Flex Shorthand

[@HamadaMark]

كنت وقفت لما وصلت للنقطة دى واول استخدام ليها فى اول تطبيق ونسيتها ولما بحثت عشان اعرف ايه فايدة flex basis اول فيديو ظهر فيديو الخلوق الزيرو ماشاء الله عليك عصارة المعلومه على طوول ربنا يتقبل منك ويجعله فى ميزان حسناتك أمين

[@ElzeroWebSchool]

ربنا يكرمك ويبارك فيك وبارك الله فيك على الدعم ❤️❤️❤️

[@HamadaMark]

@@ElzeroWebSchool دا ولا شىء بجانب الى حضرتك بتقدمه تقبل الله منك

[@ahmedm6644]

النقاط التي ناقشها الفيديو: خاصية ال flex-basis. و: 0:13 اختصار خواص ال flex.و: 4:06 خاصية ال display:inline-flex. و: 7:57

[@Sxheyfnnfnf]

Thx ♥

[@ZeyadtahaAbdelslam]

وصلت لفين وعملت ايه

[@eslamMOHAMED-jk8zq]

الله يوفقك للخير يا استاذ اسامه . ياريت يا شباب نتفرج علي اول 30 ثانيه من الاعلانات علي قناه الزيره عشان دا من شروط جوجل اظن دا اقل حاجه نقدر نقدمها للبشمهندس

[@ARDASATIR1]

اتفق جدا

[@kqqd]

بس المشكلة ان الاعلانات هاذي في الغالب فيها موسيقى وصور نساء متبرجات

[@mahdimix5468]

@@kqqd OMG يمكنك عدم النظر و تخفيف الصوت، و الإنتظار لثلاثين ثانية

[@mohamedhussain336]

@@kqqd بس بلاش كلام فارغ الناس الى شبهك بتخرجنى عن شعورى وبكون عايز أشتم , أعمل سكيب يا حليتها

[@Icode2395]

@@mohamedhussain336 Same يابني والله

[@VeNus-el4cf]

Lesson 51 done alhalmdulilah and thank u❤❤❤❤

[@sword9673]

مع كامل التقدير لجهودك وشرحك الجبار والجميل والي استفدت منه كثيرا ولازلت اتابع الكورس واتعلم من خبرتك الكبيره فشكرا كثيرا لما تقدمه من شرح بسيط ومفهوم لكن في فكرة خطا يا استاذ اسامه (5:48) وهي الـ flex-basis هو فهمهم مو لانة الخاصيه ذكية وانما فهمهم لانة انت حددتله بالبكسل والبكسل اكيد بدون ذكاء للمسافه فبديهيا يعتبر هذا المقدار الي حددته للفلكس بيسس مثلا لو كتبت flex:300 4px سوف يعتبر ال4 بكسلز هو البيسس وال 300 رغم انها اكبر من 4 والمفروض يعتبرها هي الفلكس بيسس ولكن رغم هذا حسبها كمقدار للgrow !! لانها كانت مكتوبه بدون PX الفكره الي حبيت اوصلها انه يحدد بالترتيب الا لو وضعت بكسل يعتبرها كفلكس بيسس بغض النظر عن ترتيب موقعها من الكود فمثلا لو كتبت flex: 2 3 4 بدون كتابة px باي مقدار من هذه الاعداد الثلاثه يعتبر الكود خطا

[@mohabezzat4612]

احلا اسامة واحلا هندسة ... اسال الله لك ولاهلك خيري الدنيا والاخرة

[@rodwangd2683]

صلوا على الحبيب المصطفى صلى الله عليه وسلم

[@اريناتحفيز]

انت مبدع ماشاءالله عليك

[@zafershoaybi]

تسلم ايدك يا هندسة❤

[@engnesma5519]

كالعادة رائع

[@som3ah0]

عظيم جدا جدا الدرس ده يا اسطوره بجد

[@amoori22]

when he said you will end up with flex nightmare 😂😂😂 😂😂💔

[@AhmedMahmoudMMD]

اللهم صل وسلم علي سيدنا محمد

[@shad0441]

الحمدلله، شكرا لك عانيت كثير حتى افهم هذا الصندوق المتوحش😭💔، الأن اصبح صندوق لطيف خفيف الحمدلله 😔👏🏻

[@shroukelsaman577]

الله يباركلك ويجزيك عنا خير

[@omarhm2563]

جزاك الله كل خير

[@scene4u548]

8:28 صريخ ضحك

[@antonehtram5287]

Woooooooooooooooow ربنا يوفقك يا بشمهندس

[@HassanMohamed-r8m]

حقيقي ضحكتني مجاش جنبه يا عم وشكلك وحش يابااااي😂😂

[@berhoumibrahim4585]

بارك الله فيك

[@ahmadbenchakhtir]

شكرا 🤍.

[@AZ_English_21]

الله يوفقك للخير يا استاذ اسامه

[@mohamedyousry8834]

Thanks ❤️❤️

[@JomanNoretro]

احسنتم ❤

[@mohammedalez5145]

شكرا لك يا صديقي 🥰

[@rayen-N1]

شكلك وحش يابايي 😂😂😂❤

[@mahmoudshalaby1156]

thank you

[@elaraishimohamed5703]

8:27 😂😂😂

[@Abu_Fahad_94]

ربي يوفقك يا طيب

[@hamzahamza711]

best channel

[@قناهالزراعهالحديثهأحمدمحمد]

thank you very much 👍🥳💯

[@_remix5650]

thank you🥰😍😍

[@omaromarfa7873]

ولله دمك خفيف جدا

[@magdyhassan2902]

Thank You.

[@عبدالحميدجوهري]

thanks

[@malekalganadi1712]

ربنا يسعدك

[@بسمةايمن-ص3غ]

thank you so much

[@بلالنيوترون]

ربنا يباركلك والله

[@ahmedwael.stemer]

اول كومنت

[@AHMED.H1A1]

شكراا

[@Sxheyfnnfnf]

Thx Bro ♥

[@mohamed-ke1zi]

في الدقيقه 4.55 لما كتبنا flex:200px ليه ال grow بقي 1 .. مش المفروض يبقي صفر عشان دي القيمه الافتراضيه بتاعته ؟

[@mohamed-eg4wz]

تقريبا عشان المساحة اتملت

[@mohammedashraf8376]

جرب شيل الواحد ده أنت و اكتب صفر هتلاقي الدنيا باظت عشان هو عايزهم يبقوا ماليين الأب

[@midouu38]

لانه جربهم عليهم كلهم

[@thebird1]

ربنا يكرمك

[@rc_B2]

8:16 😂😂😂😂😂😂😂😂

[@AhmedBdrZanata]

🌹🌹🌹

[@I.am-tch]

الحمدلله مكمل الدورة

[@khaledmuhammad7035]

هو ايه الغات الخاصه ببرمجة التطبيقات والألعاب مع ترتيب تعلمها

[@ferasbarahmeh3361]

الالعاب سي بلس بلس وفش منافس التطبيقات جافا(مش جافا سكربت)

[@ferasbarahmeh3361]

او قصدك تطبيقات ال Desktop سي بلس بلس برضو

[@DonRayYT]

حصل ايه معك يبرو

[@khaledmuhammad7035]

@@DonRayYT والله يا برو انا كنت فاكر أن الجهاز بتاعي هيستحمل بس طلع فستكونيا الامونيا ف كملت ف الويب و عملت شوية مشاريع ف اجازة ٢ث و المفروض كنت هرفعهم بس الجهاز باظ ف سبهم و خلاص و انا بكره عليا انشاء الله امتحان ديناميكا ٣ث دعواتك بقا و بعد م اخلص ٣ إن شاء الله اجيب لاب واتعلم flutter على شان بعد بحث كتير لقيتها انسب حاجه بالنسبالي دعواتك

[@DonRayYT]

@@khaledmuhammad7035 ربنا يوفقك

[@redaharon6643]

بعد اذنك يابشمهندس جاوبني هل الflex-bases يعمل لو استخدمنا ال width معاه ولا لزم نستخدمه هو بس ،يعني هل ال width يطغو علي الbases لو استخدمنا هم مع بعض؟

[@rayen-N1]

الأولوية لل basis يعني لو width :200px flex-basis: 150px; يمشي مع basis

[@7abdH]

سؤال إذا أستاذ إذا ممكن لماذا لما كتبت Flex :200px في العنصر الثاني لم يأخذ تلك المساحة و بقي كما خو لم يتحرك

[@asmalmalki597]

السلام عليكم .. في الدقيقه 04:00 ذكر ان الflex-basis يحترم ال max-width .. بعد ما جربت مع الwidth العادي وجدت ابضا انه يحترم max-width ما الفرق ؟؟ في الدقيقه 05:20 عند استخدام الاختصار flex و بعد الضغط على السهم الصغير بجانبه لماذا القيمه الافتراضيه لل flex-grow تظهر 1 و ليس 0 ؟؟ و شكرا لك على ما تقدم يا استاذ اسامه

[@The_Programming-Teacher]

ال Width لا يحترم ال max height اكيد انت اتلغبطت جرب تاني

[@MostafaAhmed-qh9ip]

❤❤❤❤❤

[@AA48-k1p]

حتة الشورت هاند مش منطقية خالص.. ايه يحددلي انو قيمة الفليكس (طبعا بخلاف القيمة اللي فيها بكسل او اي وحدة) هياخدها الشرينك او الجرو.. يعني لو انا حطيت مثلا flex: 1 200px الواحد دا بقا هياخده الشرينك ولا الجرو؟!

[@khld4263]

flex: [Flex Grow] [Flex Shrink] [Flex Basis] واضحه القيمة الاولى راح تكون للقرو و اذا تريد تحط قيمة للشرينك اكيد ﻻزم تمر على القرو وتعطيها قيمة اما افتراضية زي الزيرو او اي شي اخر الوضع ايزي

[@AA48-k1p]

@@khld4263 شكرا

[@lavander6096]

🖤🖤🖤

[@odaytelbany9751]

8:23 🤣🤣🤣🤣

[@Mo-ali123]

انا لاحظت ان ممكن اكتب خواص ال Flex-grow Flex-shrink Order Flex-basis من غير من متكتب display flex هل ده عادي ولا اكتب display flex

[@ragab0]

ملاحظة صحيحة لكن ... بتشتغل في العناصر الابناء اللي الاب بتاعها display flex اعتقد ان الملاحظة جت متأخرة شوية واحنا بقالنا 5 فيديوهات شغالين عليها 😁😅 2:48

[@edogawaconan8894]

كيف height 80px?

[@webb-developer]

✅

[@MohamedSameer_15]

الflex box ده رجوله

[@rayenabadlia5766]

عندي سؤال علاه كي نحطو قيمة ال Flex Flex : 200px يترجمها انو Flex-grow : 1 Flex-shrink : 1 Flex- basis : 200px مع انو القيمة الافتراضية لل flex-grow المفروض تكون 0 ? ارجو الاجابة ؟

[@dadi_vlogs3254]

بحثت عن الموضوع ومالقيت إجابة. لكن ضعي في إعتبارك أن هذه الخواص ليست بالذكاء الكافي الذي يسمح لها بالتعرف و التغير على حسب الوضع. فالأحسن أنك تفصلي الموضوع عند كتابة خواص هذه الخاصية. وعلى حسب رأيي بما أنك عطيت 200px للflex-basis فمفيش إمكانية أنك تعتبر أنو flex-grow بقي ثابت عند قيمته الإفتراضية يلي هي 0.فبما أنك مددت العنصر لقيمة معينة فالخاصية لن تبقى كما هي بالرغم أننا غيرنا في قيمة أخرى ولكن يوجد علاقة بينهما. من وجهة نظري طبعا.

[@MohamedAlashmawy-vy6fg]

بيتهيألي عشان ال 200px لكل element ده حيملي ال container الاب و بالتالي ال browser اعتبر أن المبرمج حط واحد في الflex-grow

[@aser7011]

8:19 هههههههه

[@YoussefAlsalahy]

comment

[@knightofglory9718]

meow

[@iraouihamza446]

بارك الله فيك ووفقك الله لما يحبه ويرضاه Web Development Shorthand === Elzero Web school =============== True - True-True================= T-R-U-E for value and type

[@mohamedelagan7498]

[@awabahmed217]

جزاك الله خير

[@mahmoudshendy7476]

جزاك الله خيرا

[@e_souhil]

Thanks