آموزش UI UX Design Hybrid از Figma به HTML CSS و JavaScript

سرفصل ها و درس ها

دانلود مواد Download Materials

دانلود مواد Download Materials

• بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

• دانلود مواد دوره همراه Download Course Material Bundled

• دانلود مواد دوره همراه Download Course Material Bundled

فیگما و طراحی وب Figma & Web Design

• دانلود فایل های Figma Download Figma files

• رفتارهای اساسی Figma Figma Essential Behaviors

• مفاهیم موتور Figma Core Figma Core Engine Concepts

• پروژه Medignition قسمت 2 Medignition Project Part 2

• رفتار مؤلفه تودرتو Nested Component Behavior

• پروژه نمونه سازی ساندرینا Sandrina Prototyping Project

• پروژه نمونه سازی پوششی Overlay Prototyping Project

فیگما و طراحی وب Figma & Web Design

• دانلود فایل های Figma Download Figma files

• مبانی Figma Figma Basics

• مبانی Figma Figma Basics

• پلاگین و انجمن Figma Figma Plugin and Community

• پلاگین و انجمن Figma Figma Plugin and Community

• رفتارهای اساسی Figma Figma Essential Behaviors

• مفاهیم موتور Figma Core Figma Core Engine Concepts

• پروژه Airbnb Airbnb Project

• پروژه Airbnb Airbnb Project

• پروژه Medignition قسمت 1 Medignition Project Part 1

• پروژه Medignition قسمت 1 Medignition Project Part 1

• پروژه Medignition قسمت 2 Medignition Project Part 2

• رفتار مؤلفه تودرتو Nested Component Behavior

• پروژه نمونه سازی ساندرینا Sandrina Prototyping Project

• پروژه نمونه سازی پوششی Overlay Prototyping Project

Figma & Design System Figma & Design System

• سبک های قابل استفاده مجدد Reusable Styles

• خودکار کردن سبک های قابل استفاده مجدد Automate Reusable Styles

• اسکلت جزء Component Skeleton

• پروژه 3000 جزء 3000 Component Project

• اجزای تعاملی تو در تو Interactive Components Nested

• پالت رنگ را خودکار کنید Automate color palette

• خودکار کردن سبک های تایپوگرافی Automate typography styles

• جزء Wireframe Wireframe component

• طراحی سریع قسمت 2 Rapid design part 2

Figma & Design System Figma & Design System

• دانلود فایل های Figma Download Figma files

• دانلود فایل های Figma Download Figma files

• سبک های قابل استفاده مجدد Reusable Styles

• خودکار کردن سبک های قابل استفاده مجدد Automate Reusable Styles

• خودکار کردن سبک راهنمای برند Automate Brand Styleguide

• خودکار کردن سبک راهنمای برند Automate Brand Styleguide

• تست دسترسی Accessibility Testing

• تست دسترسی Accessibility Testing

• اسکلت جزء Component Skeleton

• پروژه 3000 جزء 3000 Component Project

• اجزای تعاملی تو در تو Interactive Components Nested

• پالت رنگ را خودکار کنید Automate color palette

• خودکار کردن سبک های تایپوگرافی Automate typography styles

• جزء Wireframe Wireframe component

• اجزای طراحی بصری Visual design components

• اجزای طراحی بصری Visual design components

• طراحی سریع قسمت 1 Rapid design part 1

• طراحی سریع قسمت 1 Rapid design part 1

• طراحی سریع قسمت 2 Rapid design part 2

اصول و نظریه های طراحی Design Principles & Theories

• وحدت و تشابه Unity and Similarity

• تسلط و حافظه کاری Dominance and Working Memory

• فضای منفی و پیچیدگی Negative Space and Complexity

• موانع روانی و تناسب Psychological Barrier and Proportion

• رنگ های RGB ثانویه Secondary RGB Colors

• چرخ رنگ Color Wheel

• رنگ های مکمل Complementary Colors

• رنگ های مشابه Analogous Colors

• اجزای طراحی رابط کاربری UI Design Components

• تجزیه و تحلیل طراحی UI UI Design Analysis

• تایپوگرافی Typography

• فاصله کلمات Word Spacing

• منتهی شدن Leading

• عرض خط Line Width

• یتیم و بیوه Orphan and Widow

• تایپ سلسله مراتب Type Hierarchy

اصول و نظریه های طراحی Design Principles & Theories

• وحدت و تشابه Unity and Similarity

• تسلط و حافظه کاری Dominance and Working Memory

• فضای منفی و پیچیدگی Negative Space and Complexity

• تضاد و تاکید Contrast and Emphasis

