campaign-Ghorban-to-Ghadir

آموزش جاوا اسکریپت

۳۳۴ رای ۹.۲

access_time طول دوره ۵۸ ساعت
event_seat تعداد جلسات ۳۳ جلسه
people دانشجویان ۱۶۸۶ نفر
headset_mic پشتیبانی دوره۳ ماه
file_downloadسرفصل های دوره دانلود

قیمت : ۱۷۹ هزار تومان

notifications_active کمپین تخفیفی عید تا عید سون لرن رو حتما دنبال کنید!
schedule بیش از 58 ساعت آموزش ویدیویی - 5.5 گیگابایت محتوای آموزشی
description توضیحات دوره list جلسات دوره speaker_notes دیدگاه ها
list لیست جلسات دوره
  1. دوره مجازی جاوا اسکریپت (جلسه 1): معرفی جاوا اسکریپت و قدرت آن، پیشنیازها و آماده سازی محیط کار play_circle_outlined
  2. قرارداد ها، شروع کدنویسی حساب شده و مفاهیم پایه در جاوا اسکریپت play_circle_outlined
  3. دوره مجازی جاوا اسکریپت (جلسه 3): انواع مختلف داده ها و متغیرها در جاوا اسکریپت play_circle_outlined
  4. دوره مجازی جاوا اسکریپت (جلسه 4): عملگرهای محاسباتی، منطقی، مقایسه ای در جاوا اسکریپت play_circle_outlined
  5. دوره مجازی جاوا اسکریپت (جلسه 5): ورودی/خروجی و ساختارهای شرطی جاوا اسکریپت play_circle_outlined
  6. دوره مجازی جاوا اسکریپت (جلسه 6): آرایه ها، اشیاء ، ساختارهای کنترلی و حلقه ها play_circle_outlined
  7. دوره مجازی جاوا اسکریپت (جلسه 7): تعریف توابع دلخواه در جاوا اسکریپت، نکات و ترفندها play_circle_outlined
  8. دوره مجازی جاوا اسکریپت (جلسه 8): اشیاء و برنامه نویسی شی گرا در جاوا اسکریپت play_circle_outlined
  9. دوره مجازی جاوا اسکریپت (جلسه 9): اشیاء، توابع و متدهای پیش تعریف شده در جاوا اسکریپت play_circle_outlined
  10. دوره مجازی جاوا اسکریپت (جلسه 10): event ها و کنترل رفتار کاربران در جاوا اسکریپت play_circle_outlined
  11. دوره مجازی جاوا اسکریپت (جلسه 11): مدل BOM و تعامل جاوا اسکریپت با مرورگرکاربر play_circle_outlined
  12. دوره مجازی جاوا اسکریپت (جلسه 12): مدل DOM، تغییر در تگ های صفحه وب و شی Element play_circle_outlined
  13. دوره مجازی جاوا اسکریپت (جلسه 13): مدل DOM، شی document و انجام تغیرات پویا در صفحه وب play_circle_outlined
  14. دوره مجازی جاوا اسکریپت (جلسه 14): توابع زمانی، خطایابی و تشخیص خطا در جاوا اسکریپت play_circle_outlined
  15. دوره مجازی جاوا اسکریپت (جلسه 15): کدنویسی چند پروژه عملی و کاربردی play_circle_outlined
  16. دوره مجازی جاوا اسکریپت (جلسه 16): آشنایی با جی کوئری و قواعد نوشتاری آن play_circle_outlined
  17. دوره مجازی جاوا اسکریپت (جلسه 17): دستکاری و انجام تغیرات در صفحات وب با jQuery play_circle_outlined
  18. دوره مجازی جاوا اسکریپت (جلسه 18): مدیریت رویدادها و نکات مهم در کدنویسی جی کوئری play_circle_outlined
  19. دوره مجازی جاوا اسکریپت (جلسه 19): انیمیشن ها ، متدهای فیلترینگ و پیمایش در جی کوئری play_circle_outlined
  20. دوره مجازی جاوا اسکریپت (جلسه 20): عبارت های منظم و اعتبارسنجی فرم ها play_circle_outlined
  21. دوره مجازی جاوا اسکریپت (جلسه 21): عبارت های منظم و اعتبارسنجی فرم ها - بخش دوم play_circle_outlined
  22. دوره مجازی جاوا اسکریپت (جلسه 22): XML و JSON و کاربرد آن ها play_circle_outlined
  23. دوره مجازی جاوا اسکریپت (جلسه 23): آموزش کدنویسی Ajax با جاوا اسکریپت خالص play_circle_outlined
  24. دوره مجازی جاوا اسکریپت (جلسه 24): آموزش کدنویسی Ajax با کتابخانه جی کوئری play_circle_outlined
  25. دوره مجازی جاوا اسکریپت (جلسه 25): آموزش نحوه صحیح نوشتن کتابخانه (library) برای جاوا اسکریپت play_circle_outlined
  26. دوره مجازی جاوا اسکریپت (جلسه 26): آموزش نحوه صحیح نوشتن افزونه (plugin) های جی کوئری play_circle_outlined
  27. دوره مجازی جاوا اسکریپت (جلسه 27): پروژه - طراحی پلاگین closable (افزودن قابلیت بسته شدن به تگ ها) play_circle_outlined
  28. دوره مجازی جاوا اسکریپت (جلسه 28): پروژه - طراحی و پیاده سازی پلاگین Tooltip play_circle_outlined
  29. دوره مجازی جاوا اسکریپت (جلسه 29): پروژه - کدنویسی پلاگین اعتبارسنجی فرم ها (Form Validation) play_circle_outlined
  30. دوره مجازی جاوا اسکریپت (جلسه 30): پروژه - طراحی و پیاده سازی پلاگین Modal play_circle_outlined
  31. دوره مجازی جاوا اسکریپت (جلسه 31): پروژه - طراحی و پیاده سازی منوهای آکاردئونی play_circle_outlined
  32. دوره مجازی جاوا اسکریپت (جلسه 32): پروژه های اسلایدر، منوی کناری مخفی و محتوای تب دار play_circle_outlined
  33. دوره مجازی جاوا اسکریپت (جلسه 33-آخر): نکات باقیمانده، پیشرفته، توصیه ها و جمع بندی play_circle_outlined

