Full Transcript

·YouTLDR

Learn HTML In Arabic 2021 - #14 - Lists - UL, OL, DL

9:22ArabicTranscribed Jul 14, 2026
0:05

بسم الله الرحمن الرحيم والصلاه والسلام

0:07

على اشرف المرسلين سيدنا محمد النهارده ان

0:10

شاء الله هنتعامل مع الليست او القوائم

0:14

الليست هي اكتر الحاجات اللي هتستخدمها في

0:17

تصميمك باذن الله وفيها كلام شيق وحاجات

0:20

عظيمه جدا وهتتبسط منها ان شاء الله كتير

0:22

جدا عندنا ثلاث انواع من القوائم اول نوع

0:26

عندنا هو الان اوردر ليست خلينا كده

0:29

ناخدهم كده مع بعض اليو ال اللي هي الان

0:33

اوردر ليست يعني ايه ان اوردر ليست يعني

0:36

قائمه غير مرتبه معنى كلمه قائمه غير

0:39

مرتبه ان هيبقى عندنا قائمه مرتبه طيب

0:42

ازاي بنستعملها عنصر اليو ال هو العنصر

0:46

الرئيسي للقائمه بتاعتنا وبيكون جواه

0:49

مجموعه العناصر اللي انت هتحطه مع بعض

0:51

بدون ترتيب العناصر دي بيكون التاج بتاعها

0:55

اسمه ال اي اللي هو الليست ايتمز لو جيت

0:58

كتبت هنا كده ليست ايتم جميل جدا او ليست

1:03

ايتم عشان تبقى مفرد هكتب هنا مثلا اللغات

1:06

اللي انا بحاول اتعلمها اش تي ام ال وسي

1:09

اس اس وجي اس دي اللغات بتاعتي اللي انا

1:12

بحاول اتعلمها اول حاجه تلاحظها انه

1:15

العناصر بتاعتك اليوزر ايجنت ادلها

1:17

تنسيقات برضو كالعاده اول حاجه اليو ال

1:21

نفسها حطلها هوامش فوق وتحت وحطلها كمان

1:25

على الشمال هامش داخلي علشان الكلام اللي

1:29

تحتها ده لو تلاحظ الكلام اللي هو فيه

1:32

بولتس ده ما يبدا من اول الشاشه لان هي

1:35

فعليا قائمه يعني غير مرتبه او فيها بولت

1:38

ليست لو انت واحد من الناس اللي بيشتغلوا

1:40

على الاوفيس هتلاقي ان الشخص لما يجي يكتب

1:43

جمله زي دي ويحط تحتها عناصر اللي هي

1:46

البوتس دي بيروحوا سنه كده قدام ده طبيعي

1:49

عشان يعرفك ان دي ليسته من الجزء ده مثلا

1:52

على سبيل المثال فطبعا دي تنسيقات

1:55

افتراضيه لو انت حبيت تحط عناصر تحت بعض

1:57

في بار جرافس مثلا مش هيحط فيها س دي فده

2:01

عشان تفهم منه برض على مدار الكورس ان كل

2:04

عنصر بيتم التعامل معاه بشكل مختلف طيب

2:07

عظيم جدا الكلام ده وزي الفل وما فيهوش اي

2:10

مشكله خالص اليو ال ما فيهاش اي حاجه

2:13

محتاجه يعني شرح او دقه غير بس ان احنا

2:17

محتاجين نعرف ازاي نحط يو ال جوه يو ال

2:20

يعني ستد يو ال كلمه ستد يعني داخلي

2:24

دلوقتي انا عندي الجي اس دي عباره عن الاي

2:28

فيها زي ما انت شايف كده الجي اس وعايز

2:31

احط جواها هي كمان ليست تاني يعني فرعيه

2:34

منها طيب عظيم خلينا كده نيجي هنا بالشكل

2:38

ده ونقول له بعدها على

2:41

طول هنا هنحط اليو ال التانيه بتاعتنا على

2:45

نفس المستوى طيب لحظه واحده يا جماعه

2:47

علشان ما نضيع وقت حضراتكم بس في التنسيق

2:50