• تضاد و تاکید Contrast and Emphasis

• مجاورت و منطقه مشترک Proximity and Common Region

• مجاورت و منطقه مشترک Proximity and Common Region

• تراز و کار ناتمام Alignment and Uncompleted Task

• تراز و کار ناتمام Alignment and Uncompleted Task

• موانع روانی و تناسب Psychological Barrier and Proportion

• تکرار و رفتار مشترک Repetition and Common Behavior

• تکرار و رفتار مشترک Repetition and Common Behavior

• ارتباط ریتم و خط Rhythm and Line Connection

• ارتباط ریتم و خط Rhythm and Line Connection

• رنگ های اولیه، ثانویه و CMYK Primary, Secondary, and CMYK Colors

• رنگ های اولیه، ثانویه و CMYK Primary, Secondary, and CMYK Colors

• رنگ های HSLA HSLA Colors

• رنگ های HSLA HSLA Colors

• رنگ های RGB RGB Colors

• رنگ های RGB RGB Colors

• رنگ های RGB ثانویه Secondary RGB Colors

• چرخ رنگ Color Wheel

• رنگ های مکمل Complementary Colors

• تقسیم رنگ های مکمل Split Complementary Colors

• تقسیم رنگ های مکمل Split Complementary Colors

• رنگ های تک رنگ Monochromatic Colors

• رنگ های تک رنگ Monochromatic Colors

• رنگ های مشابه Analogous Colors

• رنگ های سه گانه Triad Colors

• رنگ های سه گانه Triad Colors

• رنگ های سوم Tertiary Colors

• رنگ های سوم Tertiary Colors

• اجزای طراحی رابط کاربری UI Design Components

• تجزیه و تحلیل طراحی UI UI Design Analysis

• تایپوگرافی Typography

• سریف و بدون سریف تایپ Serif and Sans Serif Typeface

• سریف و بدون سریف تایپ Serif and Sans Serif Typeface

• وزن قلم Font Weight

• وزن قلم Font Weight

• اندازه فونت Font Size

• اندازه فونت Font Size

• کرنینگ Kerning

• کرنینگ Kerning

• فاصله کلمات Word Spacing

• منتهی شدن Leading

• عرض خط Line Width

• یتیم و بیوه Orphan and Widow

• Alignment را تایپ کنید Type Alignment

• Alignment را تایپ کنید Type Alignment

• تایپ سلسله مراتب Type Hierarchy

HTML HTML

• برپایی Set Up

• آناتومی HTML HTML Anatomy

• لیست HTML HTML List

• تصاویر HTML HTML Images

• ویدئوهای HTML HTML Videos

• HTML iFrame HTML iFrame

• فیلد ورودی HTML HTML Input Field

• کشویی HTML HTML Dropdown

• دکمه HTML HTML Button

• سبک خارجی HTML HTML External Style

• سبک درون خطی HTML HTML Inline Style

• عناصر بلوک HTML HTML Block Elements

• عناصر درون خطی HTML HTML Inline Elements

HTML HTML

• برپایی Set Up

• آناتومی HTML HTML Anatomy

• لیست HTML HTML List

• ویژگی HTML HTML Attribute

• ویژگی HTML HTML Attribute

• تصاویر HTML HTML Images

• ویدئوهای HTML HTML Videos

• HTML iFrame HTML iFrame

• چک باکس HTML و دکمه رادیو HTML Checkbox and Radio Button

• چک باکس HTML و دکمه رادیو HTML Checkbox and Radio Button

• فیلد ورودی HTML HTML Input Field

• کشویی HTML HTML Dropdown

• دکمه HTML HTML Button

• پیوند دادن فایل های CSS و جاوا اسکریپت Linking CSS and JavaScript Files

• پیوند دادن فایل های CSS و جاوا اسکریپت Linking CSS and JavaScript Files

• معناشناسی HTML HTML Semantics

• معناشناسی HTML HTML Semantics

• متا تگ های HTML HTML Meta Tags

• متا تگ های HTML HTML Meta Tags

• سبک خارجی HTML HTML External Style

• تگ سبک HTML HTML Style Tag

• تگ سبک HTML HTML Style Tag

• سبک درون خطی HTML HTML Inline Style

• پیوند دادن فونت ها در داخل HTML Linking Fonts inside HTML

• پیوند دادن فونت ها در داخل HTML Linking Fonts inside HTML

• عناصر بلوک HTML HTML Block Elements

• عناصر درون خطی HTML HTML Inline Elements

• آناتومی جعبه HTML HTML Box Anatomy

