00:00 / 00:00
1.8x
1.4x
1.0x
0.7x
HD SD
HD
SD
ثبت‌نام رایگان
  • دسترسی به کل جلسات ویدیویی از دوره
  • دسترسی به کل جلسات ویدیویی از دوره
  • اضافه شدن دوره به پروفایل
00:00 / 00:00
1.8x
1.4x
1.0x
0.7x
HD SD
HD
SD

آموزش رایگان Javascript پروژه ‌محور

دوره‌های رایگان
37 جلسه
98٪ (530 رای)

کاربرد دوره آموزش رایگان جاوا اسکریپت Javascript پروژه ‌محور چیست؟

جاوا اسکریپت یک زبان برنامه‌نویسی بسیار قدرتمند سمت کلاینت است. از این زبان اغلب برای افزایش تعامل کاربر با صفحه وب استفاده می‌شود. به عبارت دیگر، شما با کمک جاوا اسکریپت می‌توانید وب‌سایت خود را از یک صفحه استاتیک به یک صفحه تعاملی تبدیل کنید. این زبان تجربه کاربر از صفحه وب شما را بهبود می‌بخشد. جاوا اسکریپت نه تنها در طراحی وب‌سایت بلکه در توسعه بازی و اپلیکیشن‌های موبایلی هم به طور گسترده‌ای به کار می‌رود.

بسیاری از برنامه‌نویسان تصور می‌کنند اگر به زبان جاوا مسلط هستند دیگر نیازی به آموزش جاوا اسکریپت ندارند. دو زبان جاوا و جاوا اسکریپت هیچ ارتباطی به هم ندارند. جاوا اسکریپت تنها یک زبان اسکریپت‌نویسی است، در حالی که جاوا به عنوان یک زبان برنامه‌نویسی پیچیده شناخته می‌شود. سینتکس جاوا اسکریپت بیشتر تحت تاثیر زبان برنامه‌نویسی C است.

اکما اسکریپت نسخه استاندارد شده جاوا اسکریپت است که توسط Ecma international ارائه شده است. تاکنون نسخه‌های متفاوتی از اکما اسکریپت منتشر شده است، اما نسخه 6 آن یعنی ES6 طرفداران زیادی را به خود جلب کرده است. این نسخه در اجرای جاوا اسکریپت به‌کار می‌رود. یکی از دلایل محبوبیت این نسخه این است که برای اجرای کد ES6 در مرورگرهای جدید از BABEL استفاده می‌شود. BABEL یک فرستنده برای جاوا اسکریپت است که باعث می‌شود کد ES6 بتواند در هر مرورگری اجرا شود.

در دوره آموزش جاوا اسکریپت رایگان تمام مباحث ساده تا پیشرفته دو زبان جاوا اسکریپت و اکما اسکریپت را هم‌زمان فرا می‌گیرید و در انتها با کمک آموخته‌های خود یک پروژه طراحی می‌کنید.

دوره آموزش رایگان جاوا اسکریپت javascript پروژه محور مناسب چه کسانی است؟

  • کسانی که با HTML & CSS & Bootstrap آشنایی دارند و می‌خواهند دانش خود را تکمیل کنند.
  • کسانی که می‌خواهند تجربه کاربری مخاطبان سایت خود را افزایش دهند.
  • کسانی که قصد دارند طراحی سایت‌های پویا را یاد بگیرند.
  • کسانی که به کسب درآمد از راه طراحی سایت فکر می‌کنند.

بعد از فراگیری دوره آموزش جاوا اسکریپت رایگان چه مهارت‌هایی کسب خواهید کرد؟

  • تسلط بر مباحث جاوا اسکریپت و اکما اسکریپت
  • کار با ماژول‌ها و import & Export کردن آن‌ها
  • برقراری ارتباط بین کدهای جاوا اسکریپت و مرورگر
  • پیمایش اسناد HTML، ایجاد، حذف، ویرایش و دسترسی به عناصر اسناد
  • طراحی یک سایت با رابط کاربری عالی

 

