آموزش جاوا اسکریپت (JavaScript) جامع و پروژه محور - کد دوره: 479293

سرفصل‌ها
رایگان 00:24:12

Statement ها و Comment کردن در جاوا اسکریپت

5
00:14:57

متغییرها (Variables) و ثابت ها (Constants) در جاوا اسکریپت

6
00:15:21

انواع داده در جاوا اسکریپت

7
00:09:24

معرفی آرایه ها (Arrays)

8
00:14:52

اپراتورهای محاسباتی و کار با رشته‌ها و انتساب

9
00:13:37

کار با توابع در جاوا اسکریپت (Functions)

10
00:27:28

اشیاء (Objects)، متدها (Methods) و ویژگی‌ها (Properties)

11
00:18:24

معرفی Constructor و کلمه کلیدی this در اشیاء جاوا اسکریپت

12
00:10:13

کار با شیء توکار window در Javascript

13
00:17:27

کار با شیء document در Javascript

14
00:16:04

کار با شیء String در Javascript

15
00:14:17

کار با شیء Math و اعداد در Javascript

16
00:08:20

کار با شیء Date و تبدیل تاریخ میلادی به شمسی

17
00:21:29

پروژه طراحی ماشین حساب با جاوا اسکریپت

18
00:25:09

معرفی دستورهای شرطی و کنترلی به همراه اپراتورها در جاوا اسکریپت

19
00:11:52

دستور شرطی if در Javascript

20
00:13:06

دستور Switch

21
00:14:05

حلقه ها در جاوا اسکریپت - حلقه for

22
00:13:39

حلقه ها در جاوا اسکریپت - حلقه while و do while

23
00:09:26

پروژه بازی حمله به هیولا - قسمت اول

24
00:17:55

پروژه بازی حمله به هیولا - قسمت دوم

25
00:11:34

پروژه بازی حمله به هیولا - قسمت سوم

26
00:16:16

پروژه بازی حمله به هیولا - قسمت چهارم

27
00:23:02

معرفی توابع Anonymous یا بی‌نام در جاوا اسکریپت

28
00:10:28

پروژه سنگ - کاغذ - قیچی با جاوا اسکریپت و توابع بی‌نام

29
00:21:07

معرفی DOM در جاوا اسکریپت و کار کردن با المان‌ها

30
00:29:11

یادگیری DOM - پروژه فیلم‌های مورد علاقه من

31
00:16:16

فایل خام پروژه به همراه سایر فایل‌ها

32

پروژه فیلم - افزودن و لغو فیلم مورد علاقه

33
00:15:01

پروژه فیلم - نمایش لیست فیلم ها در صفحه

34
00:11:24

پروژه فیلم - معرفی مفهوم Bind و حذف فیلم‌ها

35
00:16:18

پروژه فیلم - افزودن صفحه حذف فیلم از لیست

36
00:14:01

پروژه فیلم - افزودن Modal به حذف فیلم

37
00:15:50

مبحث آرایه ها به صورت پیشرفته - قسمت اول

38
00:21:49

مبحث آرایه‌ها به صورت پیشرفته - قسمت دوم

39
00:18:28

معرفی و بررسی تفاوت‌ متدهای Slice و Split و Splice در جاوا اسکریپت به همراه ارائه مثال‌های کاربردی

مبحث آرایه‌ها به صورت پیشرفته - قسمت سوم

40
00:17:20

کار با توابع concat و indexOf و find و findIndex و includes در آرایه‌های جاوا اسکریپتی، امکان جستجو بین المان‌های یک آرایه را فراهم می‌کند.

مبحث آرایه‌ها به صورت پیشرفته - قسمت چهارم

41
00:27:34

کار با متدهای forEach و map و sort و reverse و filter و reduce و join که معمولا برای مرتب سازی و فیلتر کردن آرایه‌های جاوا اسکریپتی استفاده می‌شود.

مبحث آرایه‌ها به صورت پیشرفته - قسمت پنجم

42
00:11:42

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

مبحث آرایه‌ها به صورت پیشرفته - قسمت ششم

43
00:20:38

بررسی تفاوت‌ها و شباهت‌های بین آرایه‌ا، Map ها و Set ها در جاوا اسکریپت به همراه ارائه مثال‌های کاربردی

محبث اشیاء به صورت پیشرفته

44
00:11:51

بررسی نحوه افزودن، بروزرسانی و حذف المان‌های یک شیء. کار با نحوه تعریف کلیدها (Keys) دلخواه در جاوا اسکریپت

معرفی کلاس‌ها، ویژگی‌ها و متدها در جاوا اسکریپت

45
00:10:08

کلاس‌ها ابزاری برای کدنویسی کمتر و دسترسی سریع‌تر به داده‌ها هستند که در برنامه‌نویسی حرفه‌ای از آنها استفاده می‌شود. بررسی متدها و ویژگی‌های یک کلاس در این قسمت از دوره آموزش جاوا اسکریپت انجام می‌گردد.

پروژه فروشگاه اینترنتی با شی‌ء گرایی - راه اندازی قالب

46
00:19:24