• آناتومی جعبه HTML HTML Box Anatomy

CSS 101 CSS 101

• آناتومی CSS CSS Anatomy

• شناسه CSS CSS ID

• انتخابگر چندگانه CSS CSS Multiple Selector

• عرض و ارتفاع CSS CSS Width and Height

• CSS Margin و Padding CSS Margin and Padding

• انتخابگر جهانی CSS CSS Universal Selector

• نسل CSS CSS Descendant

• CSS آخرین فرزند CSS Last Child

• CSS فرزند نهم CSS Nth Child

• کلاس های شبه پیوند CSS CSS Link Pseudo Classes

• نظرات CSS CSS Comments

CSS 101 CSS 101

• آناتومی CSS CSS Anatomy

• کلاس های CSS CSS Classes

• کلاس های CSS CSS Classes

• شناسه CSS CSS ID

• انتخابگر چندگانه CSS CSS Multiple Selector

• متغیر CSS CSS Variable

• متغیر CSS CSS Variable

• ویژگی CSS CSS Specificity

• ویژگی CSS CSS Specificity

• عرض و ارتفاع CSS CSS Width and Height

• CSS Margin و Padding CSS Margin and Padding

• شعاع مرزی CSS CSS Border Radius

• شعاع مرزی CSS CSS Border Radius

• مدل جعبه CSS CSS Box Model

• مدل جعبه CSS CSS Box Model

• انتخابگر جهانی CSS CSS Universal Selector

• نسل CSS CSS Descendant

• CSS Direct Child CSS Direct Child

• CSS Direct Child CSS Direct Child

• خواهر و برادر عمومی CSS CSS General Sibling

• خواهر و برادر عمومی CSS CSS General Sibling

• CSS مجاور CSS Adjacent

• CSS مجاور CSS Adjacent

• انتخابگر ویژگی CSS CSS Attribute Selector

• انتخابگر ویژگی CSS CSS Attribute Selector

• کلاس شبه تمرکز CSS CSS Focus Pseudo Class

• کلاس شبه تمرکز CSS CSS Focus Pseudo Class

• CSS First Child CSS First Child

• CSS First Child CSS First Child

• CSS آخرین فرزند CSS Last Child

• CSS فرزند نهم CSS Nth Child

• CSS Odd Selector CSS Odd Selector

• CSS Odd Selector CSS Odd Selector

• CSS Even Selector CSS Even Selector

• CSS Even Selector CSS Even Selector

• CSS Nth از نوع CSS Nth of Type

• CSS Nth از نوع CSS Nth of Type

• CSS انتخابگر نیست CSS Not Selector

• CSS انتخابگر نیست CSS Not Selector

• کلاس های شبه پیوند CSS CSS Link Pseudo Classes

• عناصر شبه CSS CSS Pseudo Elements

• عناصر شبه CSS CSS Pseudo Elements

• نظرات CSS CSS Comments

CSS 201 CSS 201

• رنگ پس زمینه CSS CSS Background Color

• تصویر پس زمینه CSS CSS Background Image

• تکرار پس زمینه CSS CSS Background Repeat

• موقعیت پس زمینه CSS CSS Background Position

• اندازه پس زمینه CSS CSS Background Size

• گرادیان CSS CSS Gradient

• پس زمینه چندگانه CSS CSS Multiple Background

• فیلترهای CSS CSS Filters

• سرریز CSS CSS Overflow

• سایه متن CSS CSS Text Shadow

• سایه جعبه CSS CSS Box Shadow

CSS 201 CSS 201

• رنگ پس زمینه CSS CSS Background Color

• تصویر پس زمینه CSS CSS Background Image

• تکرار پس زمینه CSS CSS Background Repeat

• موقعیت پس زمینه CSS CSS Background Position

• اندازه پس زمینه CSS CSS Background Size

• مخفف پس زمینه CSS CSS Background Shorthand

• مخفف پس زمینه CSS CSS Background Shorthand

• گرادیان CSS CSS Gradient

• پس زمینه چندگانه CSS CSS Multiple Background

• فیلترهای CSS CSS Filters

• کدورت CSS CSS Opacity

• کدورت CSS CSS Opacity

• CSS Clip Path Circle CSS Clip Path Circle

• CSS Clip Path Circle CSS Clip Path Circle

• چند ضلعی مسیر کلیپ CSS CSS Clip Path Polygon

• چند ضلعی مسیر کلیپ CSS CSS Clip Path Polygon

• نمایش و دید CSS CSS Display and Visibility

• نمایش و دید CSS CSS Display and Visibility

• سرریز CSS CSS Overflow

