آموزش طراحی وب و مهندسی تجربه کاربری (UI/UX) - بخش اول - آخرین آپدیت

مبانی HTML HTML Fundamentals

مبانی CSS CSS Fundamentals

• نمایش عملی: اعمال استایل‌ها Demo: Applying Styling

• ۴ بخش مدل جعبه‌ای (Box Model) در CSS The 4 Parts of the CSS Box Model

• نمایش عملی: اعمال مدل جعبه‌ای در منوی افقی Demo: Applying the Box Model - Horizontal Menu

• نمایش عملی: اعمال مدل جعبه‌ای در منوی عمودی Demo: Applying the Box Model - Vertical Menu

• نمایش عملی: ابزارهای توسعه‌دهنده (Dev Tools) و CSS Demo: Dev Tools and CSS

چیدمان صفحه با CSS Page Layout with CSS

• نمایش عملی: فلیس‌باکس (Flexbox) Demo: Flexbox

• نمایش عملی: فلیس‌باکس - بخش دوم Demo: Flexbox Part 2

• نمایش عملی: شبکه‌بندی گرید (Grid Areas) Demo: Grid Areas

• نمایش عملی: شبکه‌بندی گرید - بخش دوم Demo: Grid Areas Part 2

• نمایش عملی: طراحی واکنش‌گرا و تطبیقی Demo: Responsive and Adaptive

• شبکه ۱۲ ستونی 12 Column Grid

• نمایش عملی: شبکه ۱۲ ستونی Demo: 12 Column Grid

فرم‌های HTML و جایگذاری (Positioning) HTML Forms and Positioning

• نمایش عملی: جایگذاری کاربردی Demo: Applied Positioning

• نمایش عملی: جایگذاری کاربردی - بخش دوم Demo: Applied Positioning Part 2

• نمایش عملی: منوی ناوبری کشویی (Dropdown) Demo: Dropdown Navigation

انیمیشن‌ها و گذارها (Transitions) در CSS CSS Transitions and Animations

• نمایش عملی: ساخت منوی کشویی فقط با CSS Demo: CSS-only Transitioning Dropdown Navigation

مقدمه‌ای بر Javascript Introduction to Javascript

• مقایسه جستجو در Object در مقابل Array Object vs Array Lookup

• محدوده لغوی (Lexical Scope) Lexical Scope

• نمایش عملی: عیب‌یابی (Debugging) در جاوااسکریپت Demo: Debugging JS

جاوااسکریپت کاربردی Applied Javascript