راه اندازی قالب فروشگاه اینترنتی و ساختاربندی پروژه به همراه تعریف انواع اشیاء جاوا اسکریپتی در این بخش انجام می شود.

پروژه فروشگاه اینترنتی با شی‌ء گرایی - کلاس محصولات

47
00:11:20

معرفی شیء product و تبدیل آن به کلاس Product به همراه انتقال تمام متدها در این بخش انجام شده و سپس با استفاده از متد bind نحوه برقراری ارتباط با متدهای تو در تو جاوا اسکریپت مطرح می شود.

پروژه فروشگاه اینترنتی با شی‌ء گرایی - ایجاد سبد خرید

48
00:07:05

افزودن کلاس سبد خرید (ShoppingCart) و کلاس فروشگاه (Shop) جهت طراحی و پیاده سازی سبد خرید در جاوا اسکریپت

پروژه فروشگاه اینترنتی با شی‌ء گرایی - متدهای استاتیک

49
00:12:28

تعریف متدها و ویژگی های استاتیک (static methods , property) در جاوا اسکریپت به همراه فعال سازی دکمه «افزودن به سبد خرید» در این قسمت انجام می شود.

پروژه فروشگاه اینترنتی با شی‌ء گرایی - (Getter و Setter در سبد خرید)

50
00:08:04

کار با Getter و Setter ها در جاوا اسکریپت به همراه راه اندازی سبد خرید (افزودن قیمت های هر محصول به سبد خرید) در این بخش اجرا شده است.

پروژه فروشگاه اینترنتی با شی‌ء گرایی - ارث‌بری (Inheritance)

51
00:24:40

معرفی ارث بری و پیاده سازی آن در فروشگاه اینترنتی با جاوا اسکریپت. معرفی کلمه کلیدی super و بازنویسی پروژه فروشگاه اینترنتی با ارث بری

استفاده از تکنیک Override در کلاس‌ها

52
00:08:50

در این بخش علاوه بر اینکه به مفاهیم تکنیک Override کردن در کلاس ها می پردازیم، مباحث مربوط به ویژگی‌های و متدهای Private را بررسی کرده و سپس به توضیح مفهوم کلیدواژه instanceof اشاره می کنیم.

کار با Event ها و Listener‌ ها در جاوا اسکریپت

53
00:22:35

این بخش به توضیح رویدادها در جاوا اسکریپت پرداخته و پس از بررسی روش های فراخوانی یک رویداد به توضیح مواردی چون event.preventDefault و stop.propagation می پردازد.

افزودن رویداد به یک حلقه با دستور closest

54
00:11:46

در این بخش با استفاده از دستور event.target.closest یک رویداد را مورد هدف قرار داده و در حلقه‌ها از آن استفاده می کنیم.

پروژه مدیریت کارها (Todo List) - قسمت اول

55
00:20:49

ساختاردهی و معرفی پروژه به همراه تعریف کلاس‌ها، فعال سازی دکمه‌ها، آموزش افزودن یک کار به لیست انجام شده ها و ...

پروژه مدیریت کارها (Todo List) - قسمت دوم

56
00:21:57

پیاده سازی نهایی پروژه و رفع خطاهای آن. نمایش Tooltip برای حزئیات هر وظیفه یا Task

پروژه مدیریت کارها (Todo List) - قسمت سوم

57
00:12:42

راه اندازی Drag & Drop با استفاده از جاوا اسکریپت را در این بخش یاد می گیرید و با توجه به پروژه مدیریت کارها، هر کار یا وظیفه را پس از تایید به صورت Drag به کارهای انجام شده برده و سپس Drop می کنید.

کار با شیء Promise و کلیدواژه های async و await

58
00:28:02

در این بخ شه صورت کامل به بررسی پرامیس ها (Promise) در جاوا اسکریپت می پردازیم و سپس با روش aync await نحوه دسترسی به هر promise را تغییر می دهیم.

معرفی درخواست های HTTP

59
00:13:36

در این بخش به معرفی Server و Client در جاوا اسکریپت پرداخته و سپس درخواست های HTTP یا HTTP Request ها را با هم بررسی می کنیم. سپس به بررسی کدهای خطایی، اطلاعات و ریدایرکت (Status code) می پردازیم.

کار با متد GET و Promise ها در HTTP Request

60
00:20:19

بررسی متد GET و فراخوانی داده از وب سایت jsonplaceholder.typicode.com و نمایش تمام مقالات در قالب HTML. کار با Promise ها و ساختار Async await.

توضیحات دوره

اگر می خواهید بر فراز قله‌ ی طراحی وب بایستید، باید حتما زبان جاوا اسکریپت (JavaScript) را یاد بگیرید و دوره ی آموزش جاوا اسکریپت را طی کرده باشید. در ادامه به توضیح این زبان برنامه نویسی پرداخته و سپس سرفصل‌های «دوره آموزش جاوا اسکریپت پروژه محور و جامع» را مطرح می کنیم.

جاوا اسکریپت چیست؟