سرفصل‌های دوره آموزش رایگان Javascript پروژه ‌محور

فصل اول: آشنایی با Javascript
03:07 ساعت
03:07
Combined Shape Created with Sketch. 19 جلسه
نمایش جلسات فصل  

در فصل اول دوره آموزش جاوا اسکریپت با تاریخچه این زبان آشنا شده و تفاوت‌های جاوا اسکریپت و اکما اسکریپت را درک می‌کنید. مقدمات شروع آموزش جاوا اسکریپت را در این فصل برای شما بیان می‌کنیم. متغیرها، توابع، انواع داده‌ها، دستورات شرطی و تمام مباحث مقدماتی هم در زبان جاوا اسکریپت و هم اکما اسکریپت در این فصل بیان می‌شود. علاوه بر این‌ها، موضوعاتی مانند maps، sets، Find & Filtter و destructuring که به ES6 اضافه شده است را به شما آموزش مي‌دهیم.

تفاوت JavaScript با EcmaScript
"06:05
ابزارهای مورد نیاز
"08:56
Console
"13:13
Variables
"16:17
Data Types
"08:10
Type Conversion
"13:29
کار با Number
"09:38
کار با String
"14:49
کار با Array
"12:16
کار با Object
"09:51
شرط دستوری If
"15:07
شرط دستوری Switch
"02:36
Functions
"14:18
Loops
"09:15
محدوده متغیرها
"06:07
کار با Maps
"08:01
کار با Sets
"05:52
Destructuring
"10:07
Find & Filter
"03:26
فصل دوم: Module در ES6
00:22 ساعت
00:22
Combined Shape Created with Sketch. 3 جلسه
نمایش جلسات فصل  

یکی از مهم‌ترین مباحث در اکما اسکریپت 6 ماژول‌ها هستند. ماژول‌ها به شما کمک می‌کنند که کدهایتان را در یک فایل بنویسید و تنها بخشی را که نیاز است در دسترس سایر بخش‌ها باشد، نمایش دهید. برای کار با این ماژول‌ها باید بتوانید آن‌ها را Export و Import کنید. در این فصل ضمن پرداختن به این موضوعات، Default و As را در ماژول‌های ES6 به خوبی فرا می‌گیرید.

آشنایی با Module
"08:44
Export & Import
"05:47
Default & As
"07:46
فصل سوم: BOM
00:16 ساعت
00:16
Combined Shape Created with Sketch. 2 جلسه
نمایش جلسات فصل  

BOM یا همان Browser Object Model همانطور که از نامش پیداست، با مرورگرها در ارتباط است. در واقع با بکارگیری BOM و با استفاده از امکانات آن، می‌توانید کدهای جاوا اسکریپت خود را به مرورگر متصل کنید. در این مدل، با کمک مدل‌سازی مرورگر به عنوان یک شئ جاوا اسکریپت می‌توان به امکانات مرورگر دسترسی پیدا کرد. علاوه بر آموزش مهارت‌های مرتبط با BOM در این فصل به توضیح بخش‌های Navigator و Location و  History در آن می‌پردازیم.

معرفی ‌BOM
"09:26
بخش های BOM
"07:23
فصل چهارم: DOM
01:01 ساعت
01:01
Combined Shape Created with Sketch. 6 جلسه
نمایش جلسات فصل  

DOM در جاوا اسکریپت می‌تواند عناصر سندهای HTML را ایجاد، ویرایش و حذف کند. در واقع از Document Object Model برای پیمایش ساختار صفحات HTML استفاده می‌شود. DOM یک استاندارد مجزا از جاوا اسکریپت است که در زبان‌های برنامه‌نویسی هم می‌تواند مورد استفاده قرار گیرد. برای دسترسی به عناصر HTML می‌توانید از چند طریق اقدام کنید. در این فصل با تمام بخش‌های DOM و چگونگی دسترسی، ایجاد، ویرایش و حذف عناصر در اسناد HTML می‌پردازیم

