0:05
بسم الله الرحمن الرحيم والصلاه والسلام
0:08
على اشرف المرسلين سيدنا محمد النهارده ان
0:11
شاء الله هنتكلم مع بعض عن الديف او
0:13
الديفيجن الديف هو الكينج اوف المنت اكتر
0:17
عنصر هتستخدمه في تصميمك ودايما هتفتح اي
0:19
تصميم في الدنيا هتلاقي عشرات الدفات
0:22
موجوده في التصميم تعالوا مع بعض ك نبص
0:24
بصه عشان تشوف بنفسك ده يعني جوجل تصميمهم
0:28
بسيط جدا بس اتفرج معايا كده ديف وهنا ديف
0:31
وهنا ديف وهتلاقي في كل مكان ديف وكمان كل
0:35
ديف هتلاقي جواه ديفات تانيه الى ما شاء
0:38
الله يعني طيب عظيم جدا الكلام ده وخلينا
0:41
نبدا نفهم ازاي نستخدم الديف وليه وعشان
0:43
ايه والكلام ده لو عندك فقره نصيه زي دي
0:46
كده ما تروحش تحط الفقره النصيه دي جوه دف
0:49
لانه مش دي وظيفته لو عندك فقره نصيه زي
0:53
دي تحطها جوه البراجراف هو ده وظيفته
0:56
الديف معمول از ا كونتينر الديف عبار عن
1:00
كونتينر للعناصر الثانيه خليني اقوللك على
1:03
شويه حاجات قبل ما ندخل في عالم السي اس
1:05
اس لو انا عندي مثلا الاتش 1 ده وتحتيه
1:08
البراجراف دي وتحتيه براجراف تاني وعناصر
1:10
تاني وطلبت منك ان احنا مثلا ندي لهم باك
1:13
جراوند معين خلفيه ونوس الكلام احنا
1:16
اتفقنا اي حاجه تخص سي اس اس ما تركزش
1:19
معاها دلوقتي خالص طيب ايه اللي هيحصل
1:21
عشان تعمل ده هتيجي عند الاتش 1 وتقول له
1:24
مثلا باك جراوند كر بعد ما تتعلم يعني سي
1:26
اس اس ريد وتقول له تكست اللاين سنتر عشان
1:30
توسط الكلام هتيجي عند البراجراف وتقول له
1:32
نفس القصه باك جراوند كر ريد والتكست
1:35
اللاين سنتر طيب ايه اللي حصل هنا اول
1:39
حاجه هتلاحظ مش مشكله اللون اول حاجه
1:42
هتلاحظ انه في مسافه هنا ما تلونت الخلفيه
1:45
بتاعتها وهنا التنسيق اللي انت عملته
1:48
وعدته على جميع العناصر لانه ما فيش مكان
1:51
تمسك منه العناصر دي كلها مع بعض حلو قوي
1:55
هنا يجي دور الدف الكونتينر بتاعنا لو
1:58
خدنا العناصر بتاعتنا دي كده وحطيناها جوه
2:01
ديف الديف ده هو الكونتينر اللي هو
2:03
الحاويه اللي ماسكه العناصر دي وجيت عند
2:06
الديف ده كده وقلت له بعد اذنك اعمل لي
2:08
نفس الخواص اللي انا قلت عليها من شويه
2:11
باك جراوند كر ريد والتكست اللاين سنتر
2:15
ايه اللي حصل وصت لي الكلام وحط لي باك
2:17
جراوند للديف كله بالعناصر اللي جواه دي
2:20
فايده الديف والطريقه السليمه لاستخدامه
2:23
لو انت عندك على سبيل المثال مدينه
2:26
المدينه دي بيكون فيها يعني مناطق كتير
2:29
جدا كل منطقه دي نقدر نعتبرها قطاع من
2:32
المدينه الديف نفس القصه هو قطاع من
2:34
الصفحه بتاعتك قطعه وقطعه وقطعه وهكذا
2:37
بيكونوا الصفحه بتاعتك في الاخ طيب عشان
2:40
نفهم الاستخدام السليم هطلب منك طلب ان
2:43
احنا نقسم البنيه بتاعه البوك ستور بتاعنا
2:47
البوك ستور بتاعنا عندنا جوه المكتبه
2:49
هتلاقي اكتر من قسم للكتب في كاتيجوري
2:53
خاصه بالكتب كتب مثلا رومانسيه كتب
2:55
بوليسيه كتب خيال علمي كتب مثلا خيال كل
2:59
الكلام ده كل قسم من اقسام الكتب دي جوه
3:02
شويه كتب طيب لو قلتلك ان الكتاب لو انا
3:06
حبيت اعمل كتاب فبحط الاتش 3 ده البوك
3:10
تايتل تحت البوك تايتل عندي في البرجراف
3:13
بوك ديسكربشن بعد كده تحت عندي السبان
3:17
اللي فيها مثلا السعر اللي هو 100 دولار
3:20
للكتاب لو حطيت انا الكتب دي كلها كده تحت
3:24
بعضها كتب كتير جدا بالشكل ده ازاي تقدر
3:27
تنظم لي بالطريقه اللي انا حكيتلك عليها
3:29
من شويه اللي هو قسم الكتب البوليسيه جوه
3:33
القسم ده في مجموعه كتب وكل كتاب من دول
3:37
المفروض لوحده عشان اقدر امسك التايتل
3:41
والسكشن والسبان واعمل فيهم اللي انا
3:43
عايزه فاكرين من شويه مش احنا قلنا من
3:46
شويه ان انا عندي العناصر دي محتاج كل
3:49
عنصر فيهم بدل ما افضل اعمل له اللي انا
3:50
عايزه لازم الثلاثه يبقوا في عنصر ثاني
3:53
اقدر امسك العنصر ده اعمل فيه اللي انا
3:55
عايزه مظبوط مظبوط تعالوا مع بعض نعمل
3:58
القصه دي خلي خنا نبدا اول حاجه بالقسم
4:02
نفسه الكاتيجوري بتاع القصص هعمل ديف للكت
4:05
جوري بتاع القصص وديف تاني وثالت ازاي
4:08
هتمي عن بعض مش احنا اتفقنا ان احنا عندنا
4:11
اتربيوت ممكن نميز بيها العناصر عن بعض
4:14
مظبوط هميز بكلاس الكلاس بتاع الاول هسميه
4:18
رومانتك اللي هي الكتب الرومانسيه مثلا
4:21
الكلاس بتاع التاني هسميه بوليس اللي هي
4:24
الكتب البوليسيه مثلا على سبيل المثال طيب
4:31
في مثلا الكتب الخيال على سبيل المثال دول
4:35
الثلاث اقسام بتوعنا هنيجي عند القسم
4:38
الاول القسم الاول فيه مجموعه كتب اللي هم
4:41
دول ده كتاب وغيره كتاب وكتاب وكتاب هل
4:44
هترميه كده تحت بعض يعني هعملهم كده مثلا
4:47
طب ازاي هتمسك مجموعه الكتب برض ازاي
4:50
هتمسك كتاب كتاب فيهم تنسك مش هتقدر فهنا
4:53
هتروح حاطط الديف الخاص بالكتاب ادي الديف
4:57
عايز تميزه بكلاس معين الكتب كلها شبه بعض
5:01
خلاص ما تميزو بكلاس معين وانا هاجي هنا
5:04
مثلا هديله كلاس عشان اوريكم بس التنسيق
5:07
بتاعه في السي اس هيبقى شكله عامل ازاي
5:09
هسميه مثلا بوك ادي اول كتاب وادي التاني
5:13
وادي التالث بقى عندي لات كتب هاخد دول
5:16
كلهم كده كبي وحطهم كمان في الكتب
5:18
البوليسيه وهاجي هنا هعمل كده مسافه
5:22
واحطهم برضو في الكتب اللي هي الخيال
5:25
وخلينا نفصل بينهم مثلا بش ار كده يوريك
5:29
المسافات اللي بينهم مش اكتر بالشكل ده
5:32
وعملنا العناصر بتاعتنا ادي 3لا كتب وادي
5:35
3لا كتب وادي لا كتب دلوقتي بقى عشان
5:39
الديف موجود اللي هو الماستر كونتينر
5:41
بتاعنا نقدر نتعامل براحتنا تقدر تمسك
5:45
الديف بتاع الرومانتك سكشن كله او
5:47
الرومانتك كاتيجوري كله وتعمل فيه اللي
5:49
انت عايزه بص كده هعمل ايه هديله خلفيه
5:52
مختلفه عن التانيين تماما باك جراوند كر
5:55
ريد ده ريد هاجي عند قسم تاني اللي هو
5:59
مثلا بوليس ده وهقول له باك جراوند كر
6:03
مثلا جرين هتلاقي ان انا مسكت القسم نفسه
6:06
من الكونتينر اللي هو ماسك العناصر واقدر
6:09
اعمل فيه اللي انا عايزه جوه بقى الكتب مش
6:12
احنا من شويه ما كنتش اقدر امسك كل عنصر
6:14
من دول لا انا عندي دلوقتي ديف كونتينر
6:16
لمعلومات الكتاب اقدر امسك الديف ده واعمل
6:20
فيه اللي انا عايزه هوريك دلوقتي مثال ادي
6:23
لون مثلا هدي له لون بالشكل ده وهدي له
6:26
هوامش وحاجات انا مش مش عايزك تتعلمها
6:28
دلوقتي خالص انا ب ويك بس الفكره ليس الا
6:31
اديت له شويه حاجات اهي تنسيقات كتير عشان
6:34
اوريك ان انا اقدر امسك كل كتاب لوحده
6:37
اعمل فيه اللي انا عايزه عشان في كونتينر
6:40
تهندل منه القصه دي بدون وجود الكونتينر
6:43
مش هتقدر تتحكم في العناصر التحكم السليم
6:46
في التصميمات بقى العالميه انت مش هتشوف
6:48
الاشكال العجيبه دي انت هتشوف بقى كتب جنب
6:51
بعض بشكل جميل هتشوف بقى حاجات شكلها تحفه
6:54
الكتاب بقى فيه صور وفيه ريبون كده وحاجات
6:57
جميله في الكتاب توريك بقى المنظر الصح
7:01
اللي انت مستنيه ده كله مش هيحصل في لو ما
7:04
فيش عندك كونتينر يمسك العناصر دي دي يا
7:08
جماعه فايده الديف واليوس كيز
7:10
والاستخدامات السليمه للديف وزي ما قلت لك
7:12
اهم نصيحه ما تستعمل الديف في تكست لانه
7:16
مش معمول لكده التكست معمول ان انت تستعمل
7:19
له البراجراف عشان هو فقره نصيه هتلاحظ ان
7:22
الفات بتاعتنا مافيش كلام مكتوب جواها
7:24
البوك ده مافيش كلام مكتوب جواه هو بس
7:27
كونتينر للعناصر اللي جواه يا رب يا جماعه
7:30
الدرس يكون بسيط وسهل وعجبكم اشوفكم ان
7:32
شاء الله في درس جديد والسلام عليكم
