YT YouTube2Text

YouTube2Text → Transcripts → 59 : البدء في استخدام أطر العمل التصميمية في رياكت

59 : البدء في استخدام أطر العمل التصميمية في رياكت — Transcript

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

Open in transcriber Summarize with AI Download SRT/VTT

Full transcript

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

About this transcript

This page contains the full transcript of 59 : البدء في استخدام أطر العمل التصميمية في رياكت by أكاديمية ترميز, generated from the public captions YouTube serves with the video. The transcript has 2,856 words across 387 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.