وادي اليو ال بتاعتي وتحتها برضو جواها

2:54

الال ايز بتاعتي وهكتب فيها مثلا مجموعه

2:57

فريم وورك تخص الجافا سكريبت هكتب مثلا

2:59

مثلا انجر هكتب مثلا رياكت هكتب مثلا فيو

3:05

جس شويه حاجات كده ايه عشان نتعلم الستد

3:08

يو ال اللي هي يو ال جواها يو ال زي ما

3:11

انتم شايفين هنا الل اي دي فيها عنصر دي

3:14

فيها عنصر دي فيها عنصر وتحته كمان زي ما

3:17

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

3:20

تانيه وهلوم جره تقدر جوه كل واحد فيهم

3:24

عادي جدا تعمل يو ال جواه وهكذا وجواها

3:27

اليز بدون اي مشكله نهائيا طيب ندخل بقى

3:32

على اللي بعدها على طول وهي الو ال عايز

3:35

اقول لك ان ما فيش اي اختلاف في اللي انت

3:37

بتعمله نهائيا في اليو ال غير ان انت

3:40

بتكتب او ال بدالها بس عشان تقول له ان دي

3:43

اوردر ليست يعني ايه اوردر ليست يعني دي

3:46

ليست مرتبه او قائمه مرتبه نفس اللي انت

3:50

عملته فوق بس المره دي هقول له اوردر ليست

3:53

هنكتب جواها اي حاجه شويه مثلا حاجات انت

3:56

محتاجها مهارات مثلا خلينا نقول له مثلا

3:59

اول حاجه انا محتاج النيم من الشخص بعد

4:01

النيم محتاج الادرس مثلا بعد الادرس مثلا

4:05

محتاج ان الشخص يديني الاي دي اي حاجه بس

4:08

لتوضيح الفكره مش اكتر وهكذا زي ما انتم

4:11

شايفين هنا عمل لي 1 تو 3 عشان دي اوردر

4:15

مرتبه غير الثانيه دي الليست غير مرتبه

4:18

انا مش محتاج خالص اي ترتيب فيها عناصر

4:22

مالهمش علاقه ببعض لكن دي ليست مرتبه طيب

4:26

عظيم الكلام ده وجميل وما فيهوش اي مشكله

4:29

خالص عندنا حاجه ظريفه جدا بقى هي

4:31

الاتربيوت اللي اتكلمنا عليها اتفقنا ان

4:33

احنا عندنا اتربيوت بتساعدنا في العناصر

4:37

بتاعتنا لو جيت كتبت هنا حاجه اسمها ريفيس

4:40

ريفرس بيعمل ايه بيعكس الترتيب اللي انت

4:43

عامله 3 اوا انت قايله كده فهنا هقوله انه

4:48

الريفيرس اتربيوت ممكن هنا نكتب شويه في

4:51

الاتربيوت بتاعتنا نقوله

4:53

ريفرس ريفيرس مثلا ذا اوردر على سبيل

4:58

المثال خلاص جربناه هنشيل عشان نجرب حاجه

5:00

تاني عندنا حاجه اسمها ستارت ستارت دي

5:03

حاجه جميله جدا ستارت هنا انت بتقول له

5:06

هبدا من كام انا مش عايز ابدا من رقم واحد

5:09

ممكن محتاج ابدا من رقم 100 رقم 100 هنا

5:12

فانت بتقول له بيبدا 100 101 102 وهكذا

5:15

ويفضل ماشي زي ما انت عايز

5:17

فهكذا

5:19

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

5:23

وعظيم عندنا دلوقتي حاجه جميله جدا اسمها

5:27

التايب التايب هو نوع الاوردر العادي

5:30

بتاعنا في التايب هنا اللي هو رقم واحد ده

5:33

انه بيرتب واحد اين ت ده نوع التايب

5:35

العادي هكتبلك هنا كده تايب يساوي تايب

5:39

اوف اوردر طيب رقم واحد ده لو غيرته لحرف

5:44

الاي كابيتال هيعمل ايه هتب لك اي بي سي

5:48

الحروف الابجديه وكابيتال اي بي سي دي اي

5:51

