
توی این بخش میتونید ویدئو ها رو به صورت فصل به فصل به صورت یکجا دانلود کنید
برای مشاهده لینک های دانلود اینجا کلیک کنید
پشتیبانی دوره
پشتیبانی دوره
آیدی پشتیبانی دوره
سرفصل های دوره
توی این فصل با مفاهیم اولیه ای که هر برنامه نویس وبی باید بلد باشه آشنا میشیم.
زبان برنامه نویسی چیست؟
کامپایلر (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
آموزش مبانی و مباحث پایه (متغیر ، ثابت ، انواع داده ، اپراتور ها)
01 - کاربردهای جاوا اسکریپت در حوزه های مختلف چیست؟
02 - چند مثال کاربردی از جاوا اسکریپت در صفحات وب
03 - کد های جاوا اسکریپت رو کجا بنویسیم؟
04 - روش های نمایش خروجی در جاوا اسکریپت
05 - آموزش onclick
06 - تمرین 1 - تغییر دادن ویژگی های css با javascript
07 - نکته : سینکس نوشتاری پراپرتی های css در js - (آپدیت)
08 - تمرین 2 - تغییر دادن attribute های html با javascript
09 - آموزش comment در javascript
10 - آموزش متغیر (variable) و ثابت (constant)
11 - آموزش متغیر ها (variable) در جاوا اسکریپت
12 - آموزش ثابت (const) در جاوا اسکریپت
13 - آموزش انواع داده (data type) در جاوا اسکریپت + آموزش string
14 - آموزش انواع داده (data type) در جاوا اسکریپت + آموزش number
15 - آموزش انواع داده (data type) در جاوا اسکریپت + آموزش boolean
16 - آموزش انواع داده (data type) در جاوا اسکریپت + آموزش undefined + empty + typeof
17 - آموزش اپراتور ها ی محاسباتی (Arithmetic Operator)
18 - تفاوت عملکرد اپراتور(+) در رشته ها و اعداد
19 - تفاوت اپراتور های prefix و postfix
20 - آموزش تقدم اپرتورها (operator precedence)
21 - آموزش اپراتور های انتساب (Assignment Operator)
22 - آموزش اپراتور های مقایسه ای (Comparison Operator)
23 - تفاوت اپراتور === و == در جاوا اسکریپت
24 - آموزش اپراتور های منطقی (Logical Operator)
آموزش ساختار های شرطی (if و else-if و if-else if و switch-case)
25 - ساختار های شرطی - ساختار شرطی if
26 - بررسی چند مثال از ساختار شرطی if
27 - دسترسی به مقدار یک input در js - (آپدیت)
28 - تمرین ساختار شرطی if - (آپدیت)
29 - ساختار های شرطی - ساختار شرطی if-else
30 - بررسی چند مثال از ساختار شرطی else-if
31 - تمرین ساختار شرطی if-else - (آپدیت)
32 - تمرین ساختار شرطی if-else - (آپدیت)
33 - ساختار های شرطی - ساختار شرطی if-else if
34 - بررسی یک مثال از تفاوت ساختار if و else if
35 - تمرین ساختار شرطی if-else if - (آپدیت)
36 - درک عمیق تر تمرین ساختار شرطی if-else if - (آپدیت)
37 - آموزش if های تو در تو (nested if)
38 - ساختار های شرطی - ساختار شرطی switch-case
39 - بررسی یک مثال از ساختار switch-case
آموزش ساختار های تکرار (while و do-while و for)
40 - آموزش حلقه های تکرار( حلقه ی تکرار while )
41 - آنالیز کردن حلقه ی تکرار while (مثال اول)
42 - آنالیز کردن حلقه ی تکرار while (مثال دوم)
43 - آنالیز کردن حلقه ی تکرار while (مثال سوم)
44 - تمرین عملی از حلقه تکرار while - (آپدیت)
45 - انالیز تمرین عملی از حلقه تکرار while - (آپدیت)
46 - ترکیب if-else با حلقه while - (آپدیت)
47 - آموزش حلقه های تکرار( حلقه ی تکرار do-while )
48 - آنالیز کردن حلقه ی تکرار do-while
49 - آموزش حلقه های تکرار( حلقه ی تکرار for )
50 - آنالیز کردن حلقه ی تکرار for (مثال اول)
51 - آنالیز کردن حلقه ی تکرار for (مثال دوم)
52 - آنالیز کردن حلقه ی تکرار for (مثال سوم)
53 - تمرین عملی از حلقه تکرار for - (آپدیت)
54 - حل یک مثال ساده با حلقه for و while و do-while
55 - حلقه ی تکرار بی نهایت در جاوا اسکریپت - بخش اول
56 - حلقه ی تکرار بی نهایت در جاوا اسکریپت - بخش دوم
57 - بررسی دقیق تر بولین و برسی تابع ()Boolean
58 - تبدیل نوع در جاوا اسکریپت - تبدیل نوع ضمنی (implicit conversion)
59 - تبدیل نوع در جاوا اسکریپت - تبدیل نوع صریح (explicit conversion)
60 - دستور break در حلقه های تکرار
61 - دستور continue در حلقه های تکرار
حلقه های تکرار تو در تو (nested loops)
62 - حلقه ی تکرار تو در تو چیست؟
63 - آنالیز حلقه های تکرار تو در تو (مثال اول)
64 - آنالیز حلقه های تکرار تو در تو (مثال دوم)
65 - آنالیز حلقه های تکرار تو در تو (مثال سوم)
آرایه ها (array) و پیمایش روی آرایه ها
66 - آرایه (array) چیست؟
67 - تعریف ارایه و آدرس دهی عناصر آرایه
68 - چند نکته ی مهم در مورد آرایه ها
69 -حل یک مسئله ساده با استفاده از آرایه ها
70 - پیمایش روی آرایه ها - مثال اول - پیدا کردن اعداد زوج
71 - پیمایش روی آرایه ها - میانگین اعداد ارایه
72 - پیمایش روی آرایه ها - مثال سوم - بزرگترین عضو ارایه - (آپدیت)
73 - پیمایش روی آرایه ها - مثال سوم - بزرگترین عضو ارایه - (آپدیت)
74 - پیمایش روی آرایه ها - مثال چهارم - مجموع اعداد فرد - (آپدیت)
75 - متد های آرایه ها (array method) - بخش اول
76 - متد های آرایه ها (array method) - بخش دوم
77 - متد های آرایه ها (array method) - بخش سوم
78 - متد های آرایه ها (array method) - بخش چهارم
79 - پیمایش روی آرایه ها - مثال پنجم - برعکس کردن ارایه - (آپدیت)
80 - متد includes - (آپدیت)
81 - پیمایش روی آرایه ها - مثال ششم - حذف اعضای تکراری ارایه - (آپدیت)
82 - پیمایش روی آرایه ها - مثال ششم - حذف اعضای تکراری ارایه - (آپدیت)
83 - پیمایش روی آرایه ها - مثال هفتم- جدا کردن اعداد مثبت و منفی - (آپدیت)
آرایه های تو در تو ( چند بعدی )
84 - آرایه ی دو بعدی چیست؟
85 - آرایه های تو در تو (nested array) در جاوا اسکریپت
86 - مثال اول - مجموع اعداد ارایه دو بعدی - (اپدیت)
87 - مجموع اعداد ارایه دو بعدی - تحلیل کد - (اپدیت)
88 - مثال دوم - تبدیل ارایه 2 بعدی به تک بعدی - (اپدیت)
89 - مثال سوم - مجموع سطرهای ارایه 2 بعدی - (اپدیت)
90 - تمرین اول - پیدا کردن min و max - (اپدیت)
91 - تمرین دوم - پیدا کردن اعداد زوج و فرد - (اپدیت)
92 - تمرین سوم - جمع کردن دو ارایه 2 بعدی با هم - (اپدیت)
93 - جواب تمرین اول - (اپدیت)
94 - جواب تمرین دوم - (اپدیت)
95 - جواب تمرین سوم - (اپدیت)
آموزش توابع (function)
96 - بررسی مفهوم تابع و مزایای استفاده از تابع
97 - آموزش function declaration
98 - آموزش function expression
99 - آموزش ورودی در توابع
100 - مثال اول - تابع تشخیص زوج یا فرد بودن - (آپدیت)
101 - مثال دوم - تابع تبدیل درجه سانتی گراد به فارنهایت - (آپدیت)
102 - مثال سوم - تابع مجموع اعداد ارایه - (آپدیت)
103 - تفاوت پارامتر (parameter) و آرگومان (argument)
104 - آموزش دستور return
105 - مثال چهارم - تابع محسابه میانگین اعداد
106 - مثال پنجم- return کردن ارایه ای از اعداد زوج - (آپدیت)
107 - مثال ششم - return کردن ارایه ای از نام های خاص - (آپدیت)
108 - مثال هفتم - پیاده سازی تابع isPrime
109 - تحلیل کردن تابع isPrime - (اپدیت)
110 - مثال هشتم- return کردن ارایه ای از اعداد اول - (آپدیت)
111 - مثال نهم - پیاده سازی تابع rangePrime
112 - مثال دهم - پیاده سازی تابع power
113 - مثال یازدهم- تابع تغییر رنگ پس زمینه عنصر - (آپدیت)
114 - مثال دوازدهم- تابع مخفی کردن و نمایش عنصر - (آپدیت)
115 - تعریف تابع با تعداد ورودی دلخواه (شبه آرایه arguments)
116 - تعریف تابع با تعداد ورودی دلخواه (rest operator)
117 - پارامتر های پیش فرض (default parameter)
118 - آموزش Arrow Function
119 - آموزش CallBack Function
آموزش حوزه (scope) متغیر ها و توابع
120 - آموزش مفهوم scope
121 - آموزش global scope
122 - آموزش function scope
123 - آموزش block scope
124 - آموزش مفهوم hoisting
125 - آموزش variable hoisting
126 - آموزش function hoisting
127 - آموزش undeclared variable و strict mode
آموزش اشیاء (object)
128 - شی (object) چیست؟
129 - روش تعریف شی (object) و بررسی مفهوم پراپرتی (property)
130 - آموزش مفهوم متد (method) در اشیاء
131 - آموزش اشیاء تو در تو (nested object)
132 - اضافه کردن پراپرتی و متد به اشیاء
133 - آموزش کلمه ی کلیدی this در متد ها
134 - آموزش حلقه تکرار for-of
135 - آموزش حلقه تکرار for-in
136 - آموزش اپرتور in
137 - تفاوت داده های primitive و reference - (آپدیت)
138 - کپی سطحی - shallow copy - (آپدیت)
139 - کپی عمیق - deep copy - (آپدیت)
method های پرکاربرد ارایه ها + پروژه عملی
140 - معرفی فصل
141 - متد forEach - مثال اول
142 - متد forEach - مثال دوم
143 - متد map - مثال اول
144 - متد map - مثال دوم
145 - متد filter - مثال اول
146 - متد filter - مثال دوم
147 - معرفی مینی پروژه
148 - کدنویسی html و css
149 - آشنایی با back tick
150 - تابع generateUsersElement
151 - فیلتر کردن - بخش اول
152 - فیلتر کردن - بخش دوم
153 - متد some - مثال اول
154 - متد some - مثال دوم
155- متد every - مثال اول
156 - متد every - مثال دوم
آموزش (Document Object Model) DOM
157 - معرفی DOM
158 - درخت دام (DOM Tree)
159 - مفهوم گره (node) در درخت DOM
160 - آشنایی با شی document و متد getElementById
161 - آشنایی با متد getElementsByTagName
162 - آشنایی با متد getElementsByClassName
163 - آشنایی با متد querySelector و querySelectorAll
164 - بررسی property های element node ها - (آپدیت)
165 - بررسی property های element node ها - (آپدیت)
166 - دسترسی به بعضی عناصر DOM بدون استفاده از method
167 - تغییر innerHTML با javascript - (آپدیت)
168 - تغییر outerHTML با javascript - (آپدیت)
169 - تغییر attribute های عناصر html با javascript - (آپدیت)
170 - آَشنایی با متد ()getAttribute و ()setAttribute و ()removeAttribute
171 - تغییر استایل های css با javascript
172 - تمرین اول : تولید رنگ تصادفی در جاوا اسکریپت
173 - معایب تغییر استایل های css با روش style.property
174 - آموزش تابع ()getComputedStyle
175 - آموزش classList
176 - تمرین دوم: شمارش تعداد کلیک ها روی صفحه - (آپدیت)
177 - تمرین سوم : کاربرد متد remove و add در classList - (آپدیت)
178 - تمرین چهارم : کاربرد متد toggle در classList - (آپدیت)
179 - بازنویسی تمرین چهارم به صورت حرفه ای - (آپدیت)
180 - تمرین پنجم : پیاده سازی منوی ریسپانسیو - (آپدیت)
181 - تمرین پنجم : پیاده سازی منوی ریسپانسیو - (آپدیت)
آموزش رویداد های موس (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نظرات
قوانین ثبت دیدگاه
- نظر واقعیت رو در مورد دوره بنویس ، تا بقیه با خوندن کامنت ها بهتر بتونن واسه شرکت توی دوره ها تصمیم بگیرن
پاسخ دهید به سجاد پیران لغو پاسخ
2,199,000 تومان 999,000 تومان

محمد حسین زاده یونسی( دانشجوی دوره )
یک دوره واقعا کاربردی و مفید با یک پشتیبانی عالی . از زحمات شما استاد عزیز بسیار متشکریم❤
میلاد بهرامی(مدیریت)
مرسی از همراهیتون محمد حسین عزیز❤
پرهام دانش نژاد( دانشجوی دوره )
کارتون حرف نداره استاد
عبدالرشید( دانشجوی دوره )
سلام !
من از افغانستان به تماس هستم.
میخواهم این دوره را خریداری کنم، سوال داشتم یا بعد از خریداری میتوان ویدو های آموزشی انی دوره را دانلود کنم یا خیر ؟
با اخترام
میلاد بهرامی(مدیریت)
سلام ، وقتتون بحیر ، دوره جاوا اسکریپت قابلیت دانلود داره
احمدی
سلام استاد وقتتون بخیر باشه..
من از طریق یوتیوب شما هم انیمیشن و هم flexbox و مقدمات js رو دیدم و از همین سایتتون مبحث responsive رو خریداری کردم
من واقعا مدیون شما هستم خیلی مباحث رو با حوصله عمیق و پرانرژی تدریس میکنین خدا خیرتون بده واقعا فوق العاده هستید
قصد خرید دوره js سایت رو هم دارم ممنون میشم اگه لطف کنید و یه تخفیف بذارید تا بیشتر از علمتون بهره ببرم
میلاد بهرامی(مدیریت)
خیلی ممنون از لطفتون خانوم احمدی
یوسف مطلبی( دانشجوی دوره )
بهترین استاد خاورمیانه
استاد ممنونم بابت اموزش های عالیتون و انرژی که روی هر ویدیو میزارید
میلاد بهرامی(مدیریت)
مرسی آقا یوسف عزیز
Danial Rezaei رضایی( دانشجوی دوره )
سلام استاد این دوره نوشته شده هدیه داره ولی بعد خرید هنوز ارد پکیح های هدیه که در سایت نوشته شده هوز قفله
میلاد بهرامی(مدیریت)
سلام ، به ایدی تلگرام next1code_support پیام بدین تا راهنماییتون کنم
فائزه خوشنام( دانشجوی دوره )
استاد چرا ننوشتید دوره چندساعته؟
میلاد بهرامی(مدیریت)
حدود 40 ساعت
فائزه خوشنام( دانشجوی دوره )
ممنون از لطفتتون
سید علیرضا هاشمی( دانشجوی دوره )
سلام استاد وقتتون بخیر
ممنون از آموزش های بسیار خوبتون
آپدیت های دوره ی js و react کی منتشر میشه؟
میلاد بهرامی(مدیریت)
سلام ، وقتتون بخیر
انشالله از اواخر تیر ماه اپدیت ها منتشر میشه
نرگس نوحه خوان
سلام استاد خیلی ممنونم از دوره ی فوق العاده ی جاوااسکریپت امیدوارم همیشه پرقدرت و مانا پیش برید. من دوره ی جاوااسکریپت مقدماتی رو تو یوتیوبتون کامل دیدم..این دوره ی سیرتاپیاز جاوا اسکریپت کل مباحث پیشرفته و مقدماتی رو شامل میشه ؟؟ دیگه نیازی به دوره ی دیگه ای تو سایتتون مربوط به جاوانداریم؟شامل ES6,ES7,ES8؟؟؟
میلاد بهرامی(مدیریت)
سلام ، وقتتون بخیر
بله دوره شامل کل مباحث مربوط به js میشه و نیاز به دوره ی دیگه ای در زمینه js ندارید
رامتین علینژاد( دانشجوی دوره )
چندین دوره شرکت کردم ولی هیچکدوم به کیفیت اموزش و تدریس دوره استاد بهرامی نمیرسه. با تشکر از اقای بهرامی عزیز
میلاد بهرامی(مدیریت)
مرسی رامتین عزیزم