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

۳۳۴ رای ۹.۲

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

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

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 سرفصل ها با جزئیات دقیق و به تفکیک جلسات ویدیویی

رسول شاکری replyپاسخ

ای کای حداقل قسمت اول از این دوره رو به صورت رایگان قرار می دادین تا با کیفیت و سبک آموزش آشنا می شدیم

لقمان آوند

سلام
در صفحه ثبت نام دوره دمو قرار داده شده که همون قسمت اول دوره هست …

عمید خطیبی replyپاسخ

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

var i,j;
	var sum=0
		for(sum,i=0;i<arr.length;i++)
					{for(sum,j=0;j<arr[i].length;j++)
			{var sum=[i]+[j];}}
	document.write(arr)
لقمان آوند

خدمت شما

<script>
	var arr=[[1,2,3],[1,2,3],[1,2,3]]
	var i=0,j=0,sum=0
	for(i=0;i < arr.length;i++){
       	for(j=0; j < arr[i].length ; j++){
       		sum = sum + arr[i][j];
        }
    }
	document.write(sum)
</script>
ppp replyپاسخ

سلام استاد آوند
استاد با جاوا اسکریپت یه چیزی ساخته شده وقتی روی یه دکمه کلیک میشه یک اینپوت خودش میسازه
سوال من اینجاست چطوری کاری کنم که داخل divمورد نظرم ساخته بشه؟
ممنونتون میشم کمک کنید دوستان
https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_text_create

Zina Farahani replyپاسخ

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

لقمان آوند

ممنونم
لطف دارید.
خوشحالیم که رضایت شما رو می بینیم.
ایشالله که روز به روز موفق تر باشید

اشکان باقری replyپاسخ

سلام استاد خسته نباشین. تو این جلسه شما ی تکنیک برای لود گفتین. در برخی از سایت ها دیدم که قبل از لود شدن صفحه یک prograss bar از 0تا100 پر میشه. اون تکنیکش چه جوری هست؟

لقمان آوند

سلام
این کتابخونه رو استفاده کنید.

Mohsen Tajik replyپاسخ

سلام
من html css یادگرفتم حالا نمیدونم چی یاد بگیرم ):
دوره php تهیه کردم باید این دوره جاوا اسکریپت هم تهیه کنم |: ؟
اول کدومو باید شروع کنم به یادگیری ؟
در ضمن ی پیشنهاد هم دارم برای مدیریت کاربرانی مثل خودم که نمیدونن باید چی یاد بگیرن تا زودتر موفق بشن.
لطفا ی بخش داخل سایت طراحی کنید مثل بخش چارت که داخل سایت لرن فایلز هست خیلی خوب میشه اینجوری(:

لقمان آوند

سلام
ممنون به فکر چارت هستیم و ایشالله آماده می کنیم در هفته های آینده .
بهتره بعد از html-css برید js یاد بگیرید که سمت کاربر رو یاد بگیرید.

امیرمحمد رضایی replyپاسخ

سلام اقای اوند لطفا ایمیلتون رو چک کنید

Trypsin replyپاسخ

سلام استاد
شما گفتید که نمیشه از متغیری که قبلش تعریف نشده استفاده کرد ولی من یه تحقیق کردم ظاهرا روشی هست به نام var hoisting که میشه قبلش 7learn=best رو استفاده کرد و بعدش var =7learn این هم لینک این روش :

وحید صالحی

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

محمدرضا replyپاسخ

سلام خسته نباشید استاد اوند ایا با جاوا اسکریپت که تحت کلاینت هست میشه با mysql ارتباط برقرار کرد !؟‌
واسه یه وب سایت لوکال میخواهم 😀 !

کیوان علی محمدی

سلام. خیر نمیشه اینکارو انجام داد.

morteza replyپاسخ

سلام
تگ img وقتیid میگره و به عنوان پارامتر به یک تابع ارسال میشه داخل تابع جاوا اسکریپت شی ارسالی شناخته نمی شه و undefined میزنه..و با تابع getComputedStyle( ) هم نمیشه دسترسی داشت به style اون حالا چطور میشه این مشکل رو حل کرد باید از روی img یک ابجک Image() بسازیم یا روشی هس برای پاس دادن تگ img به عنوان پارامتر داخل تابع هست؟؟

لقمان آوند

سلام
اینطور که میگید نیست احتمالا اشتباهی در کدهاتون دارید. دقت کنید در این مورد که مشکلتون رو پیدا کنید

it,one replyپاسخ

سلام استاد اوند عزیز استاد ببخشید یه سوالی ذهنمو در گیر کرده
;if(candition)
}
{
اگه توی ایف اگه سمی کالمن بگذاریم ایا فرقی داره ؟!‌
امید وارم منظورمو خوب رسونده باشم

لقمان آوند

متوجه نشدم دقیق ؟

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3 4 5 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