دوره جامع صفر تا منتورشیپ فرانت اند|correct unit (absolute/relative)

لیست دروس

به صفحه تمرینات بروید

دوره جامع صفر تا منتورشیپ فرانت اند

بازگشت به صفحه دوره

مسیر یادگیری

سرفصل‌ها و جلسات

- بررسی امکانات دوره + نحوه استفاده درست از آن ها 20:30
- شرکت در مسابقات + بررسی نفرات برتر مسابقات / هفته / ماه 08:10
- نصب نرم افزار های مورد نیاز
- آشنایی با محیط VsCode + نصب اکستنشن های مورد نیاز
- معرفی Html + مفاهیم اولیه آن
- آشنایی با تگ ها در Html - بخش اول
- آشنایی با تگ ها در Html - بخش دوم
- آشنایی با Attribute ها
- آشنایی با مفاهیم CSS + مهمترین دستورات
- آشنای با مفاهیم ID , Class
- تمرین شماره یک + پیوست
- آشنایی با FirBug در مرورگر
- آشنایی با تگ های Block , Inline
- آشنایی با FlexBox 18:52
- شروع پروژه اصلی - وب سایت تخفیفان
- پیاده سازی بخش هدر در سایت تخفیفان
- تنظیم کردن Prettier و نحوه کارکردن با آن
- تکمیل هدر سایت تخفیفان
- آشنایی با سلکتور های تو در تو
- سلکتور های عمومی
- Adjacent/General Sibling Selector
- آشنایی با شبه کلاس ها ( Pseudo Class )
- تمرین کار با سلکتور ها ( سایت CSS Diner )
- اولویت استایل ها در css
- تمرین اولویت بندی CSS + پیوست
- اصول نام گذاری کلاس ها به روش BEM
- ریفاکتور هدر سایت تخفیفان
- پوزیشن ها در CSS 20:32
- کار با Border + OverFlow
- External CSS
- نحوه الحاق فونت به پروژه + پیوست
- کار با FontAwesome
- کار با BoxModel
- انواع لیست ها در HTML
- کار با BoxShadow , TextShadow
- ارسال تمرین Header پروژه تخفیفان
- پیاده سازی slider پروژه تخفیفان
- پیاده سازی slider پروژه تخفیفان ( بخش دوم )
- ساختار بندی Card
- ساختار بندی Card - بخش دوم
- استفاده از Card توسعه داده شده در سایر بخش ها
- طراحی ساختار بخش بازگشت پول ( قسمت اول )
- طراحی ساختار بخش بازگشت پول ( قسمت دوم )
- کار با Transform + Transition
- پیاده سازی بخش Footer
- کار با دستورات Background /Size/Image/Repeat
- کار با دستورات Background-Position
- پیاده سازی بخش Footer ( درباره ما و لینک ها )
- پیاده سازی بخش Social-Media
- کار با فرم / Input / TextArea
- آشنایی با شبه عناصر
- تحویل پروژه گام اول + پیوست
- بررسی 3 اصل بین المللی طراحی یک سایت مدرن
- آشنایی با FlexBox - تقسیم بندی دستورات Flex
- آشنایی با FlexWrap
- آشنایی با Flex-shrink , Flex-grow 13:37
- آشنایی با CSS Grid + تقسیم بندی دستورات
- Grid-Row / Grid-Column/Grid-Area 12:01
- Implicit / Explicit
- Auto/Fit/Fill
- جابه جایی عناصر در css grid
- correct unit (absolute/relative) 20:35
- ادامه مباحث correct unit
- Flexibale Image
- مفهوم مدیاکوئری
- بررسی Root-FontSize
- ریسپانسیو هدر تخفیفان در تمام Device ها
- ریسپانسیو Slider سایت تخفیفان در تمام Device ها
- ریسپانسیو Card های پروژه در تمام Device ها
- ریسپانسیو بخش برگشت پول در تمام Device ها
- ریسپانسیو بخش مشاوره در تمام Device ها
- ریسپانسیو بخش Footer
- بخش پایانی و تحویل پروژه
- آزمون ریسپانسیو دیزاین + Html/Css
- آشنایی با SASS + مفاهیم اولیه
- آشنایی با دستورات CMD + لینوکسی
- نصب SASS + اولین ترنسپایل
- آشنایی با متغیر ها در SASS
- آشنایی با Nesting در SASS 10:33
- آشنایی با میکسین در SASS
- آشنایی با Extend و Function در SASS
- مروری بر فایل های پارشیال + استفاده از use / forward 14:45
- آشنایی با ساختار بندی 7-1 ساس
- Reset Style + ریفاکتور پروژه تخفیفان
- پیاده سازی متغیر ها + میکسین برای پروژه تخفیفان
- ریفاکتور هدر پروژه با SASS
- ریفاکتور Sliderپروژه تخفیفان
- ریفاکتور بخش بازگشت وجه پروژه تخفیفان
- ریفاکتور Footer پروژه تخفیفان
- Compress / Prefix / Build:CSS
- آزمون SASS
- مقدمه جاوااسکریپت
- وارد کردن جاوااسکریپت به پروژه
- کار با کنسول مرورگر
- کار با متغیر ها در جاوااسکریپت
- تفاوت بین var,let,const
- دیتاتایپ ها در جاوااسکریپت
- مفهوم Dynamic&LooselyTyped در جاوااسکریپت
- عملگرهای حسابی ( Arthimetic operators )
- increment&decrement
- عملگرهای انتسابی ( Assignment Operators )
- کار با رشته ها در جاوااسکریپت
- چالش شماره یک
- تبدیل دیتاتایپ ها در جاوااسکریپت
- دستورات شرطی در جاوااسکریپت (if&else)
- عملگرهای مقایسه ای (Comparison operators)
- چالش شماره دو
- Truthy and falsy
- عملگرهای منطقی (Logical Operators)
- اولویت عملگرها در جاوااسکریپت
- چالش شماره سه
- Ternary Operator
- دستور switch case در جاوا اسکریپت
- چالش شماره چهار
- جمع بندی مباحث فصل اول
- مقدمه فصل دوم
- مقدمه ای بر توابع در جاوااسکریپت (function declaration)
- نحوه کار با پارامترها در توابع
- کلمه کلیدی return
- چالش - محاسبه قیمت و تخفیف سبد خرید
- function expression
- Arrow Function
- مروری بر توابع در جاوااسکریپت
- چالش - حل اتحاد مکعب دوجمله ای با جاوااسکریپت
- کار با حلقه ها در جاوااسکریپت ( while )
- چالش - بازی حدس عدد
- break&continue
- حلقه do while و تفاوتش با while
- حلقه for در جاوااسکریپت
- آرایه ها در جاوااسکریپت
- push - pop - shift- unshift
- استفاده از حلقه ها در آرایه ها
- چالش - حدس سری اعداد
- آبجکت ها در جاوااسکریپت
- اضافه کردن/حذف کردن property
- کار با method در Object
- کلمه کلیدی this در Object
- چالش - استفاده از آبجکت ها در عملیات های ریاضی
- جمع بندی فصل دوم
- مقدمه فصل سوم
- جاوااسکریپت چگونه کار میکند؟
- محیط اجرای جاوااسکریپت
- Execution context&CallStack
- انواع اسکوپ در جاوااسکریپت
- scopeChain در جاوااسکریپت
- Hoisting در جاوااسکریپت
- use strict
- دستور this در جاوااسکریپت
- Primitive&Reference
- مدیریت خطاها در جاوااسکریپت
- آشنایی با مفهوم اکمااسکریپت
- معرفی DOM
- آشنایی با Node ها در DOM
- دسترسی به المان ها در DOM (بخش اول)
- دسترسی به المان ها در DOM (بخش دوم)
- اعمال تغییرات در DOM
- اعمال تغییرات در چند المان در DOM
- پیمایش در عناصر DOM (بخش اول)
- پیمایش در عناصر DOM (بخش دوم)
- ویژگی classList در DOM
- دسترسی و تغییر در DOM Element Attribute
- ساخت المان جدید در DOM
- کار با دستورات remove&removeChild&CloneNode
- مقدمه پروژه ToDoList
- اضافه کردن task جدید در پروژه
- نشانه گذاری و حذف کردن task ها در پروژه
- ذخیره task ها در LocalStorage
- مقدمه فصل پنجم ( نگاهی دقیق تر به توابع در جاوااسکرپیت)
- مروری بر توابع در جاوااسکریپت
- توابع ناشناس ( Anonymous function )
- توابع مرتبه بالا (HOF)
- توابع IIFE
- توابع Generator و کلمه کلیدی yield
- توابع بازگشتی (Returning Function)
- آشنایی با Call&Apply در جاوااسکریپت
- Callback Function
- کار با bind (تفاوت bind&call&apply)
- مفهوم Closure و GarbageCollection در جاوااسکریپت
- فصل ششم ( نگاهی عمیق تر به آرایه ها در جاوااسکریپت)
- مروری بر آرایه ها و آشنایی با دستور Array.from
- دستور concat در جاوااسکرپیت
- Join & Split
- Splice & Slice
- کار با دستور indexOf
- find & findIndex
- چالش 1
- آشنایی با حلقه forOf و داده های iterable
- forEach & Map
- some & every & includes
- Sort & Filter
- کار با reduce در جاوااسکرپیت
- Spreed&Rest در جاوااسکرپیت
- array Destructuring
- SET در جاوااسکریپت
- فصل هفتم- کار با رشته ها در جاوااسکریپت
- مروری بر String ها
- length & charAt
- slice - splite -substr-substring
- indexOf - lastIndexOf - search
- includes & replace
- toUpperCase & toLowerCase
- startsWith & endsWith
- trim-trimStart-trimEnd
- مقدمه فصل هشتم
- کار با متدهای اعداد در جاوااسکریپت
- کار با متدهای Math در جاوااسکریپت
- نحوه ایجاد تاریخ و زمان در جاوااسکریپت
- کار با متد های get در تاریخ و زمان
- کار با متدهای set در تاریخ و زمان
- نحوه استفاده از Intl API در جاوا اسکریپت
- کار با setInterval&setTimeOut
- مروری بر عملگرهای شرطی در جاوااسکریپت
- logical and / or / assignment Operator
- nullish coalescing
- مقدمه فصل نهم
- get/access/delete Object
- کپی کردن Object
- traverse کردن در object
- چک کردن وجود property در یک Object
- chaining object
- object destructuring
- کلمه کلیدی this در متدها و توابع
- کلمه کلیدی this در arrow function
- کلمه کلیدی this در Event ها
- Call,Bind,Apply
- فصل دهم : پروژه سایت موزیک ( سطح متوسط )
- مروری بر مباحث سطح متوسط ( بخش اول )
- مروری بر مباحث سطح متوسط ( بخش دوم )
- مروری بر مباحث سطح متوسط ( بخش سوم)
- کدنویسی تمیز در جاوااسکریپت
- ذخیره سازی داده های پروژه
- الحاق لیست موزیک به پروژه
- اضافه کردن اطلاعات هر خواننده به پروژه
- اضافه کردن لیست موزیک ها به پروژه
- لیست کردن تمام خواننده ها به پروژه
- ایجاد بخش PlayMusic در پروژه
- اضافه کردن محصولات به سبد خرید
- نمایش محصولات در سبد خرید
- حذف محصولات از سبد خرید
- محاسبه TotalPrice
- اضافه و حذف بخش مورد علاقه ها
- ایجاد تاریخ و زمان پروژه
- بازبینی نهایی پروژه + رفع ایرادات
- جمع بندی فصل دهم جاوااسکریپت
- فصل یازدهم - شی گرایی در جاوااسکریپت
- مفهوم OOP در برنامه نویسی
- مفهوم OOP در جاوااسکریپت
- constructorFunction
- prototype | prototype Inheritance
- زنجیره ی پروتوتایپ ها در جاوااسکریپت
- Built-In Object
- مفهوم Class در OOP
- متد های استاتیک در جاوااسکریپت
- مفهوم Object.Create در OOP
- ارث بری بین کلاس ها (class Inheritance)
- کاربرد متد super در کلاس ها
- ارث بری در constructor Function ها
- اصول برنامه نویسی شیءگرا (Abstraction)
- اصول برنامه نویسی شیءگرا (Encapsulation)
- Inheritance-Polymorphism
- private Method
- setter/getter Method
- زنجیره ی متد ها در کلاس ها
- مقدمه فصل دوازدهم - پروژه سایت موزیک با OOP
- ذخیره اطلاعات پروژه داخل Class
- Class App
- نمایش اطلاعات پروژه در قالب Class
- ایجاد بخش PlayMusic
- Basket Class
- استفاده از Static Method داخل Class
- نمایش / حذف اطلاعات سبد خرید
- محاسبه TotalPrice
- Favorite Class
- Date & Time Class
- نمایش لیست تمام خواننده های پروژه
- Toast Class
- نکات تکمیلی + ریفاکتور پروژه
- مقدمه فصل سیزدهم - BOM در جاوااسکریپت
- BOM Method and Property
- screen & location
- history
- navigation در BOM
- فصل چهاردهم - storage API
- localStorage & sessionStorage
- Cookie
- پیاده سازی localStorage در پروژه
- پیاده سازی cookie در پروژه
- ایجاد IndexedDB
- ایجاد schma در IndexedDB
- ذخیره سازی داده ها در objectStore
- فراخوانی اطلاعات از IndexedDB
- حذف کردن اطلاعات از IndexedDB
- فصل پانزدهم - EVENT ها در جاوااسکریپت
- انواع روش های پیاده سازی EVENT ها
- کار با پراپرتی های Event.Object
- کار با method های Event Object
- کار با انواع Event در جاوااسکریپت
- Capturing&Bubbling در جاوااسکریپت
- Event Propagation & Event delegation
- جمع بندی فصل پانزدهم
- مقدمه فصل شانزدهم - Async در جاوااسکرپیت
- synchronous در جاوا اسکریپت
- JS MODEL - Asynchronous
- Event Loop - Callback Queue - Single Thread
- callBack & callBack Hell
- آشنایی با Promise ها در جاوااسکریپت
- استفاده از Promise در دنیای واقعی
- وضعیت‌های پرامیس ( pending-Fulfilled-rejected )
- حل یک تمرین با promise ها
- async - await در جاوااسکریپت
- پروژه loading با async/await
- بررسی بهینه بودن و بازنویسی پروژه loading
- بررسی انواع متدهای استاتیک در promise ها
- جمع بندی فصل شانزدهم
- مقدمه فصل هفدهم - HTTP REQUEST
- آشنایی با مفهوم SPA در برنامه نویسی
- آشنایی با نحوه تعامل با API در جاوااسکریپت
- آشنایی با XMLHTTPREQUEST (XHR)
- پروژه lazyLoading - دریافت اطلاعات از API (روش اول - XHR)
- آشنایی با مهمترین ویژگی های XHR
- نحوه فیلتر و دسترسی به داده های API به وسیله ی XHR
- ایجاد lazy Load
- کار با POST
- کار با PUT & Delete
- مدیریت و ارسال Header
- استفاده از fetch بجای XHR
- POST - PUT - DELETE در fetch
- کتابخانه ی AXIOS
- مقدمه فصل هجدهم - پروژه سایت دیجی موویز
- نحوه دسترسی به API KEY
- تنظیمات و دسترسی اولیه به داده های API
- نمایش فیلم ها داخل سایت
- دسترسی و نمایش ژانر فیلم ها
- دسترسی و نمایش زبان فیلم ها
- ایجاد lazyLoading در پروژه
- اضافه کردن مقادیر به فیلترهای جستجو پیشرفته
- پیاده سازی فیلتر پیشرفته
- اتوماتیک کردن فیلتر پیشرفته
- مدیریت lazyLoading در جستجو پیشرفته
- عملکرد تغییر جستجو پیشرفته
- جستجو بر اساس کلمه کلیدی
- پیاده سازی debounce
- تغییر تم سایت و ذخیره سازی داخل storage
- ریفکتور و مدیریت خطای پروژه
- فصل نوزدهم - برنامه نویسی ماژولار
- export & import
- dafault&name&nameSpace Export
- dynamic import
- tree Shaking
- فصل بیستم - NPM
- serve package
- webpack
- کار با devServer
- فصل بیست و یکم - صفر تا صد سایت ویرگول به روش SPA
- مقدمات و بررسی زیرساخت SPA
- popstate&pushstate
- ماژولار کردن پروژه ایجاد زیرساخت OOP
- بررسی و ایجاد مهمترین فازهای SPA
- نصب تمام پکیج های مورد نیاز پروژه + سورس پروژه
- ایجاد متدهای static و لانچ کردن پروژه
- پیاده سازی فاز BeforeRendering
- کار با postman و تست کردن API
- ست کردن هدر های مورد نیاز API در پروژه
- جلوگیری از ارسال درخواست مجدد به API
- نمایش پست ها در صفحه اصلی پروژه
- نمایش پادکست ها در صفحه اصلی پروژه
- نمایش category ها در پروژه
- ایجاد Id برای ورود به جزئیات هر پست
- نمایش جزئیات هر پست
- ایجاد Loading در پروژه
- نمایش جزئیات بخش category
- کار با swiper.js
- نمایش محتویات هر پادکست
- ریفاکتور پروژه
- ایجاد صفحه ثبت نام
- نمایش خطاها در صفحه ثبت نام
- پیاده سازی صفحه verification و ارسال کد تایید به ایمیل
- بررسی صحت کد تایید به وسیله ی API
- تایید اطلاعات و هدایت کاربر به صفحه Login
- پیاده سازی صفحه Login
- ذخیره Token در LocalStorage و هدایت به پنل کاربری
- ساخت Toast برای نمایش پیام به کاربر
- ایجاد سطح دسترسی برای کاربران و جلوگیری از ورود به صفحات غیر مجاز
- ایجاد صفحه داشبورد
- ساخت صفحه ی ارسال پست و بررسی فیلد ها
- دسترسی به دسته بندی پست ها و نمایش آن ها
- ایجاد بخش Range
- ایجاد تگ برای پست
- ایجاد و پیش نمایش تصویر برای پست ( URL و FILE READER )
- ارسال و ذخیره پست به وسیله ی API
- نمایش پست منتشر شده در پنل کاربری
- انتشار پست و نمایش در صفحه اصلی
- حذف پست از پنل کاربری
- جلوگیری از ارسال درخواست تکراری به سمت سرور
- ایجاد بخش تنظیمات حساب کاربری
- قرار دادن اطلاعات فعلی کاربر در فیلد ها
- ویرایش اطلاعات کاربر
- خروج از پنل کاربری و منسوخ کردن Token
- تغییر تم سایت
- ایجاد بخش Topic
- ایجاد صفحه اختصاصی برای هر کاربر
- ایجاد صفحه جستجو
- نمایش پست های جستجو شده ( تفکیک پست / کاربر)
- پخش شدن پادکست ها
- ایجاد بخش حذف حساب کاربری (Delete Account)
- رفع مشکلات / ریفاکتور نهایی پروژه
- آپلود پروژه روی سرور + سورس نهایی پروژه
- تحویل پروژه
- آزمون جاوااسکریپت + بررسی سوالات مصاحبه استخدامی
- مقدمه تیلویند
- نصب نرم افزارهای مورد نیاز + پیوست دوره
- نصب تیلویند به روش Tailwind CLI
- نصب تیلویند به روش PostCss
- تفاوت های نسخه 3 و 4 تیلویند
- مفهوم Utility-First در تیلویند
- مفاهیم رنگ ها در تیلویند 22:53
- مفاهیم typography در تیلویند
- spacing ( padding + margin )
- sizing در تیلویند
- border + border-radius
- مفاهیم layout در تیلویند
- کار با دستورات Filter در تیلویند
- مفاهیم state در تیلویند
- مفهوم transform + transition در تیلویند
- مفاهیم FlexBox
- سیستم گرید در تیلویند 20:13
- BreakPointsها در تیلویند
- کمی تمرین کنیم!
- دارک مود در تیلویند
- مفهوم preflight و directive در تیلویند
- شخصی سازی دستورات تیلویند
- پروژه یک ) صفحه لاگین + ریسپانسیو پروژه
- پروژه دو ) پیاده سازی صفحه Card + ریسپانسیو پروژه
- پروژه سه ) پیاده سازی صفحه landing
- ریسپانسیو پروژه Landing
- پروژه چهارم - سایت NFT ( بخش اول )
- پروژه چهارم - سایت NFT ( بخش دوم) 23:16
- پروژه چهارم - سایت NFT ( بخش سوم)
- پروژه چهارم - سایت NFT ( بخش چهارم)
- معرفی و آماده سازی پروژه نهایی دوره ( سایت جابینجا )
- الحاق فونت فارسی به پروژه + پیوست
- پیاده سازی هدر پروژه
- پیاده سازی بخش دسته بندی ها
- کار با swiper.js
- پیاده سازی آخرین آگهی ها
- پیاده سازی بخش نقشه راه
- پیاده سازی بخش لیست مشاغل
- پیاده سازی بخش footer
- ریسپانسیو هدر پروژه
- ریسپانسیو بخش دسته بندی
- ریسپانسیو بخش لیست شرکت ها
- ریسپانسیو بخش footer
- پیاده سازی صفحه 50 شرکت برتر
- پیاده سازی بخش شرکت های برتر
- ریسپانسیو صفحه 50 شرکت برتر
- پیاده سازی صفحه جستجوی مشاغل
- پیاده سازی بخش sidebar
- ریسپانسیو صفحه جستجوی مشاغل
- تمرین های که باید انجام دهید.
- آماده سازی پروژه برای مرحله production
- قراردادن پروژه بر روی هاست
- رفع مشکلات فونت در Production + پیوست پروژه نهایی
- آزمون تیلویند + بررسی سوالات مصاحبه استخدامی
- مقدمه گیت و گیت هاب
- نصب گیت و اکستنشن های مورد نیاز
- ایجاد ریپازیتوری در گیت
- git workflow (working directory-staging area - local repository)
- دستور add / commit / checkout در گیت
- کار با branch در گیت
- کار با دستورات switch / branch
- انواع merge در گیت
- تداخل ( conflicts ) در گیت
- diff در گیت
- نحوه detach کردن commit ها
- Restore/Reset/Revert در گیت
- کار با دستور stash در گیت
- آشنایی و ساخت اکانت در گیت هاب
- کار با دستور clone
- Remote Repository / Local Repository
- کار با دستورات pull & push
- کار با remote , branch
- کار با githubpage
- کار با دستور git fetch
- کار با فایل README.md
- آشنایی با سایت shields.io
- کار گروهی و اضافه کردن همکار به پروژه
- کار با pullRequest
- کار با Fork در گیت هاب
- کار با فایل gitignore.
- ایجاد/ انواع / نحوه push کردن تگ در گیت
- فصل اول - چطوری دوره ریکت رو پیش ببریم + پیوست
- ریکت چی هست ؟ چرا باید از ریکت استفاده کنیم؟
- فصل دوم (مبانی جاوااسکریپت ) - راهنمای جلسات فصل ( کدوم جلسات رو ببینیم؟)
- متغیر ها ، Hoisting , scope در جاوااسکریپت
- دیتاتایپ ها در جاوااسکریپت
- تفاوت داده های Refrence با Primitive
- توابع در جاوااسکریپت
- شرط ها در جاوااسکریپت
- Truthy & Falsy
- Ternary Operator
- حلقه ها در جاوااسکریپت
- فصل سوم (مروری بر مفاهیم پیشرفته جاوااسکریپت) - راهنمای جلسات ( کدوم جلسه رو ببینیم)
- Rest & Spread
- Array & Object Destructuring
- کار با متد های Filter & Map
- کار با متد های Reduce & Includes & Find
- Optional Chaining
- Import & Export
- Promise
- Async / Await
- فصل چهارم: آشنایی با JSX - نصب نرم افزارهای مورد نیاز + نصب ریکت با Vite
- بررسی ساختار پوشه و فایل های ریکت + تنظیمات کانفیگ
- آشنایی با سینتکس JSX
- آشنایی با قوانین JSX
- پیاده سازی اولین مینی پروژه با JSX
- بررسی نحوه کارکرد حلقه ها در JSX
- فصل پنجم - کامپوننت چیست ؟ چجوری باید کامپوننت ها رو در ریکت جداسازی بکنیم؟
- درک مفهوم props در ریکت
- رندر شرطی در کامپوننت ها
- نحوه تغییر نام پراپ ها در ری اکت
- children props
- Class Component + دلایل عدم استفاده از آن ها
- فصل ششم - مروری بر پروژه فصل ششم
- جداسازی و سازماندهی کامپوننت های پروژه
- پیاده سازی کامپوننت هدر
- پیاده سازی کامپوننت Hero
- پیاده سازی کامپوننت slider
- پیاده سازی کامپوننت creator
- جداسازی کامپوننت card
- پیاده سازی کامپوننت Seller
- پیاده سازی کامپوننت Footer
- فصل هفتم - اشنایی با رویداد ها در ریکت
- آشنایی با رویداد ها در class component
- دسترسی به رویداد ها و عنصر هدف در ریکت
- فصل هشتم - چرا به state نیاز داریم؟ (پیاده سازی پروژه بدون state و مشکلات آن)
- Render , ReRender در ریکت
- change State در ریکت
- چطوری آرایه ها رو در state مدیریت کنیم ؟
- نصب React DevTools
- کار با Object ها در State
- جمع بندی و مرور کلی state در ریکت
- فصل نهم - تفکر ریکتی یعنی چی ؟ چطوری باید فکر کنیم؟
- تقسیم بندی UI به کامپوننت های کوچکتر ( نگاه کل به جز )
- انواع state و نحوه مدیریت آن ها
- چه زمانی باید یک state ایجاد کنیم؟
- ایجاد استیت در کامپوننت والد و اشتراک گذاری با فرزندان
- ساخت کامپوننت card و مدیریت داده با state
- به روز رسانی state در ریکت
- پیاده سازی Toggle Pin در ریکت
- نحوه حذف عناصر داخل state در ریکت
- پیاده سازی Derived state
- پیاده سازی بخش clearAll
- فیلتر کردن آیتم های پین شده
- پیاده سازی جستجوی زنده ( live Search )
- پیاده سازی بخش مرتب سازی (sorting) کارت ها
- کار با Local Storage در ریکت
- مشکل Prop Drilling و بررسی راهکار های آن
- استفاده از component composition
- جمع بندی و مرور کلی مباحث state Managment
- فصل دهم - فرم ها ، اعتبارسنجی و.....
- رندر لیست ها با Map و اهمیت Key
- اضافه کردن + ویرایش + حذف آیتم ها در آرایه ی State
- مدیریت فرم ها و ورودی ها در ریکت
- مدیریت ورودی های Select / options در فرم ها
- مدیریت CheckBox / Radio در فرم ها
- نمایش داده های ذخیره شده در state
- اعتبار سنجی فرم به صورت دستی
- اعتبار سنجی فرم ها با ترکیب کتابخونه های React-Hook-Form + Yup+HookForm Resolvers
- چجوری قوانین اعتبارسنجی رو باید به وسیله ی Yup بنویسیم؟
- کاربرد watch و اعتبارسنجی فرم ها به صورت Live
- کاربرد when در قوانین Yup
- فصل یازدهم - LifeCycle کامپوننت ها در ریکت ( Mounting-Unmounting-Updating )
- Life Cycle کلاس کامپوننت ها
- دلیل ایجاد حلقه بی نهایت هنگام Mount شدن کامپوننت
- آشنایی با کاربرد useEffect و سینتکس اون
- بررسی حالت های مختلف Dependency در useEffect
- CleanUp Function در useEffect
- جمع بندی و مرور کلی مباحث فصل
- فصل دوازدهم - Hook چیست ؟ مهمترین قوانین Hook ها!
- استفاده از setState به وسیله ی توابع
- بررسی Batch در state ها و راهکار های آن
- بررسی هوک useRef
- دسترسی به عناصر Dom به وسیله ی useRef
- ذخیره ی سازی مقادیر در useRef برای جلوگیری از ReRender شدن کامپوننت
- بررسی هوک useId
- custom Hook ها چی هستن ؟
- پیاده سازی کاربرد customHook ها در درخواست های Async
- استفاده از customHook ها برای پیاده سازی پروژه copy To ClipBoard
- فصل سیزدهم - معرفی هوک useReducer
- ساختار هوک useReducer
- پیاده سازی پروژه به وسیله ی هوک useReducer
- استفاده از switch در action
- معرفی پروژه Quiz Of Kings
- level بندی پروژه Quiz Of Kings
- نمایش دادن سوالات و پاسخ ها
- تشخیص درستی پاسخ کاربر و استفاده از Dispatch
- تغییر رنگ گزینه ها بر اساس پاسخ درست یا غلط کاربر
- نمایش سوالات بعدی به کاربر
- پیاده سازی بخش نتیجه ی آزمون
- بازنشانی پاسخ ها و شروع دوباره آزمون
- جابه جایی کاربر بین سطح های قبلی و فعلی
- ذخیره سازی اطلاعات داخل LocalStorage
- تبدیل پروژه به کامپوننت های مجزا و ریفاکتور پروژه
- ریفاکتور پروژه به وسیله ی useReducer
- فصل چهاردهم - مروری بر مفهوم PropDrilling و کاربرد ContextApi
- آشنایی با ساختار Context Api
- ریفاکتور پروژه Quiz of Kings به وسیله ی Context Api
- پیاده سازی پروژه سبد خرید
- داینامیک کردن محصولات و خوندن محصولات از داخل DATA
- ذخیره سازی آیتم ها داخل state سبد خرید و اشتراک گذاری به وسیله ی Context Api
- افزایش تعداد آیتم های سبد خرید در State
- چاپ کردن آیتم های State در کامپوننت سبد خرید
- حذف کردن / کاهش تعداد آیتم ها از داخل State
- محاسبه ی Total Price
- استفاده از useCart و کاهش کدهای تکراری
- فصل پانزدهم - مفهوم SPA و تفاوت SPA با MPA
- مفهوم Route و پیاده سازی ساختار React Router Dom
- طراحی Navbar و مدیریت Route ها + کاربرد Link
- مدیریت وضعیت فعال لینک ها با NavLink
- Dynamic Route
- Catch All Route
- Nested Route + Outlet
- هوک useNavigate
- فصل شانزدهم - مقدمه تیلویند در ریکت
- نحوه نصب و استفاده از تیلویند در ریکت به وسیله ی VITE
- رنگ ها در تیلویند
- تایپوگرافی در تیلویند
- spacing در تیلویند
- sizing در تیلویند
- borders در تیلویند
- display - position - overflow در تیلویند
- state ها در تیلویند
- flexbox در تیلویند
- css grid در تیلویند
- preflight در تیلویند
- شخصی سازی دستورات تیلویند
- کار با پکیج React Icon + Hero Icon
- فصل هفدهم - نصب ابزارها و پکیج های مورد نیاز پروژه
- اضافه کردن فونت فارسی به پروژه
- پیاده سازی Routeهای پروژه به وسیله ی پکیج React Router Dom
- جداسازی Header + Footer
- تغییر تگ های a به Link در Navbar
- خوندن بخش category به صورت داینامیک
- پیاده سازی Dynamic Route / صفحه جزئیات دوره
- دینامیک کردن صفحه جزئیات دوره
- دینامیک کردن صفحه جزئیات مقالات
- پیاده سازی صفحه ی دوره ها ، مقالات ، مدرسین
- پیاده سازی صفحه جزئیات مدرسین
- استفاده از پکیج React Icon بجای SVG
- به اشتراک گذاشتن state مربوط به سبد خرید توسط Context Api
- ذخیره سازی آیتم در State سبد خرید
- نمایش ایتم ها در کامپوننت سبد خرید
- حذف آیتم ها از State سبد خرید
- پیاده سازی کامپوننت مربوط به صفحه login/register
- ذخیره اطلاعات کاربر در state و اشتراک گذاری به وسیله ی context Api
- بررسی صحت اطلاعات کاربر پس از لاگین
- نمایش اطلاعات کاربر لاگین شده در هدر + پیاده سازی LogOut
- Protected Route (کامپوننت محافظ)
- استفاده از Nested Route (جابه جایی بین صفحات داشبورد)
- نمایش دوره های کاربر در پنل کاربری
- ذخیره سازی اطلاعات سبد خرید در localStorage
- ذخیره سازی اطلاعات کاربر در localStorage
- فصل هجدهم - مفهوم بهینه‌سازی عملکرد (performance ) در React
- مفهوم Render های اضافی در ریکت و دلایل وقوع آن
- کار با تب profiler + نحوه کارکردن با آن
- کاربرد Memo در ریکت
- کار با هوک useMemo
- هوک useCallback
- بازنویسی یک پروژه با عملکرد ضعیف به وسیله ی Memo+useMemo
- مفهوم lazyLoading / Pagination + پیاده سازی infinite Scroll
- LazyLoading + FallBack
- درک cleanUp Function در بهینه سازی عملکرد
- پکیج use context selector برای بهینه سازی Context Api
- استفاده از پکیج use context selector در پروژه اصلی + بهینه سازی نهایی پروژه
- مروری بر تمام مفاهیم فصل
- فصل نوزدهم - مفهوم Context Hell و دلیل استفاده از Redux
- مروری بر هوک useReducer
- اشنایی با Classic Redux
- پیاده سازی پروژه ماشین حساب به وسیله ی Classic Redux
- آشنایی با Redux ToolKit + ریفاکتور پروژه ماشین حساب
- مفهوم Dispatch / Type / Payload
- ریفاکتور پروژه SPA به وسیله ی Redux ToolKit
- بازنویسی فایل store ریداکس
- استفاده از useSelector / Dispatch ,... وبازنویسی پروژه SPA
- فصل بیستم - مفهوم HttpRequest و انواع Method ها
- ساختار Request+ Response
- تست کردن API به وسیله ی Thunder Client
- تست کردن API به وسیله ی PostMan
- ارسال درخواست Fetch و مدیریت Promise
- مدیریت وضعیت ها (Success , Loading , Error)
- استفاده از هوک اختصاصی برای کاهش کدهای تکراری
- گرفتن جزئیات هر post و نمایش آن در کامپوننت
- Async / Await
- کار با متد Post + پیاده سازی ساختار Request
- ارسال درخواست Post + مدیریت وضعیت ها
- نمایش پیغام های Loading , Error , Success
- کار با Json Server
- بررسی Flow ، ویرایش پست
- ارسال درخواست PUT و ویرایش پست
- تفاوت متد PUT با PATCH
- کار با متد DELETE
- استفاده از کتابخونه Axios
- ساخت فایل Axios Instance و ایجاد تنظیمات گلوبال
- کار با یک API واقعی ( سایت TMDB )
- کار با Request / Response Intersection در Axios
- کار با API واقعی دوم ( تست API به وسیله ی PostMan و تنظیمات آن )
- تنظیم API KEY در Axios به صورت گلوبال
- پیاده سازی صفحه ی جزئیات هر فیلم ( کار با متد GET )
- اضافه کردن یک فیلم جدید ( متد POST )
- پیاده سازی کش دستی برای جلوگیری از ریکوئست اضافی
- پیاده سازی کش دستی برای جلوگیری از ریکوئست اضافی ( بخش دوم )
- حذف کردن فیلم ( DELETE )
- فصل بیست و یکم - مروری بر مبحث Redux ToolKit
- مفهوم Middleware در Redux
- پیاده سازی Custom Middleware
- بررسی ساختار Middleware + ریفاکتور پروژه
- کار با Redux Thunk و مدیریت وضعیت Pending
- مدیریت وضعیت Rejected / FullField
- کار با متد Delete , پیاده سازی با Redux Thunk
- addMatcher
- addDefaultCase
- نصب Redux DevTools
- فصل بیست و دوم - Server State / Client State
- نصب کتابخونه TanStack Query + بررسی سینتکس
- نصب TanStack Query DevTools
- مقایسه ی TanStack Query / Redux
- Life Cycle Query و مفهوم کش در داده های Async
- کار با Steale Time / Cache Time
- پیاده سازی Pagination به وسیله ی useQuery
- پیاده سازی infiniti scroll به وسیله ی useInfiniteQuery
- کار با interSectionObserver
- کار با useMutation برای مدیریت متد های POST / DELETE / PUT
- به روزرسانی Cache در حالت onSuccess
- پیاده سازی بخش حذف Post به وسیله ی متد DELETE
- کار با متد POST
- پیاده سازی صفحه ویرایش پست ( نمایش اطلاعات قبلی)
- کار با متد PUT
- ریفاکتور نهایی کدهای پروژه
- فصل بیست و سوم - نصب و پیکربندی ابزارهای React
- تنظیمات گلوبال Axios و Fetch داده‌ها با TanStack Query
- ساختاردهی منطق TanStack Query در Services و Hooks
- بهبود تجربه کاربری با Skeleton Loading
- دریافت دوره‌ها از API با TanStack Query
- دریافت مقالات از API با TanStack Query
- دریافت اطلاعات مدرسین از API با TanStack Query
- پیاده سازی صفحه جزئیات مدرسین و دوره ها با TanstackQuery
- حذف منطق از Redux و مدیریت API در Services
- کنترل عملیات لاگین با Callback ها
- نمایش و مدیریت داده‌ها در داشبورد
- مدیریت فرم ثبت‌نام با React Hook Form
- پیاده‌سازی Validation با Yup
- Form Submission – مدیریت ذخیره داده‌ها با Mutation
- فصل بیست و چهارم - جمع بندی : مروری بر مباحث فصل سوم تا هفتم
- جمع بندی : مروری بر مباحث فصل هشتم تا نهم
- جمع بندی : مروری بر مباحث فصل دهم تا یازدهم
- جمع بندی : مروری بر مباحث فصل دوازدهم تا چهاردهم
- جمع بندی : مروری بر مباحث فصل پانزدهم - هفدهم
- جمع بندی : مروری بر مباحث فصل هجدهم تا نوزدهم
- جمع بندی : مروری بر مباحث فصل بیستم
- جمع بندی : مروری بر مباحث فصل بیست و یکم تا بیست و سوم
- فصل بیست و پنجم - :درک اصول مهندسی نرم‌افزار ، مروری بر پروژه
- افزودن مستندات API به Postman و نحوه مطالعه مستندات
- نصب و راه‌اندازی React و کتابخانه‌های مورد نیاز پروژه
- پیاده سازی یک معماری حرفه‌ای برای پروژه
- راه‌اندازی Tailwind CSS و ساختاردهی پوشه‌های پروژه
- پیاده‌سازی Routing پروژه
- پیاده‌سازی Alias در React و تنظیم jsconfig
- فصل بیست و ششم - پروژه Airbnb با ریکت: جداسازی کامپوننت‌های صفحه اصلی
- پیاده‌سازی صفحات Experience، Services و سیستم Routing
- بررسی جریان داده (Data Flow) و درخواست‌ها به لایه Data
- کار با کامپوننت Swiper و اسلایدرهای داینامیک
- داینامیک‌سازی صفحه Services و نمایش داده‌ها
- پیاده سازی Barrel Export
- کار با NavLink و شخصی‌سازی در Tailwind
- مبانی امنیت API: درک کامل Access Token و Refresh Token
- پیاده‌سازی Interceptor های درخواست (Request Interceptors) برای مدیریت API
- پیاده‌سازی و مدیریت Refresh Token با استفاده از Interceptor Request
- تنظیمات VS Code و jsconfig برای مدیریت صحیح import ها
- پیاده‌سازی و نصب TanStack Query و Devtools برای مدیریت داده‌ها
- مفاهیم معماری نرم‌افزار در React: اتصال Service، Hook، API و UI در پروژه Airbnb
- دریافت اطلاعات شهرها از API به وسیله ی TanstackQuery
- نمایش لیست ویلاهای هر شهر: ارتباط با API و پیاده‌سازی
- بهینه‌سازی تجربه کاربری با SkeletonUI برای نمایش Loading
- رندر داینامیک داده‌های دریافتی از API در رابط کاربری
- کار با Swiper.js در React: پیاده‌سازی اسلایدر مدرن
- پیاده‌سازی بخش Inspiration و سیستم تب‌های (Tabs) داینامیک
- پیاده‌سازی کامل صفحه جزئیات ویلا و مدیریت مسیرهای داینامیک (Dynamic Routing)
- نمایش اطلاعات ویلا از API
- پروژه Airbnb با ریکت: نمایش و رندر کردن اطلاعات دریافتی ویلا در رابط کاربری (UI)
- دریافت تصاویر ویلا از API و پیاده‌سازی گالری تصاویر در UI
- پیاده‌سازی مدال (Modal) برای نمایش پیشرفته گالری تصاویر
- دریافت و نمایش لیست امکانات (Amenities) ویلا از API
- دریافت نظرات مرتبط با هر ویلا از API
- پیاده‌سازی سیستم کامل امتیازدهی و نمایش نظرات کاربران
- پیاده‌سازی سیستم رزرو (Booking System) و مدیریت تاریخ‌ها
- پیاده‌سازی منطق تقویم (Calendar Logic) و محاسبه روزهای ماه
- مدیریت منطق تاریخ در React: جلوگیری از انتخاب تاریخ‌های نامعتبر در رزرو
- پیاده‌سازی استایل‌های داینامیک بر اساس وضعیت رزرو (Booking Status Styles)
- محاسبه تعداد شب های انتخاب شده توسط کاربر
- نمایش جزئیات کامل رزرو انتخاب شده در بخش Booking
- پیاده‌سازی صفحه Register و مدیریت فرم‌ها با React Hook Form
- مدیریت پیشرفته فرم‌ها در React: ترکیب React Hook Form و Yup برای اعتبارسنجی (Validation)
- ذخیره اطلاعات کاربر ثبت نام شده و دریافت توکن از API
- ساخت Redux Store و Slice برای مدیریت توکن کاربر
- استخراج و نمایش داده‌های کاربر (User Data) از Redux در مدال پروفایل
- پیاده‌سازی قابلیت خروج از حساب کاربری (Logout) و پاک سازی وضعیت Redux
- طراحی و پیاده‌سازی صفحه Profile در React و جدا سازی کامپوننت ها
- پیاده‌سازی User Dashboard و نمایش داده‌های کاربری
- پیاده‌سازی بخش Edit Profile و مدیریت فرم در React
- پیاده‌سازی Update Profile با اتصال فرم به API
- نمایش Modal ثبت نظر و نمایش فرم
- ارسال نظر کاربر به API و ذخیره در دیتابیس
- ساخت Chat System و مدیریت پیام‌ها در React
- پیاده‌سازی نمایش پیام‌های سیستم و وضعیت بسته شدن تیکت
- پیاده‌سازی سیستم بستن تیکت در پروژه React
- پیاده‌سازی پنل هاست و جداسازی کامپوننت‌ها در React
- مدیریت رزرو ویلاها با useMutation در React Query
- مدیریت مشاهده و حذف ویلاها با useMutation در React Query
- پیاده‌سازی افزودن ویلا و مدیریت فرم در React
- دریافت لیست کشورها و شهرهای مرتبط و نمایش در فرم در React
- دریافت لیست امکانات ویلا ها از API و نمایش در فرم
- مدیریت افزودن تصاویر و Preview در فرم اقامتگاه
- مدیریت حذف تصاویر و انتخاب تصویر اصلی
- کار با API و رندر گالری تصاویر انتخابی
- پیاده‌سازی و جداسازی کامپوننت‌های پنل ادمین
- مدیریت و فیلتر پیشرفته لیست رزروها
- پیاده‌سازی نمایش اطلاعات جغرافیایی (شهر و کشور) در پنل ادمین
- طراحی و پیاده‌سازی قابلیت افزودن اطلاعات جغرافیایی (City & Country) در پنل مدیریت
- اتصال به API و مدیریت سبد خرید (Add to Cart)
- بررسی لاگین کاربر و مدیریت مسیر خرید (Checkout Flow)
- مدیریت وضعیت سبد خرید با Redux
- پیاده‌سازی Step Control و نمایش اطلاعات Cart
- پیاده‌سازی جریان چندمرحله‌ای نمایش جزئیات ویلا
- دریافت و مدیریت Query String با useSearchParams
- پیاده‌سازی ثبت رزرو ویلا و نمایش در پنل کاربر و میزبان
- طراحی و پیاده‌سازی مدال جستجوی پیشرفته (Advanced Search Modal)
- پیاده‌سازی دریافت داده‌های جستجوی Where (شهر، کشور، ویلا)
- پیاده‌سازی بخش WHO در جستجوی پیشرفته
- پیاده‌سازی Routing به صفحه جستجو و مدیریت Map State
- فیلتر و دریافت ویلاها بر اساس پارامترهای جستجو (Query Params)
- آماده‌سازی داده‌های API ویلاها برای رندرینگ
- ساخت سیستم صفحه‌بندی در لیست ویلاها
- نصب و تنظیم اولیه کتابخانه Leaflet برای نقشه
- رفع مشکلات رندر نقشه با fitBounds و Resize Fix
- نکات پایانی پروژه
- فصل بیست و هفتم - انتشار پروژه روی هاست (Production Deployment)
- فصل بیست و هشتم - نصب و پیکربندی ابزارهای تست در React
- پیاده‌سازی تست‌نویسی در React با استفاده از Vitest و React Testing Library
- شبیه‌سازی رفتار کاربر و ماک کردن فانکشن‌ها در تست
- پوشش کامل تست در پروژه TodoApp
- فصل بیست و نهم - مقدمه‌ای بر Next.js
- فصل سی ام - آماده‌سازی رزومه و آمادگی برای مصاحبه‌های استخدامی
- فصل سی و یکم - ادامه مسیر
- آزمون ریکت و ریداکس
- معرفی دوره + دانلود پیوست
- فصل اول - معرفی تایپ اسکریپت و کاربردهای آن
- TypeScript چگونه به JavaScript تبدیل می‌شود؟ (فرآیند Compile)
- نقش TypeScript در فریم‌ورک‌هایی مثل React، Angular و Vue
- جمع‌بندی فصل: مرور نکات مهم TypeScript از روی جزوه
- فصل دوم - نصب و راه‌اندازی TypeScript
- نصب ابزارها و اکستنشن‌های ضروری برای توسعه با TypeScript
- کار با TypeScript Compiler (tsc)
- مرور فصل: جمع‌بندی مباحث نصب و راه‌اندازی TypeScript از جزوه
- فصل سوم - مبانی Type Annotation در TypeScript
- محدودیت متدها با Type Annotation
- Type Inference در TypeScript
- تایپ Any در TypeScript
- آشنایی با Unknown در TypeScript و تفاوت آن با Any
- مرور فصل: جمع‌بندی مباحث Type Annotation از جزوه
- فصل چهارم - کار با توابع در TypeScript
- Arrow Functions و Function Expressions در TypeScript
- پارامترهای پیش‌فرض در TypeScript
- Optional Parameters در TypeScript
- Return Type در TypeScript
- نوع void در TypeScript
- نوع Never در TypeScript
- حل تمرین: کار با Functions در TypeScript
- مرور فصل توابع در TypeScript از روی جزوه
- فصل پنجم - کار با آرایه در TypeScript
- Union Types در آرایه‌های TypeScript
- کار با متدهای آرایه در TypeScript به‌صورت Type Safe
- Readonly Arrays در TypeScript
- Nested Arrays در TypeScript
- Tuple Type در TypeScript
- مرور فصل آرایه ها در TypeScript
- فصل ششم - تایپ آبجکت‌ها در TypeScript
- Object Methods در TypeScript
- Union Type , Literal Type
- ارسال Object به عنوان پارامتر تابع در TypeScript
- Object Destructuring
- بررسی Excess Property Check در TypeScript
- Type Alias
- Nested Object
- Optional Parameter و Optional Chaining
- ReadOnly
- Intersection Type
- تمرین عملی فصل آبجکت‌ها در TypeScript
- مرور فصل: جمع‌بندی مباحث Object Types در TypeScript
- فصل هفتم - Tuple و Enum در TypeScript
- Type Alias در Tuple
- Rest Tuples
- Named Tuples
- Enum در TypeScript چیست؟
- const enum vs Literal Type در TypeScript
- مرور Enum و Tuple در TypeScript
- فصل هشتم - Interface در TypeScript
- Optional و Readonly در Interface
- method ها در interface
- Interface Reopening چیست؟
- ارث‌بری (Inheritance) در اینترفیس‌های TypeScript
- تفاوت interface و Type
- مروری بر مباحث فصل Interface
- فصل نهم - آشنایی با TypeScript Compiler
- کامپایل چند فایل با tsc در TypeScript
- فعال‌سازی Watch Mode در tsc برای کامپایل زنده TypeScript
- نصب و راه‌اندازی tsconfig.json در TypeScript
- تنظیمات tsconfig.json برای Target , Module, Module Resolution
- ویژگی‌های کلیدی فایل tsconfig.json در TypeScript
- مرور بر مباحث این فصل
- فصل دهم - کار با DOM در TypeScript
- بررسی انواع Node و ساختار سلسله‌مراتبی آن
- Type Narrowing، Type Assertion و Non-Null Assertion در TypeScript
- کمی تمرین!
- مدیریت Eventها در TypeScript
- مفهوم instance of
- DOM Manipulation با TypeScript
- مروری بر مباحث فصل DOM
- فصل یازدهم - ساخت پروژه Todo App با TypeScript
- حذف کردن Task
- طراحی و استفاده بهینه از Interface
- ریفاکتور پروژه: پیاده‌سازی Separation of Concerns در TypeScript
- ریفاکتور بخش حذف : استفاده از متد Filter
- ذخیره‌سازی داده‌ها در LocalStorage با TypeScript
- تمرین شما از این فصل!
- فصل دوازدهم - کلاس‌ها در TypeScript
- Access Modifires(public,private,protected)
- تفاوت private و # در TypeScript
- Setter & Getter
- static method & property
- inheritance
- کاربرد override برای سفارشی‌سازی متدهای والد
- استفاده از Interface در کلاس‌های TypeScript
- Abstract Class
- مروری بر مباحث فصل کلاس
- فصل سیزدهم - Generics
- مروری بر Array Generics در TypeScript
- محدودسازی Generics با Constraints در TypeScript
- Generic Interface در TypeScript
- استفاده از Generics در کلاس‌های TypeScript
- مروری بر مباحث فصل
- فصل چهاردهم - Modules در تایپ اسکریپت
- Named Export
- Default Export
- Namespace Import
- Re-Export در تایپ اسکریپت
- مفهوم Path Alias
- مروری بر مباحث فصل Module
- فصل پانزدهم - پیاده‌ سازی پروژه بانک دیجیتال با TypeScript
- راه‌اندازی پروژه با Vite | نصب و پیکربندی اولیه
- نصب و پیکربندی Tailwind CSS
- معماری و منطق پروژه | بررسی لایه‌بندی و ساختار اصولی
- پیاده‌سازی صفحه ثبت‌نام (Register) | طراحی UI و کنترلر
- پیاده‌سازی سیستم اعتبارسنجی داده‌ها (Validation Layer)
- پیاده‌سازی لایه Domain | مدیریت تایپ‌ها و ساختار آبجکت‌ها
- پیاده‌سازی لایه Repository | ذخیره‌سازی داده در LocalStorage
- مدیریت خطا با Try/Catch | ارتباط اصولی لایه سرویس و UI
- ریفکتور لایه UI | بهبود ساختار و تمیزنویسی کدها
- طراحی لایه مدیریت خطا | شخصی‌سازی و کنترل ارورها
- پیاده‌سازی صفحه ورود (Login) | طراحی UI و کنترلر
- احراز هویت و اعتبارسنجی کاربر | بررسی دقیق داده‌های ورودی
- نمایش نام کاربر در داشبورد | شخصی‌سازی پنل کاربری
- پیاده‌سازی قابلیت Logout | مدیریت نشست کاربری
- پیاده‌سازی لایه Guard | تأمین امنیت صفحه داشبورد
- آپدیت پروفایل کاربر | پیاده‌سازی مدال و سرویس‌های مرتبط
- به‌روزرسانی داده‌ها در LocalStorage | مدیریت اصولی اطلاعات
- پیاده‌سازی صفحه مدیریت حساب | طراحی UI و کنترلر
- ایجاد حساب جدید | اعتبارسنجی و ذخیره‌سازی
- لیست حساب‌ها | نمایش و مدیریت حساب های کاربران
- محدودیت ایجاد حساب | پیاده‌سازی سقف ۴ حساب
- ویرایش حساب | پیاده‌سازی منطق ویرایش و ذخیره‌سازی
- حذف حساب | پیاده‌سازی منطق حذف و به‌روزرسانی داده‌ها
- واریز وجه (Deposit) | پیاده‌سازی منطق واریز و به‌روزرسانی موجودی
- مدل تراکنش | پیاده‌سازی ساختار داده در لایه Domain
- برداشت وجه (Withdraw) | پیاده‌سازی منطق برداشت و به‌روزرسانی موجودی
- جستجوی حساب با شماره | پیاده‌سازی متد بازیابی اطلاعات
- نمایش جزئیات حساب | طراحی UI و نمایش داده‌های مرتبط
- انتقال وجه بین حساب‌ها | پیاده‌سازی منطق تراکنش و اعتبارسنجی
- تاریخچه تراکنش‌ها | طراحی UI و نمایش لیست سوابق
- ریفکتور کنترلرها | استفاده از Generics و تایپ‌سازی اصولی
- مدیریت خطاهای ناشناخته | تایپ‌سازی با unknown در کنترلرها
- حذف any از پروژه | تایپ‌سازی دقیق و بهبود ایمنی TypeScript
- ریفکتور لایه Repository | بهبود ساختار، تایپ‌سازی و مدیریت داده‌ها
- ریفکتور لایه UI | ارتقای ساختار و بهینه‌سازی کامپوننت‌ها
- تمرین شما | پیاده‌سازی قابلیت‌های تکمیلی و بهبود ساختار پروژه
- فصل شانزدهم - کار با Vite | ساخت و اجرای پروژه مدرن
- راه‌اندازی Vite | ساخت و اجرای اولین پروژه مدرن
- تفاوت Dev و Build در Vite | اجرای توسعه و خروجی نهایی
- تنظیمات tsconfig در Vite | استفاده از Bundler برای مدیریت ماژول‌ها
- فصل هفدهم - تایپ‌اسکریپت در ریکت | پیاده‌سازی پروژه‌های ایمن و مقیاس‌پذیر
- راه‌اندازی React با Vite | نصب پروژه و قالب TypeScript
- درک JSX.Element | کلید تایپ‌سازی کامپوننت‌های React
- تایپ Props در React | استفاده از TypeScript برای مدیریت پراپس‌ها
- ساخت مینی پروژه React با TypeScript
- State در React | استفاده از TypeScript برای مدیریت state
- Event Handling در React | تایپ‌سازی ایونت‌ها با TypeScript
- useRef در React | تایپ‌سازی با TypeScript
- مرور مباحث فصل از روی جزوه

دانلود ویدیو

دسته بندی آموزش ها

correct unit (absolute/relative)

عضو خبرنامه ما شوید

مجوزها و نمادها