دوره آموزشی متخصص فرانت اند|الحاق فایل های SASS بوت استراپ به پروژه دیجی کالا

لیست دروس

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

دوره آموزشی متخصص فرانت اند

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

مسیر یادگیری

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

- مهمترین نکاتی که قبل از شروع دوره باید بدانید؟
- نصب نرم افزار ها و ابزارهای مورد نیاز
- آشنایی با محیط نرم افزار VsCode
- آشنایی با Html و ساختار صفحات وب
- آشنایی با تگ ها در Html ( بخش اول )
- آشنایی با تگ ها در Html ( بخش دوم )
- آشنایی با Attribute ها در Html
- آشنایی با مقدمات و دستورات css
- آشنایی با دستورات css ( بخش دوم )
- آشنایی با استایل دهی به صورت اینترنال
- آشنایی با سلکتورها در css ( کلاس)
- آشنایی با سلکتورها در css ( آیدی)
- آشنایی با فایرباگ در مرورگر فایرفاکس
- تمرین (1) - مباحث گفته شده
- آشنایی با تگ های Block & Inline 18:08
- آشنایی با دستور display :flex در Css
- شروع پروژه سایت فیلیمو
- ساختاربندی سایت فیلیمو
- ساختار بندی بخش Header در سایت فیلیمو
- نحوه کار با آیکون ها در سایت
- اتمام ساخت Header سایت فیلیمو
- تمرین ساختار بندی هدر سایت
- آشنایی با سلکتور های تو در تور در css ( سلکتور های فرزند و مستقیم ) 20:13
- تمرین مباحث سلکتور های فرزند و مستقیم
- آشنایی با سلکتورهای عمومی ، and و or
- آشنایی با سلکتور های خویشاوند ( adjacent,sibling selectors)
- آشنایی با سلکتور های خصیصه ( Attribute Selectors )
- آشنایی با شبه کلاس ها ( pseudo Class )
- تمرین ( تمام سلکتورهایی که یاد گرفتیم)
- اولویت استایل دهی در css 15:30
- تمرین ( اولویت استایل دهی در css )
- آشنایی با انواع نام گذاری کلاس ها ( camelCase & PascalCase)
- آشنایی با روش BEM برای نام گذاری کلاس ها
- آشنایی با پوزیشن ها در css ( پوزیشن fixed)
- آشنایی با پوزیشن ها در css (پوزیشن sticky&relative)
- آشنایی با پوزیشن ها در css (پوزیشن absolute)
- استایل دهی به صورت اکسترنال در css
- آشنایی با نحوه الحاق فونت به پروژه
- آشنایی با fontawsome
- نصب و تنظیمات اکستنشن prettier در vscode
- بازنویسی کدهای پروژه بخش اول ( تغییر + کامنت نویسی استایل ها به روش اصولی )
- بازنویسی کدهای پروژه بخش دوم( تغییر کلاس ها به روش BEM )
- بازنویسی کدهای پروژه بخش سوم( تغییر آیکون ها)
- بازنویسی کدهای پروژه بخش چهارم ( تغییر فونت پروژه)
- ساخت اسلایدر پروژه + آشنایی با دستور overflow
- آشنایی با دستور flex-direction و نحوه تغییر چیدمان آیتم ها
- ایجاد آیتم های اسلایدر با استفاده از position و آشنایی با دستور gap
- اتمام ساختار بندی اسلایدر پروژه فیلیمو
- آشنایی با دستورات backgroundSize,image,repeat
- آشنایی با دستور background-position
- آشنایی با دستورات background-attachment & clip
- آشنایی با دستور background-origin
- آشنایی با دستور linergradient ( بخش اول - direction) 20:37
- آشنایی با دستور linergradient ( بخش دوم- color-stop)
- تمرین مباحث gradient
- نحوه استفاده از دستور background
- پشتیبانی مرورگر ها از دستورات css
- اعمال دستور liner-gradient روی پروژه اصلی
- آشنایی با دستور Transition
- آشنایی با دستور transition-timing-functions
- استفاده از دستور transition در پروژه
- آشنایی با انواع لیست ها در Html
- آشنایی با دستور border در css
- پیاده سازی border در پروژه سایت فیلیمو
- آشنایی با دستور opacity و ساختار بندی پروژه
- ساختار بندی بخش فیلم / سریال پروژه فیلیمو
- استفاده از چندین linear-gradient در یک دستور background
- نحوه ساختار بندی صفحه جزئیات فیلم / سریال در پروژه
- نحوه ساختار بندی صفحه جزئیات فیلم / سریال در پروژه (2)
- آشنایی با دستورات white-space و text-overflow
- نحوه ساختار بندی صفحه جزئیات فیلم / سریال در پروژه (3)
- کار با دستورات filter و backdrop-filter و تفاوت آن ها 21:18
- نحوه ساختار بندی صفحه جزئیات فیلم / سریال در پروژه (4)
- استفاده از دستور backdrop-filter در پروژه
- ساختار بندی بخش device و آشنایی با دستور line-height
- استایل دهی بخش device پروژه فیلیمو
- ساختار بندی بخش ویدیوهای آموزشی پروژه بخش 1
- ساختار بندی بخش ویدیوهای آموزشی پروژه بخش 2
- ساختار بندی بخش فیلم های رایگان پروژه
- مروری بر دستورات z-index و linear-gradient در پروژه
- مروری بر دستورات z-index و linear-gradient در پروژه بخش 2
- ساختار بندی بخش سینما آنلاین پروژه بخش 1
- ساختار بندی بخش سینما آنلاین پروژه بخش 2
- ساختار بندی بخش سینما آنلاین پروژه بخش 3
- آشنایی با دستورات overflow:auto و flex-wrap
- ساختار بندی بخش نظرات کاربران بخش اول
- ساختار بندی بخش نظرات کاربران بخش دوم 16:44
- آشنایی با دستورات text-shadow و box-shadow در پروژه
- آشنایی با شبه عناصر در سی اس اس
- استفاده از شبه عناصر after&before در پروژه
- ساختار بندی بخش سوالات متداول پروژه
- آشنایی با دستور radial-gradient
- کار کردن با دستور Radial-Gradient در پروژه
- ساختار بندی نهایی بخش پایانی پروژه
- پیاده سازی بخش footer سایت فیلیمو
- آشنایی با دستور Transform
- بخش پایانی گام اول - مباحث Html + Css
- بخش دوم - مقدمات Ui&Ux ، شناخت مفاهیم و بررسی تفاوت آن ها
- بررسی مهمترین گام های UI&UX ( گام اول - تحقیقات و آنالیز پروژه)
- بررسی مهمترین گام های UI&UX ( گام دوم - اسکچ پروژه)
- وایرفریم + پروتوتایپ در UI&UX
- آشنایی با برترین سایت ها و ابزارهای UI&Ux
- شروع پروژه Ui&Ux - تحقیق و ارزیابی یک وب سایت پزشکی
- شروع پروژه Ui&Ux - اسکچ پروژه
- نحوه نصب نرم افزار های فیگما + ادوبی ایکس دی
- آشنایی با محیط نرم افزارهای ادوبی ایکس دی و فیگما
- آشنایی با ابزارهای UI&Ux
- بخش پایانی مباحث Ui&Ux
- تمرین نهایی مباحث Ui&Ux
- آشنایی با فتوشاپ ( مباحث مورد نیاز یک برنامه نویس)
- SASS چیست ؟ و چرا باید از SASS استفاده کنیم ؟
- نصب SASS (روش اول)
- آشنایی با مهمترین دستورات CMD + Terminal ( بخش اول ) 14:30
- آشنایی با مهمترین دستورات CMD + Terminal ( بخش دوم)
- آشنایی با پکیج منیجر ها ( NPM ) و نصب Node.js&GitBash
- نحوه نصب NPM و SASS + بررسی dependencies&devDependencies
- نحوه ترنسپایل کردن کدهای sass با استفاده از node-sass
- آشنایی با مقدمات SASS - متغیر ها ( variables)
- آشنایی با مقدمات SASS - نستینگ ( NESTING )
- تمرین مباحث Nesting&Variables 14:50
- آشنایی با Mixin در SASS
- آشنایی با Extend در SASS
- آشنایی با functions در SASS
- نحوه استفاده از فایل های partial در SASS
- آشنایی با ساختاربندی الگو 1-7 در SASS 14:41
- اضافه کردن فایل های پارشیال به الگو 1-7 SASS
- استفاده از normalize-css در پروژه SASS
- الحاق فایل های پارشیال و Reformat پروژه
- شروع پروژه اصلی SASS 06:49
- نصب پکیج منیجر و sass در پروژه
- پیاده سازی الگو 1-7 در پروژه SASS
- نحوه import فایل های پارشیال در پروژه
- مقدمات پروژه اصلی + ساختار بندی پروژه
- نحوه ایجاد متغیر ها در پروژه اصلی
- نحوه ایجاد میکسین ها و فانکشن ها در پروژه اصلی
- نحوه الحاق فونت های انگلیسی به پروژه و کار کردن با آن ها
- شروع ساختار بندی + مدیریت دستورات CSS پروژه اصلی SASS
- ساختار بندی sideBar پروژه SASS ( بخش اول )
- ساختار بندی sideBar پروژه SASS ( بخش دوم )
- ساختار بندی sideBar پروژه SASS ( بخش سوم)
- ساختار بندی sideBar پروژه SASS ( بخش چهارم)
- ساختار بندی Header پروژه SASS
- آشنایی با دستور Text-Transform + ادامه ساختار بندی Header
- ساختار بندی Header پروژه SASS ( بخش پایانی )
- ساختار بندی بخش Slider پروژه SASS
- نحوه ایجاد فایل پارشیال Title در پوشه Components
- ساختار بندی بخش Popular پروژه SASS
- ساختار بندی content بخش Popular پروژه
- ساختار بندی content بخش Popular پروژه (2)
- نحوه کار کردن با دستور clip-path
- تمرین دستور clip-path
- استفاده از دستور clip-path در پروژه SASS
- شروع بخش Best-Streams پروژه SASS (بخش اول )
- شروع بخش Best-Streams پروژه SASS (بخش دوم)
- نحوه آدرس دهی از روت اصلی سایت!
- ساختار بندی بخش TOURNAMENTS پروژه SASS
- ساختار بندی بخش Final Battle پروژه
- آشنایی با دستور conic-gradient
- استایل دهی بخش Teams Flag پروژه SASS
- نحوه ساختار بندی بخش ProgressBar
- ساختار بندی بخش GROUP پروژه ( بخش اول )
- ساختار بندی بخش GROUP پروژه ( بخش دوم)
- ساختار بندی بخش جزئیات پروژه ( بخش اول )
- ساختار بندی بخش جزئیات پروژه ( بخش دوم)
- استفاده از دستور linear-gradient در clip-path
- نحوه ساختار بندی بخش Closing در پروژه SASS
- نحوه ساختار بندی بخش Closing در پروژه SASS (بخش دوم)
- اتمام ساختار بندی بخش Closing
- ساختار بندی بخش Streams پروژه SASS
- ساختار بندی بخش Streams پروژه SASS ( بخش دوم )
- ساختار بندی,تخفیفات و hover بخش streams
- ساختار بندی,تخفیفات و hover بخش streams ( بخش دوم)
- ساختار بندی بخش footer پروژه SASS
- جمع بندی نهایی footer و پروژه SASS
- مقدمات ریسپانسیو دیزاین
- مهمترین اصل های بین المللی در طراحی یک سایت حرفه ای 13:48
- بررسی اصل WebPerformance
- بررسی اصل ResponsiveDesign
- نحوه کار با دستور Float
- آشنایی با دستور justify-content
- آشنایی با دستور Align-Items
- آشنایی با دستور Flex-Direction
- آشنایی با دستور Flex-Wrap
- آشنایی با دستور Flex-Flow
- آشنایی با دستور Align-Content
- دسته دوم دستورات FlexBox (دستور order)
- آشنایی با دستور Flex-Grow
- آشنایی با دستور Flex-Shrink
- آشنایی با دستور Flex-Basis
- آشنایی با دستور Flex
- آشنایی با دستور Align-Self
- جمع بندی مباحث FlexBox
- تمرین مباحث FlexBox
- مقدمات CssGrid
- مهمترین بخش های CssGrid
- دسته بندی دستورات CssGrid
- Grid-Template-Row/Column
- Gutter/Grid-Column/Row-Gap
- استفاده از دستور ()Repeat
- آشنایی با دستور Fractal(Fr)
- positioningGrid
- کاربرد دستور span
- تمرین 1 مباحث CssGrid
- حل تمرین 1
- آشنایی با Explicit | Implicit
- Grid-Auto-Row/Column/Flow
- کاربرد دستور Dense
- min/max/minmax
- auto-fill/auto-fit
- justify-self&align-self
- justify-items&align-items
- justify-content&align-content
- grid-template-area&grid-area
- جمع بندی مباحث cssgid
- تمرین مبحث CssGrid
- اصل دوم - Correct Unit
- relative units-em
- relative units-rem
- percentage unit
- view port
- جمع بندی مباحث Correct Unit
- آشنایی با مدیا کوئری
- بررسی بهترین واحد برای مدیا کوئری
- DesktopFirst&MobileFirst
- Flexible Image
- شروع ریسپانسیو پروژه گام اول ( سایت فیلیمو)
- ریسپانسیو هدر پروژه
- بررسی یک تکنیک طلایی در ریسپانسیو دیزاین 09:50
- ریسپانسیو اسلایدر
- ریسپانسیو محبوب ترین فیلم ها
- ریسپانسیو بخش فیلم / سریال
- بررسی BreackPoint های هر Device
- ریسپانسیو بخش Educations
- ریسپانسیو بخش FreeMovie
- ریسپانسیو بخش Kids
- ریسپانسیو بخش Cinema
- ریسپانسیو بخش comments
- ریسپانسیو بخش Questions
- ریسپانسیو بخش Details
- ریسپانسیو بخش Footer پروژه
- بررسی نهایی ریسپانسیو پروژه
- ایجاد Hamburger Menu
- کار با دستورات جی کوئری
- مقدمه بوت استرپ
- انواع روش های نصب بوت استرپ 09:36
- آشنایی با Breakpoints ها
- آشنایی با Containers
- آشنایی با GridSystems - بخش اول
- آشنایی با GridSystems - بخش دوم
- Row-cols در GridSystems
- آشنایی با columns&Gutter
- آشنایی با Typography&Image
- آشنایی با Table
- آشنایی با form-control
- آشنایی با Select&Range
- آشنایی با CheckBox&Radio
- آشنایی با inputGroup&Layout
- آشنایی با Validation
- Background&Border&Color
- آشنایی با کلاس های Flex
- Link&ObjectFit&Opacity
- آشنایی با کلاس های Positions
- Sizing&Spacing
- Text & Vertical Align
- آشنایی با components ها ( بخش اول )
- آشنایی با components ها (بخش دوم)
- آشنایی با components ها ( بخش سوم)
- آشنایی با components ها (بخش چهارم)
- ساختار بندی اولیه پروژه دیجی کالا 08:28
- ساختار بندی 1-7 ساس در پروژه دیجی کالا 05:09
- الحاق فایل های SASS بوت استراپ به پروژه دیجی کالا 12:41
- شخصی سازی رنگ ها در بوت استرپ به وسیله ی SASS
- نحوه استفاده از MAPهای SASS
- استفاده از map ها در شخصی سازی پروژه
- شخصی سازی root پروژه
- الحاق فونت به پروژه + شخصی سازی فونت
- شخصی سازی spacing های بوت استرپ
- شخصی سازی mixin ها در SASS
- ساختار بندی و شخصی سازی پروژه سایت دیجی کالا
- ساختار بندی بخش header سایت دیجی کالا
- ساختار بندی بخش Navbar پروژه دیجی کالا
- کار با کتابخانه swiper js
- ساخت اسلایدر (Story) مشابه دیجی کالا
- ساخت اسلایدر (Story) مشابه دیجی کالا (بخش دوم)
- ساخت sliderScroll پروژه دیجی کالا
- ساخت sliderScroll پروژه دیجی کالا ( بخش دوم )
- ساختار بندی بخش Brands
- اسلایدر پیشنهاد شگفت انگیز سایت دیجی کالا (بخش اول)
- اسلایدر پیشنهاد شگفت انگیز سایت دیجی کالا (بخش دوم)
- اسلایدر پیشنهاد شگفت انگیز سایت دیجی کالا (بخش سوم)
- ساختار بندی بخش (بنر سوپرمارکت) دیجی کالا
- نحوه استفاده از Grid در پروژه دیجی کالا
- ساختار بندی بخش Category
- ساختار بندی بخش Banner
- ساختار بندی بخش Suggest
- ساختار بندی بخش DigPlus
- ساختار بندی بخش DigiClub
- ساختار بندی بخش پربازدیدترین ها
- ساختار بندی بخش پرفروش ترین ها
- ساختار بندی بخش مقالات
- ساختار بندی footer پروژه دیجی کالا ( بخش اول )
- ساختار بندی footer پروژه دیجی کالا (بخش دوم)
- ساختار بندی footer پروژه دیجی کالا (بخش سوم)
- ساختار بندی footer پروژه دیجی کالا ( بخش چهارم ) 19:37
- استفاده از شرط ها در جی کوئری
- ساخت MediaQuery ها در SASS ( قسمت اول ) 19:36
- ساخت MediaQuery ها در SASS ( قسمت دوم )
- ریسپانسیو بخش هدر پروژه دیجی کالا
- ریسپانسیو بخش story دیجی کالا
- ریسپانسیو بخش اسلایدر sliderScroll
- ریسپانسیو بخش Brands دیجی کالا
- ریسپانسیو بخش اسلایدر پیشنهاد شگفت انگیز دیجی کالا
- ریسپانسیو بخش سوپرمارکت دیجی کالا
- ریسپانسیو بخش Banner دیجی کالا
- ریسپانسیو بخش Category
- ریسپانسیو بخش DigiPlus
- ریسپانسیو بخش DigiClub
- ریسپانسیو بخش پربازدیدترین ها
- ریسپانسیو اسلایدر پر فروش ترین ها
- ریسپانسیو Footer سایت دیجی کالا
- Build:CSS
- قسمت پایانی - قراردادن پروژه روی هاست
- چرا جاوااسکریپت؟
- وارد کردن جاوااسکریپت به پروژه
- کار با کنسول مرورگر
- کار با متغیر ها در جاوااسکریپت
- تفاوت بین 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 در جاوااسکریپت
- نحوه ایجاد تاریخ و زمان در جاوااسکریپت 18:32
- کار با متد های get در تاریخ و زمان
- کار با متدهای set در تاریخ و زمان
- نحوه استفاده از Intl API در جاوا اسکریپت
- کار با setInterval&setTimeOut
- مروری بر عملگرهای شرطی در جاوااسکریپت
- logical and / or / assignment Operator
- nullish coalescing
- مقدمه فصل نهم
- get/access/delete Object
- کپی کردن Object
- traverse کردن در object 09:04
- چک کردن وجود property در یک Object
- chaining object
- object destructuring
- کلمه کلیدی this در متدها و توابع
- کلمه کلیدی this در arrow function
- کلمه کلیدی this در Event ها
- Call,Bind,Apply
- فصل دهم : پروژه سایت موزیک ( سطح متوسط )
- مروری بر مباحث سطح متوسط ( بخش اول )
- مروری بر مباحث سطح متوسط ( بخش دوم )
- مروری بر مباحث سطح متوسط ( بخش سوم)
- کدنویسی تمیز در جاوااسکریپت
- ذخیره سازی داده های پروژه
- الحاق لیست موزیک به پروژه
- اضافه کردن اطلاعات هر خواننده به پروژه
- اضافه کردن لیست موزیک ها به پروژه
- لیست کردن تمام خواننده ها به پروژه
- ایجاد بخش PlayMusic در پروژه
- اضافه کردن محصولات به سبد خرید
- نمایش محصولات در سبد خرید
- حذف محصولات از سبد خرید
- محاسبه TotalPrice 09:56
- اضافه و حذف بخش مورد علاقه ها
- ایجاد تاریخ و زمان پروژه
- بازبینی نهایی پروژه + رفع ایرادات
- جمع بندی فصل دهم جاوااسکریپت
- فصل یازدهم - شی گرایی در جاوااسکریپت
- مفهوم 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

دانلود ویدیو

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

الحاق فایل های SASS بوت استراپ به پروژه دیجی کالا

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

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