توی این بخش میتونید ویدئو ها رو به صورت فصل به فصل به صورت یکجا دانلود کنید
برای مشاهده لینک های دانلود اینجا کلیک کنید
پشتیبانی دوره
پشتیبانی دوره
آیدی پشتیبانی دوره
سرفصل های دوره
توی این فصل با مفاهیم اولیه ای که هر برنامه نویس وبی باید بلد باشه آشنا میشیم.
زبان برنامه نویسی چیست؟
کامپایلر (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
تمرین 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
ساختار های شرطی - ساختار شرطی if-else
بررسی چند مثال از ساختار شرطی else-if
ساختار های شرطی - ساختار شرطی if-else if
بررسی یک مثال از تفاوت ساختار if و else if
آموزش if های تو در تو (nested if)
ساختار های شرطی - ساختار شرطی switch-case
بررسی یک مثال از ساختار switch-case
آموزش ساختار های تکرار (while و do-while و for)
آموزش حلقه های تکرار( حلقه ی تکرار while )
آنالیز کردن حلقه ی تکرار while (مثال اول)
آنالیز کردن حلقه ی تکرار while (مثال دوم)
آنالیز کردن حلقه ی تکرار while (مثال سوم)
آموزش حلقه های تکرار( حلقه ی تکرار do-while )
آنالیز کردن حلقه ی تکرار do-while
آموزش حلقه های تکرار( حلقه ی تکرار 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) - بخش چهارم
یک مثال ساده از آرایه ها
آرایه های تو در تو ( چند بعدی )
آرایه ی دو بعدی چیست؟
آرایه های تو در تو (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 تومان
علی رحمانی( دانشجوی دوره )
عالیه فقظ اموزش متد map و filter واسه قسمت چندمه؟
میلاد بهرامی(مدیریت)
به ایدی پشتیبانی دوره توی تلگرام پیام بدین علی جان
حسین( دانشجوی دوره )
استاد من اصلا نمیدونستم شما ادامه دوره یوتویوب رو تو سایت دارید .تبلیغاتتون ضعیفه .خداشاهده از یه مدرس معروف دوره ها و خریدم اصلا داغون انقدر ضعیف داره حاوا اسکریپت رو میگه که از جاوا اسکریپت زده شدم .تازه متوجه شدم که شما دوره کامل دارید .یوتویوبتون رو دنبال میکردم عالیه دوره اتون ولی چون فکر میکردم کامل نیست رفتم دنبال یه مدرس دیگه .واقعا پشیمونم الانم حاضرم دوباره هزینه کنم دوره اتون رو بخرم.
میلاد بهرامی(مدیریت)
خیلی ممنونم حسین جان شما لطف دارید
اره هیچ گونه تبلیغی واسه فروش دوره ها انجام ندادم تا الان
محمد احمدی( دانشجوی دوره )
استاد واقعا شما بهترین مدرس فارسی زبانین من از کشور تاجیکستان هستم توی ایران زندگی میکنم
انشاالله توی بهترین مدرس زبان انگلیسی هم بشین
میلاد بهرامی(مدیریت)
خیلییییییی ممنون از لطفتون
امیر
سلام استاد بهرامی ببخشید دوره js مدت زمانش چند ساعت هست؟
میلاد بهرامی(مدیریت)
سلام
حدود 60 ساعت
سجاد وطن خواه فریزی( دانشجوی دوره )
میلاد جان سلام دوره جاوا اسکریپت ادامه داره یا اخرش فصل 23 هست یعنی قسمت اخره ؟
میلاد بهرامی(مدیریت)
آره فصل 23 فصل آخر هست
وحید( دانشجوی دوره )
سلام من دانشجوی دوره هستم لطفا به قولی که تو دوره دادین عمل کنین شی گرایی رو کامل تر و پیشرفته تر درس بدین بخش شی گرایی خیلی ضعیف هست و ناقض.
ریحانه بهشتی( دانشجوی دوره )
وقت بخیر و خسته نباشید
این دوره مجموعا چندساعت آموزش هست؟
میلاد بهرامی(مدیریت)
سلام،وقتتون بخیر.حدود 60 ساعت
ghazalkarami( دانشجوی دوره )
به نظر من ایشون بهتریننننن مدرس برنامه نویسی هستن … من از اموزش های متنوعی استفاده کردم و تا به حال مبالغ زیادی هزینه کردم . اما هیچ استادی نتونسته بود به اندازه ی اقای بهرامی مطالب رو به اسون ترین و قشنگ ترین حالت ممکن به بنده انتقال بده . واقعا ازتون ممنونممممم .
میلاد بهرامی(مدیریت)
خیلیییییییی از شما ممنونم غزل خانوم
محمد
عالی
میلاد بهرامی(مدیریت)
خیلییییی ممنونم محمد جان
محمد محمدی
🌺🌺 سلام استاد🌺🌺
استاد من ۱۶سالمه و حدود ۸۰قسمت html CSS دوره شمارو دیدم
اول از همه خدارا شاکرم که خداوند شما وکانال شمارا سر راه من قرار داد.
استاد می خواستم بدونم دوره html CSS کامل کامله یعنی از تموم کردنش دیگه نیاز نیست دوره های دیگه رو شرکت کنم ؟
چون من تجربه کافی ندارم عده از دوستان میگن چندیییین دوره روووو دیدن اما مانند دوره شما خوب نبوده است ومن خدا را شاکرم که اولین دوره ای که میبینم انقدر عااااااللللییییییی است.
استاد می خواهم ان شاء الله بعد از تمام کردن html CSS دوره js روتهیه کنم
با این سه تا میشه وارد بازار کار شد؟؟؟وطراح وب خوبی شد؟
🌺🌺🌺🌺🌺🌺ممنون میشم اگر در حد چند خط راهنمایییم کنید 🌺🌺🌺🌺🌺🌺🌺🌺🌺🌺🌺🌺🌺🌺🌺🌺
میلاد بهرامی(مدیریت)
سلام محمد جان
وقتتون بخیر
خیلی ممنونم از لطف و محبت شما🌺🌺
واسه ورود به بازار کار فرانت اند ، باید شما html و css و js و react رو بلد باشید
و در مورد سوال بعدی ، اگه پلی لیست های توی کانال خودم که مربوط به html و css هستن رو دیده باشید نیاز به دوره ی دیگه ای ندارید
باید پلی لیست های html و css
پلی لیست فلکس باکس
پلی لیست انیمیشن وب رو دیده باشید