آموزش javascript

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

شما با تماشای این آموزش میتوانید صفحاتی با افکت های جالب و زیبا طراحی کنید و به صفحات طراحی شده توسط خودتان روح تازه ای بدمید , بعد از دیدن این دوره آموزش قادر خواهید بود اسلایدر های بسیار زیبا و حرفه ای با استفاده از جی کوئری و جاوا اسکریپت کد نویسی و طراحی کنید , فیلم آموزش جاوا اسکریپت مبتدی و دوره آموزش ویدیویی جی کوئری میتواند کمک شایانی به شما در طراحی وب نماید . این سری از دوره آموزش پروژه محور جاوا اسکریپت و جی کوئری (jQuery) با داشتن پروژه های جذاب و کاربردی میتوانید شما را به یک حرفه ای در طراحی وب تبدیل کند.

بهترین آموزش جاوا اسکریپت

وقتی که شروع کردم به آموزش HTML و چند تا پست در این مورد دادم دیدم که استقبال خوبی شد و خیلی ها درخواست ادامه ی این نوع آموزش ها رو داشتند . من تمام سعیم در نوشتن این آموزش ها این هست که مطالب رو به راحتی به خواننده ها بفهمونم . برای همین معمولا ساده می نویسم و از بکار بردن اصطلاحات تخصصی و نامفهوم برای تازه کارها تا حد ممکن پرهیز می کنم .  حالا شاید تو این میون بعضی ها بگن که سطح آموزشها پایینه ولی خوب " هدف یادگیریه و مهم اینه که حاصل بشه " . از امروز انشاءلله آموزش های جاوا اسکریپت رو شبیه به آموزشهای Html براتون میزارم . و در پست های آینده آموزش های جدیدتری اضافه می شن تا یواش یواش هم در زمینه ی Html و هم در جاوا اسکریپت به امید خدا دونستنی هامون بیشتر بشه و به پیش بریم .