معرفی DOM
"14:19
Selector بخش اول
"11:57
Selector بخش دوم
"08:47
Selector بخش سوم
"12:15
Create Element
"07:58
Edit & Remove Element
"05:59
فصل پنجم: Events
00:46 ساعت
00:46
Combined Shape Created with Sketch. 4 جلسه
نمایش جلسات فصل  

رویدادها اعمال یا وقایعی هستند که در سیستم شما اتفاق می‌افتند و شما به عنوان برنامه‌نویس سایت باید به آن پاسخ دهید. مثلا ممکن است کاربر دکمه‌ای در  صفحه وب انتخاب کند و شما باید با نمایش یک باکس اطلاعاتی به آن پاسخ دهید. Eventهای گوناگونی در جاوا اسکریپت وجود دارد که دارای بخش‌های مختلفی هستند. در فصل پنجم ضمن آشنا کردن شما با Eventها به معرفی local Storage & Session و چگونگی ذخیره و خواندن اطلاعات در جاوا اسکریپت می‌پردازیم.

معرفی Events
"13:47
Events بخش اول
"06:05
Events بخش دوم
"06:20
Local Storage & Session
"20:33
فصل ششم: پروژه جاوا اسکریپت
00:40 ساعت
00:40
Combined Shape Created with Sketch. 3 جلسه
نمایش جلسات فصل  

در فصل آخر از آموزش جاوا اسکریپت به معرفی یک پروژه می‌پردازیم. در این پروژه می‌آموزید که چگونه در سایت خود بخشی برای افزودن، حذف، فیلتر و پاک کردن کلی و تک تک تسک‌ها در local storage می‌پردازیم. با کمک این پروژه می‌توانید UI وب‌سایت خود را بهبود بخشید.

پروژه جاوا اسکریپت - بخش اول
"15:40
پروژه جاوا اسکریپت - بخش دوم
"09:41
پروژه جاوا اسکریپت - بخش سوم
"15:20
استاد دوره
علی شیخ علی شیخ

علی شیخ در سال ۱۳۹۴ در رشته مهندسی کامپیوتر فارغ‌التحصیل شد و به عنوان برنامه‌نویس وب در شرکت معدنی و صنعتی چادرملو شروع به کار کرد. تخصص اصلی ایشان در زبان‌های جاوا اسکریپت و php است. وی به دلیل این که به آموزش علاقه زیادی داشت، تصمیم به راه‌اندازی وب‌سایتی در این زمینه به نام وب پروگ گرفت و اکنون از سال 1398 تا کنون توانسته‌است سهم کوچکی در آموزش به افراد علاقه‌مند به برنامه‌نویسی را داشته باشد.

درباره برگزارکننده
وب ‌پروگ وب ‌پروگ (اطلاعات بیشتر)

پیش‌نیاز‌های دوره آموزش رایگان Javascript پروژه ‌محور

آموزش HTML و CSS
اطلاعات بیشتر

نظرات  (2 نظر)

کاربر مکتب‌خونه
12:00 - 1400/06/11
کاربر‌ سایت
بهترین آموزش جاوا اسکریپت عااالی
مانی
15:14 - 1400/03/16
کاربر‌ سایت
دستتون درد نکنه عالی

سوالات پرتکرار

آیا ممکن است که درسی ناقص ضبط شده باشد؟
ما همواره تلاش کرده­‌ایم که دروس را به طور کامل ضبط نماییم و در اختیار شما دوستان قرار دهیم. اما گاهی برخی ناهماهنگی ها سبب می شود که یک یا تعدادی از جلسات یک درس ضبط نشود. توضیح این گونه نواقص در توضیح درس­ ها آمده است.
اگر لینک دانلود یا پخش ویدئو مشکل داشت چه باید کرد؟
در صورتی که با هر گونه مشکلی رو به رو شدید می توانید از طریق صفحه ارتباط با ما به ما اطلاع دهید تا ما سریعا مشکل را پیگیری و برطرف نماییم.
آیا امکان دریافت فیلم های یک درس به صورت سی دی یا دی وی دی وجود دارد؟
در حال حاضر امکان ارسال دروس به صورت سی دی یا دی وی دی وجود ندارد.

