توی این بخش میتونید ویدئو ها رو به صورت فصل به فصل به صورت یکجا دانلود کنید
برای مشاهده لینک های دانلود اینجا کلیک کنید
پشتیبانی دوره
پشتیبانی دوره
آیدی پشتیبانی دوره
سرفصل های دوره
توی این فصل با مفاهیم اولیه ای که هر برنامه نویس وبی باید بلد باشه آشنا میشیم.
زبان برنامه نویسی چیست؟
کامپایلر (compiler) چیست؟
وب چیست؟
تفاوت کلاینت (client) و سرور (server)
وب سرور (web server) چیست؟
دیتابیس چیست؟سیستم مدیریت پایگاه داده (DBMS) چیست؟
پروتکل چیست؟آشنایی با پروتکل های معروف اینترنت
پروتکل آی پی (ip) و دی ان اس (dns)
وب چگونه کار میکند؟
آموزش حرفه ای وی اس کد (visual studio code)
تفاوت ide و تکست ادیتو چیست؟
آشنایی کلی با محیط vs code
آموزش vs code color theme
آموزش vs code icon theme
تنظیم فونت دلخواه برای vs code
آموزش پلاگین prettier
پلاگین های کاربردی vs code - بخش اول
پلاگین های کاربردی vs code - بخش دوم
6 نکته طلایی در vs code
آموزش command palette در vs code
آموزش مبانی و مباحث پایه (متغیر ، ثابت ، انواع داده ، اپراتور ها)
کاربردهای جاوا اسکریپت در حوزه های مختلف چیست؟
چند مثال کاربردی از جاوا اسکریپت در صفحات وب
کد های جاوا اسکریپت رو کجا بنویسیم؟
روش های نمایش خروجی در جاوا اسکریپت
آموزش onclick
تمرین 1 - تغییر دادن ویژگی های css با javascript
نکته : سینکس نوشتاری پراپرتی های css در js - (آپدیت)
تمرین 2 - تغییر دادن attribute های html با javascript
آموزش comment در javascript
آموزش متغیر (variable) و ثابت (constant)
آموزش متغیر ها (variable) در جاوا اسکریپت
آموزش ثابت (const) در جاوا اسکریپت
آموزش انواع داده (data type) در جاوا اسکریپت + آموزش string
آموزش انواع داده (data type) در جاوا اسکریپت + آموزش number
آموزش انواع داده (data type) در جاوا اسکریپت + آموزش boolean
آموزش انواع داده (data type) در جاوا اسکریپت + آموزش undefined + empty + typeof
آموزش اپراتور ها ی محاسباتی (Arithmetic Operator)
تفاوت عملکرد اپراتور(+) در رشته ها و اعداد
تفاوت اپراتور های prefix و postfix
آموزش تقدم اپرتورها (operator precedence)
آموزش اپراتور های انتساب (Assignment Operator)
آموزش اپراتور های مقایسه ای (Comparison Operator)
تفاوت اپراتور === و == در جاوا اسکریپت
آموزش اپراتور های منطقی (Logical Operator)
آموزش ساختار های شرطی (if و else-if و if-else if و switch-case)
ساختار های شرطی - ساختار شرطی if
بررسی چند مثال از ساختار شرطی if
دسترسی به مقدار یک input در js - (آپدیت)
تمرین ساختار شرطی if - (آپدیت)
ساختار های شرطی - ساختار شرطی if-else
بررسی چند مثال از ساختار شرطی else-if
تمرین ساختار شرطی if-else - (آپدیت)
تمرین ساختار شرطی if-else - (آپدیت)
ساختار های شرطی - ساختار شرطی if-else if
بررسی یک مثال از تفاوت ساختار if و else if
تمرین ساختار شرطی if-else if - (آپدیت)
درک عمیق تر تمرین ساختار شرطی if-else if - (آپدیت)
آموزش if های تو در تو (nested if)
ساختار های شرطی - ساختار شرطی switch-case
بررسی یک مثال از ساختار switch-case
آموزش ساختار های تکرار (while و do-while و for)
آموزش حلقه های تکرار( حلقه ی تکرار while )
آنالیز کردن حلقه ی تکرار while (مثال اول)
آنالیز کردن حلقه ی تکرار while (مثال دوم)
آنالیز کردن حلقه ی تکرار while (مثال سوم)
تمرین عملی از حلقه تکرار while - (آپدیت)
انالیز تمرین عملی از حلقه تکرار while - (آپدیت)
ترکیب if-else با حلقه while - (آپدیت)
آموزش حلقه های تکرار( حلقه ی تکرار do-while )
آنالیز کردن حلقه ی تکرار do-while
آموزش حلقه های تکرار( حلقه ی تکرار for )
آنالیز کردن حلقه ی تکرار for (مثال اول)
آنالیز کردن حلقه ی تکرار for (مثال دوم)
آنالیز کردن حلقه ی تکرار for (مثال سوم)
تمرین عملی از حلقه تکرار for - (آپدیت)
حل یک مثال ساده با حلقه for و while و do-while
حلقه ی تکرار بی نهایت در جاوا اسکریپت - بخش اول
حلقه ی تکرار بی نهایت در جاوا اسکریپت - بخش دوم
بررسی دقیق تر بولین و برسی تابع ()Boolean
تبدیل نوع در جاوا اسکریپت - تبدیل نوع ضمنی (implicit conversion)
تبدیل نوع در جاوا اسکریپت - تبدیل نوع صریح (explicit conversion)
دستور break در حلقه های تکرار
دستور continue در حلقه های تکرار
حلقه های تکرار تو در تو (nested loops)
حلقه ی تکرار تو در تو چیست؟
آنالیز حلقه های تکرار تو در تو (مثال اول)
آنالیز حلقه های تکرار تو در تو (مثال دوم)
آنالیز حلقه های تکرار تو در تو (مثال سوم)
آرایه ها (array) و پیمایش روی آرایه ها
آرایه (array) چیست؟
تعریف ارایه و آدرس دهی عناصر آرایه
چند نکته ی مهم در مورد آرایه ها
حل یک مسئله ساده با استفاده از آرایه ها
پیمایش روی آرایه ها - مثال اول - پیدا کردن اعداد زوج
پیمایش روی آرایه ها - میانگین اعداد ارایه
پیمایش روی آرایه ها - مثال سوم - بزرگترین عضو ارایه - (آپدیت)
پیمایش روی آرایه ها - مثال سوم - بزرگترین عضو ارایه - (آپدیت)
پیمایش روی آرایه ها - مثال چهارم - مجموع اعداد فرد - (آپدیت)
متد های آرایه ها (array method) - بخش اول
متد های آرایه ها (array method) - بخش دوم
متد های آرایه ها (array method) - بخش سوم
متد های آرایه ها (array method) - بخش چهارم
پیمایش روی آرایه ها - مثال پنجم - برعکس کردن ارایه - (آپدیت)
متد includes - (آپدیت)
پیمایش روی آرایه ها - مثال ششم - حذف اعضای تکراری ارایه - (آپدیت)
پیمایش روی آرایه ها - مثال ششم - حذف اعضای تکراری ارایه - (آپدیت)
پیمایش روی آرایه ها - مثال هفتم- جدا کردن اعداد مثبت و منفی - (آپدیت)
آرایه های تو در تو ( چند بعدی )
آرایه ی دو بعدی چیست؟
آرایه های تو در تو (nested array) در جاوا اسکریپت
آموزش توابع (function)
بررسی مفهوم تابع و مزایای استفاده از تابع
آموزش function declaration
آموزش function expression
آموزش ورودی در توابع
تفاوت پارامتر (parameter) و آرگومان (argument)
آموزش دستور return
حل تمرین از توابع
تعریف تابع با تعداد ورودی دلخواه (شبه آرایه arguments)
تعریف تابع با تعداد ورودی دلخواه (rest operator)
پارامتر های پیش فرض (default parameter)
تمرین توابع - پیاده سازی تابع power
تمرین توابع - پیاده سازی تابع isPrime
تمرین توابع - پیاده سازی تابع rangePrime
آموزش Arrow Function
آموزش CallBack Function
آموزش حوزه (scope) متغیر ها و توابع
آموزش مفهوم scope
آموزش global scope
آموزش function scope
آموزش block scope
آموزش مفهوم hoisting
آموزش variable hoisting
آموزش function hoisting
آموزش undeclared variable و strict mode
آموزش اشیاء (object)
شی (object) چیست؟
روش تعریف شی (object) و بررسی مفهوم پراپرتی (property)
آموزش مفهوم متد (method) در اشیاء
آموزش اشیاء تو در تو (nested object)
اضافه کردن پراپرتی و متد به اشیاء
آموزش object clone
آموزش کلمه ی کلیدی this در متد ها
آموزش حلقه تکرار for-of
آموزش حلقه تکرار for-in
آموزش اپرتور in
مقایسه ی اشیاء (object comparison)
آموزش (Document Object Model) DOM
معرفی DOM
درخت دام (DOM Tree)
مفهوم گره (node) در درخت DOM
آشنایی با شی document و متد getElementById
آشنایی با متد getElementsByTagName
آشنایی با متد getElementsByClassName
آشنایی با متد querySelector و querySelectorAll
بررسی property های element node ها
دسترسی به بعضی عناصر DOM بدون استفاده از method
بررسی پراپرتی innerHTML
تغییر content یک عنصر با innerHTML
تغییر attribute های عناصر html با javascript
آَشنایی با متد ()getAttribute و ()setAttribute و ()removeAttribute
تغییر استایل های css با javascript
تمرین : تولید رنگ تصادفی در جاوا اسکریپت
معایب تغییر استایل های css با روش style.property
آموزش تابع ()getComputedStyle
آموزش classList
تفاوت innerHTML و outerHTML
آموزش رویداد های موس (mouse event)
آشنایی کلی با مفهوم رویداد
روش اول مدیریت رویداد ها
روش دوم مدیریت رویداد ها
روش سوم مدیریت رویداد ها (متد addEventListener)
مزیت های استفاده از متد addEventListener
آموزش رویداد کلیک (click)
آموزش رویداد دابل کلیک (dblclick)
آموزش رویداد mousedown و mouseup
آموزش رویداد راست کلیک (contextmenu)
پروژه 1 : ساخت شمارنده (counter)
پروژه 2 : منوی آکاردئون (accordion menu)
پروژه 3 : طراحی sidebar
آموزش رویداد mouseenter و mouseleave
آموزش رویداد mouseover و mouseout
آموزش رویداد mousemove
آموزش شی رویداد (MouseEvent Object)
آموزش رویداد های کیبرد (keyboard) و رویداد های تاچ(touch)
آموزش رویداد keydown و keyup
آموزش رویداد keypress
چالش شماره 1
آموزش شی رویداد (KeyboardEvent Object)
چالش شماره 2
آموزش رویداد touchstart و touchend
آموزش رویداد touchmove
آموزش شی رویداد (TouchEvent Object)
جریان رویداد (event flow) و نکات تکمیلی رویداد ها
مفهوم جریان رویداد (event flow)
بررسی ورودی سوم متد addEventListener
آشنایی با فاز capturing و bubbling در رویداد ها
متد ()stopPropagation
متد ()removeEventListener
متد ()preventDefault
مفهوم Event Delegation
رویداد DOMContentLoaded
فرم ها (form) در جاوا اسکریپت
روش های انتخاب فرم در جاوااسکریپت
نگاه دقیق تر به فرم ها در js - بخش اول
نگاه دقیق تر به فرم ها در js - بخش دوم
چک باکس ( checkbox) در js
رادیوباتن (radio button) در js
select و option در js
رویداد focus و blur در فرم ها
رویداد change در فرم ها
رویداد submit و reset در فرم ها
چالش شماره 3 - مساحبه درصد
آموزش (Browser Object Model) BOM
مفهوم شی سراسری (global object)
آشنایی با شی سراسری window
پراپرتی های شی screen
پراپرتی های شی history
پراپرتی های شی location
متد های شی location
آشنایی با system dialogs
بررسی متد ()print و رویداد beforeprint و afterprint
متد ()open و ()close
بررسی دقیق تر متد ()open
متد ()setTimeout و ()clearTimeout
متد ()setInterval و ()clearInterval
پراپرتی های شی navigator
آشنایی با کتابخونه platform.js
رویداد های شی window
چالش شماره 4
چالش شماره 5
کار با تاریخ و زمان در جاوا اسکریپت
کار با شی Date - بخش اول
کار با شی Date - بخش دوم
کار با شی Date - بخش سوم
کار با شی Date - بخش چهارم
کار با شی Date - بخش پنجم
پروژه ساعت آنالوگ - بخش اول
پروژه ساعت آنالوگ - بخش دوم
پروژه ساعت آنالوگ - بخش سوم
پروژه ساعت آنالوگ - بخش چهارم
پروژه ساعت آنالوگ - بخش پنجم
پروژه ساعت آنالوگ - بخش ششم
کتابخانه های معروف برای کار با تاریخ و زمان در js
آشنایی با کتابخونه moment.js
قالب بندی تاریخ در moment.js
اعتبارسنجی تاریخ در moment.js
متد ()add و ()subtract در moment.js
متد ()from و ()fromNow در moment.js
متد ()diff در moment.js
چالش شماره 6 - پیاده سازی تابع ()add و ()subtract
آشنایی با کتابخونه persian date
قالب بندی تاریخ در persian date
متد ()toLocale در persian date
تبدیل تاریخ با persian date
چالش شماره 7
مباحث تکمیلی DOM
dom traversing چیست؟
nextElementSibling & previousElementSibling
firstElementChild & lastElementChild & parentNode
جمع بندی DOM Traversing
ایجاد node جدید در dom - بخش اول
ایجاد node جدید در dom - بخش دوم
ایجاد node جدید در dom - بخش سوم
متد insertBefore
متد removeChild
متد replaceChild
متد cloneNode
تغییر در DOM با innerHTML
تغییر در DOM با outerHTML
پروژه ToDo List
معرفی پروژه todo list
پروژه todo list - بخش اول
پروژه todo list - بخش دوم
پروژه todo list - بخش سوم
پروژه todo list - بخش چهارم
پروژه todo list - بخش پنجم
پروژه todo list - بخش ششم
آموزش storage در js
معرفی و مقدمه storage
آموزش localStorage
آموزش sessionStorage
مقایسه localStorage و sessionStorage
آشنایی با مفهوم origin
مقایسه سطح دسترسی localStorage و sessionStorage
آشنایی با کوکی ها ( cookie) - بخش اول
آشنایی با کوکی ها (cookie) - بخش دوم
پروژه todo با localStorage - بخش اول
پروژه todo با localStorage - بخش دوم
پروژه todo با localStorage - بخش سوم
پروژه todo با localStorage - بخش چهارم
آموزش JSON
json چیست؟
سینتکس جیسون (JSON syntax)
انواع داده در جیسون (JSON data types)
()JSON.parse
()JSON.stringify
برنامه نویسی آسنکرون و AJAX
برنامه نویسی سنکرون و آسنکرون
دو مثال از برنامه نویسی سنکرون (syncronous)
دو مثال از برنامه نویسی آسنکرون (asyncronous)
ایجکس (ajax) چیست؟
معرفی پروتکل HTTP
بررسی HTTP Request
بررسی HTTP Response
جمع بندی پروتکل HTTP + مثال عملی
ajax چطور کار میکنه؟
آشنایی با XMLHttpRequest
شروع کد نویسی با XMLHttpRequest
آشنایی با readyState و رویداد readystatechange
کار با json در ajax - بخش اول
کار با json در ajax - بخش دوم
آشنایی با مفهوم api
دریافت داده از api خارجی - بخش اول
دریافت داده از api خارجی - بخش دوم
دریافت داده از api خارجی - بخش سوم
کالبک فانکشن (callback function) چیست؟
جهنم کالبک (callback hell) - بخش اول
جهنم کالبک (callback hell) - بخش دوم
پرامیس (promise) - بخش اول
پرامیس (promise) - بخش دوم
پرامیس (promise) - بخش سوم
پرامیس (promise) - بخش چهارم
پرامیس (promise) - بخش پنجم
معرفی fetch api
fetch api - بخش اول
fetch api - بخش دوم
fetch api - بخش سوم
fetch api - بخش چهارم
fetch api - بخش پنجم
async / await - بخش اول
async / await - بخش دوم
async / await - بخش سوم
نگاهی عمیق تر به اشیاء (objects) و کلاس ها (classes)
روش های مختلف ساخت اشیاء - بخش اول
روش های مختلف ساخت اشیاء - بخش دوم
پارامترها در تابع سازنده (constructor function)
کلاس (class) چیست؟
متد سازنده (construnctor method)
یک مثال از کلاس ها
ارث بری (inheritance) در کلاس ها
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
- نظر واقعیت رو در مورد دوره بنویس ، تا بقیه با خوندن کامنت ها بهتر بتونن واسه شرکت توی دوره ها تصمیم بگیرن
1,699,000 تومان 799,000 تومان
parinaz
سلام آقای بهرامی باتشکراز آموزشهای عالیتون من از یوتیوب آموزشهای رایگانتون رو تموم کردم حالابرای دوره پیشرفته جاوااسکریپت اگرامکانش هست لطفا بمن یک تخفیف بدیداین هزینه برام مقدورنیست پیج اینستاتون هم پیام دادم ولی جواب ندادید ممنونم ازتون
میلاد بهرامی(مدیریت)
سلام ، وقتتون بخیر
در اولین فرصت چک میکنم پیامتون رو ، چشم تخفیف بیشتری میدم بهتون
مهدی ناجی( دانشجوی دوره )
من اول 100 قسمت یوتوب دیدم بعدش اومدم تهیه کردم امیدوارم که مثل همیشه عالی باشه خدایی نحوه تدریس شما بسیار عالیه
میلاد بهرامی(مدیریت)
خیلی ممنون شما لطف دارین مهدی جان😍
مهدی ناجی( دانشجوی دوره )
میلاد جان اینقدر صبر کردم جواب ندادی دیگه تهیه کردم خودم، حداقل واسه ری اکت یه کد تخفیف بده لطفا :))
میلاد بهرامی(مدیریت)
مهدی جان توی تلگرام به آیدی پشتیانی دوره بهم پیام بدین تا کد تخفیف بدم بهتون
محمد
سلام استاد
🌺ازشما به خاطر آموزش html css با این کیفیت تشکر میکنم🌺
استاد ببخشید تو سایت w3 school خیلی چیزا درمورد html css هست که شما بهش اشاره نکرده اید مثلا game و……چیزای دیگه
می خواستم بدونم که لازم وکاربردی نبودن یا خودمون باید مطالعه کنیم.
🌺🌺 خیلی ممنون 🌺🌺
…
سلام استاد
🌺 خیلی ممنون به خاطر دوره های رایگان وحرفه ای تون🌺
استاد ببخشید بعد از تمام کردن html CSS باد فلیکس باکس رو دید یا انیمیشن؟
میلاد بهرامی(مدیریت)
سلام ، وقتتون بخیر
بعدش دوره فلکس باکس رو ببینید و بعدش انیمیشن وب رو🌺
Alireza Xanejfi( دانشجوی دوره )
سلام خسته نباشی لطفا تلگرام رو چک کن ممنونم
mohammad
فوق العادس، تو خریدش شک نکنید
میلاد بهرامی(مدیریت)
مرسی محمد جان عزیزم
محمد
🌹سلام وخسته نباشد استاد عزیز وگرامی🌹
اول خدا را شاکرم وبعد از شما بخاطر دوره حرفه ای html CSS تشکر میکنم واقعا دست شما درد نکند.
استاد من خدا رو شکر دوره html CSS شما رو کامل دیدم می خواستم بدونم الان باید از کجا پروژه هایی رو پیدا کنیم که فقط با این دو تا ساخته شده باشند.چون به قول شما صرفاً با دیدن ویدیو نمیشه به طراح سایت تبدیل شد.
استاد ان شاء الله می خوام html CSS کاملللللللللللل مسلط شم بعد برم سراغ flex boxو………..
🌹🌹🌹ممنون میشم اگر راهنمایی کنید 🌹🌹🌹
علیرضا محمدزاده( دانشجوی دوره )
همین الان دوره جاوا اسکریپت رو بعد دو ماه تموم کردم.
واقعا دورهی مفیدی بود. به شکل خیلی خوبی دید منو نسبت به جی اس باز کرد.
برای دوستانی که میخوان در این دوره شرکت کنن بگم که تمرین از دیدن ویدیوها خیلی مهمتره! شما با دیدن ویدیوهای آقای بهرامی خیالتون از توضیح کامل مفاهیم راحت میشه. باقیش به همتتون بستگی داره. تمرین تمرین و باز هم تمرین
به شخصه برای این دوره تا حالا ۶۸ فایل تمرین و ۱۰مینی پروژه زدم.
میلاد بهرامی(مدیریت)
دقیقا همینه علیرضا جان، صرفا با دیدن ویدئو نمیشه برنامه نویس شد، همونطور ک گفتی تمرین کردن خیلیییییی خیلییییییییی مهمه
پوریا قاسمی( دانشجوی دوره )
خیلی ممنون از این که همه مباحث رو انقدر خوب و باز جزئیات کامل توضیح می دید استاد واقعا عالی بود👽✌️
میلاد بهرامی(مدیریت)
مرسی پوریا جان 😍