جاوا اسکریپت یا JavaScript یک زبان سطح بالا، کامپایل در لحظه و چند الگویی است که از آن برای طراحی کاربردی وب استفاده می شود. بدون شک مهم ترین گام برای طراحی هر وب سایت در گستره ی اینترنت، یادگیری زبان‌های HTML و CSS و JavaScript می باشد. یعنی اگر شما این سه زبان را به صورت کامل یاد بگیرید، بدون شک می توانید تا ۹۸ درصد پروژه های تحت وب را پیاده سازی کنید.

شاید بهتر باشد یک تعریف جامع‌تر از جاوا اسکریپت ارائه دهیم:

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

آموزش جاوا اسکریپت مقدماتی تا پیشرفته

اکما اسکریپت چیست؟

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

ویژگی‌های زبان جاوا اسکریپت (JavaScript)

محبوب ترین زبان دنیا: طی نتایج بدست آمده از وب سایت Stackoverflow.com، جاوا اسکریپت به عنوان برترین زبان برنامه‌نویسی دنیا معرفی شده است. این زبان با محبوبیت ۶۸.۷ درصد، لقب King of Language را از آن خود کرده است.

رایگان بودن: زبان برنامه نویسی جاوا اسکریپت به عنوان یک زبان برنامه نویسی رایگان شناخته می ‌شود. زیرا تمام ابزارها و ساختار این نرم افزار Open Source یا متن باز بوده و توسط سازمان استانداردسازی ECMAScript پشتیبانی می شود.

سهولت در استفاده: برای یادگیری جاوا اسکریپت به هیچ چیزی جز یک سیستم عامل (ویندوز، مک یا لینوکس)، یک ویرایشگر ساده مثل Nodepad ++ و یک مرورگر نیاز ندارید!

عیب یابی ساده: به دلیل اینکه نرم افزار جاوا اسکریپت در لحظه کامپایل (پردازش) می شود و نتیجه ی خروجی را از طریق مرورگر مشاهده می کنید، می توانید به سادگی آن را عیب یابی کرده و حتی به صورت آنی (در لحظه) خطای خود را برطرف کنید.

توسعه‌ پذیری آسان: یکی دیگر از ویژگی های زبان برنامه نویسی جاوا اسکریپت (JavaScript)، توسعه پذیری آسانِ آن است. یعنی شما می توانید در هر لحظه و روی هر سیستم دیگری، فارغ از هرگونه وابستگی، برنامه جاوا اسکریپتی خود را بروزرسانی کرده و آن را توسعه دهید.

کاربردهای جاوا اسکریپت

طراحی صفحات وب:‌ همانطور که در مطالب فوق ذکر شد، اگر برای طراحی یک وب سایت یا صفحه علاوه بر زبان‌های HTML و CSS از زبان برنامه نویسی جاوا اسکریپت (JavaScript) استفاده کنیم، تجربه کاربری یا UX (مخفف User Experience) به شکل باور نکردنی افزایش پیدا می کند. به عبارت دیگر کاربر با وب سایت شما ارتباط بسیار خوبی برقرار خواهد کرد.

طراحی اپلیکیشن‌ های تحت وب و موبایل: شما با زبان جاوا اسکریپت می‌ توانید نرم افزارهای تحت وب مانند چت آنلاین تلگرام، واتس‌ آپ و... را تولید کنید و علاوه بر آن، نرم افزارهایی مانند اینستاگرام، فیس بوک و... را تحت نسخه موبایل (اندروید یا IOS) پیاده سازی نمایید.

طراحی وب سرورها و برنامه‌ های سمت سرور: یکی دیگر از کاربردهای زبان جاوا اسکریپت، طراحی هسته پردازشی یک وب سایت یا وب اپلیکیشن است. شما می توانید در بستر محیط Nodejs به توسعه سمت سرور وب اپلیکیشن خود بپردازید. یعنی Nodejs فایل‌های جاوا اسکریپت را جهت استفاده در سمت Backend (سرور) تحلیل و پردازش می کند.

توسعه ی بازی‌: شما می توانید با استفاده از زبان جاوا اسکریپت بازی های تحت وب و متناسب با نوع مرورگر کاربر ایجاد کنید.

مخاطب دوره چه کسانی هستند؟

تمام افرادی که به دنبال یادگیری یک زبان برنامه نویسی تحت وب هستند می توانند در این دوره شرکت کنند. اما جهت سهولت در یادگیری مفاهیم، به شما عزیزان پیشنهاد می شود در ابتدا دوره ی آموزش HTML و CSS را که در همین وب سایت توسط اینجانب تدریس شده است، طی کنند. دلیل این امر چیزی نیست جز نمایش کدها در قالب‌های زیبا و قابل درک.

بعد از جاوا اسکریپت چه زبانی را یاد بگیرم؟

پس از اینکه شما به زبان جاوا اسکریپت مسلط شدید‌ (اتمام دوره)، می توانید به یادگیری سایر فریم ورک ها و کتابخانه‌های وابسته به زبان جاوا اسکریپت بپردازید. در ادامه توضیحات جامعی درباره ی این موضوع ارائه می کنیم:

محبوب ترین فریم ورک ها و کتابخانه‌های جاوا اسکریپت عبارتند از: 