اف وهيمشي معاك هكذا لو حطيت حرف سمول

5:54

يرتب لك سمول ممكن تحط الحروف الرومانيه

5:59

اللي هي هي الاي بالشكل ده زي ما انتم

6:02

شايفين هيرتبط الرومانيه وممكن تحط الاي

6:05

صغيره نفس القصه بس المره دي سمول زي كده

6:09

يعني تقدر تتحكم في التايب بتاع الاوردر

6:13

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

6:17

طيب عظيم قوي هل ممكن اعمل القصه دي من

6:21

الل اي نفسها اه ممكن تيجي هنا في ال اي

6:24

دي وتقول له val بتساوي 50 لو قلتله val

6:29

ساوي 50 هيبدا من عند 50 51 52 وهكذا من

6:33

غير ما تحتاج ان انت تحط الستارت في الاو

6:36

ال بتاعتنا طيب عظيم جدا وخلينا ناخد نسخه

6:40

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

6:43

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

6:48

بالشكل ده الدي ال هو ديسكربشن ليست جوه

6:52

الديسكشن ليست بيكون عندك قايمه او بيكون

6:55

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

6:57

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

7:01

دي يعني اوعدك ان انت مش هتستخدمها كتير

7:04

لكن مهم جدا ان احنا نفهمها يعني هكتب هنا

7:07

مهم جدا احنا نفهمها عشان لو في يوم

7:09

احتجتها ما تبقاش ما تعرفش عنها حاجه ده

7:12

اقصد بيه كلمه مهم ان انت تتعلمها عندنا

7:15

دي تي هيكون الحاجه مثلا اللي انت عايز

7:18

تحطها في الليست بتاعتك وليكن مثلا لغه

7:21

اتش تي ام ال تحت الدي تي تي هيكون عندنا

7:24

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

7:27

بتاعتك دي يبقى الدي ال عشان يتلخبط خالص

7:31

كده او خلينا نكتبها هناش مشكله هنكتب هنا

7:39

بتساوي ديج الرئيسيه

7:42

بتاعتنا

7:44

هيشن هو الحاجه بقى اللي جوست بتاعتك

7:48

الاخيره

7:50

دي ممكن نقول عليها

8:02

يبقى عشان الدنيا تبقى مظبوطه يبقى هنقول

8:04

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

8:09

افضل ديكشن ليست جواها مم يعني نقطه ونقطه

8:13

ونقطه كل نقطه ليها وصف خاص بها ككتب هنا

8:17

مثلا تحت الاتشي ام ال ل او ذا بيب تحتها

8:22

مثلا ممكن اقوله مثلا ايه اي حاجه مثلا

8:24

خلينا

8:26

نقول ست ل اي كلام طبعا ما عندناش مشكله

8:30

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

8:33

ال هقول له دي تي تاني وهقول له سي اس اس

8:36

وتحتها هيكون عندنا الدي دي وهقول له مثلا

8:40

لانجويج اوف ذا فيجوالز مثلا اي كلام طبعا

8:44

بس لتوضيح الفكره مش اكتر وهننزل تحت هنا

8:47

شويه ادي الاتش تي ام ال التيرم بتاعنا

8:49

وده الدسكربشن الخاص بيه وهنا السي اس اس

8:53

والسكشن الخاص بيه وهكذا الشكل اللي انت

8:56

شايفه قدامك ده تقدر تعمله باليو ال عادي

8:58

بس مش هيكون ك منطقي مش هيبان بالطريقه

9:01

السليمه الصحيحه ده عباره عن ديسكربشن يرم

9:04

سليم الليست بتاعتك كل حاجه كل تيرم فيها

9:07

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

9:11

يا جماعه الحمد لله عرفنا التلات انواع

9:13

بتوع الليست بتوعنا يا رب يا جماعه الدرس

9:15

يكون بسيط وسهل وعجبكم اشوفكم ان شاء الله

9:17

في درس جديد والسلام عليكم

More transcripts

Explore other videos transcribed with YouTLDR.

Get the TLDR of any YouTube video

Transcribe, summarize, and repurpose videos in 125+ languages — free, no signup required.

Try YouTLDR Free