اطلاعات بیشتر

منابع، پیشنیازها و منابع مکمل برای فراگیری دوره آموزش رایگان javascript پروژه محور چیست؟

برای شروع آموزش جاوا اسکریپت رایگان به یک ویرایشگر متن برای نوشتن کد و به یک مرورگر برای نمایش صفحات دارید. ویرایش‌گرهای Notepad++ ،Visual Studio Code ،Sublime Text ،Atom یا هر ویرایشگر دیگری می‌تواند برای این کار مناسب باشد.

پیش از فراگیری آموزش زبان جاوا اسکریپت باید با HTML & CSS و بوت‌استرپ آشنایی داشته باشید. بنابراین اگر می‌خواهید بهره کافی از این دوره را ببرید، بهتر است ابتدا دوره‌های زیر را بگذرانید:

  • دوره آموزش HTML5 & CSS3 
  • دوره آموزش رایگان Bootstrap 4 پروژه محور

بعد از گذراندن دوره آموزش برنامه نویسی جاوا اسکریپت برای پیشرفت در حوزه طراحی سایت پیشنهاد می‌کنیم دوره آموزش رایگان Node.js را مشاهده کنید.

 

سرفصل‌های دوره  آموزش رایگان Javascript پروژه محور چیست؟

در دوره آموزش رایگان Javascript پروژه محور همزمان با آموزش جاوا اسکریپت به آموزش اکما اسکریپت هم می‌پردازیم. در این دوره ابتدا تاریخچه هر دو زبان را بررسی کرده سپس از مباحث ابتدایی مانند متغیرها، توابع، حلقه‌ها شروع می‌کنیم. سپس به مباحث پیشرفته‌تری مانند BOM، DOM و سپس رویدادها، local storage و سشن‌ها می‌پردازیم. در انتها هم با انجام یک پروژه تمام مواردی که در این دوره آموخته‌ایم را پیاده می‌کنیم.

×

ثبت نظر

به این دوره از ۱ تا ۵ چه امتیازی می‌دهید؟

فصل اول: آشنایی با Javascript
03:07 ساعت
03:07
Combined Shape Created with Sketch. 19 جلسه
نمایش جلسات فصل  

در فصل اول دوره آموزش جاوا اسکریپت با تاریخچه این زبان آشنا شده و تفاوت‌های جاوا اسکریپت و اکما اسکریپت را درک می‌کنید. مقدمات شروع آموزش جاوا اسکریپت را در این فصل برای شما بیان می‌کنیم. متغیرها، توابع، انواع داده‌ها، دستورات شرطی و تمام مباحث مقدماتی هم در زبان جاوا اسکریپت و هم اکما اسکریپت در این فصل بیان می‌شود. علاوه بر این‌ها، موضوعاتی مانند maps، sets، Find & Filtter و destructuring که به ES6 اضافه شده است را به شما آموزش مي‌دهیم.

تفاوت JavaScript با EcmaScript
"06:05
ابزارهای مورد نیاز
"08:56
Console
"13:13
Variables
"16:17
Data Types
"08:10
Type Conversion
"13:29
کار با Number
"09:38
کار با String
"14:49
کار با Array
"12:16
کار با Object
"09:51
شرط دستوری If
"15:07
شرط دستوری Switch
"02:36
Functions
"14:18
Loops
"09:15
محدوده متغیرها
"06:07
کار با Maps
"08:01
کار با Sets
"05:52
Destructuring
"10:07
Find & Filter
"03:26
فصل دوم: Module در ES6
00:22 ساعت
00:22
Combined Shape Created with Sketch. 3 جلسه
نمایش جلسات فصل  