پس اگر طراحی ، Html و جاوا اسکریپت رو دوست دارید حتما آموزشهای مارو دنبال کنید !!!

آموزش جاوا اسکریپت

JavaScript چیست ؟

جاوا اسکریپت دقیقا یک زبان برنامه نویسی سمت مشتری (Client) برای پویا شدن و ایجاد انعطاف بیشتر کدهای Html هست . Client یا سمت مشتری بودن جاوا اسکریپت به این معنیه که کدهای جاوااسکریپت توسط کامپوتر کاربر تفسیر و اجرا میشن و نه به وسیله ی سرورهای دیگه . کدهای جاوا اسکریپت می تونن بین کدهای Html قرار بگیرند و قابلیت های زیادی رو به یک صفحه ی اینترنتی اضافه کنن . بهتر بگم شما با کدهای Html فقط می تونید صفحاتی ایستا داشته باشید . یعنی در Html کاملا تعیین شده که فلان تگ فلان چیز رو در مرورگر نمایش میده . مثلا تگ <table> یک جدول ایجاد میکنه ، تگ <p> یک پاراگراف و ... ولی با کدنویسی جاوا اسکریپت شما خیلی کارای جالب تر و جذاب تر می تونید انجام بدید . مثلا با رفتن روی یه لینک یه سری اتفاقات جالب بیفته ، تاریخ و ساعت در صفحه داشته باشید ، با استفاده از یه فرم محاسبات ریاضی انجام بدید !  و خیلی کارای دیگه . خلاصه بگم . زبان جاوا اسکریپت براحتی می تونه به خشک و بی روح بودن Html تازگی و جذابیت ببخشه .

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

تاریخچه جاوا اسکریپت :

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

 دموی پروژه های جامعی که از 0 تا 100 در این دوره کدنویسی شده اند رو می تونید از اینجا ببینید :

پلاگین Closable پلاگین Tooltip پلاگین Validate پلاگین Modal منوی Accordion منوی مخفی کناری باکس های تب دار اسلایدر پیشرفته اسلایدر پیشرفته تمام صفحه

دموی اسکریپت ها و پروژه های نوشته شده در دوره جامع آموزش جاوااسکریپت و جی کوئری

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

  • فصل 1 : معرفی جاوا اسکریپت و قدرت آن، پیشنیازها و آماده سازی محیط کار
  • فصل 2 : قرارداد ها، شروع کدنویسی حساب شده و مفاهیم پایه !
  • فصل 3 : انواع داده ها، متغیر ها و عملگرها در زبان جاوا اسکریپت
  • فصل 4 : آرایه ها، ساختارهای شرطی و حلقه ها در جاوا اسکریپت (+پروژه)
  • فصل 5 : تعریف توابع دلخواه در جاوا اسکریپت
  • فصل 6 : اشیاء و برنامه نویسی شی گرا در جاوا اسکریپت
  • فصل 7 : معرفی توابع، کلاس ها و اشیاء پیش ساخته در جاوااسکریپت
  • فصل 8 : رویدادها - کنترل و مدیریت رفتار کاربر در صفحات وب (+ چند پروژه)
  • فصل 9 : مدل های DOM و BOM و ویرایش پویای عناصر صفحه وب توسط جاوا اسکریپت (+پروژه)
  • فصل 10 : رویدادهای زمانی و اجرای خودکار کدها در بازه های زمانی تعیین شده (+پروژه)
  • فصل 11 : مدیرت خطا و نحوه تشخیص و رفع مشکلات کدهای جاوااسکریپت
  • فصل 12 : جی کوئری، انجام کار بیشتر با کدنویسی کمتر و راحت تر!
  • فصل 13 : معرفی ساختار، رویدادها و توابع زنجیره ای جی کوئری
  • فصل 14 : انیمیشن ها، و امکانات جالب زبان جی کوئری (+پروژه)
  • فصل 15 : عبارت های منظم و اعتبارسنجی فرم های موجود در صفحات وب (+پروژه)
  • فصل 14 : معرفی XML و JSON و کاربردهای آن ها
  • فصل 17 : Ajax و جادوگری در صفحات وب! (+پروژه)
  • فصل 18 : آموزش اصولی نحوه پلاگین نویسی با جاوا اسکریپت و جی کوئری (+پروژه)
  • فصل 19 : پیاده سازی چندین پروژه عملی و کاربردی (اسلایدر، لایت باکس، باکس تب دار و ... )
  • فصل 20 : مباحث باقیمانده و پیشرفته جاوا اسکریپت
  • فصل 21 (آخر): جمع بندی، معرفی منابع و توصیه های مهم