• سایه متن CSS CSS Text Shadow

• سایه جعبه CSS CSS Box Shadow

• CSS Blend Mode CSS Blend Mode

• CSS Blend Mode CSS Blend Mode

CSS 301 CSS 301

• مقیاس CSS CSS Scale

• ترجمه CSS CSS Translate

• چرخش CSS CSS Rotate

• توابع تسهیل CSS CSS Easing Functions

• انتقال چندگانه CSS CSS Multiple Transitions

• مخفف CSS Transitions CSS Transitions Shorthand

• انیمیشن های CSS CSS Animations

• چند انیمیشن CSS CSS Multiple Animations

• نسبی موقعیت CSS CSS Position Relative

• موقعیت CSS ثابت و چسبنده است CSS Position Fixed and Sticky

• CSS Z-Index CSS Z-Index

• طراحی واکنشگرا CSS CSS Responsive Design

CSS 301 CSS 301

• مقیاس CSS CSS Scale

• CSS Skew CSS Skew

• CSS Skew CSS Skew

• ترجمه CSS CSS Translate

• ماتریس CSS CSS Matrix

• ماتریس CSS CSS Matrix

• چرخش CSS CSS Rotate

• CSS Transform Origin CSS Transform Origin

• CSS Transform Origin CSS Transform Origin

• تبدیل چندگانه CSS CSS Multiple Transform

• تبدیل چندگانه CSS CSS Multiple Transform

• توابع تسهیل CSS CSS Easing Functions

• CSS Cubic Bezier CSS Cubic Bezier

• CSS Cubic Bezier CSS Cubic Bezier

• انتقال CSS CSS Transitions

• انتقال CSS CSS Transitions

• انتقال چندگانه CSS CSS Multiple Transitions

• مخفف CSS Transitions CSS Transitions Shorthand

• انیمیشن های CSS CSS Animations

• خلاصه نویسی انیمیشن های CSS CSS Animations Shorthand

• خلاصه نویسی انیمیشن های CSS CSS Animations Shorthand

• چند انیمیشن CSS CSS Multiple Animations

• نسبی موقعیت CSS CSS Position Relative

• موقعیت CSS مطلق CSS Position Absolute

• موقعیت CSS مطلق CSS Position Absolute

• موقعیت CSS ثابت و چسبنده است CSS Position Fixed and Sticky

• CSS Z-Index CSS Z-Index

• طراحی واکنشگرا CSS CSS Responsive Design

CSS Grid و Flexbox CSS Grid and Flexbox

• CSS Flexbox CSS Flexbox

• CSS Flex End CSS Flex End

• فضای CSS به طور یکنواخت CSS Space Evenly

• فضای CSS در اطراف CSS Space Around

• فضای CSS بین CSS Space Between

• CSS Align Baseline CSS Align Baseline

• CSS Flex Order CSS Flex Order

• CSS Flex Grow and Shrink CSS Flex Grow and Shrink

• سی اس اس فلکس کوتاه CSS Flex Shorthand

• ردیف قالب شبکه CSS CSS Grid Template Row

• ستون قالب CSS Grid CSS Grid Template Column

• مخفف شبکه CSS CSS Grid Shorthand

• CSS Grid Row CSS Grid Row

CSS Grid و Flexbox CSS Grid and Flexbox

• CSS Flexbox CSS Flexbox

• CSS توجیه محتوا CSS Justify Content

• CSS توجیه محتوا CSS Justify Content

• CSS Flex Start CSS Flex Start

• CSS Flex Start CSS Flex Start

• CSS Flex End CSS Flex End

• فضای CSS به طور یکنواخت CSS Space Evenly

• فضای CSS در اطراف CSS Space Around

• فضای CSS بین CSS Space Between

• تراز کردن موارد CSS CSS Align Items

• تراز کردن موارد CSS CSS Align Items

• CSS Align Baseline CSS Align Baseline

• CSS Align Self CSS Align Self

• CSS Align Self CSS Align Self

• CSS Flex Order CSS Flex Order

• CSS Flex Grow and Shrink CSS Flex Grow and Shrink

• سی اس اس فلکس کوتاه CSS Flex Shorthand

• CSS Flex Direction CSS Flex Direction

• CSS Flex Direction CSS Flex Direction

• ستون CSS Flex CSS Flex Column

• ستون CSS Flex CSS Flex Column

• CSS Flex Wrap CSS Flex Wrap

• CSS Flex Wrap CSS Flex Wrap

• CSS تراز کردن محتوا CSS Align Content

• CSS تراز کردن محتوا CSS Align Content

