Learn CSS In Arabic 2021 - #30 - Position

[@ahmedm6644]

النقاط التي ناقشها الفيديو: خاصية ال position خاصية ال top. و: 1:09 خاصية ال left. و: 2:31 خاصية ال bottom. و: 2:36 خاصية ال right. و: 4:27

[@abukhaled4197]

كيف مستواك الان؟!

[@mouhamedabbadi1049]

@@abukhaled4197 كيف مستواك انت الآن

[@ahmedeissa96]

@@mouhamedabbadi1049 كيف مستواك انت ايضا 😂

[@fahadmohamed5734]

@@ahmedeissa96 كيف مستواكم جميعاً 💙😂؟!

[@ahmedeissa96]

@@fahadmohamed5734 infinite loop 😂

[@alsayedali5412]

الحمد لله الذي علمنا ما لم نكن نعلم... جزاكم الله خيرا❤😊

[@riyadfacebook]

قبل اي حاجه نعمل لايك وبعدين نبقى نشوف الشروح جزاك الله كل خير 💖

[@TheDno]

💖 دي حرااااام

[@ga1a1_ahmed]

@@TheDno لي

[@al-doori2392]

واخيرا واخيرا فهمت ال positioning الله يوفقك ياربي صارلي فتره جدا كثيره اعاني من فهم absolute و relative و fixed والفرق بالتفضل, الله ينور قلبك وعقلك

[@mohamed.mowafy]

تصدق بالله أول مره أعرف الناس بيدعولك و بيحبوك ليه أحبك الله وزادك من فضله 🤲🏻🌹

[@radiology9745]

اديه كنا نشتغل فيها بال javascript ودلوقتي بكلمة وحدة ، ياااااااه ، أنت بروفيسور الويب باش هندسة ❤️

[@forh7436]

انا عن نفسي قبل ما اشوف الفديو اعمل ليك واتاكد اني مشترك في القناه عشان مستر اسامه بتعاب اوي في الفديوهات الي هو بيعملهنا ولو انت بتعمل كده فجزك الله خيرااا وتحقق حلمك انا شاء الله

[@mennaraafat5693]

كان نفسي افهم ال position اخيرا . شكرا لحضرتك 🥀🥀

[@AmineMohamed-z7o]

7:00الخاصية صارت متجاهلة من قبل غوغل الديف{parent}بيختفي و كذلك العناصر اللي بتاخد position فيه

[@Creative-art77]

شرح اكاديمي موبسيط ماشاء الله عليك .. شكرا لك كثير

[@HichamHicham-tb5un]

ليك قليقل بمقابل الذي تقدمه ربنا يباركلك

[@ahmedelazawy7269]

جزاك الله خيرا يا باشمهندس ، إني أحبك كثيرا وأنت لك فضل كيبير علينا ، أريد التنبيه عن نقطة في الفيديو ، حضرتك قلت أن علشان الابن يتوزع ب absolute لازم الأب يكون ليه position :relative ولكن الصحيح أن الأب ممكن يكون أي حاجة غير static علشان الابن يتوزع بي absolute ، وجزاك الله خيراً

[@ahmedsalahabdullah2317]

والله يا هندسة الواحد مهما اشتغل واكتسب خبرة لابد انه يرجع لفيديوهات حضرتك وكل مرة بنستفيد جزاك الله خيراً وجعله في ميزان حسناتك

[@techtips4019]

العين بالعين و السن بالسن البادينغ أظلم

[@hamzahindawy8265]

jajajajajajajajaja

[@zoronadi2875]

😂😂

[@programmer6010]

😂

[@kazemali592]

Hahahha

[@khateebedia]

عظييييييييم 😂😂😂💙

[@nourousa3794]

الف الف تحية ود وتقدير لكم استاذي الفاضل بارك الله فيك والهمك رشدك وبارك الله لكم في العمر و الأهل و المال ورزقكم من فضله الكثير.

[@GAMMER_DEV]

😍

[@mohamedekwa3777]

ربنا يسترك دنيا واخرة, الشرح قمة السهولة 🌹

[@elyessassi-c1r]

شكرا شرحك دائما كافي و وافي شكرا جزيلا

[@عبدالرحمنحسن-ن2ر]