انگولار (Angular): با استفاده از این فریم ورک می توانید نرم افزارهای تک صفحه ای (مشابه وب سایت روکسو) را ایجاد کنید. یعنی کاربر برای گشت و گذار در صفحات وب سایت نیازی ندارد که قالب صفحه را مجددا بارگذاری کند و تنها اطلاعات جدید را از سرور گرفته و جایگزین اطلاعات قبلی می کند.

جهت دسترسی به دوره آموزش صفر تا صد انگولار (آخرین نسخه) می توانید روی این لینک کلیک کنید

ری اکت (Reactjs): یک کتابخانه درجه یک و تکرارنشدنی در دنیای جاوا اسکریپت است که توسط کمپانی فیس بوک پشتیبانی می شود. در حال حاضر نرم افزارهای موبایل و وب اپلیکیشن فیس بوک و اینستاگرام توسط این کتابخانه ی جاوا اسکریپتی برنامه نویسی شده اند.

برای دریافت دوره آموزش ری اکت (پروژه محور - مقدماتی تا پیشرفته) می توانید روی این لینک کلیک کنید

ویو جی اس (Vuejs): این فریم ورک یکی از سبک ترین فریم ورک های جاوا اسکریپتی است که با استفاده از آن می توانید درخواست هایی مشابه دو فریم ورک و کتابخانه بالا ایجاد کنید.

برای دریافت دوره آموزش ویو جی اس (پروژه محور - صفر تا صد) می توانید روی این لینک کلیک کنید

نود جی اس (Nodejs): قبلا درباره نود جی اس صحبت کردیم. شما می توانید در بستر نود جی اس به طراحی سمت سرور یک نرم افزار بپردازید.

برای دریافت دوره آموزش نود جی اس (پروژه نرم افزار چت آنلاین) می توانید روی این لینک کلیک کنید.

سرفصل های دوره آموزش جاوا اسکریپت (JavaScript)

مقدمه، معرفی و کاربردها

  • معرفی زبان جاوا اسکریپت
  • مقدمه ای بر کاربردها
  • انواع فریم ورک های جاوا اسکریپت
  • روش یادگیری زبان جاوا اسکریپت

ابزارهای جاوا اسکریپت

  • تحلیل موتورهای مرورگرهای کروم، موزیلا و سافاری
  • بررسی نرم افزار Visual Studio Code
  • راهنمای نصب افزونه‌های موردنظر در VSCode برای جاوا اسکریپت

مقدمه‌ای بر شیءگرایی در جاوا اسکریپت

  • معرفی اشیاء در جاوا اسکریپت
  • ارائه مثال‌های دنیای واقعی از Object ها
  • ارائه مثال‌های برنامه‌نویسی از Object ها در جاوا اسکریپت
  • معرفی شیء Properties
  • معرفی شیء Events
  • معرفی شیء Methods

کار با جاوا اسکریپت

  • معرفی ساختار پوشه‌بندی پروژه‌های جاوا اسکریپتی
  • ایجاد اولین پروژه جاوا اسکریپتی از صفر
  • راه اندازی صفحات HTML و CSS
  • ادغام صفحات HTML و CSS با فایل جاوا اسکریپتی

مقادیر، انواع داده و اپراتورها

  • معرفی متغییرها یا Variables
  • بررسی ثابت‌ها یا Constants
  • معرفی انواع داده در Javascript
  • ارائه اپراتورهای برنامه‌نویسی و اولویت‌بندی آنها

توابع

  • نحوه تعریف توابع در جاوا اسکریپت
  • کار با متغییرها در توابع
  • محاسبه مساحت و حجم با استفاده از توابع
  • معرفی متغییرهای Local و Global در توابع
  • ارائه شیوه تخصیص حافظه (Memory) در توابع

اشیاء

  • نحوه تعریف اشیاء در جاوا اسکریپت
  • معرفی ویژگی ها (Properties)
  • معرفی متدها (Methods)
  • مقایسه متدها و ویژگی ها با توابع و متغییرها
  • ارائه مثال کاربردی
  • معرفی کلمه کلیدی new و کار با سازنده Object
  • معرفی کلمه کلیدی this
  • شیوه تعریف متدها و اشیاء به صورت inline
  • تعریف آرایه ها در اشیاء و اشیاء در آرایه ها
  • معرفی شیء Window
  • window.innerHeight
  • window.innerWidth
  • window.pageXOffset
  • window.pageYOffset
  • window.screenX
  • window.screenY
  • window.location
  • window.document
  • window.screen
  • معرفی شیء Document
  • document.title
  • document.lastModified
  • document.URL
  • document.domain
  • document.write
  • document.getElementById
  • document.getElementsByClassName
  • document.querySelectorAll
  • document.createElement
  • document.createTextNode
  • createElement.appendChild
  • document.body.insertBefore
  • معرفی شیء String
  • String.length
  • String.toUpperCase
  • String.toLowerCase
  • String.charAt
  • String.indexOf
  • String.lastIndexOf
  • String.substring
  • String.trim
  • String.replace
  • String.split
  • معرفی شیء Numbers و Math
  • تابع isNaN
  • متد toFixed
  • متد toPrecision
  • متد toExponential
  • Math.round
  • Math.ceil
  • Math.floor
  • Math.sqrt
  • Math.random
  • معرفی شیء Date برای ایجاد تاریخ
  • getDate
  • getDay
  • getFullYear
  • getHours
  • getMilliseconds
  • getMinutes
  • getMonth
  • getSeconds
  • getTime
  • toDateString
  • toTimeString
  • toString