• ردیف قالب شبکه CSS CSS Grid Template Row

• ستون قالب CSS Grid CSS Grid Template Column

• مخفف شبکه CSS CSS Grid Shorthand

• CSS Grid Row CSS Grid Row

• ستون شبکه CSS CSS Grid Column

• ستون شبکه CSS CSS Grid Column

• منطقه شبکه CSS CSS Grid Area

• منطقه شبکه CSS CSS Grid Area

• CSS Grid Gap CSS Grid Gap

• CSS Grid Gap CSS Grid Gap

• CSS Justify Self CSS Justify Self

• CSS Justify Self CSS Justify Self

پروژه فتوشاپ به CSS Photoshop to CSS Project

• دانلود فایل های کدنویسی و فتوشاپ Download Coding and Photoshop Files

• دانلود فایل Affinity Designer Download Affinity Designer File

• نمای کلی پروژه فتوشاپ Photoshop Project Overview

• نشانه گذاری HTML فتوشاپ Photoshop HTML Markup

• طراحی کارت CSS فتوشاپ قسمت 1 Photoshop CSS Card Design Part 1

• طراحی کارت CSS فتوشاپ قسمت 3 Photoshop CSS Card Design Part 3

• تعاملات CSS فتوشاپ Photoshop CSS Interactions

پروژه فتوشاپ به CSS Photoshop to CSS Project

• دانلود فایل های کدنویسی و فتوشاپ Download Coding and Photoshop Files

• دانلود فایل Affinity Designer Download Affinity Designer File

• نمای کلی پروژه فتوشاپ Photoshop Project Overview

• نشانه گذاری HTML فتوشاپ Photoshop HTML Markup

• اعلان ریشه فتوشاپ CSS Photoshop CSS Root Declaration

• اعلان ریشه فتوشاپ CSS Photoshop CSS Root Declaration

• فتوشاپ CSS Grid Layout Photoshop CSS Grid Layout

• فتوشاپ CSS Grid Layout Photoshop CSS Grid Layout

• طراحی کارت CSS فتوشاپ قسمت 1 Photoshop CSS Card Design Part 1

• طراحی کارت CSS فتوشاپ قسمت 2 Photoshop CSS Card Design Part 2

• طراحی کارت CSS فتوشاپ قسمت 2 Photoshop CSS Card Design Part 2

• طراحی کارت CSS فتوشاپ قسمت 3 Photoshop CSS Card Design Part 3

• تعاملات CSS فتوشاپ Photoshop CSS Interactions

• فتوشاپ CSS رفتار پاسخگو Photoshop CSS Responsive Behavior

• فتوشاپ CSS رفتار پاسخگو Photoshop CSS Responsive Behavior

سیستم شبکه بوت استرپ 5 Bootstrap 5 Grid System

• دانلود تمام فایل های کدنویسی - بوت استرپ PDF Download All Coding Files— Bootstrap PDF

• کنوانسیون نامگذاری بوت استرپ Bootstrap Naming Convention

• کانتینر بوت استرپ Bootstrap Container

• ردیف های بوت استرپ Bootstrap Rows

• ستون های بوت استرپ Bootstrap Columns

• تراز بوت استرپ Bootstrap Alignment

• ستون های تودرتو بوت استرپ Bootstrap Nested Columns

سیستم شبکه بوت استرپ 5 Bootstrap 5 Grid System

• دانلود تمام فایل های کدنویسی - بوت استرپ PDF Download All Coding Files— Bootstrap PDF

• نقاط شکست بوت استرپ Bootstrap Breakpoints

• نقاط شکست بوت استرپ Bootstrap Breakpoints

• کنوانسیون نامگذاری بوت استرپ Bootstrap Naming Convention

• سلسله مراتب بوت استرپ Bootstrap Hierarchy

• سلسله مراتب بوت استرپ Bootstrap Hierarchy

• کانتینر بوت استرپ Bootstrap Container

• ردیف های بوت استرپ Bootstrap Rows

• ستون های بوت استرپ Bootstrap Columns

• Bootstrap Gutter and Spacing Bootstrap Gutter and Spacing

• Bootstrap Gutter and Spacing Bootstrap Gutter and Spacing

• سفارش بوت استرپ Bootstrap Order

• سفارش بوت استرپ Bootstrap Order

• بوت استرپ افست Bootstrap Offset

• بوت استرپ افست Bootstrap Offset

• نمایشگر بوت استرپ Bootstrap Display

• نمایشگر بوت استرپ Bootstrap Display

• تراز بوت استرپ Bootstrap Alignment

