YT YouTube2Text

YouTube2Text → Transcripts → 13: إرسال ال props في ال Components

13: إرسال ال props في ال Components — Transcript

by أكاديمية ترميز · 2,964 words · 401 segments · language en · Watch on YouTube

Open in transcriber Summarize with AI Download SRT/VTT

Full transcript

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

About this transcript

This page contains the full transcript of 13: إرسال ال props في ال Components by أكاديمية ترميز, generated from the public captions YouTube serves with the video. The transcript has 2,964 words across 401 segments, with the original timestamps preserved so you can click any line to jump to that moment in the embedded player.

What you can do with it

Use the transcript to take notes, quote the speaker, build a study guide, generate a summary with ChatGPT or Claude via the YouTube Summary tool, or export it as a timed subtitle file with YouTube to SRT. You can also re-open it in the transcriber to translate the transcript into 100+ languages.

Free YouTube transcript tool

YouTube2Text is a free YouTube transcript generator — no signup, no daily limit. Paste any YouTube link and get the full transcript instantly, with timestamps, click-to-jump, translation to 100+ languages, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.