کار تاریخ شمسی در جاوا اسکریپت (Jalali)

  • تبدیل تاریخ میلادی به شمسی
  • تبدیل تاریخ شمسی به میلادی
  • معرفی کتابخانه momentjs

پروژه ماشین حساب با جاوا اسکریپت

  • طراحی الگو و ساختار ظاهری پروژه
  • راه اندازی پوشه‌ها و فایل index.html
  • ایجاد قالب HTML و تگ‌های ورودی
  • ایجاد فایل CSS و استایل‌ها
  • ایجاد فایل app.js جهت افزودن فایل‌های جاوا اسکریپت
  • توضیح منطق برنامه
  • اعمال چهار عمل اصلی جمع، تفریق، ضرب و تقسیم
  • دسترسی به ورودیهای کاربر با Browser Objects ها
  • نوشتن توابع add, substract, multiply و divide
  • نمایش مقدار محاسبه شده در صفحه HTML
  • کار با دکمه‌ها و متد addEventListener
  • نمایش خروجی و تحلیل داده‌ها در جاوا اسکریپت

حلقه‌ها و دستورهای تصمیم گیری

  • معرفی دستورهای شرطی و کنترلی و حلقه‌ها با مثال در دنیای واقعی
  • بررسی دستور شرطی if و else if و else در جاوا اسکریپت
  • بررسی دستور شرطی switch در Javascript
  • بررسی حلقه کنترلی for و پیاده سازی مثال ها
  • بررسی حلقه کنترلی while و do while

پروژه بازی شکست هیولا با جاوا اسکریپت

  • پیاده سازی ساختار HTML و CSS پروژه
  • فولدر بندی پروژه
  • پیاده سازی المان‌های استاتیک و معرفی آنها به جاوا اسکریپت
  • کدنویسی دکمه‌های عملیاتی
  • افزودن توابع کاربردی جهت کار با دکمه ها
  • معرفی دستور addEventListener و کار با آن
  • بهینه سازی پروژه با افزودن توابع مورد نیاز
  • هوشمندسازی پروژه با افزودن دستورهای شرطی if و else if
  • آموزش نحوه حذف المان ها به هنگام بازی از صفحه مرورگر
  • آموزش کار با console.log جهت نمایش خطاها یا پیام‌های بازی
  • بکارگیری توابع تو در تو جهت کوتاه نویسی پروژه
  • ایجاد دکمه‌ی نمایش لاگ (اطلاعات لحظه به لحظه بازی)
  • به تصویر کشیدن Log بازی با استفاده از حلقه‌های for و for of
  • جمع بندی پروژه و نمایش خروجی

کار با توابع پیشرفته در جاوا اسکریپت

  • مقدمه‌ای بر توابع بی نام
  • بررسی تفاوت بین Anonymous Functions یا Function Expressions و Function Declarations
  • اجرا و پیاده سازی پروژه بازی سنگ کاغذ قیچی با استفاده از توابع بی‌نام

درخت DOM یا Document Object Model

  • معرفی DOM
  • طراحی DOM یک وب سایت از پایه
  • کار با المان های موجود در یک DOM
  • دسترسی و تغییر المان‌های موجود در DOM

پروژه لیست فیلم‌های مورد علاقه من

  • تعریف و تحلیل پروژه
  • پیاده سازی فایل‌های HTML و CSS
  • معرفی بخش‌های پروژه
  • افزودن دکمه‌های موردنیاز
  • استفاده از دکمه‌ی افزودن فیلم
  • طراحی ساختار Modal (یا Popup - پاپ آپ) با جاوا اسکریپت
  • افزودن فیلد‌های ورودی کاربران
  • دریافت و تحلیل ورودی‌های فیلم‌ها
  • طراحی صفحه سیاه Backdrop در پشت Modal یا پاپ آپ
  • هوشمندسازی کلیک‌های موس با جاوا اسکریپت
  • نمایش لیست فیلم‌های افزوده شده در صفحه
  • حذف تک به تک فیلم‌ها
  • معرفی ساختار Bind در حین پروژه
  • افزودن Modal برای پیام حذف فیلم‌ها
  • افزودن دستورهای شرطی به دکمه‌ها جهت حذف فیلم
  • جمع بندی و بروزرسانی UI پروژه