شخصية محترمه جدا وشرحه ممتاز ما شاء الله ربنا يباركلك❤️

[@abdullaomar8660]

position : sticky شكرا يا بشمهندس استمر

[@KuraKurd96]

جزاك الله خيرا و بارك الله فيك استاذ اسامه اتابعك من زمان و مستفيد من دروسك كثيرا و اول مرة افتهم الــبوزشن بهذا الشكل اسأل الله ان يوفقك في الدنيا والأخرة

[@houssamadjerid]

شكرا لك استاذ اسامة. موضوع البوزيشن ده كان عاملي عقدة و الله, فهمت مواضع معقدة كتير و لكن ده مش عارف ليه عملي عقدة و لكن بعد ما شفت الفيديو مرة و اثنين ة ثلاثة و جربت الحمد لله بقيت دلوقتي اشرح موضوع البوزيشن للناس.

[@aliabukahil]

جزاك الله خيرا احبك في الله

[@muhammedkh6449]

هنا بدأت المتعة بال css انا كنت بدأت امل من الدراسة الله ينور يا بشمهندس

[@abdullahelkolak2884]

شكرا يابشمهندس اسامه الصراحة شرحك وافي ويوصل بسرعة, الحمدلله فهمت الوضعيات بعد مااتفرجت وطبقت بعد الفيديو, كنت مستصعبها قبل والحمدلله الان سهلت علي. يعطيك الصحة والعافيه ويوفقك في حياتك ويجعلها في ميزان حسناتك💖

[@pupaup4573]

شكرا , انقذتني , الله يوفقك افضل استاذ

[@eslamelassal6430]

حل الكويز الخاص بالحلقة div{ text-align: center; width: 400px; height: 130px; padding: 20px; margin: auto; background-color: grey; border-width: 5px; border-style: solid; border-color: red blue; } .top-left{ border-width: 0px 3px 0px 0px; border-style: solid; border-color: red ; width: 25px; height: 25px; text-align: center; background-color: blue; display: inline-block; position:absolute; top: calc(20px / 2); left: calc(( (100% - 400px) / 2) - calc(25px / 2) ); } .bottom-left{ border-width: 0px 3px 0px 0px; border-style: solid; border-color: red ; width: 25px; height: 25px; text-align: center; background-color: blue; display: inline-block; position:absolute; top: calc((130px) + (20px / 4 )); left: calc(( (100% - 400px) / 2) - calc(25px / 2)); } .top-right{ border-width: 0px 0px 0px 3px; border-style: solid; border-color: red ; width: 25px; height: 25px; text-align: center; background-color: blue; display: inline-block; position:absolute; top: calc(20px / 2); right: calc(( (100% - 400px) / 2) - calc(25px / 2) ); } .bottom-right{ border-width: 0px 0px 0px 3px; border-style: solid; border-color: red ; width: 25px; height: 25px; text-align: center; background-color: blue; display: inline-block; position:absolute; top: calc((130px) + (20px / 4 )); right: calc(( (100% - 400px) / 2) - calc(25px / 2)); } Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, sed. Ea ipsum similique quasi rem, fugiat voluptatibus reiciendis nam debitis earum quo veniam laudantium mollitia atque! Laborum ea nam doloribus. 1 2 3 4

[@mohammadhawa337]

الله يجزيك الخير يا باشمهندس

[@belalzedan6472]

الله يقويك

[@Maa3zclghlgg]

Thank you Sir for these helpfull Videos

[@zinout9033]

Position :sticky يبقى sticky في عنصر الأب الذي هو فيه يعني لما تعمل scrool يفضل ثابت في المكان الذي حددتولو ولاكن لما تخرج من عنصر الأب الذي هو فيه راح يختفي ،يعني ميصبحش sticky

[@fatimezzahrabouikraite2741]

جزاك الله ألف خيير، و الله يبارك فيك يا رب

[@ahmedmohsen1873]

تسلم يا بشمهندس اسامة ربنا يكرمك يارب

[@mohamedibr752]

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

[@molaraiche]

♥ استاذنا العظيم

[@salmamousaad]

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

[@Sxheyfnnfnf]

شرح واضح ومفهوم ربي يسعد قلبك يشيخ ♪

[@mohammadhassn8399]

شكرا لك على مجهودك

[@ssikarim]