یکی از مهم‌ترین مباحث در اکما اسکریپت 6 ماژول‌ها هستند. ماژول‌ها به شما کمک می‌کنند که کدهایتان را در یک فایل بنویسید و تنها بخشی را که نیاز است در دسترس سایر بخش‌ها باشد، نمایش دهید. برای کار با این ماژول‌ها باید بتوانید آن‌ها را Export و Import کنید. در این فصل ضمن پرداختن به این موضوعات، Default و As را در ماژول‌های ES6 به خوبی فرا می‌گیرید.

آشنایی با Module
"08:44
Export & Import
"05:47
Default & As
"07:46
فصل سوم: BOM
00:16 ساعت
00:16
Combined Shape Created with Sketch. 2 جلسه
نمایش جلسات فصل  

BOM یا همان Browser Object Model همانطور که از نامش پیداست، با مرورگرها در ارتباط است. در واقع با بکارگیری BOM و با استفاده از امکانات آن، می‌توانید کدهای جاوا اسکریپت خود را به مرورگر متصل کنید. در این مدل، با کمک مدل‌سازی مرورگر به عنوان یک شئ جاوا اسکریپت می‌توان به امکانات مرورگر دسترسی پیدا کرد. علاوه بر آموزش مهارت‌های مرتبط با BOM در این فصل به توضیح بخش‌های Navigator و Location و  History در آن می‌پردازیم.

معرفی ‌BOM
"09:26
بخش های BOM
"07:23
فصل چهارم: DOM
01:01 ساعت
01:01
Combined Shape Created with Sketch. 6 جلسه
نمایش جلسات فصل  

DOM در جاوا اسکریپت می‌تواند عناصر سندهای HTML را ایجاد، ویرایش و حذف کند. در واقع از Document Object Model برای پیمایش ساختار صفحات HTML استفاده می‌شود. DOM یک استاندارد مجزا از جاوا اسکریپت است که در زبان‌های برنامه‌نویسی هم می‌تواند مورد استفاده قرار گیرد. برای دسترسی به عناصر HTML می‌توانید از چند طریق اقدام کنید. در این فصل با تمام بخش‌های DOM و چگونگی دسترسی، ایجاد، ویرایش و حذف عناصر در اسناد HTML می‌پردازیم

معرفی DOM
"14:19
Selector بخش اول
"11:57
Selector بخش دوم
"08:47
Selector بخش سوم
"12:15
Create Element
"07:58
Edit & Remove Element
"05:59
فصل پنجم: Events
00:46 ساعت
00:46
Combined Shape Created with Sketch. 4 جلسه
نمایش جلسات فصل  

رویدادها اعمال یا وقایعی هستند که در سیستم شما اتفاق می‌افتند و شما به عنوان برنامه‌نویس سایت باید به آن پاسخ دهید. مثلا ممکن است کاربر دکمه‌ای در  صفحه وب انتخاب کند و شما باید با نمایش یک باکس اطلاعاتی به آن پاسخ دهید. Eventهای گوناگونی در جاوا اسکریپت وجود دارد که دارای بخش‌های مختلفی هستند. در فصل پنجم ضمن آشنا کردن شما با Eventها به معرفی local Storage & Session و چگونگی ذخیره و خواندن اطلاعات در جاوا اسکریپت می‌پردازیم.

معرفی Events
"13:47
Events بخش اول
"06:05
Events بخش دوم
"06:20
Local Storage & Session
"20:33
فصل ششم: پروژه جاوا اسکریپت
00:40 ساعت
00:40
Combined Shape Created with Sketch. 3 جلسه
نمایش جلسات فصل  

در فصل آخر از آموزش جاوا اسکریپت به معرفی یک پروژه می‌پردازیم. در این پروژه می‌آموزید که چگونه در سایت خود بخشی برای افزودن، حذف، فیلتر و پاک کردن کلی و تک تک تسک‌ها در local storage می‌پردازیم. با کمک این پروژه می‌توانید UI وب‌سایت خود را بهبود بخشید.

پروژه جاوا اسکریپت - بخش اول
"15:40
پروژه جاوا اسکریپت - بخش دوم
"09:41
پروژه جاوا اسکریپت - بخش سوم
"15:20