آرایه‌ها (پیشرفته)

  • معرفی انواع آرایه‌ها
  • کار با شیء Array و متدهای Array.of و Array.from
  • آرایه‌های تو در تو (Nested Arrays)
  • دسترسی به المان‌های آرایه‌ها
  • استفاده از تابع for برای دسترسی به آرایه
  • متدهای Shift و Push و Pop و Unshift
  • بررسی متدهای Slice، Splice و Split
  • بررسی متدهای concat و indexOf و find و findIndex و includes
  • بررسی متدهای forEach و map و sort و reverse و filter و reduce و join
  • کار با اپراتور سه نقطه (… oprator) در جاوا اسکریپت
  • آرایه‌ها (Arrays):
    • در آرایه‌ها می‌توان داده‌ها در هر ابعادی که هستند ذخیره سازی کرد
    • در آرایه‌ها تکرار وجود دارد و اکثر متدها را می‌توان کار کرد.
    • در آرایه‌ها ترتیب‌بندی لحاظ می‌شود، کپی (Duplicate) وجود دارد و المان‌ها دارای ایندکس (از صفر) هستند.
  • ست‌ها (Sets):
    • در Set ها می‌توان هر داده‌ای را ذخیره‌سازی کرد.
    • در Set ها تکرار وجود دارد و می‌توان با برخی از متدهای Set ها کار کرد.
    • در Set ها داده‌ها ترتیب‌بندی ندارند، کپی (Duplicate) وجود ندارد و المان‌ها دارای ایندکس نیستند.
  • مپ‌ها (Maps):
    • در Map ها می‌توان داده ها را به صورت Key Value در هر ابعادی ذخیره کرد.
    • در Map ها تکرار وجود دارد و می‌توان با برخی از متدهای Map‌ ها کار کرد.
    • در Map ها ترتیب‌بندی داده ها وجود دارد، کپی (Duplicate) مجاز نیست و همه چیز بر اساس key است.

کار با اشیاء به صورت پیشرفته

کلاس‌ها و برنامه‌نویسی شیءگرایی در جاوا اسکریپت

  • معرفی و مقدمه‌ای بر کلاس‌ها
  • اجرای یک پروژه مقدماتی برای درک صحیح کلاس ها و ویژگی ها (Classes & Property)
  • تعریف متدها برای یک کلاس در حین پروژه (Methods)
  • معرفی متد constructor در جاوا اسکریپت به همراه پروژه

پروژه فروشگاه اینترنتی با کلاس‌ها و متدها در جاوا اسکریپت

  • راه اندازی اولیه قالب فروشگاه و افزودن وابستگی‌های جاوا اسکریپت
  • تعریف اشیاء مربوط به محصولات فروشگاه
  • تبدیل شیء محصول به کلاس Product
  • انتقال متدهای شیء محصول به متدهای کلاس Product
  • تعریف کلاس ProductList و آموزش نحوه‌ی ارتباط بین دو کلاس Product و ProductList
  • معرفی متد bind در جاوا اسکریپت
  • تعریف کلاس سبد خرید (Cart)
  • برقراری ارتباط بین کلاس‌های Cart و Shop در پروژه
  • تعریف متدهای استاتیک (Static Method) و ویژگی های استاتیک (Static Property)
  • معرفی Helper Function ها یا توابع کمکی
  • فعال سازی دکمه افزودن به سبد خرید
  • داینامیک کردن دکمه افزودن به سبد خرید (اضافه شدن قیمت هر محصول به سبد)
  • کار با کلیدواژه های get و set در متدهای یک کلاس
  • معرفی ارث بری (Inheritance) در جاوا اسکریپت
  • بازنویسی کلاس های پروژه فروشگاه اینترنتی با استفاده از ارث بری یا Inheritance
  • افزودن کلاس های Shop و Shopping cart برای پروژه
  • پیاده سازی render های صفحات با استفاده از ارث بری
  • بهینه سازی پروژه و تمیز کردن کدهای اضافه
  • نمایش خروجی نهایی

کار با رویدادها (Event) و شنونده ها (Listeners)

  • معرفی Event ها
  • افزودن Event به یک تگ HTML به صورت inline
  • افزودن Event با استفاده از ساختار کلاس
  • بررسی نحوه کار با شیء event
  • معرفی addEventListener
  • نوشتن توابع داخلی در addEventListener
  • کار با event.target
  • کار با event.preventDefault جهت جلوگیری از رفرش صفحه به هنگام ثبت فرم ها
  • معرفی ساختار Capturing و bubbling در جاوا اسکریپت
  • معرفی متد stop.propagation جهت جلوگیری از اجرای Event های تو در تو
  • پیاده سازی یک رویداد روی حلقه‌ها
  • استفاده از دستور event.target.closest برای دسترسی به یک رویداد تو در تو

پروژه طراحی و پیاده سازی نرم افزار Todo List یا مدیریت کارها

  • معرفی پروژه
  • طراحی و ساختار چینی پروژه و کلاس ها
  • معرفی هر کلاس و نحوه ارتباط آن با سایر کلاس ها
  • پیاده سازی لیست کارهای انجام شده و در حال انجام
  • دسترسی به DOM پروژه با استفاده از جاوا اسکریپت
  • فعال سازی دکمه های ToDo List
  • فعال سازی نحوه ی حذف و اضافه کردن کارها
  • معرفی دستورهای cloneNode و bind در حین پروژه
  • بروزرسانی کارهای انجام شده و خارج کردن آنها از لیست کارهای در حال انجام
  • نمایش تولتیپ (Tooltip)
  • حذف تولتیپ (Tooltip)
  • جلوگیری از ارسال تولتیپ تکراری
  • افزودن قابلیت Drag & Drop به کارها و وظایف
  • حذف یک المان با استفاده از Drag & Drop و افزودن آن به لیست کارهای انجام شده
  • بهینه سازی پروژه مدیریت کارها