يا سلام على جمال الشرح. شكرا اسامة.

[@sidi_mohamed3]

شكرًا على المعلومات

[@omarq5195]

عاشت ايدك يبرنس❤️

[@XKhLoodyX]

الدرس جدا جدا جدا رائع بصراحه جاوبت لي عن اشياء من بديت وانا اقول متى ابدا اسويها الحين عرفت الطريقة 😅🌹

[@emanabdelnasser4767]

انا ماكنتش فاهماه ربنا يبارك لك :)

[@kintag4459]

الله يبارك لك في عمرك وأهلك ومالك ويسعدك في دنياك وآخرتك يالغالي

[@bestbester]

ولله أفضل قناة يوتوب يمكن يتابعها أحد********** الله يوفقك ان شاء الله ******** أرجو فقط أن تضع لنا تحديات أكثر

[@تعلمالبرمجةمنالألفإلىمابعداليا]

ما شاء الله عليك معلم بكل معنى الكلمة

[@karimtolba6009]

روعه في الشرح افصل كمان من المحتوى المدفوع ربنا يباركلك

[@zafershoaybi]

بناءً مش على نفسو يعني😂😂😂 انت رهيب يا هندسة

[@alial-shukoor2287]

عذا الدرس حلو بس اتمنى تعمل درس اخر عن float لان ما واضحه بالنسبه الي

[@omarsunbati7780]

حل التكليف الي عليه float واصلا ماهو ايله بيطلع العناصر خارج اطار العمل عشان كده لازم نستخدم clear

[@JomanNoretro]

احسنتم❤

[@Mamdouh-x4l]

ربنا يبارلك فيديو رائع

[@A-Story-in-30-Seconds]

هتشخرم التصميم 😂😂🤣 ... والله فى جملتين وضحتلى الفرق بين البوسيشن و المارجين الى دخت علشان اعرف الفرق مبينهم .. شكرا وجزاك الله كل خير 🥰

[@ahmedmachinerychina]

الله يبارك لك

[@rodwangd2683]

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

[@سميربرغوت-م8ز]

شرح جميل جدا في درس رائع بارك الله فيك

[@Mo-uk8zl]

اقسم بالله عظممممممه

[@nullzero9224]

ملاحظة سريعة بخصوص sticky position sticky position for an element will be relative to its parent يعني اعمل div واعمل بداخله div تاني وحدد ارتفاع div للأب مثلا 600 بيكسل وبعدين اعمل sticky position للإبن وراح تشوف انه الآبن بيكون sticky لحد 600 بيكسل فقط وراح يختفي بعد 600 بيكسل scroll

[@khaledelkady6933]

بارك الله فيك يا بشمهدنس اسمامة , ولكن ارجو من حضرتك يكون فيه بعد كل كمية من الدروس حضرتك تحددها تطبيق عملي علي كل ما سبق شرحه بغرض تثبيت المعلومة لاني كل ما اتقدم قدام في الدروس بحس اني بتلغبط في الي فات وببداء انساه ارجو من حضرتك تبص علي الفكرة بتاعتي حتي لو فيديو صغير سريع يكون فيه كل 20 درس مع بعض < مشروع بسيط> تطبيق عملي وفي نهاية الكورس هيكون فيه كام فيديو تطبيق عملي هيكونوا مرجع لاي حد يقدر يراجع منهم الكورس فيما بعد واسف اني طولت وشكرا .

[@LoayAl-Said-j8p]

تقدر تدخل على الموقع بتاع الزيرو اكاديمي، ،، هتلاقي تكليفات على كل جزء،، كمان في القناة فيه مشاريع،، مش عارف الكلام دا حصل بعد ما تعليقيك اتكتب ولا من زمان لكن على أي حال،، ربنا يوفقك يا رب

[@fancyworld9018]

great jobb

[@fatmabehery9429]

الله يباركلك حقيقي 🌻

[@abdelazizetaib9305]

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

[@alsayedali5412]

الله يباركلك يا سمسم والله انا بقالي فترة بحاول افهم كل انواع البوزيشن fixed static relative absolute ومفهمتاش غير منك... الله يجزيك الجنة

[@soft-Ware-Engineer]

بارك الله فيك و فى علمك

[@husseinmohammad7992]

