MODULE 1: UI/UX

1.ترسیم نقشه راه طراح شدن Roadmap
2.مبانی تجربه طراحی کاربر Fundamentals of UX Design
3.کاربر پژوهشی User Research (UR)
4.روان شناسی شناختی Cognitive psychology
5.اصول گشتالت Gestalt
6.مدل های ذهنی Mental Models
7.بار شناختی Cognitive Load
8.الگوهای شناختی Cognitive patterns
9.سلسله مراتب بصری Visual hierarchy
10.ناوبری Navigation
11.طراحی تعاملInteraction Design (IxD)
12.کاربرد پذیری Usability
13.دسترسی پذیری Accessibility
14.بریف پروژهProject brief
15.طراحی رابط کاربری UI Design(UID)
16.روانشناسی رنگ ها
17. روانشناسی متن ها
18.wireframe وایرفریم
19.مبانی طراحی رابط کاربر Fundamentals of UI Design
20.ابزار طراحی رابط کاربری Design tools
21.فیگما Figma
22.فریمر Framer
23.افزونه های کاربری Plugins
24.الگوهای طراحیDesign patterns & Trends
25.طراحی بصری visual design
26.نسخه اولیه prototype
27.انتقال طرح HandOff
28.معرفی ابزار Tools
29.محدودیت ها و پیاده سازی Limitation & Implementation
30.راهنمای مسیر شغلی Business tipes
31.ارائه پروژه نهایی Final project

MODULE 2: HTML

1. Introduction to HTML
2. Html DocType
3. Head & body
4. Heading & Paragraphs
5. Attributes & Comments
6. Formatting Tags & iframe
7. Links in Html
8. Images & image map in Html
9. Picture Tags
10. Favicon
11. Tables
12. List in Html
13. Inline & Block Elements
14. Span & Div Tags
15. Id & Class Property
16. Layout & Semantic Tags
17. Entities & Computer Code Elements
18. Forms in Html
19. Form Attributes
20. Svg & Canvas
21. Audio & Video

MODULE 3: CSS

1. Introduction CSS
2. Applying CSS to HTML
3. Selectors
4. Color, gradient Property
5. Background Property
6. Border Property
7. Margin Property
8. Padding Property
9. CSS Units, Width, Height Property
10. Max/Min – Widht/Height
11. BoxModel, BoxSizing Property
12. Outline Property
13. Alignment Text Property
14. Transformation, Decoration Property
15. Text Spacing Property
16. Text Shadow
17. Font, FontFace Rule
18. PseudoClasses, PseudoElements
19. List Style Property
20. Display Property
21. Flow
22. Position Property
23. Z index Property
24. Overflow Property
25. FlexBox
26. Opacity, Visibility Property
27. Attribute Selectors
28. Specificity & Priority
29. Functional Mathematics
30. Box Shadow Property
31. Text Effects
32. Transitions
33. KeyFrames
34. After, Before Property
35. Responsive, Media Queries
36. Float Property
37. Overlay Property

MODULE 4: JAVASCRIPT

1. Introduction to JavaScript
2. Concept and variable defining
3. DataType in Javascript
4. Comment
5. Data Transfer User
6. Convert data types
7. Logical operators
8. Concat in strings
9. NaN Method
10. Comparison Operators
11. If, And, Switch Case, Ternary, for, While, map
12. Functional declaration, expressions
13. Property in string
14. Assignment Operators
15. Arrays
16. Objects
17. Includes method
18. Between data types Primitive and Reference
19. Functional Anonymous and IIFE
20. SetInterval, SetTimeout
21. Flag in Programming
22. DOM
23. Append Element in DOM
24. Event in JS
25. Dataset in DOM
26. Error Handling in JS
27. BOM
28. ECM
29. Memory Heep, Call Stack
30. Event delegation, event bubbling, event capturing
31. Composition in Function and High Order
32. Strict Mode
33. Arrow Function
34. Spread Syntax
35. Rest Operator
36. Destructuring in Arrays
37. Template in Literal
38. String Padding
39. Get Trap, Set Trap in Proxy
40. ASI in JS
41. API in JS
42. Mutate and Immutate
43. Ajax
44. HTTP Methods
45. SPA in JS
46. Asyns, Await, Promise

MODULE 5: AJAX

Full knowledge of how to
send requests to the server
Familiarity with JSON in
sending and receiving information
Http Request
Get Http
Post Http
Send data using Ajax
Fetch-method Axios
Axios-put-delete

MODULE 6: Tailwind

1. To use Bootstrap's predefined classes and Bootstrap's grid system
2. To create responsive navbars
3. To style typography, tables, and forms with Bootstrap
4. To use the most popular Bootstrap components
5. To use an array of Bootstrap Utilities

MODULE 7: Sass

Setting up and working with Sassv compilation tools
Familiarity with different features of Sass
Familiarity with how variables work in Sass
Introduction to nesting in Sass
Introduction to parcels in Sass
Introduction to mixins in Sass
Getting to know and working with the extend method in Sass
Referencing the parent element using & in Sass Getting to know the types of comments in Sass Working with math operators in Sass Working with colors and their associated functions in Sass Introduction to lists in Sass Working with @content in Sass Getting to know the list of arguments and the if conditional command Introduction to loops in Sass

MODULE 8: Git and GitHUB

What is Git and GitHUB
Installing Git
Branching
Pull Requests
Common Workflows
Advanced Topics
Config – push – commit – add – clone – status - Do and Don’t