کار با Promise ها در جاوا اسکریپت

  • معرفی روند اجرای مجموعه ای از کدها در جاوا اسکریپت
  • معرفی Stack و Queue (صف بندی)
  • معرفی کلاس Promise
  • کار با کلید واژه ی then و catch
  • مدیریت خطاها در Promise ها
  • معرفی ساختار async await
  • تبدیل ساختار then به async await
  • مقایسه دو روش then و async await

کار با HTTP Request ها در جاوا اسکریپت

  • معرفی HTTP و ساختار کارکرد آن
  • معرفی انواع متدهای GET و POST و PUT و PATCH و DELETE
  • معرفی انواع Status‌ها در در درخواست های HTTP
  • ایجاد برنامه جهت کار با سرور و API
  • معرفی شیء XMLHTTPRequest و کار با متدهای open و send
  • کار با وب سایت jsonplaceholder.typicode.com
  • نوشتن اولین برنامه با استفاده از متد GET
  • فراخوانی و نمایش داده ها از وب سایت jsonplaceholder با متد GET

برای اینکه یک برنامه نویس حرفه ای باشید، باید آموزش جاوا اسکریپت را پشت سر بگذارید. امید است که از دوره ی آموزش جاوا اسکریپت که یکی از کامل ترین و گسترده ترین دوره های آموزش این زبان در وب فارسی است، نهایت استفاده را ببرید و به کمک آن بتوانید بر فراز قله های برنامه نویسی و طراحی وب پرواز کنید. اگر مشتاق پیوستن به جمع برنامه نویسان حرفه ای هستید، خودتان را برای چالش های لذت بخش این زبان مهمِ دنیای برنامه نویسی آماده کنید. 

افزودن به سبد خرید
245000 تومان
کارما دریافت 35 کارما با شرکت در این دوره
استفاده بیش از یک نفر از این محصول غیرقانونی و از لحاظ شرعی حرام می‌باشد.
میزان پیشرفت دوره:
٪83
59 نفر
شرکت کرده‌اند
25 نظر
ثبت شده است
امتیاز (15 رای)
تاریخ انتشار:
1399-2-7
وضعیت دوره:
در حال برگزاری
تعداد جلسات:
60
مدت زمان:
15:52:18
حجم کل:
گیگابایت
نسخه زبان Javascript:
Javascript 6
سطح:
تمام سطوح
مسعود صالحی
مدرس: مسعود صالحی
1345 کارما
بیش از ۲ سال عضویت در روکسو بیش از ۲ سال عضویت در روکسو
دارای 1000 کارما دارای 1000 کارما
دارای 10 پاسخ صحیح دارای 10 پاسخ صحیح
ارسال کننده پاسخ با 25 رای ارسال کننده پاسخ با 25 رای

دیدگاه‌های شما (25 دیدگاه)

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

hmhosein2012@gmail.com
حسین محمدی
07 اردیبهشت 1400
سلام این دوره کی تموم میشه و چندتا درس دیگه داره؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

anonymous user
anonymous user
05 اردیبهشت 1400
سلام لطفا مبحث symbol ها رو هم توضیح بدید

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

jaad.shah123@gmail.com
jaad
31 فروردین 1400
سلام لطفا یه دمویی از فروشگاه و پروژه های دیگه بگذارید ببینیم

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

rezathe12@gmail.com
رضا سراوانی
09 فروردین 1400
سلام آیا تایپ اسکریپت در این دوره آموزش داده میشه یا در دوره نود جی اس به صورت کامل توضیح داده میشه ؟ یا اینکه اون دورش جدا هست؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
12 فروردین 1400

سلام، تایپ اسکریپت یک دوره جداگانه خواهد داشت.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

امیر خدادادی
امیر خدادادی
08 فروردین 1400
سلام خدمت مدرس عزیز لطف می کنید در مورد دیزاین پترن ها هم آموزش قرار بدید یا رفرنسی معرفی بفرماید.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

amiralibk97@gmail.com
علیرضا باقری
04 فروردین 1400
سلام . لطفا راجع به api ها هم صحبت کنید و درخواست های سمت سرور و دریافت اطلاعات از سرور

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
04 فروردین 1400

سلام، بله حتما درباره ارتباط با بک اند هم صحبت می کنیم.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

صدرا مقدسی
صدرا مقدسی
04 فروردین 1400
تیکت پشتیبانی از سایت حذف شده؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
04 فروردین 1400

سلام، تیکت های پشتیبانی از این پس در بخش روکسو کیو دنبال می شود لطفا سوالات خود را در www.roxo.ir/q مطرح کنید.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

