تعلم Flexbox - اسهل طريقة لتعلم ال Flexbox
في هذا الدرس سنتكلم عن بعض المعاني في ال
Flexbox - Flexbox CSS
شرح flex css
css flexbox
بالأضافة سنبدأ العمل مع خصائص ال
parent container :
1- display
2- flex-direction
TIMESTAMPS
00:00 استعراض كود HTML, CSS المستخدم في الكورس
00:15 استعراض وشرح موقع Css Tricks
00:31 FlexBox Parent vs Children
2:17 Parent Properties
2:24 Children Properties
03:20 Describe The CSS Code
04:46 FlexBox Display Propertie
05:48 Flexbox flex-direction
07:10 Flexbox Working with display and flex-dierction (Examples)
Пікірлер: 65
جزاكنم الله كل خير
شكرا جزيلا ز.شرح رائع
@AlDawoode
Жыл бұрын
عفوا بتمنالك التوفيق ❤️
الله ينور ..... تسلم
@AlDawoode
3 ай бұрын
❤️
الله يعطيك العافية
@AlDawoode
4 жыл бұрын
تسلم ❤
Good job bro
@AlDawoode
2 жыл бұрын
Thank you bro ❤
شرح مبسط جدا ماشاء الله اشكرك اخي ♥
@AlDawoode
3 жыл бұрын
❤
شرح ممتاز، شكرا معلم❤
@AlDawoode
3 жыл бұрын
❤😊
شكرا لك شرح ولا اروع استمر
@AlDawoode
4 жыл бұрын
💯💯❤
مبدع
@AlDawoode
3 жыл бұрын
تسلم يارب ❤
شرح مريح و مفهوم شكرا
@AlDawoode
3 жыл бұрын
❤
شرح ولااروع ربي يوفقك ويعزك استاذنا العظيم
@AlDawoode
3 жыл бұрын
❤
شرح واضح وسهل ومفهوم... بورك فيك
@AlDawoode
3 жыл бұрын
❤
شرح وافى شكرا
@AlDawoode
3 жыл бұрын
😊
ممتاز جدا ززز اسلوبك مرتب تماما وواضح .. مشكووور استاذ
@AlDawoode
3 жыл бұрын
شكرا ❤
ربنا يجعله فى ميزان حسناتك اللهم امين
@AlDawoode
2 жыл бұрын
شكرا كتير بتمنالك كل التوفيق ❤
@mozeaelkora
2 жыл бұрын
@@AlDawoode انت من يستحق الشكر ، يا استاذى افادك الله ، الكثيرين يحبون العلم ويحترمون المعلم ، على الرغم من ان زماننا ليس زمان العلماء لكن مازال فى الامة خير فيمن اختصهم الله، نحن لا نستطيع ان نقدم لك الا الدعم البسيط والدعاء بالغيب ، ونسئل الله ان يرزقك الجنة وطول العمر فى رضاه وان يوسع لك فى رزقك وان يسترك فى الدنيا والاخرة ، ويبارك لك فى صحتك ، اللهم امين يارب العالمين
@AlDawoode
2 жыл бұрын
@@mozeaelkora كل الحب يا اخي ❤ دعوة وحدة من شخص ما بعرفوا بالغيب بتسوى عندي اكبر دعم ❤
شكرا🙏☺️☺️☺️
@AlDawoode
3 жыл бұрын
❤
جزاك الله كل خير , احسنت وشرحك ممتع وغير معقد , بسطت لنا الامور جدا ماشاء الله عليك .
@AlDawoode
4 жыл бұрын
يسعد قلبك، والحمدالله اني قدرت فيدك ❤
@ghonaime91
4 жыл бұрын
@@AlDawoode حضرتك أفدت كل اللي شافوا الكورس ياباشا مش انا لوحدي , انا فعلا عاجز عن رد الجميل , وكل اللي اقدر اعمله لك بعد مااشتركت في قناتك اني ادعي لك ربنا يجازيك عننا كل خير ويبارك في عمرك انت والاهل , اللهم امين .
@AlDawoode
4 жыл бұрын
@@ghonaime91 😍
Thank you so much 😊
@AlDawoode
2 жыл бұрын
❤
thanks
@AlDawoode
3 жыл бұрын
❤
الله يعطيك العافية.شرحك جميل وواضح.لكن الي طلب.ياريت تكبر الاكواد حتى نتمكن من رؤيتها.ولك الشكر
@AlDawoode
2 жыл бұрын
شكرا. باذن الله لح زبط الحجم بالفيديوهات المستقبلية ❤️
شرحك جميل استمر بدي اسال شو الفرق بين flexbox. Gridsystem وبالنسبو للبوتستراب بيغني عنهم بالعمل ولا شركات بتطلبمنك تكون عارفهم
@AlDawoode
4 жыл бұрын
الشركات بتطلب منك انك تكون قادر على العمل معي اي شي حتى لو ما بتعرفوا، المهم تكون عندك قدرة التعلم. مافيني اشرحلك ال grid بالكتابة لانو مالح يوصل المعنى. البوتستراب مكتبة جاهزة، فيك تستعملها او فيك تستعمل flexbox او grid الموضوع بيرجعلك او بيرجع للشركة يلي محددة الادوات والمكتبات واللغات يلي لح تستخدم لمشروع معين.
استاذ الميزة box-sizing : border-box شو وظيفتها ؟؟
@AlDawoode
4 жыл бұрын
The box-sizing property allows us to include the padding and border in an element's total width and height يعني بصير ال width لما تحددوا بيتضمن ال border + padding مثال عندي element العرض تبعو انا حددتوا 100 px اذا نفس ال element انا محدد ال padding 1px و ال border 1px لح يصير العرض لل element يساوي 102 px كاملا اذا استخدمت ال box-sizing لح يتم تضمين ال border و ال padding بالعرض لح يصير العرض لل element يساوي 100 px كاملا متل ما انا محددوا اذا ما وصلت الفكرة بتمنى تبحث باليوتيوب عن شرح الخاصية. هي الخاصية هي خاصية css ومالها من ضمن كورس flexbox
@djaballahbadr7829
4 жыл бұрын
@@AlDawoode فهمت عليك استاذ .. شكرااا كثير والله شرحك مبسط ومفهوم وبطريقة جميلة .. بالتوفيق
لو انا عاوز اكون فرنت اند اتعلم HTML CSS JavaScript وايه تانى ؟
@AlDawoode
2 жыл бұрын
HTML CSS JS وبعدين المفروض تختار وحدة من ال js framwork تتعلمها Angular or react or vue.js
ممكن رابط الموقع الي يستخدمه الاستاذ
@AlDawoode
Жыл бұрын
css-tricks.com/snippets/css/a-guide-to-flexbox/
ماهو اسم الموقع من فضلك
@AlDawoode
3 жыл бұрын
css-tricks.com/snippets/css/a-guide-to-flexbox/
@freedomes2341
3 жыл бұрын
جزاك الله خير يا اخي
@AlDawoode
3 жыл бұрын
❤
احنا بنعمل save ازاى
@AlDawoode
3 жыл бұрын
حفظ للكود ؟ Ctrl + S
@moostafaabdelfattah9673
3 жыл бұрын
@@AlDawoode أنا لسه بادىء في تعلم البرمجة لما بكتب مثلا row بدل column بعدها بدوس ايه ده اللى اقصده😅
@AlDawoode
3 жыл бұрын
يعني عم تبدل القيمة row ب Column وبدك تحفظ ؟ Ctrl + s واذا ما ظهرت النتائج بالمتصفح لازم تعمل تحديث للصفحة.
@moostafaabdelfattah9673
3 жыл бұрын
@@AlDawoode تمام تسلم وشرح جميل موفق ان شاء الله💞
سلام عليكم طبقت كل الخوات ومظهرش
@AlDawoode
3 жыл бұрын
شو هو يلي مظهرش 😅 ؟
@EmanAhmed-iu2vk
3 жыл бұрын
@@AlDawoode مظهرش اى كلام لما بحمله على النت
@AlDawoode
3 жыл бұрын
@@EmanAhmed-iu2vk اعذريني انا ما عم افهم عليكي ... ممكن شرح تفصيلي عن المشكلة يلي عم تصير معك ؟