ظرفیت : 2 نفر
هزینه هر جلسه : 300 هزار تومان / 400 هزار تومان
مباحثی که در این دوره گفته میشود شامل :
آشنایی با HTML (اچ تی ام ال)
- معرفی HTML
- ابزار های مورد نیاز
- ساخت اولین صفحه با HTML
- بررسی ساحتار HTML
- تگ های paragraph و heading و img
- تگ های link و strong و em و list
- تگ های form و table
آشنایی با CSS (سی اس اس)
- معرفی CSS (سی اس اس)
- ترتیب اجرای css
- selector ها در css
- تگ های span و div
- ارث بری در css
- ترکیب selector ها
رنگ ها (colors) در css
- پراپرتی background-color
- رنگ ها در css
واحد ها (units) در css
- واحد های pixel و percent و em و rem
- واحد های vw و vh
- استایل های پیش فرض و ابزار devtools در مرورگر
- تابع ()calc
- پراپرتی hight و width
تایپوگرافی (typography) در css
- پراپرتی font-family
- افزودن فونت به css
- پراپرتی های دیگر فونت
box model در css
- پراپرتی padding و margin و border
- پراپرتی outline
- box-sizing
نمایش (display) در css
- پراپرتی display
- مقدار inline-box
- پراپرتی های دیگر display
تصویر پس زمینه (background image) در css
- پراپرتی background-image
- linear gradient
- background image overlay
موقعیت (position) و float در css
- پراپرتی float
- پراپرتی های position
- پراپرتی z-index
رسپانسیو (media query) در css
- آشنایی با رسپانسیو (responsive)
- دستور media query
- طراحی mobile-first
pseudo-element و pseudo-class در css
- آشنایی با pseudo-element
- آشنایی با pseudo-class
transform و transition و animation در css
- پراپرتی transform
- پراپرتی transition
- پراپرتی animation
مباحث تکمیلی در css
- متغیر در css
- آیکون (icon)
- پراپرتی text-shadow و body-shadow
- مبحث browser prefix
- مبحث smantic HTML
- پراپرتی
- object-fit
-
مباحثی که در این دوره گفته میشود شامل :
آشنایی با javascript (جاوا اسکریپت) - آشنایی با javascript (جاوا اسکریپت)
- تفاوت جاوا اسکریپت با اکما اسکریپت (ecmascript)
- ابزارهای مورد نیاز
- console در جاوا اسکریپت
- variables (متغیرها)
- data type (انواع متغیر)
- تفاوت نوع refrence و primitive
- مبحث type casting
- operators (عملگرها)
- کار با تابع ریاضی (Math)
-
آشنایی با array (آرایه) و object (آبجکت)
- آشنایی با array (آرایه)
- متد های array
- nesting در array
- آشنایی با object (آبجکت)
- متدهای object
- مبحث destrucuring و naming
- آَشنایی با JSON
-
آشنایی با function (تابع) و scope (محدوده متغیرها)
- آشنایی با function (تابع)
- محدوده متغیرها (scope) و global
- توابع decloration و expression
- تابع arrow
- تابع Immediately Invoked Function Expression (IIFE)
-
شروط و عملگرهای آن
- دستور if
- دستور else-if
- دستور switch
- مقادیر truthy و falsy
- عملگرهای منطقی
- عملگر ternary
-
loops (حلقه ها)
- حلقه for
- حلقه while و do-while
- حلقه for-of
- حلقه for-in
- متد forEach
- متد filter و every
- متد map
- متد reduce
-
آشنایی با DOM (Document Object Model)
- آشنایی با DOM (Document Object Model)
- پراپرتی های DOM
- مبحث DOM selector
- ایجاد و افزودن element (تگ)
- جایگزین و حذف element
- پراپرتی ها و متد های class
-
آشنایی با Event (رویداد)
- آشنایی با event listener
- رویدادهای mouse
- آشنایی با event object
- رویدادهای keyboard
- رویدادهای input
- رویداد ارسال فرم
- مبحث event bubbling
- مبحث event delegation
- رویداد window و لود صفحه
-
آشنایی با Module
- آشنایی با module
- کلمات کلیدی export و import
- کلمات کلیدی as و default
-
آشنایی با localStorage
- آشنایی با localStorage
- ذخیره و دریافت از localStorage
- ویرایش و حذف از localStorage
-
پروژه
- افزودن، حذف، ویرایش و فیلتر آیتم ها
- افزودن، حذف، ویرایش، دریافت و نمایش آیتم ها از localStorage
- آپلود پروژه روی سرور (deploy)