دانلود فایل PDF سرفصل ها با جزئیات دقیق و به تفکیک جلسات ویدیویی

erfan.b2000 replyپاسخ

سلام phpstrom نیاز به کرک داره آیا؟؟
چون واسه من وسط کار میاد بیرون
لطفا یکی راهنمایی کنه چیکار باید کنم
ممنون

مهدی replyپاسخ

سلام به شما خسته نباشید ممنون بابت آموزش های خوب

مهدی replyپاسخ

سلام خسته نباشید ممنون از آموزش های خوب و با کیفیت سایت سون لرن و مدیر محترم این سایت آقای آوند لطفا کلاس های node.js و react.js بزارید متاسفانه توانایی شرکت برای حضور در دورهای متخصص جاوااسکریپت و… رو برای همه امکان پذیر نیست.
همچنین اگر امکان هست دورهای آموزش asp.net mvc و asp.net core روهم ایجاد کنید.

mester remi replyپاسخ

سلام دوستان من با کدی جدید روبه رو شدم که تاحالا این مدل کدی رو ندیدم اگر از دوستان کسی بتونه کمکم کنه که متوجه منظور بشم یا ادیتش کنم خیلی ممنون میشم ؛ کد به صورت:
“con62″:”\uae00\ub85c\ubc8c \uac8c\uc784 \uacc4\uc815″
,”con64″:”\uc6d0\ud074\ub9ad \uac8c\uc784 \uc790\uc0b0 \uac70\ub798”
هست و با عبارت:
var langpack = [{“cn”:{
شروع شده اگر اطلاعات بیشتر هم بخواید بهتون ارائه میدم .
از کمکتون ممنونم

سهیل بشردوست replyپاسخ

درود، تمرین ها خیلی خوب بودن و فکر می کنم در سطح متوسط بودند، البته به جز تمرین آخر که در حقیقت تحقیق بود

سهیل بشردوست replyپاسخ

درود، اینکه در پایان هر جلسه تکلیف میدید بسیار خوبه اما ای کاش در پایان دوره هم یک پروژه ی بزرگ و پیچیده بعنوان تکلیف نهایی میدادید…

Mehdi Bagheri replyپاسخ

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

سهیل بشردوست replyپاسخ

درود، حتما در دوره متخصص جاوا اسکریپت شرکت خواهم کرد

بهنام جعفری replyپاسخ

سلام وقت بخیر، من دقیقا یادم نیست صدا زدن با ارجاع مربوط به کدوم جلسه هست، میشه جلسه مربوطه رو بگید یا یه توضیح کوتاهی راجع به این مسئله بدید ممنونم

مجتبی صفدری replyپاسخ

درود با مهندس آوند
نکته ای که برام جالبه توی عکس logical operators
null = null!
چرا ؟
با تشکر

امیر رضا ناظمی replyپاسخ

سلام خسته نباشید
ببخشید چرا من وقتی
print(x+y);
رو مینویسم خود به خود وارد چاپگر میشه ؟

لقمان آوند

اسم تابع print رو عوض کنید. در جلسه ۶ دوره در این مورد صحبت کردیم.

Mostafa Nadi replyپاسخ

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

لقمان آوند

طبیعیه که دوره متخصص برای بازار کار به مراتب بهتر و به روز تر و پر بارتر هست.
در کنار این دوره باید منابع به روز تر رو هم مطالعه کنید

reza replyپاسخ

سلام اگر بشه یه فایل هم بین فایلهای ضمیمه اضافه کنید که شامل مسئله های الگوریتم نویسی باشه و الگوریتم ها رو در قالب مسائل کاربردی حل کنیم و ذهنمون آمادگی بیشتری پیدا کنه فکر میکنم بهتر باشه

hashem replyپاسخ

سلام جناب آوند عزیز وقتتون بخیر
شما در این درس در تابعی که با متد extend معرفی شده پراپرتی تعریف کردید به نام fieldNameattr که مقدارش رو برابر رشته “name” قراردادید و از این ویژگی برای تعریف متغیر fName هم استفاده کردید که برام جالب بود مقدار رشته “name ” به اتریبیوت با همین نام اشاره می کرد که برام قابل فهم نبود
اگر امکانش هست بهم توضیح بدبد دلیلش چیه خواهشا ؟؟

hashem

ببخشید فکر کنم جوابش رو فهمیدم ببخشید عجله می کنم

hashem replyپاسخ

سلام استاد عزیز این جلسه چقدر نامفهوم بود فکرکنم پیش نیاز این جلسه php بود بهتر نیست این جلسه رو بعد از آشنایی با php مرور کنم چون الان اصلا نفهمیدم

امیرحسین شکری replyپاسخ

با عرض سلام و احترام خدمت اساتید محترم سون لرن.
با توجه به آپدیت جدید ES6، ظاهرا var قدرت سابق برای تعریف متغیر رو نداره و الان let و const رو بورسن : ))) و البته phpstorm هم به استفاده از var ایراد میگیره.
میخواستم بدونم به عنوان یک دانشجوی جدید جاوا اسکریپت کلا استفاده از var رو کنار بذارم؟ و در چه مواردی میشه از let و const استفاده کرد؟
آیا باید توی تموم برنامه هایی که تا الان نوشتم، var رو به let تغییر بدم؟ (ظاهرا const سفت و سخت تره!)
سپاسگزارم اگر راهنماییم کنید.

