دي تقريبا أول مره في حياتي أعمل كومنت لحد على اليوتيوب .. ربنا ينفع بيك الناس ويستخدمك ولا يستبدلك أبد الدهر .. مش متخيله انت طبقت زكاة العلم نشره ازاي .. انت بتدي كل حاجة عندك ودي حاجة كبيره اوي .. ربنا يباركلك ويجعل كل كلمة فيدت الناس بيها شفيعه ليك يارب
7:03:10 من الامور الحلوة الي وجدتها وانا بطبق انو اذا ما كنا نعرف عدد ال rows ممكن نستخدم الكود grid-template-rows: repeat(auto, 1fr); وبارك الله فيك يا بشمهندس اسامة وجعله في ميزان حسناتك❤
بعد اربع سنين شغل في الموبايل، قررت اتعلم فرنت اند ويب، وبداتي كانت هنا، ولسا مخلص الفيديو كاملا الان، في رحلة استغرقت شهرا. جزاك الله خيرا يا مهندس أسامة، وجعل هذا العلم في ميزان حسناتك، وبارك الله في عمرك، وفي اهلك وصحتك.ورزقك الله زرقا واسعا، وعافاك الله في بدنك وسعمعك وبصرك.
دى لغة زى باقى اللغات بس لا تندرج تحت لغات البرمجة اللى هى كودينج وكدة هى تعتبر لغة تصميم وهى اساس التصميم للويب يعنى عشان تبقى front end developer لازم تتأسسى فى html ثم تيجى تتاسسى css هما الاساس بعد كدة ان شاء الله هتبدأى تدخلى فى js دول لازم يبقوا معاكى ف ال css هى اللى بتساعدك فى تصميم وانك تدى شكل جمالى لصفحة الويب اللى بتصمميها وهى مهمة ولا غنى عنها
@@aaamleosk أيوة انتا جامد اوي علفكرة ملاحظتك حلوة🤓😎 وأنا في تالتة أزهر وبمتحن أصلا الأيامدي والدنيا كويسة يعني بس أنا أصلا فدماغي لإما طب اسنان ودا الأصل أو علاج طبيعي اللي فتحت جديد أو بقى اني مروحش كلية وأكمل تعليمي اونلاين ودا حل جنوني 🤣🤣🤣🤣🤣 بس والله أنا نفسي فهندسة أصلا من زمان اوي طول عمري زمان كان نفسي فيها لحد نص تالتة كدة لقيتهم كلهم مش موافقين عليها أصلا وبردو كنت عايزة طب بشري قبلها لأني في الإجازة بقرا كتير اوي عن الأمراض وعلاجها واعراضها حرفيا بموت فكدة بس الطب البشري صعب اوي عليا فدورت كتير فالكل قالي طب الاسنان هيا هندسة على طب بشري بس نا هاخد على جنب كدة شوية برمجة ولغات 😅😂
الحمدلله الذي هدانا لهذا وما كنا لنهتدي .... خلصت الكورس ❤ يارب ساعدني وكن معي في رحلتي القادمه وعلمني بما ينفعني وانفعني بما علمتني وزدني بك علما . شكرا باشمهندس أسامه ❤❤❤❤
التعب كان اكثر من 11 ساعة ، ال11 ساعة كانت للكورس فقط ، بدون حساب للوقت لي سجل فيه الفيديو و التعب و التعديل و كلش و الرفع ، بالاخر ربنا يجازيه و يجعلها بميزان حسناته 🤍🤍🤍 افضل محتوى بالوطن العربي 🤍🤍
اقسم بالله اسطورة في الشرح يااخي جمعت التواضع و الشرح السهل و العمل الجبار و كل شيء نسال الله ان يكرمك و يرزقك من حيث لا تحتسب يااارب شكرا شكرا شكرا ♥♥♥♥♥♥♥♥♥♥♥♥
من 7 سنين شاهدت كورس الـ CSS بتاعك .. واليوم أتممت فيديو الكورس الجديد بفضل الله وكنت مسمتع جدا بالمشاهدة زي من 7 سنين وأكتر .. جزاك الله خير الجزاء ونفع الله بك وجعله في ميزان حسناتك .. أحسنت يا أستاذ أسامة .. وإن شاء الله في تقدم ونجاح مستمر
الحمد لله بفضل لله كنت ذاكرت من فتره html و css ودخلت علي الجافا اسكريبت واتعقدت وسبت المذاكرة فتره ولما المهندس اسامه نزل مسار الفرونت وجمعهم في فيديو واحد وجالي الاشعار اتحمست ورجعت تاني وخلصت ال html من اول وجديد وكل حاجه كانت تقيله عليا بقت سهلة دلوقت وهدخل علي ال css واخلصو بأذن الله يوم الاربعاء القادم 21\9 باذن الله وانا قد التحدي الكومنت بتاريخ 18\9
فكرة تجميع السلاسل في فيديو واحد جميلة جدا واتمنى كل الي بعملوا محتوي علمي يعملوها بتكون اسهل في التحميل وتقسيمتنا للفيديوا بتختلف عن تقسيمة الي بيقدم المحتوى كل الدعم 🤍
text align( where the text is placed ) => center, left , right direction(what direction the text should be typed) =>ktr,rtl text decoration(concerns the line under, on or above the text)=>underline, overline, none(when we want to ommit the line). text transformation(to capitalise the first letter, uppercase the word or lowercase it).
العالم لا يتقبل الفراغ ، وخاصة في البرمجة لها فروعها إحدى الفروع لم تكن شاغرة لأحد ببساطة لأن الإمبراطور أسامة لازال يثبت بصمته و سمفونيته لازالت تعزف الأكواد البرمجية دمت ذخرا لنا وفخر الإسلام والمسلمين لذلك سنشاهد هذا كما شاهدنا html في الجلسة واحدة ، كل الطمع حلال خاصة في التعليم والعلم ، ونحن نطمع لمرة ثالثة كورس جافا سكريبت في الجلسة واحدة دمت سندا لنا ، أسامة بالتوفيق
الحمدلله بعد مجهود كبييير و تطبيق كتيير بفضل الله خلصت الكورس دا 25/6/2024 ولسا مستمر ان شاء الله في التطبيقات و بعدها JavaScript مع البشمهندس اكيد و الكلام حقيقي يعجز عن وصف جمال الكورس ويعجز عن شكر البشمهندس اسامه جزاك الله كل خير بجد وربنا ينفع بيك و بعلمك الناس دايما ويكرمك بجد و ربنا يباركلك في حياتك ان شاء الله و يجعل كل معلومه وكل كلمه مفيده للناس في ميزان حسناتك يارب ❤❤❤❤❤❤❤
مش عارف والله ان لسا في اشخاص مثلك يقوم بهذا العمل الجبار من اجل مساعده الراغبين في التعلم لضمان عمل في المستقبل و اسال الله ان يجعل كل هذا الجهد في ميزان حسناتك
اذا واجه اي حد منك مشكله في ربط ملف الhtml مع ملف cssعشان لما يكتب كود css ويعمل run يتطبق الي كتب في css علي كود الhtml يكتب الكود ده داخل ال head : اسم الفولدر بتاعك + / + اسم الملف بتاعتك =link rel="stylesheet" href="/"> وجزاك الله خيرا يا استاذ اسامه علي هذا المجهود الجبار 🤍🤍🤍🤍🤍🤍
أفضل استاد استفدت منه في حياتي ♥ كنت بدأت اتعلم في 2020 من الكورس القديم تعلمت html css javascript لكن بسبب ضروف ماديةة ودراسة بحكم سني هه(كان سني 14 ستة)😅😅 توقفت وحاليا لقد عدت ونسيت كل شيء لكني سأعيد مراجعة الدروس حتى يصبح مستواي أفضل من قبل...
بجد حضرتك كنز كبير ياريت حضرتك تشرح جافا سكريبت فى فديو مجمع انا عندى 9سنين وبدرس برمجة من وانا 7سنين وبتابع حضرتك من فترة قصيرة شرح حضرتك مبسط وجميل جدا جزاك الله خير تلميذك بدر
في لغة CSS، الوحدات "vmin" و"vh" تُستخدمان لتعريف الأبعاد في صفحات الويب. "vh" تعني "View Height"، وتمثل نسبة مئوية من ارتفاع الشاشة. على سبيل المثال، قيمة 50vh تعني 50% من ارتفاع الشاشة. "vmin" يمثل قيمة تمثل الحد الأدنى من العرض أو الارتفاع. إذا كان عرض الشاشة أكبر من ارتفاعها، فإن قيمة vmin تعتمد على الارتفاع، وإذا كان الارتفاع أكبر، فإنها تعتمد على العرض. باستخدام هاتين الوحدتين، يُمكنك ضبط الأبعاد في صفحات الويب بطريقة تستجيب بشكل جيد لمختلف أحجام الشاشات.
![[Arabic] HTML And CSS Design 1 In 2022 in One Video](http://i.ytimg.com/vi/_-eh8cwGGwg/mqdefault.jpg)
![[Arabic] HTML And CSS Design 1 In 2022 in One Video](/img/tr.png)
![[Arabic] Learn JavaScript In One Video - Part One](http://i.ytimg.com/vi/gIGGhFlGgLI/mqdefault.jpg)
بصوت الزيرو🤗 "بسم الله الرحمن الرحيم...". 00:00 #01 - Introduction And What I Need To Learn.
08:05 #02 - Your First Project And Syntax.
16:31 #03 - Element Styling.
22:26 #04 - Name Conventions And Rules.
30:14 #05 - Background - Color, Image, Repeat.
37:56 #06 - Background - Attachment, Position, Size.
45:52 #07 - Padding.
54:39 #08 - Margin.
01:02:40 #09 - Border.
01:08:23 #10 - Outline.
01:14:48 #11 - Display - Block, Inline Block, Inline.
01:26:25 #12 - Element Visibility And Use Cases.
01:31:19 #13 - Grouping Multiple Selectors.
01:37:02 #14 - Nesting.
01:42:07 #15 - Dimensions - Width And Height.
01:50:06 #16 - Overflow - Overflow-X And Overflow-Y.
01:54:44 #17 - Text - Color And Shadow.
01:58:24 #18 - Text - Alignment.
02:02:54 #19 - Text - Decoration And Transform.
02:06:44 #20 - Text - Spacing.
02:16:35 #21 - Text - Overflow And Use Cases.
02:20:21 #22 - Inheritance.
02:25:42 #23 - Typography - Font Family.
02:36:14 #24 - Typography - Font Size And CSS Units.
02:45:14 #25 - Typography - Font Style And Variant And Weight.
02:49:45 #26 - Mouse Cursor.
02:53:46 #27 - Float And Clear.
03:02:34 #28 - Mastering The CSS Calculation.
03:11:12 #29 - Opacity.
03:13:59 #30 - Position.
03:24:52 #31 - Z-Index.
03:31:28 #32 - Lists Styling.
03:38:28 #33 - Table Styling.
03:45:47 #34 - Pseudo Classes.
03:57:00 #35 - Pseudo Elements - First Letter, First Line, Selection.
04:03:35 #36 - Pseudo Elements - Before, After, Content.
04:14:28 #37 - Pseudo Elements - Content And Trainings.
04:23:32 #38 - Vendor Prefixes.
04:32:27 #39 - Border Radius.
04:38:24 #40 - Box Shadow And Examples.
04:45:24 #41 - The Box Model And Box Sizing.
04:52:28 #42 - Transition.
05:05:44 #43 - !Important Declaration And Use Cases.
05:10:53 #44 - The Margin Collapse.
05:18:28 #45 - CSS Variables And Trainings.
05:26:47 #46 - Flex Box Parent - Direction, Wrap, Flow.
05:35:55 #47 - Flex Box Parent - Justify Content.
05:46:17 #48 - Flex Box Parent - Align Items.
05:50:59 #49 - Flex Box Parent - Align Content.
05:56:18 #50 - Flex Box Child - Grow, Shrink, Order.
06:02:59 #51 - Flex Box Child - Flex Basis, Flex Shorthand.
06:11:39 #52 - Flex Box Child - Align Self, Games, Task.
06:14:47 #53 - Finish Flex Froggy Game.
06:26:05 #54 - Filters.
06:29:46 #55 - Gradients.
06:41:54 #56 - Pointer Events And Caret Color.
06:46:19 #57 - Grid - Parent - Template Columns.
06:57:38 #58 - Grid - Parent - Template Rows And Gap.
07:05:15 #59 - Grid - Parent - Justify Content And Align Content.
07:09:39 #60 - Grid - Parent - Complete Layout With Template Areas.
07:21:16 #61 - Grid - Child - Grid Column And Grid Row.
07:28:26 #62 - Grid - Child - Grid Area And Trainings.
07:34:47 #63 - Grid - Min, Max And Auto Fill.
07:42:20 #64 - Finish The Grid Garden Game.
07:59:50 #65 - 2D Transform - Scale.
08:04:30 #66 - 2D Transform - Rotate.
08:11:26 #67 - 2D Transform - Translate.
08:16:27 #68 - 2D Transform - Skew.
08:21:13 #69 - 2D Transform - Matrix.
08:28:15 #70 - Transform - Origin.
08:36:29 #71 - 3D Transform - Rotate.
08:42:26 #72 - 3D Transform - Translate, Perspective, Perspective Origin.
08:46:59 #73 - 3D Transform - Backface Visibility And Flip Product.
الاسبوع الثامن والاخير حسب خطة الزيرو علي الموقع..
08:56:01 #74 - Animation - KeyFrames, Name, Duration.
09:02:42 #75 - Animation - Iteration Count, Timing Function, Spinner Loading.
09:06:55 #76 - Animation - Direction, Fill Mode, Play State, Delay.
09:17:44 #77 - Up And Down Loading Animation Training.
09:23:31 #78 - CSS Selectors Reference Part 1.
09:32:45 #79 - CSS Selectors Reference Part 2.
09:41:47 #80 - CSS Selectors Reference Part 3.
09:51:45 #81 - CSS Selectors Reference Part 4.
10:00:44 #82 - CSS Selectors Reference Part 5.
10:08:21 #83 - Media Queries And Responsive Designs Intro.
10:17:06 #84 - Media Queries And Responsive Designs Standards.
10:28:23 #85 - Media Queries And Responsive Designs Practice.
10:39:52 #86 - Create Your Framework.
10:49:37 #87 - CSS Global Values.
11:00:05 #88 - The End.
سبحان الله وبحمده .. سبحان الله العظيم.
جزاك الله خيرا
جزاك الله خير 😀
Thanks😁
حاول تعدل الكومنت لانه مش باين ان فيه الوقت وناس كتيرهتستفاد
انا لفت انتباههي المقدمو بس
بس مكنتش اعرف انه فيه الوقت
@@mohameddarwesh3564 شكرا ليك يا محمد علي الملاحظة دي, كنت لازم اعمل حسابي لكدا بما اانني متعلم ال "Media Queries And Responsive Designs" 😅😁
انا شفت دروس 2014 و لكن كورس 2021 عالم اخر مجهود جبار محترف و اكاديمي جزاك الله خيرا
بفضل الله
دي تقريبا أول مره في حياتي أعمل كومنت لحد على اليوتيوب .. ربنا ينفع بيك الناس ويستخدمك ولا يستبدلك أبد الدهر .. مش متخيله انت طبقت زكاة العلم نشره ازاي .. انت بتدي كل حاجة عندك ودي حاجة كبيره اوي .. ربنا يباركلك ويجعل كل كلمة فيدت الناس بيها شفيعه ليك يارب
7:03:10 من الامور الحلوة الي وجدتها وانا بطبق انو اذا ما كنا نعرف عدد ال rows ممكن نستخدم الكود
grid-template-rows: repeat(auto, 1fr);
وبارك الله فيك يا بشمهندس اسامة وجعله في ميزان حسناتك❤
بعد اربع سنين شغل في الموبايل، قررت اتعلم فرنت اند ويب، وبداتي كانت هنا، ولسا مخلص الفيديو كاملا الان، في رحلة استغرقت شهرا.
جزاك الله خيرا يا مهندس أسامة، وجعل هذا العلم في ميزان حسناتك، وبارك الله في عمرك، وفي اهلك وصحتك.ورزقك الله زرقا واسعا، وعافاك الله في بدنك وسعمعك وبصرك.
ممكن أسئل يعني اي css اللي هو عمال بيتكلم عليها دي علشان أنا مش فاهمه حاجه صراحة
دى لغة زى باقى اللغات بس لا تندرج تحت لغات البرمجة اللى هى كودينج وكدة هى تعتبر لغة تصميم وهى اساس التصميم للويب يعنى عشان تبقى front end developer لازم تتأسسى فى html ثم تيجى تتاسسى css هما الاساس بعد كدة ان شاء الله هتبدأى تدخلى فى js دول لازم يبقوا معاكى ف ال css هى اللى بتساعدك فى تصميم وانك تدى شكل جمالى لصفحة الويب اللى بتصمميها وهى مهمة ولا غنى عنها
@@Eng_asmaa_22_9_24 اكيد انتي ثانويه عامه وغالبا سنه تانيه وعايزه تتدخلي حاسبات ومعلومات وحب استطلاع علي العموم دي لغات برمجه 😂لو حبيتي تتعلمي هتعرفيهم
@@aaamleosk أيوة انتا جامد اوي علفكرة ملاحظتك حلوة🤓😎
وأنا في تالتة أزهر وبمتحن أصلا الأيامدي
والدنيا كويسة يعني
بس أنا أصلا فدماغي لإما طب اسنان ودا الأصل أو علاج طبيعي
اللي فتحت جديد
أو بقى اني مروحش كلية وأكمل تعليمي اونلاين ودا حل جنوني 🤣🤣🤣🤣🤣
بس والله أنا نفسي فهندسة أصلا من زمان اوي طول عمري زمان كان نفسي فيها لحد نص تالتة كدة لقيتهم كلهم مش موافقين عليها أصلا وبردو كنت عايزة طب بشري قبلها لأني في الإجازة بقرا كتير اوي عن الأمراض وعلاجها واعراضها حرفيا بموت فكدة
بس الطب البشري صعب اوي عليا
فدورت كتير فالكل قالي طب الاسنان هيا هندسة على طب بشري
بس نا هاخد على جنب كدة شوية برمجة ولغات 😅😂
@@Eng_asmaa_22_9_24 اي كميه الحاجات اللي عيزاها دي دنا بمتحن في تالته اهو بس عام مش ازهر ومبفكرش في حاجه غير اخلص 😂😂
Thank you for all that you do. Your hard work doesn't go unnoticed. You're appreciated teacher, we love you 💙
السلام عليكم انا اواجه صعوبة في فهم بعض مواضيع الcss واواجه لبس اي نصائح لدراسة صحيحة لها لتحقيق استفادة اي طريقة لفهمها بطريقة جيده
@@ahmadmohammad6948
الكومنت اللي انت رديت عليه ده مش للزيرو, ده حاطط صورته بس
جرب تكتب الكومنت برا في التعليقات عادي وإن شاء الله الزيرو هيرد عليك
*My Journey :*
6/7 Day #1 => 1:14:48
7/7 Day #2 => 1:42:06
8/7 Day #3 => REST
9/7 Day #4 => 2:06:45
10/7 Day #5 => 2:36:15
11/7 Day #6 => تسويف😴😴
12/7 Day #7 => 03:13:59
13/7 Day #8 => 3:57:02
14/7 Day #9 => REST
15/7 Day #10 => 4:38:25
16/7 Day #11 => 5:05:47
17/7 Day #12 => 5:56:18
18/7 Day #13 => 6:46:19
19/7 Day #14 => REST
20/7 Day #15 => تسويف😴😴
21/7 Day #16 => 7:34:50
22/7 Day #17 => 08:42:26
23/7 Day #18 => تسويف😴😴
24/7 Day #19 => 9:41:50
25/7 Day #20 => 11:06:45
*خلصت والحمد لله وشكرا لا متناهي لحبيبنا الزيرو الله يوفقك ويرزقك يا رب♥*
اين ذهبت همتك
@@amrbkr6378 لم تذهب بعد، فقط إستراحة محارب 😁
We all with you soldier🙏🙏
@@abdlla138 ♥♥
بادئ معاك علفكرة وواقف تقريبا معاك
جزاك الله خيراََ وزادك علماََ وعملاََ ونفع بكم وتقبل منكم وجعله خالصا لوجه الكريم 🙏❤
this is true(🤲)
0:33
الله يرزقك ❤
ربي يعوضك أضعاف مضاعفة
8:08 //your first project and syntax
16:34 //Element Styling
22:28 //Name Conventions And Rules
30:17 //Background - Color, Image, Repeat
37:58 //Background - Attachment, Position, Size
45:53 // Padding
54:41 //Margin
1:02:41 //Border
1:08:24 //Outline
1:14:51 //Display - Block, Inline Block, Inline
1:26:28 //Element Visibility And Use Cases
1:31:20 //Grouping Multiple Selectors
1:37:03 //Nesting
1:42:08 //Dimensions - Width And Height
1:50:09 //Overflow - Overflow-X And Overflow-Y
1:54:45//Text - Color And Shadow
1:58:25 //Text - Alignment
2:02:56 //Text - Decoration And Transform
2:06:45 // Text - Spacing
2:16:37 //Text - Overflow And Use Cases
2:20:22 // Inheritance
2:25:43 //Typography - Font Family
2:36:14 //Typography - Font Size And CSS Units
2:45:13 //Typography - Font Style And Variant And Weight
2:49:44 //Mouse Cursor
2:53:45 // Float And Clear
3:02:33 //Mastering The CSS Calculation
3:11:13 //Opacity
3:14:00 //Position
3:24:52 //Z-Index
3:31:28 //Lists Styling
3:38:28 //Table Styling
بارك الله فيك
@@rabiekhalifa1103 امين
❤❤❤
الحمدلله الذي هدانا لهذا وما كنا لنهتدي ....
خلصت الكورس ❤
يارب ساعدني وكن معي في رحلتي القادمه وعلمني بما ينفعني وانفعني بما علمتني وزدني بك علما .
شكرا باشمهندس أسامه ❤❤❤❤
مشاء الله تبارك الله كورس عضييييييم
ربنا يفرحك وينجيك جزاك الله كل خير بسببك جعلت الالاف الناس تتعلم
ربنا يجعلك ووالديك من اهل الجنة ان شاء الله
ربنا يباركلك ويكرمك وجزاك الله كل خير انا بقالي سنه بشتغل اونلاين بفضل ربنا ثم فيديوهاتك❤️
تخصصك ايه؟؟؟
ماشاء الله ١١ ساعة من الشرح والتعب جزاك الله كل خير على ما تقدمه لنا من إفادات ❤️❤️
واكثر لانه ملخص الفيديوهات ربنا يجازيه خير❤️❤️
التعب كان اكثر من 11 ساعة ،
ال11 ساعة كانت للكورس فقط ، بدون حساب للوقت لي سجل فيه الفيديو و التعب و التعديل و كلش و الرفع ،
بالاخر ربنا يجازيه و يجعلها بميزان حسناته 🤍🤍🤍 افضل محتوى بالوطن العربي 🤍🤍
@@riyadhzebbiche979 كنت هكتب نفس الكلام.. بجد جزاه الله خيرا
هل الفيديو شامل؟
@@riyadhzebbiche979 هل هو شامل؟
يا حي يا قيوم برحمتك أستغيث أصلح لي شأني كله ❤❤
اقسم بالله اسطورة في الشرح يااخي جمعت التواضع و الشرح السهل و العمل الجبار و كل شيء نسال الله ان يكرمك و يرزقك من حيث لا تحتسب يااارب شكرا شكرا شكرا ♥♥♥♥♥♥♥♥♥♥♥♥
روح ياشيخ ربنا يبارك لك ربنا يجعل لك فى كل خطوة سلامة ويفتح لك فتوح العارفين
بصوت الزيرو🤗 "بسم الله الرحمن الرحيم...". 00:00 #01 - Introduction And What I Need To Learn.
08:05 #02 - Your First Project And Syntax.
16:31 #03 - Element Styling.
22:26 #04 - Name Conventions And Rules.
30:14 #05 - Background - Color, Image, Repeat.
37:56 #06 - Background - Attachment, Position, Size.
45:52 #07 - Padding.
54:39 #08 - Margin.
01:02:40 #09 - Border.
01:08:23 #10 - Outline.
01:14:48 #11 - Display - Block, Inline Block, Inline.
01:26:25 #12 - Element Visibility And Use Cases.
01:31:19 #13 - Grouping Multiple Selectors.
01:37:02 #14 - Nesting.
01:42:07 #15 - Dimensions - Width And Height.
01:50:06 #16 - Overflow - Overflow-X And Overflow-Y.
01:54:44 #17 - Text - Color And Shadow.
01:58:24 #18 - Text - Alignment.
02:02:54 #19 - Text - Decoration And Transform.
02:06:44 #20 - Text - Spacing.
02:16:35 #21 - Text - Overflow And Use Cases.
02:20:21 #22 - Inheritance.
02:25:42 #23 - Typography - Font Family.
02:36:14 #24 - Typography - Font Size And CSS Units.
02:45:14 #25 - Typography - Font Style And Variant And Weight.
02:49:45 #26 - Mouse Cursor.
02:53:46 #27 - Float And Clear.
03:02:34 #28 - Mastering The CSS Calculation.
03:11:12 #29 - Opacity.
03:13:59 #30 - Position.
03:24:52 #31 - Z-Index.
03:31:28 #32 - Lists Styling.
03:38:28 #33 - Table Styling.
03:45:47 #34 - Pseudo Classes.
03:57:00 #35 - Pseudo Elements - First Letter, First Line, Selection.
04:03:35 #36 - Pseudo Elements - Before, After, Content.
04:14:28 #37 - Pseudo Elements - Content And Trainings.
04:23:32 #38 - Vendor Prefixes.
04:32:27 #39 - Border Radius.
04:38:24 #40 - Box Shadow And Examples.
04:45:24 #41 - The Box Model And Box Sizing.
04:52:28 #42 - Transition.
05:05:44 #43 - !Important Declaration And Use Cases.
05:10:53 #44 - The Margin Collapse.
05:18:28 #45 - CSS Variables And Trainings.
05:26:47 #46 - Flex Box Parent - Direction, Wrap, Flow.
05:35:55 #47 - Flex Box Parent - Justify Content.
05:46:17 #48 - Flex Box Parent - Align Items.
05:50:59 #49 - Flex Box Parent - Align Content.
05:56:18 #50 - Flex Box Child - Grow, Shrink, Order.
06:02:59 #51 - Flex Box Child - Flex Basis, Flex Shorthand.
06:11:39 #52 - Flex Box Child - Align Self, Games, Task.
06:14:47 #53 - Finish Flex Froggy Game.
06:26:05 #54 - Filters.
06:29:46 #55 - Gradients.
06:41:54 #56 - Pointer Events And Caret Color.
06:46:19 #57 - Grid - Parent - Template Columns.
06:57:38 #58 - Grid - Parent - Template Rows And Gap.
07:05:15 #59 - Grid - Parent - Justify Content And Align Content.
07:09:39 #60 - Grid - Parent - Complete Layout With Template Areas.
07:21:16 #61 - Grid - Child - Grid Column And Grid Row.
07:28:26 #62 - Grid - Child - Grid Area And Trainings.
07:34:47 #63 - Grid - Min, Max And Auto Fill.
07:42:20 #64 - Finish The Grid Garden Game.
07:59:50 #65 - 2D Transform - Scale.
08:04:30 #66 - 2D Transform - Rotate.
08:11:26 #67 - 2D Transform - Translate.
08:16:27 #68 - 2D Transform - Skew.
08:21:13 #69 - 2D Transform - Matrix.
08:28:15 #70 - Transform - Origin.
08:36:29 #71 - 3D Transform - Rotate.
08:42:26 #72 - 3D Transform - Translate, Perspective, Perspective Origin.
08:46:59 #73 - 3D Transform - Backface Visibility And Flip Product.
الاسبوع الثامن والاخير حسب خطة الزيرو علي الموقع..
08:56:01 #74 - Animation - KeyFrames, Name, Duration.
09:02:42 #75 - Animation - Iteration Count, Timing Function, Spinner Loading.
09:06:55 #76 - Animation - Direction, Fill Mode, Play State, Delay.
09:17:44 #77 - Up And Down Loading Animation Training.
09:23:31 #78 - CSS Selectors Reference Part 1.
09:32:45 #79 - CSS Selectors Reference Part 2.
09:41:47 #80 - CSS Selectors Reference Part 3.
09:51:45 #81 - CSS Selectors Reference Part 4.
10:00:44 #82 - CSS Selectors Reference Part 5.
10:08:21 #83 - Media Queries And Responsive Designs Intro.
10:17:06 #84 - Media Queries And Responsive Designs Standards.
10:28:23 #85 - Media Queries And Responsive Designs Practice.
10:39:52 #86 - Create Your Framework.
10:49:37 #87 - CSS Global Values.
11:00:05 #88 - The End.
سبحان الله وبحمده .. سبحان الله العظيم.
استفدت جدا من الكورس والله وربنا يجعله في ميزان حسناتك🖤
والله يمهندس ربنا يجزاك الف خير بتعمل دا كله بدون متاخد مليم ربنا يوسع عليك رزقك ويكرمك ويوفقك ويفرحك ب اولادك يهندسه
ما شاء الله بارك الله فيك ورزقك وحفظك ويسر امرك وريح بالك وجزاك وايانا الفردوس الاعلى ❤️❤️
انت فخر للعرب
الله ينور عليك ويجازيك خير ❤️
جزاك الله خيرا أنا خلصت الكورس كامل شكراً ليك جدا ❤❤❤
من 7 سنين شاهدت كورس الـ CSS بتاعك .. واليوم أتممت فيديو الكورس الجديد بفضل الله وكنت مسمتع جدا بالمشاهدة زي من 7 سنين وأكتر .. جزاك الله خير الجزاء ونفع الله بك وجعله في ميزان حسناتك .. أحسنت يا أستاذ أسامة .. وإن شاء الله في تقدم ونجاح مستمر
تسلم يارب حبيبي ❤️❤️
الحمد لله بفضل لله كنت ذاكرت من فتره html و css ودخلت علي الجافا اسكريبت واتعقدت وسبت المذاكرة فتره ولما المهندس اسامه نزل مسار الفرونت وجمعهم في فيديو واحد وجالي الاشعار اتحمست ورجعت تاني وخلصت ال html من اول وجديد وكل حاجه كانت تقيله عليا بقت سهلة دلوقت وهدخل علي ال css واخلصو بأذن الله يوم الاربعاء القادم 21\9 باذن الله وانا قد التحدي الكومنت بتاريخ 18\9
انت صرت فين بالبرمجة؟
جزاك الله خيرا وجزاك عنا وبارك الله فيك ❤
رائع جدا ومجهود خرافى ..فيه اضافة لو اتعملت تسهل كتير وهى time frame index كل مقطع لدرس ما ياخد لينك ..يبقى تحفة وتسهل كتير
الحمدالله خلصت الكورس و بشكر حضرتك جدا علي مجهود اللي حضرتك عملته في الكورس
فكرة تجميع السلاسل في فيديو واحد جميلة جدا واتمنى كل الي بعملوا محتوي علمي يعملوها
بتكون اسهل في التحميل وتقسيمتنا للفيديوا بتختلف عن تقسيمة الي بيقدم المحتوى
كل الدعم 🤍
الحمدلله خلصنا css خلال ١٤ يوم
بس والله مشاء الله تبارك الله معلومات جدا جد ثمينه وشرح جدا حلو
js ايه اخبارها
احسن قناه اشكرك بجد بتشرح احسن من دكاتره الجامعه ولو تجمع كل الكورسات مثل هذا بيكون حلو تحيه لك من اليمن
🙂
text align( where the text is placed ) => center, left , right
direction(what direction the text should be typed) =>ktr,rtl
text decoration(concerns the line under, on or above the text)=>underline, overline, none(when we want to ommit the line).
text transformation(to capitalise the first letter, uppercase the word or lowercase it).
😑
اللهم صل وسلم على سيدنا محمد وعلى آله وصحبه وسلم تسليما كثيرا طيبا مباركا فيه ❤️
الحمد لله اتممت الكورس بضل الله و شكرا جدا يا باشمهندس اسامة و ربنا يجله فى ميزان حسناتك
كل الشكر لحضرتك على إضافة فيديو مجمع لجميع دروس ال CSS3
العالم لا يتقبل الفراغ ، وخاصة في البرمجة لها فروعها إحدى الفروع لم تكن شاغرة لأحد ببساطة لأن الإمبراطور أسامة لازال يثبت بصمته و سمفونيته لازالت تعزف الأكواد البرمجية
دمت ذخرا لنا وفخر الإسلام والمسلمين لذلك سنشاهد هذا كما شاهدنا html في الجلسة واحدة ،
كل الطمع حلال خاصة في التعليم والعلم ، ونحن نطمع لمرة ثالثة كورس جافا سكريبت في الجلسة واحدة
دمت سندا لنا ، أسامة
بالتوفيق
في الطريق عنيا
الحمدلله بعد مجهود كبييير و تطبيق كتيير بفضل الله خلصت الكورس دا 25/6/2024
ولسا مستمر ان شاء الله في التطبيقات و بعدها JavaScript مع البشمهندس اكيد
و الكلام حقيقي يعجز عن وصف جمال الكورس ويعجز عن شكر البشمهندس اسامه
جزاك الله كل خير بجد وربنا ينفع بيك و بعلمك الناس دايما ويكرمك بجد
و ربنا يباركلك في حياتك ان شاء الله و يجعل كل معلومه وكل كلمه مفيده للناس في ميزان حسناتك يارب ❤❤❤❤❤❤❤
مش هقدر اشكرك كفاية بصراحة فربنا يجزيك عنا الجنة يارب
والله ألف تحية ليك يا أفضل أستاذ في العالم اشكرك جزيل الشكر
🧑💻
جزاك الله خيرا، ربنا يجعل هذا العمل في ميزان حسناتك ❤❤
جزاك الله خيرا
ربي يجعله في ميزان حسناتك
مشاء الله تبارك الرحمن ❤ أخوك من الجزائر استفدنا منك🎉🎉
والله بجد انا مش عارف أزاي أشكرك بمعنى الكلمة يا أستاذ اسامة
السلام عليكم الله يجزيك عنا و عنك كل خير الان خلصت ال كورس كامل الحمدالله اتعلمت اشياء كتيييرة
الله يكتبلك الاجر ان شاء الله و يعطيك الف خير❤❤❤❤
جزاك الله خيراََ وزادك علماََ وعملاََ ونفع بكم وتقبل منكم وجعله خالصا لوجه الكريم
والله كورس رائع جدا شكرا لك من اعماق قلبي على جهودك المبذولة😘😘
مش عارف والله ان لسا في اشخاص مثلك يقوم بهذا العمل الجبار من اجل مساعده الراغبين في التعلم لضمان عمل في المستقبل و اسال الله ان يجعل كل هذا الجهد في ميزان حسناتك
اذا واجه اي حد منك مشكله في ربط ملف الhtml مع ملف cssعشان لما يكتب كود css ويعمل run يتطبق الي كتب في css علي كود الhtml يكتب الكود ده داخل ال head :
اسم الفولدر بتاعك + / + اسم الملف بتاعتك =link rel="stylesheet" href="/">
وجزاك الله خيرا يا استاذ اسامه علي هذا المجهود الجبار
🤍🤍🤍🤍🤍🤍
الله يجعل مجهودك ف ميزان حسناتك
أفضل استاد استفدت منه في حياتي ♥
كنت بدأت اتعلم في 2020 من الكورس القديم تعلمت html css javascript لكن بسبب ضروف ماديةة ودراسة بحكم سني هه(كان سني 14 ستة)😅😅 توقفت وحاليا لقد عدت ونسيت كل شيء لكني سأعيد مراجعة الدروس حتى يصبح مستواي أفضل من قبل...
يسعد دينك يا بشمهندس اسامة ويسعد دين مصر , كلنا بنحبك من فلسطين
موضوع الثقة بنفسك عنجد انسان ما طبيعي الله يعطيك الف عافية
6:11:22
بص ...اهو 😂😂
روح برده الله يوفقك ويوفقنا دنيا وآخرة
جزاك الله خير الجزاء ورفع قدرك في الدارين ❤❤❤❤❤❤
ربي يباركلك في حياتك وعملك على ما تقدمه لنا من فائدة ويجزيك خير الجزاء يا أستاذنا الفاضل 🌹🌹🌹
الافضل ف المحتوى العربى بجد ما شاء الله عليك
جزاك الله خيرا يا هندسه ودايما فى تقدم ان شاء الله
بسم الله اللهم علمنا ما ينفعنا وانفعنا بما علمتنا وزدنا بك علما اللهم امين
اللهم صل على محمد وال محمد الطيبين الطاهرين
ربنا يبارك فيك و يبارك لك بحق هذه الايام الكريمه
أفضل أستاذ بالعالم والله!!🤍🤍🤍🤍
باشا انتا ربنا يخليك لينا والله ويباركلنا فعمرك يارب ويخليك لينا يارب ❤️
جزاك الله خيرا اللهم وفقنا للعمل بهاده المعرفة
جزاك الله خير أستاذ الله يزيدك من نعمته يااااارب لحد ما يرضيك
جزاك الله كل خير يا بشمهندس
انت والهدف بتاعك على راسنا
والله انك مثل العسل يا اسامه البطل انت خير عون وربي يوفقك
شكرا ليك يا بشمهندس اسامه ❤❤❤
ماشاء الله بجد مش عارفين نشكر حضرتك ازاى ع المجهود العظيم دا كله بجد ,,, انت فعلا فخر العرب وفخر لكل شاب عاوز يحقق حلمه وخير قدوه 😍😍❤❤
مش عارف اشكرك علي مجهودك وتعبك معانا واللة يباش مهندس كورساتك لا تقدر بثمن اه والله
والله العظيم يا بشمندس انت شرحك ممتاز وافشاتك زى العسل بتخرج الواحد من ال mode 🥰
mood*
ماشالله ،، شكراً جزيلا استاذ بس ياريت لو ال JavaScript كمان لو سمحت
يا أخي بارك الله فيك و رزقك الجنة
ربنا يكرمك بجد يا افضل انستراكتور بالوطن العربي
بجد حضرتك كنز كبير ياريت حضرتك تشرح جافا سكريبت فى فديو مجمع انا عندى 9سنين وبدرس برمجة من وانا 7سنين وبتابع حضرتك من فترة قصيرة شرح حضرتك مبسط وجميل جدا جزاك الله خير تلميذك بدر
هو شارح javascript فعلا.. شوف الكورس بتاعه على اليوتيوب أو في الموقع بتاعه
صلي الله علي محمد صلي الله عليه و سلم
محتاجين يا هندسة الفديو الفرق بين البيكسل الخاص ب Css البيسكسل بتاع الشاشات
ومشكور عالمحتوى الخرافى
جزاك الله كل خير
ممكن أسئل يعني اي css اللي هو عمال بيتكلم عليها دي علشان أنا مش فاهمه حاجه صراحة
@@Eng_asmaa_22_9_24 دي لغه هيكليه لبناء المواقع يعني ليها علاقه بالبرمجه
تسلم ايدك يا بشمهندس ربنا يكرمك ويبارك لك يارب
جزاك الله خيرا بشمهندس اسامة كورس جميل جدا واستفدت كتير وباذن الله هبدأ التطبيقات العملية
تم بحمد الله الانتهاء من كورس HTML ,CSS عقبال الباقى
الله أكبر عليييك ربنا يتقبل منك و يكرمك يا رب و يفرحك ❤❤❤❤🙏🏼🌸
شكرا ليك استاذ زيرو بجد انت غيرت حياتي انا شاكر ليك
في لغة CSS، الوحدات "vmin" و"vh" تُستخدمان لتعريف الأبعاد في صفحات الويب.
"vh" تعني "View Height"، وتمثل نسبة مئوية من ارتفاع الشاشة. على سبيل المثال، قيمة 50vh تعني 50% من ارتفاع الشاشة.
"vmin" يمثل قيمة تمثل الحد الأدنى من العرض أو الارتفاع. إذا كان عرض الشاشة أكبر من ارتفاعها، فإن قيمة vmin تعتمد على الارتفاع، وإذا كان الارتفاع أكبر، فإنها تعتمد على العرض.
باستخدام هاتين الوحدتين، يُمكنك ضبط الأبعاد في صفحات الويب بطريقة تستجيب بشكل جيد لمختلف أحجام الشاشات.
ممكن أسئل يعني اي css اللي هو عمال بيتكلم عليها دي علشان أنا مش فاهمه حاجه صراحة
الله يجزاك خير ويوفقك والله يعطيك العافية ولايضيع لك تعب ويرزقك ١١ ساعه الله يعينك ويقويك
ربنا يبارك فيك ويجازيك على الخير الجميل والرائع ده 🤩
ماشاء الله
يعطيك العافيه
شرح روعه ومبسط
رتبت افكاري بشكل رهيب
شكرااااا قوووووووي
شكرا جدا جدا جدا لحضرتك ربنا يعوضك كل مش عارف اعبر عن مدي شكري لحضرتك
الله يجزيك الخير ويجعل هذا الكورس في ميزان حسناتك
السلام عليكم انا ماتباعت الكورس الاول اتابع هاذا الكورس ولا ارجع للاول
أكثر قناة أحبها أستفيد كثيرا منك جزاك الله خيرا
مشكور يا باشا على المجهودات واصل من الجزائر
افضل كورس شفته
grid-template-rows: 50px 0fr 0fr 0fr 1fr;
بعد تفكير طويل بس الحمد لله
بارك الله فيك وزادك من علمه ونفع بك ❤
مستغرب جداً من عدد اللايكات رغم المجهود الكبير إلي تقدمو
جزاك الله خير على هذا المجهود
جزاكم الله خيراً بشمهندس أسامة ربنا يوفقك و يبارك فيك
ياريت تجهز لنا الجافا سكريبت بنفس الطريقة
يعطيك الف عافية
اسطورة كالعادة ❤️🔥🔥💪💪
جزاك الله عنا كل خير باشمهندس أسامة
28/9/2024 أنهيت الفيديو بفضل الله
الحمدالله خلصت الكورس انهارده بفضل الله . جزاك الله كل خير يا هندسه ❤
اهلين حبيبي بدي اسئلك انا بدرس برمجة في جامعة وبديت اتعلم تطوير مواقع واريد عمل كفريلانسر اتمنى تساعدني بااي معلومة
السلام عيكم فيك تبدا بموقع مستقل فيه الكثير من العروض فيك تلقي نظرة@@akram___88x24
ربما كلمة شكراً لا تفي بحقك... ولكن نقول جزاك الله عنا خيراً
شكرآ جدآ يا بشمهندس اسامه انت شخص حقيقي محترم واتعلمت منك كتييير جدآ فى Html و css شكرآ❤❤❤❤
السلام عليكم انا ماتباعت الكورس الاول اتابع هاذا الكورس ولا ارجع للاول
لا اله الا انت سبحانك إني كنت من الظالمين .. لا اله الا انت سبحانك إني كنت من الظالمين .. لا اله الا انت سبحانك إني كنت من الظالمين
تم بحمد الله شكرا الزيرو 😍