• ستون های تودرتو بوت استرپ Bootstrap Nested Columns

• پروژه طراحی واکنشگرا Responsive Design Project

• پروژه طراحی واکنشگرا Responsive Design Project

Figma به HTML CSS Figma to HTML CSS

• فایل دیگ بخار Boilerplate file

• راهنمای سبک برند Brand Styleguide

• اتوماسیون CSS CSS Automation

• کلاس های CSS DRY CSS DRY Classes

• بخش ناوبری Airbnb Airbnb Navigation Section

Figma به HTML CSS Figma to HTML CSS

• دانلود تمامی فایل ها Download All Files

• دانلود تمامی فایل ها Download All Files

• فایل دیگ بخار Boilerplate file

• سبک های Figma قابل استفاده مجدد Reusable Figma Styles

• سبک های Figma قابل استفاده مجدد Reusable Figma Styles

• راهنمای سبک برند Brand Styleguide

• اتوماسیون CSS CSS Automation

• کلاس های CSS DRY CSS DRY Classes

• بخش قهرمان Airbnb Airbnb Hero Section

• بخش قهرمان Airbnb Airbnb Hero Section

• بخش ناوبری Airbnb Airbnb Navigation Section

• بخش کارت Airbnb Airbnb Card Section

• بخش کارت Airbnb Airbnb Card Section

SVG SVG

• آناتومی SVG SVG Anatomy

• مستطیل SVG SVG Rectangle

• دایره SVG SVG Circle

• خط SVG SVG Line

• SVG Stroke SVG Stroke

• اشیاء چندگانه SVG SVG Multiple Objects

• مسیر Figma SVG Figma SVG Path

• مسیر کلیپ Adobe Illustrator SVG Adobe Illustrator SVG Clip Path

• Figma SVG Gradient Figma SVG Gradient

• فیلتر SVG Figma Figma SVG Filter

SVG SVG

• آناتومی SVG SVG Anatomy

• مستطیل SVG SVG Rectangle

• شفافیت SVG SVG Transparency

• شفافیت SVG SVG Transparency

• مختصات SVG SVG Coordinates

• مختصات SVG SVG Coordinates

• گوشه های گرد SVG SVG Round Corners

• گوشه های گرد SVG SVG Round Corners

• متن SVG SVG Text

• متن SVG SVG Text

• دایره SVG SVG Circle

• SVG Ellipse SVG Ellipse

• SVG Ellipse SVG Ellipse

• خط SVG SVG Line

• SVG Stroke SVG Stroke

• اشیاء چندگانه SVG SVG Multiple Objects

• Adobe Illustrator SVG Polygon Adobe Illustrator SVG Polygon

• Adobe Illustrator SVG Polygon Adobe Illustrator SVG Polygon

• مسیر Figma SVG Figma SVG Path

• SVG Viewbox SVG Viewbox

• SVG Viewbox SVG Viewbox

• گروه انیمیشن و تبدیل SVG SVG Animation and Transform Group

• گروه انیمیشن و تبدیل SVG SVG Animation and Transform Group

• مسیر کلیپ Adobe Illustrator SVG Adobe Illustrator SVG Clip Path

• Figma SVG Gradient Figma SVG Gradient

• فیلتر SVG Figma Figma SVG Filter

جاوا اسکریپت JavaScript

• متغیرهای جاوا اسکریپت JavaScript Variables

• رشته جاوا اسکریپت JavaScript String

• جاوا اسکریپت بولی JavaScript Boolean

• شی جاوا اسکریپت JavaScript Object

• دستکاری شی جاوا اسکریپت JavaScript Object Manipulation

• عملگرهای مقایسه جاوا اسکریپت JavaScript Comparison Operators

• عملگرهای منطقی جاوا اسکریپت JavaScript Logical Operators

• منطق جاوا اسکریپت JavaScript Logic

• جاوا اسکریپت برای هر حلقه JavaScript For Each Loop

• توابع ناشناس جاوا اسکریپت JavaScript Anonymous Functions

• توابع پاسخ به تماس جاوا اسکریپت JavaScript Callback Functions

• توابع پیکان جاوا اسکریپت JavaScript Arrow Functions

جاوا اسکریپت JavaScript

• متغیرهای جاوا اسکریپت JavaScript Variables

• رشته جاوا اسکریپت JavaScript String

• جاوا اسکریپت بولی JavaScript Boolean

• شماره جاوا اسکریپت JavaScript Number

• شماره جاوا اسکریپت JavaScript Number

• الحاق جاوا اسکریپت JavaScript Concatenation

• الحاق جاوا اسکریپت JavaScript Concatenation