علی حیدرپور replyپاسخ

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

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3 36
مدرس و آمار دوره
Course-Teacher
لقمان آوند
دانشجوی دکترای نرم افزار دانشگاه شیراز ، با 10 سال سابقه فعالیت های آموزشی در بستر وب فارسی . مدیر، موسس و برنامه نویس وبسایت سون لرن با بیش از 8 سال سابقه طراحی وب و برنامه نویسی حرفه ای زبان های Html, CSS, Javascript, Jquery, Ajax و PHP.
library_books
۳۲۶ مقاله تخصصی
school
۹ دوره برگزار شده
۹۷۹۲ علاقمندfavorite
۸۹۰۲ دانشجوpeople
۱۴۳۴ رایstar
٪ ۹۲.۵ میانگین رضایت از مدرس
پیشنیاز های دوره
آشنایی با html و css پیشنیازهای این دوره می باشد. برای یادگیری این موارد می توانید دوره طراحی وب سون لرن را بگذرانید.
پشتیبانی فنی دوره
مدرس دوره و تیم پشتیبانی سون لرن به مدت 3 ماه پس از خرید دوره در بخش نظرات مطالب دوره ، پاسخگوی تمامی سوالات و ابهامات شما در مورد این دوره خواهند بود.
مشاوره پیش از خرید
در صورتی که در مورد هر کدام از دوره های سون لرن سوال و یا ابهامی در ذهن شما هست، می توانید همین حالا با ما در تماس باشید و از مشاوره رایگان قبل از خرید دوره ها استفاده نمایید.
contact_phone شماره تماس : ۰۲۱۴۴۰۲۰۴۸۲
email ایمیل : support@7Learn.com