you the best

[@muhammad_ramadan]

فيديو جميل جميل جميل!

[@zafershoaybi]

جميل جداً يا هندسة❤ أنا فمرة مكنتش عارف الستيكي فعملت الحركة بالجافا سكريبت، وكنت تعلمت منك طبعاً❤❤ جزاك الله خيراً

[@abouslaamaljoma4040]

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

[@tnt4games573]

حلقه ممتازه وياريت مع الوقت تزيد من الامثله على ال pososions وكمان مشاريع صغيره او افكار واحنه نطبقها

[@Mohamed-nt2hf]

position*

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

thank you so much 💕💕💕

[@nouremad2209]

ربنا يكتبلك بكل حرف بتعلمه للناس سعادة وخير في حياتك يا زيرو 🙏

[@malekalganadi1712]

بارك الله فيك جميل جداً

[@toptechegy]

ربنا يوسع عليك

[@ahmedjemalkemal9026]

great mister

[@ahmadbenchakhtir]

شكرا 🤍.

[@MisterMohamed]

الله يطول في عمرك يارب!

[@hsensn4677]

دقيقة 3:25 المفروض انو two تفظل فوق one ، ليه في refresh اتغير الوظع

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

thaanksss

[@listentorenosstory8892]

شرح رائع بجدد

[@AZ_English_21]

جميل جدا أخي الكريم

[@adelkarim2665]

toujours élégant mon frère Oussama

[@magdyhassan2902]

Thank You.

[@wallflower7771]

تسلم والله ماشاء الله عليك

[@hakeem2478]

جزاك الله خيرا ممكن تشرح laravel مع vue

[@ElzeroWebSchool]

نكمل كورس اللارافيل اولا وبعدين نشوف باذن الله

[@mohamedoueslati462]

بارك الله فيك

[@Youssefmohamed11lch]

Thank you

[@elhareeefelhareeef]

level 1 short-link.me/HQsM level 2 short-link.me/FNRx

[@MohamedMostafa-jg1gp]

وعليكم السلام و رحمة الله وبركاته

[@khattafMohammed]

شكرا يا محترف

[@zokaEL_Malty]

عاش ي زيرو

[@AHMEDELDEEB-x6t]

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

[@ahmadziad5599]

لما حليت التكليفات تبعات الشرح و وصلت عند التكليف الثاني عملت المربعات اللي على الزوايا بشكل صحيح على اساس حجم معين بعدين لما غيرت حجم شاشة المتصفح خرب الشكل فإيش في طريقة اخلي اماكن الصناديق متغيرة على حسب حجم الشاشة ؟؟

[@karimemam9507]

همووووت و افهم position

[@seahmadnail]

عظمة جدا جدا جدا

[@ismaelahmed-su3ep]

هتشخرم التصميم😂😂😂😂

[@theshadow4661]

good

[@rufeedamohammed3345]

عمري ماشفت شرح بهذا الضمير

[@Argelino_En_Espana]

يا مهندس انتظر بفارغ صبر كورس flexbox متى ينزل

[@kinanalimam7779]

هو شرحها زمان في الكورس القديم

[@Argelino_En_Espana]

Kinan Alimam بس في داك الوقت لم يكن انتشار استعمالها كانو يعتمدو على floaf بس الان flexbox اصبح يعتمد عليه كثيرا في تصميمات المواقع و خاصتا البوتستراب يعتمد عليه

[@Mohamed-nt2hf]

@@Argelino_En_Espana موجود في الكورس ده بإذن الله

[@سريحانالجهني]

شكرا جزيل

[@mouradlabrousse3177]

merci

[@douhakhalosi6372]

أنا ما فهمت شو الفرق بين fixed و sticky

[@اثيراحمد-د6س]

ايش الفرق بين fixed و sticky؟؟ اتمنى احد يفيدني.

[@altwins222]

fixed هو ان انت بتثبت العنصر في مكانة اماstiky فهو ان العنصر بيتحرك عادي وعند مسافة معينة بيثبت مكانه

[@muhammedsalah4905]

اعتقد ال FIXED مع العناصر الصغيرة افضل بس مفيش فرق بينهم

[@biidokhaled248]

بشمهندس عندي صعوبه في التكليف التاني من الدروس 30 ل 33