امیر خدادادی
امیر خدادادی
03 فروردین 1400
لطفا fetch رو هم تدریس کنید و بیشتر در مباحث ارتباط با سرور صحبت کنید

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
03 فروردین 1400

بله حتما این مورد هم توسط مدرس تدریس خواهد شد.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

احمد رحیمی
احمد رحیمی
02 فروردین 1400
سلام میخواستم ببینم در این دوره در مورد HTTP request صحبت شده است ؟ با تشکر

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
03 فروردین 1400

سلام، بله حتما تدریس می کنیم.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

aa090818@yahoo.com
امیررضا
02 فروردین 1400
سلام استاد تو این دوره مباحث async هم توضیح داده شده ؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
05 فروردین 1400

سلام بله حتما صحبت میشه

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

ghhomid@gmail.com
امید حیدری
03 اسفند 1399
خیلی داره خفن میشه و جالبیش اینکه تازه درج شده تا این جا با 40 ویدیو 49 درصد دوره پیشرفت داشته . از تم جدید هم که دیگه نگم مرسی روکسو . همیشه پیگیر هستم و امیدوارم همینطوری عالی پیش بره . من تمامی محصولات این سایت رو خریدم تقریبا و همشون خیلی خوب بوده

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

khajeabdollahi79@gmail.com
مونا خواجه عبدالهی
13 بهمن 1399

آیا میتونیم به فایل های نوشته شده مدرس دسترسی داشته باشیم؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
14 بهمن 1399

بله صد در صد می تونید دسترسی داشته باشید.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

mohammadcom761@gmail.com
محمد شهریارپناه
11 مهر 1399

سلام وقت بخیر

 

اگه بخواهیم با جاوا اسکریپت یک شمارنده ایجاد کنیم برای کاربردهای مختلف مثلا برای لاگین موبایل ، ... مربوط به کدام بخش دوره می باشد ؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
12 مهر 1399

سلام وقت شما بخیر

این مورد را به احتمال زیاد در پروژه های کاربردی این دوره قرار بدیم. 

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

davoodmonazeh@gmail.com
داود منزه
16 شهریور 1399

سلام JSONدر دوره گفته شده و پشتیبانی به چه صورته برای رفع اشکال

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
18 شهریور 1399

سلام وقت شما بخیر

تمام مباحث مربوط به JSON ها در دوره گفته شده است.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

kasra_ja1991@yahoo.com
kasra jannati
12 مرداد 1399

سلام

این دوره ECMAScript 6 کامل پوشش میده ?

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
12 مرداد 1399

سلام وقت شما بخیر

بله به صورت کامل با اکما اسکریپت ۶ کار کرده ایم.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

kasra_ja1991@yahoo.com
kasra jannati
31 مرداد 1399

سپاس

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

Alikhoshraftaryari@gmail.com
علی خوش رفتار
24 اردیبهشت 1399

عرض سلام و خسته نباشید

قربان اموزش جاوا اسکریپت کی کامل تموم میشه؟ 

امکانش هست وقتی کامل شد اطلاع رسانی از طریق ایمیل صورت بگیره؟ 

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

farhad.salimi2010@gmail.com
فرهاد سلیمی
24 اردیبهشت 1399

انتظارم از روکسو بیشتر بود !!!!!!!!

قسمت 3 صدا مشکل داره

در قسمت 5 هم درحین توضیحات استاد ویدیو تموم شد

 

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
24 اردیبهشت 1399

سلام وقت شما بخیر

تمام موارد در حال حاضر برطرف شده است. در فصل ۳ که به صورت رایگان می باشد مشکلی از نظر ضبط صدا مشاهده نشد و فصل ۵ مجددا تولید و روی وب سایت قرار گرفت.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

ghhomid@gmail.com
امید حیدری
22 اردیبهشت 1399

سلام
json هم توضیح داده میشه تو این دوره؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
22 اردیبهشت 1399

سلام وقت شما بخیر

بله حتما درباره JSON در جاوا اسکریپت به صورت مفصل صحبت می کنیم.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

ghhomid@gmail.com
امید حیدری
24 اردیبهشت 1399

یعنی بعد این دوره
ری اکت , انگولار یا ویو رو میتونیم خیلی راحت یاد بگیریم 
چون من همه ی دوره های سایت شمارو خریداری کردم

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
25 اردیبهشت 1399

سلام وقت شما بخیر

بله به صورت کامل تمام مباحث ارائه می شود و پیش نیاز تمام فریم ورک ها و کتابخانه های جاوا اسکریپت می باشد.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

danielmcmahan769@gmail.com
دانیال فیروزی
10 اردیبهشت 1399

سلام خسته نباشید. 

ایجکس و api هم در این دوره تدریس میشه؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
11 اردیبهشت 1399

سلام وقت شما بخیر

تمام مباحث مربوط به Ajax در این دوره کار خواهد شد.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

alireza.kariminejad@yahoo.com
علیرضا کریمی نژاد
10 اردیبهشت 1399

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

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

پیگیری مطالب جذاب و تخفیف‌ها

اینستاگرام روکسو تلگرام روکسو ایمیل و خبرنامه روکسو