YouTube2Text

62 : icons استخدام ال — Transcript

by أكاديمية ترميز · 1,021 words · 140 segments · language en · Watch on YouTube

Full transcript

  1. 0:00السلام عليكم حياكم الله بالدرس ال 62 من
  2. 0:03سلسله دروس رياكت جي اس وحده من اهم
  3. 0:06الاشياء اللي بتوفر لنا اياها ماتيريال يو
  4. 0:08اي هي عباره عن مجموعه جدا كبيره من
  5. 0:11الايكونز المختلفه اللي ممكن تستخدمها في
  6. 0:14اي مكان موجود عندك في المشروع وبالتالي
  7. 0:17خلينا نشوف كيف ممكن نستخدم الايكونز من
  8. 0:20خلال الدنتشن الخاص بميرال يو اي طيب
  9. 0:23كالعاده انا راح ابدا من الدنتشن ودائما
  10. 0:25اذا في شيء معين بدك تدور عليه ممكن تضغط
  11. 0:28على كوماند كي او كنترول ك او حتى تروح
  12. 0:30عند خانه البحث هون وتكتب الشيء اللي بدك
  13. 0:33اياه انا مثلا راح اكتب ايكونز راح يطلع
  14. 0:36لي هذا الخيار الاول اول خيار راح يطلع لي
  15. 0:39هو الماتيريال ايكونز راح اضغط عليه راح
  16. 0:41يوديني على الصفحه الخاصه بالماتريال
  17. 0:43ايكونز وفي شغله جدا مهمه لازم تعرفها انه
  18. 0:47الايكونز الموجوده في الماتيريال يو اي هي
  19. 0:50فعليا باكج مستقل لاحظ عم يقوللك ذا فول
  20. 0:53ام بي ام باكج انكلود ال 2100 ايكون او
  21. 0:56اكثر المهم انه هو عباره عن باكج مستقل
  22. 0:59وراح تلاقي في كثير كومبونت اصلا موجوده
  23. 1:01عندك في الماتيريال يو اي بتستخدم ها
  24. 1:04الايكونز وبالتالي احيانا ممكن يطلع لك
  25. 1:06اخطاء لانك عم تستخدم شيء عم يستخدم
  26. 1:08الايكونز وانت مانك منزلها عندك يعني مثلا
  27. 1:11خليني اروح عند
  28. 1:13البوتنزي الموجوده عندك او الخيارات
  29. 1:15الموجوده عندك في البوتنزي وز كزر فمثلا
  30. 1:19انا عندي هذا الزر لاحظ انه هو كايكون نفس
  31. 1:21الشيء هون في عندي زر بالاضافه الى
  32. 1:23الايكون فلو جيت ونسخت كامل الكود الموجود
  33. 1:26هون راح اسوي له نسخ وراح ارجع مره ثانيه
  34. 1:29عند هذا المكان عند الماتيريال جي اس مثلا
  35. 1:32ممكن اسوي كوماند اي عشان اسوي كومنت لكل
  36. 1:35شيء موجود عندي وبعدين اسوي لصق للكود
  37. 1:37اللي انا جبته راح اسوي سيف الان وراح
  38. 1:39ارجع مره ثانيه اشوف النتيجه لاحظ ايش عم
  39. 1:41يطلعلك مع اني نسخت الكود مثل ما هو تماما
  40. 1:44فالمفروض كل الابور الموجوده عندي هي
  41. 1:46الابور الصحيحه بس عم يقوللي كان ريزولف
  42. 1:50اميو اي سلاش ايكون مايرال سلاش ديليت
  43. 1:53لاني عم حااول اجيب ها الايكون اللي اسمها
  44. 1:54ديليت وسند من مكتبه اسمها ايكونز
  45. 1:58ماتيريال بس الايكون مايرال اصلا انا ما
  46. 2:00نزلتها ما هي موجوده عندي في المشروع
  47. 2:02اساسا لذلك لازم انزل الماتيريال ايكونز
  48. 2:05اول عشان اكون قادر على استخدام ها
  49. 2:07الايكونز فراح ارجع مره ثانيه على الدكم
  50. 2:09منتيش وراح اسوي رجوع عشان ارجع عند
  51. 2:12الدوكمنت شن الخاص بالايك ولاحظ انه هون
  52. 2:14عم يقول لك انه ها عباره عن الايكونز
  53. 2:16الخاصه بالمكتبه اللي اسمها ماتيريال
  54. 2:18ايكونز طبعا ممكن اضغط على المكتبه عشان
  55. 2:20اشوف طريقه تنزيلها بس غالبا طريقه
  56. 2:23تنزيلها يعني راح يكون عباره عن الاسم
  57. 2:24نفسه لاحظ انه هي هي الماتيريال ايكونز
  58. 2:26وعم يقول لك اذا بدك تنزلها من خلال الا
  59. 2:28بي ام بتقول له انستول بعدين بتحدد
  60. 2:31الماتيريال ايكونز واذا كنت عم تستخدم
  61. 2:33يارن فبسو بهاي الطريقه لذلك انا راح انسخ
  62. 2:36هذا الكوماند وراح اضيف عليه داش داش سيف
  63. 2:39عشان يضيفلي اياه الى ملف الباكج دوت
  64. 2:41جيسون فراح اجي اسوي لله لصق في هذا
  65. 2:43المكان وراح اقول لله داش داش سيف وبعدين
  66. 2:47راح اضغط على انتر عشان يبدا ينزل لي
  67. 2:48الايكونز بمجرد ما تكتمل عمليه التنزيل
  68. 2:51اذا رجعت مره ثانيه على الموقع الموجود
  69. 2:53عندي راح تطلع لك الايكون بطريقه صحيحه
  70. 2:56وبدون اي مشاكل فخلينا ننتظر عمليه
  71. 2:58التنزيل عشان تكتمل الان اكتملت عمليه
  72. 3:00التنزيل خليني ارجع مره ثانيه على الموقع
  73. 3:03لاحظ انه طلع لي اياه بدون مشاكل بس فعليا
  74. 3:05انا ما عم معرض الماتيريال جي اس كمبوننت
  75. 3:08لذلك راح اروح عند الاب دوت جي اس واقول
  76. 3:10له اعرض لي الماتيريال بدل ما تعرض لي
  77. 3:12الستاك تست فلو رجعت لاحظ كيف مطلع لي
  78. 3:15اياها مع الايكونز فه الطريقه اللي بتنزل
  79. 3:18فيها مكتبه الايكونز المرتبطه بالماتريال
  80. 3:21يو اي بعدين بيكون عندك القدره انكك
  81. 3:23تستخدم اي ايكون باي طريقه بدك اياها وهون
  82. 3:26من خلال هذا المكان اللي هو بالماتريال اي
  83. 3:30بهذا السكشن اللي اسمه كومبونت بتقدر تشوف
  84. 3:32كل الايكونز الموجوده عندك على حسب
  85. 3:35احتياجك وبتقدر تحدد كمان فلاتر معينه
  86. 3:37خاصه فيها فمثلا ممكن تقول له انا بدي
  87. 3:39الايكونز اللي تكون فيلد فقط اللي ممتلئه
  88. 3:42من الداخل او تقول له الاوت لاين فقط اللي
  89. 3:45هي راح تكون عباره عن الاشياء الغير معباه
  90. 3:48من الداخل او تقول له بدي الايكونز
  91. 3:49الراوند اللي هي بتكون دائريه او غيره من
  92. 3:52الفلاتر الموجوده عندك هون فمثلا انا ممكن
  93. 3:54اقول له بدي اشوف الايكونز الخاصه باضافه
  94. 3:57مثلا عندي اضافه بوست جديد فبدي اشوف
  95. 4:00الاشياء المتعلقه بالاد او الاضافه فلاحظ
  96. 4:02عم يطلع لك كل ها الايكونز المختلفه
  97. 4:04للاضافه طيب بدي استخدم واحده منهم كيف
  98. 4:07بستخدمها بضغط عليها مباشره بيطلع لك ها
  99. 4:10العباره تبع الامبورد طبعا انا عارف انه
  100. 4:12موضوع الامبورد شوي بيكون مزعج لكن فعليا
  101. 4:15جدا ممتاز انك تسوي امبورت فقط للاشياء
  102. 4:17اللي انت بدك تستخدمها نعم قد يكون في طرق
  103. 4:20افضل انك تسوي امبورت لمجموعه اشياء مره
  104. 4:22واحده وتحطها في ملف اندكس بعدين تسوي لي
  105. 4:25هذا الاندكس امبورت بس هي ممكن نشوفها
  106. 4:27بعدين لكن بشكل عام اي شيء بدك تستخدمه
  107. 4:30لازم تسوي له امبورت فانا راح اسوي امبورت
  108. 4:32لازم اسوي امبورت لاي ايكون بدي استخدمها
  109. 4:35وبعدين راح اجي عند الماتيريال جي اس احط
  110. 4:38عباره الامبورد في هذا المكان الان هذا هو
  111. 4:42عباره عن كومبونت خلاص ها الايكون صارت
  112. 4:44عباره عن كومبونت بدر استخدمها بالطريقه
  113. 4:46اللي بدي اياها فانا ممكن هون عند الدليت
  114. 4:48قبل زر الدليت كمان بقدر اجي واستخدمها
  115. 4:51ككب اقول له لايبراري اد راوند ايكون
  116. 4:55وبعدين بسوي لها سلف كلوزين لو رجعت الان
  117. 4:58وشفت النتيجه لاحظ انه لي ها الايكون في
  118. 5:01الزاويه العلويه على اليسار والجميل كذلك
  119. 5:03انك ممكن تلونها باللون اللي بدك اياه
  120. 5:05فانا لو جيت وقلت له ستايل بعدين راح اقول
  121. 5:08له انه الكلر مثلا راح يكون ريد وراح اسكر
  122. 5:11الكيلي براكتس لاحظ كيف لون لي اياها
  123. 5:13باللون الاحمر بمجرد تغيير الكلر لانه هي
  124. 5:16ترى بنهايه الامر كانها عباره عن تكست ما
  125. 5:19هي عباره عن باك جراوند او اوبجكت فحتى
  126. 5:22لما تغير الفونت سايز ترى بتكبر معك
  127. 5:25الايكون يعني لو جيت قلت له فونت سايز
  128. 5:27وبعدين قلت له مثلا 40 اكسل ورجعت مره
  129. 5:30ثانيه لاحظ كيف كبر حجمها لو قلت له مثلا
  130. 5:33400 بس عشان اشوف حجمها بشكل جدا كبير
  131. 5:35لاحظ كيف طلعلي حجمها بهذا الشكل وبالتالي
  132. 5:38ها الطريقه اللي انت بتتعامل فيها مع
  133. 5:39الايكونز فجميل جدا انها تعتبر نوع من
  134. 5:42انواع الفونت عشان تقدر تتحكم فيها من
  135. 5:44خلال الفونت سايز وتحكم فيها من خلال
  136. 5:45الكلر بكل سهوله وبكل بساطه ها هي الطريقه
  137. 5:49اللي بتستخدم فيها الايكونز الموجوده عندك
  138. 5:51في مكتبه ماتيريال يو اي اتمنى ان شاء
  139. 5:54الله انه كان الشرح واضح ونشوفكم ان شاء
  140. 5:55الله بالدرس الجاي

About this transcript

This page contains the full transcript of 62 : icons استخدام ال by أكاديمية ترميز, generated from the public captions YouTube serves with the video. The transcript has 1,021 words across 140 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.