└── README.md


/README.md:
--------------------------------------------------------------------------------
  1 | # UI-UX-Roadmap
  2 | <img src="https://ibnsinatrainingacademy.com/wp-content/uploads/2024/08/UI-UX-Vector-Illustration.jpg" alt="Up On The Wall_ How Working Walls Unlock Creative Insight — Smashing Magazine" style="max-width: 100%;">
  3 | This repository offers a collection of free courses and tutorials to help you learn UI/UX design. I’ve gathered some of the best free resources. # UI-UX-Roadmap A guide on how to get started in the UI/UX field. This document is for those interested in learning UI/UX design.
  4 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>What is UI/UX ?</strong></h2>
  5 | UI (User Interface): It's the design of the interface that users interact with on a website or app, like buttons, colors, and menus. The goal is to make the design attractive and easy to use.
  6 | 
  7 | UX (User Experience): It's about designing the overall experience users have while interacting with a product. The goal is to make the user's journey smooth and comfortable, from understanding their needs to testing the product.
  8 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>Difference Between UI & UX</strong></h2>
  9 | <details>
 10 | <summary>Articles</summary>
 11 |   1--> (<a href="https://manvisinghwal.medium.com/whats-the-difference-between-ui-ux-design-aeddfdbe3206" rel="nofollow">https://manvisinghwal.medium.com/ui-ux-design-and-the-difference</a>)
 12 | <p dir="auto"> 2--> (<a href="https://uxwritingar.com/user-experience/26017" rel="nofollow">https://uxwritingar.com/whats-the-difference-between-ui-ux-design</a>)</p> <p dir="auto">
 13 | </details>
 14 | <details>
 15 | <summary>Videos</summary>
 16 |   1--> (<a href="https://www.youtube.com/watch?v=KaIzzUs2BkI" rel="nofollow">https://www.youtube.com/watch?v=KaIzzUs2BkI</a>) 
 17 | <p dir="auto">2--> (<a href="https://youtu.be/zHAa-m16NGk?si=QDnY86XxXVmyeaPD" rel="nofollow">https://youtu.be/zHAa-m16NGk?si=QDnY86XxXVmyeaPD</a>)</p>
 18 | </details>
 19 | <p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/66a8837349f5065215d8df2090a336d599606f816a97dd59d6f16d8ee328bbfc/687474703a2f2f626c7565626173682e636f2f626c6f672f636f6e74656e742f696d616765732f323032302f30342f646966666572656e6365756975782e2e706e67"><img src="https://camo.githubusercontent.com/66a8837349f5065215d8df2090a336d599606f816a97dd59d6f16d8ee328bbfc/687474703a2f2f626c7565626173682e636f2f626c6f672f636f6e74656e742f696d616765732f323032302f30342f646966666572656e6365756975782e2e706e67" alt="UI vs UX" data-canonical-src="http://bluebash.co/blog/content/images/2020/04/differenceuiux..png" style="max-width: 100%;"></a></p>
 20 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>How to start with a Tool</strong></h2>
 21 | <div class="markdown-heading" dir="auto"><h3 tabindex="-1" class="heading-element" dir="auto">Adobe XD Tool</h3><a id="user-content-adobe-xd-tool" class="anchor" aria-label="Permalink: Adobe XD Tool" href="#adobe-xd-tool"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
 22 | <ul dir="auto">
 23 |   <li>Arabic Tutorial :</li> 
 24 |   1- <a href="https://www.youtube.com/watch?v=EqSd8vXGcBk&amp;list=PLRemWV5koZLBR1khj5OlC_xLkdsI8G5DF" rel="nofollow">Youtube Playlist</a>
 25 |  2- <a href="https://www.youtube.com/watch?v=4tvnBgZykto&amp;list=PLjzhiGLyugKzxD2WKrI0riNZ9E6HoZYkH" rel="nofollow"> Ehab Fayez </a>
 26 | <li>English Tutorial :</li> 
 27 |   1- <a href="https://learnux.io/course/adobe-xd" rel="nofollow">Learnux Playlist</a>
 28 |  2- <a href="https://www.youtube.com/watch?v=0Q2s_zjSNR8&amp;list=PL4cUxeGkcC9hOQFhUxCE8z1aB3OpwKXaJ" rel="nofollow"> The Net Ninja </a>
 29 | </ul>
 30 | <div class="markdown-heading" dir="auto"><h3 tabindex="-1" class="heading-element" dir="auto"> Figma Tool</h3><a id="user-content-adobe-xd-tool" class="anchor" aria-label="Permalink: Adobe XD Tool" href="#adobe-xd-tool"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
 31 | <ul dir="auto">
 32 | <li>Arabic Tutorial : 1- <a href="https://youtube.com/playlist?list=PLjzhiGLyugKynpBi7v2AWMCJgTrRI6Ne-&si=4eXGrgmuQ22XRb_Z" rel="nofollow">Youtube Playlist</a>
 33 | 2- <a href="https://youtube.com/playlist?list=PLqVHb744A1CJgdKsl3FXGeAxSjp7aoYlb&si=AsxV1z7dvim7ZZmJ" rel="nofollow">Youtube Playlist</a>
 34 | </li>
 35 | <li>English Tutorial (Recommended) : <a href="https://learnux.io/course/figma" rel="nofollow">Learnux Playlist</a></li>
 36 | </ul>
 37 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>Crash Course</strong></h2>
 38 | <ul dir="auto">
 39 | <li>
 40 | <p dir="auto"><a href="https://youtu.be/EHI78SvEob8?si=txZuBAFlRyL9IHU7" rel="nofollow">Full UI/UX Course</a></p>
 41 | </li>
 42 | <li>
 43 | <p dir="auto"><a href="https://youtu.be/-8hP9M-EstY?si=yfGvdlURYhYkwOcz" rel="nofollow">Figma Crash Course 2022 Anas Rafaat</a></p>
 44 | </li>
 45 | <li>
 46 | <p dir="auto"><a href="https://youtu.be/cTUD_vCrY7M?si=rfe0FtS99SXbdNhA" rel="nofollow">Interactive UI/UX Crash Course</a></p>
 47 | </li>
 48 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>Basics of UI Design</strong></h2>
 49 | <p dir="auto"><strong>Color inspiration</strong></p>
 50 | <ul dir="auto">
 51 | <li>
 52 | <p dir="auto"><a href="https://colorhunt.co/" rel="nofollow">Color Hunt</a></p>
 53 | </li>
 54 | <li>
 55 | <p dir="auto"><a href="https://coolors.co/" rel="nofollow">Coolors</a></p>
 56 | </li>
 57 | <li>
 58 | <p dir="auto"><a href="https://flatuicolors.com/" rel="nofollow">Flat UI Colors</a></p>
 59 | </li>
 60 | <li>
 61 | <p dir="auto"><a href="https://99designs.com/blog/tips/the-7-step-guide-to-understanding-color-theory/" rel="nofollow">7 steps guide to understand color theory</a></p>
 62 | </li>
 63 | <li>
 64 | <p dir="auto"><a href="https://www.interaction-design.org/literature/topics/color-theory" rel="nofollow">Color Theory Interaction Design</a></p>
 65 | </li>
 66 | </ul>
 67 | <p dir="auto"><strong>Photos</strong></p>
 68 | <ul dir="auto">
 69 | <li><a href="https://www.freepik.com/" rel="nofollow">Freepik</a></li>
 70 | <li><a href="https://www.pexels.com/" rel="nofollow">Pexels</a></li>
 71 | <li><a href="https://unsplash.com/" rel="nofollow">Unsplash</a></li>
 72 | <li><a href="https://www.pinterest.com/" rel="nofollow">Pinterest</a></li>
 73 | </li>
 74 | </ul>
 75 | <p dir="auto"><strong>Guidelines</strong></p>
 76 | <ul dir="auto">
 77 | <li><a href="https://ivomynttinen.com/blog/ios-design-guidelines?fbclid=IwAR0Q0ow4cjLjGQvpqhtORtNSel7bAlcn2GTM1DciG7rwRwJgQsleV-8Kyug" rel="nofollow">IOS Design Guidelines</a></li>
 78 | <li><a href="https://material.io/design/guidelines-overview" rel="nofollow">Material Design</a></li>
 79 | </ul>
 80 | <p dir="auto"><strong>Icons</strong></p>
 81 | <ul dir="auto">
 82 | <li><a href="https://uxdesign.cc/7-principles-of-icon-design-e7187539e4a2" rel="nofollow">7 Principles of Icon Design</a></li>
 83 | <li><a href="https://blog.tubikstudio.com/small-elements-big-impact-types-and-functions-of-ui-icons/" rel="nofollow">Types and Functions of UI Icons</a></li>
 84 | </ul>
 85 | <p dir="auto"><strong>Alignment</strong></p>
 86 | <ul dir="auto">
 87 | <li><a href="https://uxdesign.cc/principles-of-ui-design-alignment-dd707e983f29" rel="nofollow">Principles of UI design: Alignment</a></li>
 88 | </ul>
 89 | <li>
 90 | <p dir="auto"><strong>Typography</strong></p>
 91 | <ul dir="auto">
 92 | <li><a href="https://blog.tubikstudio.com/typography-in-ui-guide-for-beginners/" rel="nofollow">Typography in UI: Guide for Beginners</a>
 93 | <ul dir="auto">
 94 | <li><a href="https://fonts.google.com/" rel="nofollow">Google Fonts</a></li>
 95 | <li><a href="https://arbfonts.com/" rel="nofollow">Arabic Fonts</a></li>
 96 | </ul>
 97 | </li>
 98 | <li><a href="https://blog.prototypr.io/8-rules-for-perfect-typography-in-ui-21b37f6f23ce" rel="nofollow">8 Rules for Perfect Typography in UI</a></li>
 99 | </ul>
100 | </li>
101 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>Mockups</strong></h2>
102 | <ul dir="auto">
103 | <li><p dir="auto"><a href="https://www.figma.com/community/plugin/778645840235495725/Angle-Mockups" rel="nofollow">Angle Mockup</a></p></li>
104 | <li><p dir="auto"><a href="https://www.figma.com/community/plugin/819335598581469537/Clay-Mockups-3D" rel="nofollow">Clay Mockups 3D</a></p></li>
105 | </ul>
106 | <h4 tabindex="-1" class="heading-element" dir="auto"><strong>Videos</strong></h4>
107 | <ul dir="auto">
108 | <li><a href="https://www.youtube.com/watch?v=XVbw79i3poc&amp;t=81s" rel="nofollow">How To Create Mockups</a></li>
109 | </ul>
110 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>Tasks and Inspiration</strong></h2>
111 | You can search for your idea and start to build your own design
112 | <ul dir="auto">
113 | <li><p dir="auto"><a href="https://www.dailyui.co/" rel="nofollow">Daily Challenge</a></p></li>
114 | <li><p dir="auto"><a href="https://dribbble.com/following" rel="nofollow">Dribbble</a></p></li>
115 | <li><p dir="auto"><a href="https://www.behance.net/" rel="nofollow">behance</a></p></li>
116 | <li><p dir="auto"><a href="https://mobbin.com/browse/ios/apps" rel="nofollow">mobbin</a></p></li>
117 | <li><p dir="auto"><a href="https://www.pinterest.com/" rel="nofollow">pinterest</a></p></li>
118 | </ul>
119 | <h1 tabindex="-1" class="heading-element" dir="auto"><strong>UX Design</strong></h1>
120 | <img src="https://miro.medium.com/v2/resize:fit:1400/1*HVJ3fkOAiQpXJaZ8vEWktQ.png" alt="Up On The Wall_ How Working Walls Unlock Creative Insight — Smashing Magazine" style="max-width: 100%;">
121 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>What is UX Design</strong></h2>
122 | <ul dir="auto">
123 | <li><p dir="auto"><a href="https://www.interaction-design.org/literature/topics/ux-design?srsltid=AfmBOop_TcMGhpCnohrw85WW5jSOD0-mwRDnRzrqsI1kCep4CLKVQ2Ye" rel="nofollow">The meaning of UX</a></p></li>
124 | <li><p dir="auto"><a href="https://careerfoundry.com/en/blog/ux-design/" rel="nofollow">The meaning of UX</a></p></li>
125 | </ul>
126 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>What is the process of UX</strong></h2>
127 | <details>
128 | <summary>Articles</summary>
129 |   1--> (<a href="https://xd.adobe.com/ideas/guides/ux-design-process-steps/" rel="nofollow">UX Design Process xd adobe</a>)
130 | <p dir="auto"> 2--> (<a href="https://www.invisionapp.com/inside-design/6-stages-ux-process/" rel="nofollow">UX Design invisionapp</a>)</p> <p dir="auto">
131 | </details>
132 | <details>
133 | <summary>Videos</summary>
134 |   1--> (<a href="https://youtu.be/0nAXnnctNrM?si=JTHoYMxZIj677oxc" rel="nofollow">ux design process steps in Arabic</a>) 
135 |   2--> (<a href="https://youtu.be/EHI78SvEob8?si=4uqyGabm7eylTVH2" rel="nofollow">ux design process steps in Arabic2</a>) 
136 | <p dir="auto">3--> (<a href="https://youtu.be/rYH7AErVd7w?si=ACWLnQoqVQewa-ms" rel="nofollow">ux design process steps in English</a>)</p>
137 | </details>
138 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>Design Thinking</strong></h2>
139 | <ul dir="auto">
140 | <li><p dir="auto"><a href="https://www.interaction-design.org/literature/topics/ux-design?srsltid=AfmBOop_TcMGhpCnohrw85WW5jSOD0-mwRDnRzrqsI1kCep4CLKVQ2Ye" rel="nofollow">Article</a></p></li>
141 | <li><p dir="auto"><a href="https://youtu.be/9dkGoWhgQBg?si=tyufqaF1OVpVm_11" rel="nofollow">video</a></p></li>
142 | </ul>
143 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>UX Research</strong></h2>
144 | <ul dir="auto">
145 | <li><strong>Research Plan</strong>
146 | <ul dir="auto">
147 | <li><a href="https://xd.adobe.com/ideas/process/user-research/" rel="nofollow">What is user research</a></li>
148 | <li><a href="https://www.youtube.com/watch?v=w5JAbELISKI" rel="nofollow">Research Plan &amp; Recruiting for UX Design Projects</a></li>
149 | <li><a href="https://video.udacity-data.com/topher/2019/October/5da657d1_example-research-plan/example-research-plan.pdf" rel="nofollow">Example</a>( semi-structure)</li>
150 | </ul>
151 | </li>
152 | <li><strong>User interview</strong>
153 | <ul dir="auto">
154 | <li><strong><a href="https://www.nngroup.com/articles/user-interviews/?ref=uxtools-challenges" rel="nofollow">User Interviews: How, When, and Why to Conduct Them</a></strong></li>
155 | <li><strong><a href="https://stephaniewalter.design/blog/a-cheatsheet-for-user-interview-and-follow-ups-questions/?ref=uxtools-challenges" rel="nofollow">User Interview Questions</a></strong></li>
156 | <li><a href="https://www.smashingmagazine.com/2020/06/user-interview-questions/?ref=uxtools-challenges" rel="nofollow">Ways to improve questions</a></li>
157 | <li><a href="https://video.udacity-data.com/topher/2019/October/5da65823_example-research-report/example-research-report.pdf" rel="nofollow">Research report</a></li>
158 | </ul>
159 | </li>
160 | <li><strong>Journey map</strong>
161 | <ul dir="auto">
162 | <li><a href="https://www.nngroup.com/articles/journey-mapping-101/?ref=uxtools-challenges" rel="nofollow">The meaning of journey map</a></li>
163 | <li><a href="https://www.youtube.com/watch?v=X7iXcP-wIkk" rel="nofollow">Customer Journey Map Workshop</a></li>
164 | </ul>
165 | </li>
166 | <li><strong>Competitive Analysis</strong>
167 | <ul dir="auto">
168 | <li><strong><a href="https://xd.adobe.com/ideas/process/user-research/guide-to-competitive-analysis-ux-design/?ref=uxtools-challenges" rel="nofollow">A Guide to Competitive Analysis for UX Design</a></strong></li>
169 | <li><strong><a href="https://uxdesign.cc/essential-ingredients-for-every-competitive-analysis-ce08906a4079" rel="nofollow">Essential Ingredients For Every Competitive Analysis</a></strong></li>
170 | </ul>
171 | </li>
172 | <li><strong>User Persona</strong>
173 | <ul dir="auto">
174 | <li><a href="https://www.nngroup.com/articles/persona/?ref=uxtools-challenges" rel="nofollow">Definition of Persona</a></li>
175 | <li><a href="https://www.youtube.com/watch?v=7z7893qE_0w" rel="nofollow">Tips for How to Create &amp; Use Personas</a></li>
176 | </ul>
177 | </li>
178 | <li><strong>Empathy Map</strong>
179 | <ul dir="auto">
180 | <li><strong><a href="https://www.nngroup.com/articles/empathy-mapping/?ref=uxtools-challenges" rel="nofollow">The First Step in Design Thinking</a></strong></li>
181 | <li><a href="https://youtu.be/QwF9a56WFWA" rel="nofollow">How to make the Empathy Map</a></li>
182 | </ul>
183 | </li>
184 | </ul>
185 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>Wireframe and Usability Testing</strong></h2>
186 | <ul dir="auto">
187 | <li><a href="https://www.experienceux.co.uk/faqs/what-is-wireframing/" rel="nofollow">What is Wireframe?</a></li>
188 | <li><a href="https://youtu.be/qpH7-KFWZRI?si=9amfjCD5mpQv-JQY" rel="nofollow">Video explain How make wireframe?</a></li>
189 | <li><a href="https://digital.gov/topics/usability/" rel="nofollow">What is Usability Testing?</a></li>
190 | <li><a href="https://youtu.be/E9d7hVmpRTA?si=giUKgSIW6RgiUcw2" rel="nofollow">Usability Tesing video in Arabic</a></li>
191 | </ul>
192 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>Information Architecture</strong></h2>
193 | <ul dir="auto">
194 | <li><a href="https://careerfoundry.com/en/blog/ux-design/a-beginners-guide-to-information-architecture/" rel="nofollow">What is Information Architecture</a></li>
195 | <li><a href="https://youtu.be/Ij4WquJaRTc" rel="nofollow">Guide To Information Architecture</a></li>
196 | <li><a href="https://www.nngroup.com/articles/top-10-ia-mistakes/?ref=uxtools-challenges" rel="nofollow">Top 10 Information Architecture (IA) Mistakes</a></li>
197 | </ul>
198 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>Resourses to follow news and Brands</strong></h2>
199 | <div class="markdown-heading" dir="auto"><h4 tabindex="-1" class="heading-element" dir="auto">
200 |   <a href="https://www.youtube.com/c/SherifAminUXDesigner/featured" rel="nofollow"> Sherif Amin UX </a> <br>
201 |   <a href="https://www.youtube.com/c/Figmadesign" rel="nofollow"> Figma </a> <br>
202 |   <a href="https://www.youtube.com/c/googledesign" rel="nofollow"> Google Design </a> <br>
203 |   <a href="https://www.youtube.com/howardpinsky" rel="nofollow"> Howard Pinsky  <br>
204 |    </a><a href="https://www.youtube.com/c/AhmadMSekmani" rel="nofollow"> Ahmed Sekmani UI/UX </a> <br>
205 |   <a href="https://www.facebook.com/groups/188850591141932" rel="nofollow"> UXaweya </a> <br>
206 |   <a href="https://www.interaction-design.org/" rel="nofollow"> IDF </a> <br>
207 |   <a href="https://www.nngroup.com/" rel="nofollow"> NN/G </a> <br>
208 |   <a href="https://www.uxtalks.in/" rel="nofollow"> UX Talks </a> <br>
209 |   <a href="https://www.uxpin.com/" rel="nofollow"> UXpin </a> <br>
210 |   <a href="https://www.youtube.com/channel/UCC5Zotku6ESMRsCBiC9UeYA" rel="nofollow"> UX Writing Channel </a> <br>
211 |   </h4><a id="user-content----sherif-amin-ux-----figma-----google-design-----howard-pinsky------ahmed-sekmani-uiux-----uxaweya-----idf-----nng-----ux-talks-----uxpin-----ux-writing-channel----" class="anchor" aria-label="Permalink:  Sherif Amin UX  Figma  Google Design  Howard Pinsky  Ahmed Sekmani UI/UX  UXaweya  IDF  NN/G  UX Talks  UXpin  UX Writing Channel " href="#---sherif-amin-ux-----figma-----google-design-----howard-pinsky------ahmed-sekmani-uiux-----uxaweya-----idf-----nng-----ux-talks-----uxpin-----ux-writing-channel----"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
212 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>Implement a final project</strong></h2>
213 | <ul dir="auto">
214 | <li>Inspire an idea</li>
215 | <li>Implement a mobile application and a website included UI/UX process</li>
216 | <li>Upload the final project with a use case in Behance</li>
217 | </ul>
218 | <h2 tabindex="-1" class="heading-element" dir="auto"><strong>certificate</strong></h2>
219 | <p dir="auto"><strong><a href="https://www.coursera.org/professional-certificates/google-ux-design?utm_source=gg&amp;utm_medium=sem&amp;utm_campaign=15-GoogleUXDesign-ROW&amp;utm_content=15-GoogleUXDesign-ROW&amp;campaignid=12566638067&amp;adgroupid=119528847077&amp;device=c&amp;keyword=ux%20design%20google%20certificate&amp;matchtype=p&amp;network=g&amp;devicemodel=&amp;adpostion=&amp;creativeid=507197228289&amp;hide_mobile_promo&amp;gclid=CjwKCAiAvriMBhAuEiwA8Cs5lTRCjuQvh68Hh6ksx5OAb3q3eNkZBpEz4xrPiO7_N0pWhc4uy36PCRoCMXoQAvD_BwE" rel="nofollow">Google UX Design Professional Certificate</a></strong></p>
220 | <p dir="auto"><strong><a href="https://www.udacity.com/course/ux-designer-nanodegree--nd578" rel="nofollow">UX Design Course Nanodegree (Udacity)</a></strong></p>
221 | <p dir="auto"><strong><a href="https://www.edraak.org/en/programs/specialization/uiux-v1/" rel="nofollow">UI/UX Design(Edraak)</a></strong></p>
222 | <p dir="auto"><strong><a href="https://maharatech.gov.eg/course/view.php?id=1231" rel="nofollow">UX DESIGN FUNDAMENTALS(Maharatech)</a></strong></p>
223 | <div class="markdown-heading" dir="auto"><h3 tabindex="-1" class="heading-element" dir="auto">YouTube:</h3><a id="user-content-youtube" class="anchor" aria-label="Permalink: YouTube:" href="#youtube"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
224 | <ul dir="auto">
225 | <li><a href="https://www.youtube.com/c/SarahDoody" rel="nofollow">Sarah Doody</a></li>
226 | <li><a href="https://www.youtube.com/user/DesignCourse" rel="nofollow">DesignCourse</a></li>
227 | <li><a href="https://www.youtube.com/channel/UCWUGGwfTfJ0-2jUS3dZqOJA" rel="nofollow">femke.design</a></li>
228 | <li><a href="https://www.youtube.com/user/JesseAtomic" rel="nofollow">Jesse Showalter</a></li>
229 | </ul>
230 | <div class="markdown-heading" dir="auto"><h3 tabindex="-1" class="heading-element" dir="auto">Reading books</h3><a id="user-content-reading-books" class="anchor" aria-label="Permalink: Reading books" href="#reading-books"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a></div>
231 | <ul dir="auto">
232 | <li><a href="https://drive.google.com/drive/folders/1Axoq6lz3BrWd8dAiBhfm3d5YzDANgByQ?usp=sharing" rel="nofollow">The Design of Everyday Things</a></li>
233 | <li><a href="https://drive.google.com/drive/folders/1dhWkcjJYZXIoY5uzgIAAa08ld1uBM9IB?usp=sharing" rel="nofollow">100 Things Every Designer Needs to Know about People</a></li>
234 | <li><a href="https://drive.google.com/drive/folders/1CcB-yniVb7gPPb2iKtm-AVCi7KXup5Eh?usp=sharing" rel="nofollow">Don't Make Me Think</a></li>
235 | <li><a href="https://drive.google.com/drive/folders/1KTmzWMcdzorubP3gq78Q6ur18eZv9Vji?usp=sharing" rel="nofollow">The Actionable Guide to Starting Your Design System</a></li>
236 | <li><a href="https://drive.google.com/drive/folders/1fAQqW3e_iuoxy9eH_QIqCkMx5hYDe3wz?usp=sharing" rel="nofollow">The Elements of Successful UX Design</a></li>
237 | <li><a href="https://drive.google.com/drive/folders/1ZV0WnjAGzoTWIAEvHBVFi_FXxp5A_JlD?usp=sharing" rel="nofollow">Meaningful Mobile Typography</a></li>
238 | <li><a href="https://drive.google.com/drive/mobile/folders/1Ju0u-PeAyyxvj2exvmKkzLQEx5oC7Tfu?usp=sharing" rel="nofollow">More Books</a></li>
239 | </ul>
240 | Congratulations, I think you will be the best designer
241 | 


--------------------------------------------------------------------------------