• قالب جاوا اسکریپت تحت اللفظی JavaScript Template Literal

• قالب جاوا اسکریپت تحت اللفظی JavaScript Template Literal

• تعداد و طول فهرست جاوا اسکریپت JavaScript Index Number and Length

• تعداد و طول فهرست جاوا اسکریپت JavaScript Index Number and Length

• آرایه جاوا اسکریپت JavaScript Array

• آرایه جاوا اسکریپت JavaScript Array

• دستکاری آرایه جاوا اسکریپت JavaScript Array Manipulation

• دستکاری آرایه جاوا اسکریپت JavaScript Array Manipulation

• شی جاوا اسکریپت JavaScript Object

• دستکاری شی جاوا اسکریپت JavaScript Object Manipulation

• عملگرهای مقایسه جاوا اسکریپت JavaScript Comparison Operators

• عملگرهای منطقی جاوا اسکریپت JavaScript Logical Operators

• دستورات شرطی جاوا اسکریپت JavaScript Conditional Statements

• دستورات شرطی جاوا اسکریپت JavaScript Conditional Statements

• منطق جاوا اسکریپت JavaScript Logic

• جاوا اسکریپت برای حلقه JavaScript For Loop

• جاوا اسکریپت برای حلقه JavaScript For Loop

• جاوا اسکریپت برای حلقه JavaScript For Of Loop

• جاوا اسکریپت برای حلقه JavaScript For Of Loop

• جاوا اسکریپت برای هر حلقه JavaScript For Each Loop

• توابع جاوا اسکریپت JavaScript Functions

• توابع جاوا اسکریپت JavaScript Functions

• پارامترهای تابع جاوا اسکریپت JavaScript Function Parameters

• پارامترهای تابع جاوا اسکریپت JavaScript Function Parameters

• توابع ناشناس جاوا اسکریپت JavaScript Anonymous Functions

• توابع پاسخ به تماس جاوا اسکریپت JavaScript Callback Functions

• توابع پیکان جاوا اسکریپت JavaScript Arrow Functions

جاوا اسکریپت DOM JavaScript DOM

• انتخابگر پرس و جو جاوا اسکریپت JavaScript Query Selector

• انتخابگرهای دیگر جاوا اسکریپت JavaScript Other Selectors

• HTML داخلی جاوا اسکریپت JavaScript Inner HTML

• استایل سازی جاوا اسکریپت JavaScript Styling

• فرزند والدین جاوا اسکریپت JavaScript Parent Child

• خواهر و برادر جاوا اسکریپت JavaScript Siblings

• JavaScript Append و Prepend JavaScript Append and Prepend

• جاوا اسکریپت درج قبل JavaScript Insert Before

جاوا اسکریپت DOM JavaScript DOM

• انتخابگر پرس و جو جاوا اسکریپت JavaScript Query Selector

• همه انتخابگر پرس و جوی جاوا اسکریپت JavaScript Query Selector All

• همه انتخابگر پرس و جوی جاوا اسکریپت JavaScript Query Selector All

• انتخابگرهای دیگر جاوا اسکریپت JavaScript Other Selectors

• محتوای متنی جاوا اسکریپت JavaScript Text Content

• محتوای متنی جاوا اسکریپت JavaScript Text Content

• HTML داخلی جاوا اسکریپت JavaScript Inner HTML

• ویژگی جاوا اسکریپت JavaScript Attribute

• ویژگی جاوا اسکریپت JavaScript Attribute

• فهرست کلاس جاوا اسکریپت JavaScript Class List

• فهرست کلاس جاوا اسکریپت JavaScript Class List

• استایل سازی جاوا اسکریپت JavaScript Styling

• فرزند والدین جاوا اسکریپت JavaScript Parent Child

• خواهر و برادر جاوا اسکریپت JavaScript Siblings

• ایجاد عنصر جاوا اسکریپت JavaScript Create Element

• ایجاد عنصر جاوا اسکریپت JavaScript Create Element

• جاوا اسکریپت حذف فرزند JavaScript Remove Child

• جاوا اسکریپت حذف فرزند JavaScript Remove Child

• JavaScript Append و Prepend JavaScript Append and Prepend

• جاوا اسکریپت درج قبل JavaScript Insert Before

• شنونده رویداد جاوا اسکریپت JavaScript Event Listener

• شنونده رویداد جاوا اسکریپت JavaScript Event Listener

10 پروژه کدنویسی 10 Coding Projects

• پروژه Split Shadow Split Shadow Project

• پروژه صفحه فرود پاسخگو Responsive Landing Page Project

• پروژه پوستر تایپوگرافی Typography Poster Project

10 پروژه کدنویسی 10 Coding Projects

• پروژه Split Shadow Split Shadow Project

• پروژه صفحه فرود پاسخگو Responsive Landing Page Project

• پروژه شبکه بنایی Masonry Grid Project

• پروژه شبکه بنایی Masonry Grid Project

• پروژه پوستر تایپوگرافی Typography Poster Project

• پروژه Morphing Stroke Morphing Stroke Project

• پروژه Morphing Stroke Morphing Stroke Project

• پروژه براش هنر اولیه Primary Art Brush Project

• پروژه براش هنر اولیه Primary Art Brush Project

• پروژه طراحی کارت پویا Dynamic Card Design Project

• پروژه طراحی کارت پویا Dynamic Card Design Project

• پروژه منوی تمام صفحه Full Screen Menu Project

• پروژه منوی تمام صفحه Full Screen Menu Project

• پروژه پس زمینه شکل گیری Morphing Background Project

• پروژه پس زمینه شکل گیری Morphing Background Project

• پروژه شبکه هنری DeStijl DeStijl Art Grid Project

• پروژه شبکه هنری DeStijl DeStijl Art Grid Project

اصول طراحی گرافیک Graphic Design Fundamental

• دانلود فایل های منبع Download resource files

• نمای کلی Affinity Designer Affinity Designer Overview

• ابزارهای طراحی ضروری Essential Design Tools

• گرادیان و نمونه Gradient and Swatches

• شبکه ها و ایزومتریک سه بعدی Grids and 3D Isometric

• پروژه سبک راهنمای برند Brand Styleguide Project

اصول طراحی گرافیک Graphic Design Fundamental

• دانلود فایل های منبع Download resource files

• نمای کلی Affinity Designer Affinity Designer Overview

• ابزارهای طراحی ضروری Essential Design Tools

• گرادیان و نمونه Gradient and Swatches

• اثرات لایه و ضربه Layer Effects and Strokes

• اثرات لایه و ضربه Layer Effects and Strokes

• شبکه ها و ایزومتریک سه بعدی Grids and 3D Isometric

• پروژه تصویر کوچک لوگو Logo Thumbnail Project

• پروژه تصویر کوچک لوگو Logo Thumbnail Project

• پروژه سبک راهنمای برند Brand Styleguide Project

تئوری های بنیادی UX و کسب و کار UX & Business Fundamental Theories

• UX Eco-System Mapping UX Eco-System Mapping

• نقشه سفر UX UX Journey Map

• 6 مدل کسب و کار معروف 6 Famous Business Model

• قرابت و نقشه ذهنی Affinity and Mind Mapping

• جریان های کاربر User Flows

تئوری های بنیادی UX و کسب و کار UX & Business Fundamental Theories

• مدل UX Ice Berg UX Ice Berg Model

• مدل UX Ice Berg UX Ice Berg Model

• UX Double Diamond UX Double Diamond

• UX Double Diamond UX Double Diamond

• نمودار امکان سنجی UX UX Feasibility Diagram

• نمودار امکان سنجی UX UX Feasibility Diagram

• مخاطب هدف Target Audience

• مخاطب هدف Target Audience

• UX Eco-System Mapping UX Eco-System Mapping

• نقشه سفر UX UX Journey Map

• تجزیه و تحلیل SWOT کسب و کار Business SWOT Analysis

• تجزیه و تحلیل SWOT کسب و کار Business SWOT Analysis

• تجزیه و تحلیل رقبای تجاری Business Competitor Analysis

• تجزیه و تحلیل رقبای تجاری Business Competitor Analysis

• معیارهای رشد کسب و کار Business Growth Metrics

• معیارهای رشد کسب و کار Business Growth Metrics

• 6 مدل کسب و کار معروف 6 Famous Business Model

• دانلود فایل های FigJam Download FigJam files

• دانلود فایل های FigJam Download FigJam files

• قرابت و نقشه ذهنی Affinity and Mind Mapping

• کاربر شخصی User Persona

• کاربر شخصی User Persona

• نقشه برداری سفر مشتری Customer Journey Mapping

• نقشه برداری سفر مشتری Customer Journey Mapping

• جریان های کاربر User Flows

• استراتژی طراحی Design Strategy

• استراتژی طراحی Design Strategy

• برنامه ریزی اسپرینت Sprint Planning

• برنامه ریزی اسپرینت Sprint Planning

سخنرانی پاداش Bonus Lecture

• جایزه Bonus

سخنرانی پاداش Bonus Lecture

• جایزه Bonus