توضیحات دوره آموزش مقدماتی تا پیشرفته جاوا اسکریپت
در دوره آموزش جاوا اسکریپت چه فریمورک و لایبرری های استفاده شده؟
امروزه زبان جاوا اسکریپت لایبرری ها و فریمورک های بسیار زیادی دارد و بسیاری از آن ها به قدری گسترده بوده و مطالب زیادی دارند که نمی توان حتی یکی از آن ها را در دوره جاوا اسکریپت جای داد.
به همین خاطر در آموزش جاوا اسکریپت سبزلرن فقط سرفصل های مربوط به زبان برنامه نویسی جاوا اسکریپت تدریس شده اند و از هیچ کدام از لایبری ها و فریمورک های آن استفاده نشده است.
چرا این دوره رایگان است؟
در واقع دوره آموزش جاوا اسکریپت هزینه های مختلف را شامل می شود و به طور رایگان حاصل نشده است.
در اصل این دوره به صورت رایگان در اختیار شما کاربران عزیز قرار گرفته است در حالی که علاوه بر هزینه هاست سایت و هاست دانلود، هزینه تدریس و حتی پشتیبانی نیز به مدرس دوره پرداخت می شود.
تاریخچه ای از جاوا اسکریپت
تاریخچه ای از جاوا اسکریپت
زبان برنامه نویسی جاوا اسکریپت ابتدا تو سال 1995 توسط آقای Brendan Eich تو شرکت NetScape ایجاد شد.هدف از ارائه جاوا اسکریپت ایجاد صفحات وب به صورت داینامیک بود.ابتدا جاوا اسکریپت روی مرورگر شرکت Netscape که اسمش Netscape Navigator بود اجرا شد اما خبری از کلمه “جاوا اسکریپت” نبود.زبانی که امروز با اسم جاوا اسکریپت شناخته میشه، اولین بار با اسم موکا (Mocha) ارائه شد.اما در آن زمان به دلیل ناقص بودن این زبان و همچنین کمبود هایی که داشت، توجه چندانی بهش نشد.در همان سال اسم موکا به لایو اسکریپت تغییر داده شد.اما همچنان توجهی به آن نشد.
از طرفی هم شرکت Sun که ارائه دهنده زبان برنامه نویسی جاوا بود، میخواست جاوا رو به سمت وب هم بکشونه تا طراحان وب بتونن از جاوا واسه طراحی وب استفاده کنن.
اما از آن جایی که زبان جاوا به شدت پیچیده و سخت است، طراحان وب نمی تونستن از اون استفاده کنن.واسه همین موضوع تو ماه دسامبر سال 1995 شرکت Netscape و Sun طی قراردادی اسم لایو اسکریپت رو به جاوا اسکریپت تغییر دادن.
اما باز هم توجهی به آن نشد.بعد ها جاوا اسکریپت رو با هدف استاندارد سازی سپردن به سازمان Ecma (سازمان اکما یک سازمان بین المللی وظیفه استاندارد سازی سیستم های اطلاعاتی و ارتباطاتی رو بر عهده داره).
بعد از استانداردسازی جاوا اسکریپت توسط سازمان اکما، با اسم اکما اسکریپت ارائه شد که امروزه شما با اسم Es6 آن را می شناسین.بعد ها در هر کدام از نسخه های اکما اسکریپت قابلیت هایی به آن اضافه شد و امروز آخرین نسخه آن 11 می باشد (Es11) که در سال 2020 ارائه شده است.در آموزش رایگان جاوا اسکریپت سبزلرن سعی کردیم نسخه های 5 و 6 جاوا اسکریپت را به شما آموزش بدیم و پروژه های مختلفی رو براتون اماده کردیم تا بتونین مطالب رو بهتر و عمیق تر یاد بگیری
چرا جاوا اسکریپت؟
همان طور که می دانید جاوا اسکریپت یکی از زبان های برنامه نویسی محبوب و پر طرفدار است که بازار کار فوق العاده ای دارد. جاوا اسکریپت ابتدا با هدف استفاده در ظاهر وب سایت ایجاد شد اما با پیشرفت چشمگیری که داشته، امروزه برای توسعه اپلیکیشن های اندروید، IOS، سمت سرور و… استفاده می شود. شما می توانید بعد از یادگیری جاوا اسکریپت به راحتی با فریمورک های جاوا اسکریپت مثل ریکت نیتیو، ویو نیتیو، ویکس و… به توسعه اپلیکیشن های اندروید و IOS بپردازید؛ به این شکل که یک بار کد بنویسید و هم خروجی اندروید و هم خروجی IOS بگیرید.

منابعی که در آموزش رایگان جاوا اسکریپت سبزلرن استفاده شده اند، وب سایت های javascript.info و w3schools.com می باشند که تقریبا تمامی مباحث مربوط به این زبان محبوب را پوشش می دهد و شما در این دوره javascript تقریبا تمامی سرفصل های مربوط به زبان جاوا اسکریپت را یاد میگیرید
و بعد از این دوره به راحتی می توانید وارد بازار کار شده و همچنین می توانید جی کوئری، ویو جی اس ، ری اکت جی اس یا … را شروع به یادگیری کنید (اگر پیش نیاز ها را به خوبی بلد باشید و این دوره رو به خوبی دنبال کنید)
همچنین می توانید با استفاده از رانتایم های NodeJs و DenoJs کد های جاوا اسکریپت خودتان را سمت سرور اجرا کنید و بک اند وب سایت های خودتان را پیاده سازی کنید.

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

همون طور که گفته شد جاوا اسکریپت با هدف داینامیک کردن صفحه های وب ارائه شد ولی با این همه پیشرفتی که داشته، امروزه شما می تونین از جاوا اسکریپت در حوزه هایی مثل اپلیکیشن های موبایل اندروید و IOS، دسکتاپ، سمت سرور، هوش مصنوعی و … استفاده کنین. به عنوان مثال برای برنامه نویسی اپلیکیشن های موبایل می تونین از فریمورک های ریکت نیتیو، ویو نیتیو و … استفاده کنین. یا مثلا برای برنامه نویسی اپلیکیشن های دسکتاپ می تونین از Electron Js استفاده کنین و … همه این حوزه های کاری که با جاوا اسکریپت انجام میشن، بازار کار خیلی خوبی دارن (البته به شرطی که یه متخصص باشین) بنا به آگهی های استخدامی که در وب سایت های مختلف مثل جابینجا، کوئرا و … ثبت می شوند شما اگر یکی از تکنولوژی های مرتبط با جاوا اسکریپت را به صورت حرفه ای بلد باشین، می تونین به صورت استخدامی و همکاری حضوری درآمدی بین 15 الی 20 میلیون تومان داشته باشین.اگه شما آموزش جاوا اسکریپت رایگان سبزلرن رو بگذرونین، بعد می تونین هر کدوم از تکنولوژی های جاوا اسکریپت رو که دوس داشتین شروع کرده و یاد بگیرین.
در جدول زیر درآمد سالانه یک برنامه نویس فرانت اند به طور میانگین در کشور های مختلف مطرح شده است و اگر قصد مهاجرت به خارج را داشتید، می توانید از آن استفاده کنید:
دانمارک | فنلاند | استرالیا | سنگاپور | اسپانیا | کانادا | چین | هند |
$83.687 | $54.483 | $63.416 | $51.416 | $35.641 | $51.498 | $36.540 | $16.303 |
srt (خریدار محصول) –
عرض سلام و تبریک سال نو
و تشکر بابت زحماتی که برای تهیه این کلیپ ها کشیدید و رایگان در اختیار همه قرار داده اید
عذر می خوام من میخواستم همه ی کلیپ ها رو یک جا دانلود کنم چطور می تونم؟ اون قسمت ((دانلود یکجا)) برام کار نمی کنه
srt (خریدار محصول) –
درست شد. فایلش رو توی IDM زدم همه رو انجام داد
yasin (خریدار محصول) –
استاد خسته نباشید سال نوتون هم مبارک , استاد این اکستنشن وی اس کدتون چی هستش که یه خطای رنگی میندازه تا نشون بده دقیقا محدوده هر فانکشن رو ؟
محمدامین سعیدی راد (خریدار محصول) –
سلام یاسین جان. عید تو هم مبارک ❤️
واسه این موضوع اکستنشن اضافی نصب نکن.
خود Vscode این قابلیت رو داره و میتونی با یه کانفیگ این قابلیت رو به Vscodeت اضافه کنی.
کانفیگ و نحوه ست کردنش رو جلسه آخر دوره “اموزش کاربردی Vscode” یاد دادم
sap (خریدار محصول) –
سلام استاد
استاد با پیشرفت روز به روز هوش مصنوعی ، مخصوصا در زمینه برنامه نویسی باز کار برنامه نویسی به خطر نمیوفته؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
بصورت کلی نه، خطری برای برنامه نویسی نمیفته.
ARMIN (خریدار محصول) –
سلام استاد عزیز خداقوت
استاد مبحث indexedDb خیلی کاربردی بود اما کارکردن باهاش فکر نمیکنین کد و وقت بیشتر میخواد ..کار با لوکال استوریج خیلی اسون تر از indexed dbاست..ولی شما یاز از ما خیلی حرفه ترید بازهم indexed db را پیشنهاد میکنید؟؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
اصولا کار کردن با همه چی تایم و کد خاص خودش رو میخواد و این یه چیز بدیهیه.
لوکالاستوریج و IndexedDB دو مقوله جدا با کاربرد جدا هستن.
بعنوان مثال حجم IndexedDB از localStorage بیشتره.
Alireza-sahebi –
سلام خدمت استاد محترم.
من قصد فول استک دولوپر شدن رو دارم و نمیخوام که خیلی خیلی عمیق در حوضه فرانت فعالیت بکنم و میخوام بین بک اند و فرانت اند تعادل برقرار کنم.بنظرتون من بعد از دیدین 400 ویدیو JS برام کافی است؟ یا باید فریمورک JS بلد باشم و FLEX , cssgrid ,bootstrap اینارو هم بلد باشم؟؟(این سوال رو پرسیدم چون وارد صفحه اصلی سبزلرن شدم با دیدن این همه دوره آموزشی فرانت ،واقعا گیج و گمراه شدم).ممنون میشم همینجا راهنمایی کنید.
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
چطور میخواین فولاستک بشین اما نمیخواین زیاد تو فرانتاند عمیق بشین؟!
بستگی داره منظورت از “کافی بودن” چی باشه.
بعد از دیدن این 400 جلسه میتونین هر پروژهای که میخواین رو تو فرانتاند توسعه بدید و از این جهت اره کافیه.
اما اگه منظورتون بازار کار باشه، باید یکی از تکنولوژی های ریاکت، ویو یا انگیولار رو بلد باشین.
فلکس و Grid هم که پیش نیاز جاوا اسکریپت هستن و اصولا قبل از شروع JS باید بلد باشین.
برای مشاوره رایگان و بیشتر از بخش پنل کاربریتون به بخش پشتیبانی تیکت بدین.
code-lover (خریدار محصول) –
با سلام در جلسه ای که کد کپچای ۵ رقمی خواسته شده بود. گاهی بواسطه اینکه اعداد تصادفی با یکی یا دوتا صفر شروع میشن نتیجه حاصل کمتر از۵ رقمه راه حل این مشکل چیه؟ ممنون میشم توضیح بدید.
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
لطفا سوالات فنی رو تو بخش پرسش و پاسخ دوره مطرح کنید.
ARMIN (خریدار محصول) –
سلام استاد خداقوت
استاد این دورتون بی نظیره و از لطف شماواقعن متشکرم
استاد پروژه اخر فصل کی میخواد استارت بخوره؟؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
حدودا از فردا استارتش رو میزنم.
mustafa1384IR (خریدار محصول) –
سلام خسته نباشید
اگر من بخواهم یک سایت آپلود کنم پیکار باید بکنم؟
محمدامین سعیدی راد (خریدار محصول) –
سلام.
باید سورسکد سایتتون رو دپلوی کنین.
برای تمرین میتونین از هاست های رایگان Gigfa استفاده کنین.
karoamm1 (خریدار محصول) –
سلام استاد لطفا لینک گروه تلگرامو بفرستید ممنون از شما
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
در اوایل دوره بحث پشتیبانی در گروه تلگرامی انجام میشد اما بعدها گروه تلگرامی منحل شد و پشتیبانی دوره به روی خود سایت انتقال داده شد.
هر سوال و ابهامی که در جلسات دوره داشته باشین، میتونین در قسمت پرسش و پاسخ دوره بپرسین تا پاسخ داده بشه.
قسمت پرسش و پاسخ داخل صفحه تماشای آنلاین جلسات، سمت راست قرار داره.
bardya vahydy (خریدار محصول) –
سلام وقت بخیر
آقای راد شما توی سطح پیشرفته متدهای pushState و replaceState آبجکت history رو توضیح دادین ؟؟
محمدامین سعیدی راد (خریدار محصول) –
سلام بردیا جان.
این دو متد رو نه.
امیرهوشنگ شولی زاده (خریدار محصول) –
سلام و عرض ادب خدمت استاد گرامی. یکی از بهترین و کاملترین دوره های جاوااسکریپت همین دوره است که ما در حال گذراندن دوره هستیم.
استاد سعیدی راد پروژه های بخش متوسطه بسیار عالی و جامع هستند.ما هم به لطف تدریس بی نظیر شما به راحتی میتونیم پروژه ها را انجام بدیم.
ولی مشکلی که من به شخصه با پروژه ها دارم بخش html و css پروژه هست که بصورت آماده در اختیار ما قرار داده شده.با اینکه بنده دوره html و css را گذروندم ولی برام سواله که صفحات پروژه توسط خود شما از قبل طراحی شده است یا کد های اون ها آماده در جایی است و شما اون ها را پروژه آوردید….اگر میشه یه تو ضیخ بفرمایید لینک هایی که در html در بخش head و در تگ linl قرار داده شده دقیقا چیه؟ آیا با داشتن اون لینکها ما دیگه نیاز به طراحی صفحه نداریم؟؟؟؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
بعضیاشون رو خودم نوشتم و بعضی دیگشونو از کدهای آماده استفاده کردم.
لطفا واضحتر بپرسین.
چه لینک هایی منظورتون هست؟
لطفا سوالتون رو با جزئیات کد مورد نظر تو بخش پرسش و پاسخ بپرسین، در خدمتتون هستم.
yasin (خریدار محصول) –
وقتی فهمیدم اصلا واسه استفاده از متغیرا تعریف کردن نیازی نبود دیگه به استاد هم اعتمادی ندارم..
چطور دلتون اومد 250 جلسه؟ 😞😂😂
محمدامین سعیدی راد (خریدار محصول) –
عه، کی گفته تعریف کردن نیاز نیست؟! ;/
yasin (خریدار محصول) –
جلسه 5 پیشرفته رو منظورمه شوخی میکنم 😂😂
azade –
سلام وقتتون بخیر. سال نوتون مبارک. میخواستم بابت دوره های اموزشیتون تشکر کنم. و بعد سوالی داشتم. اینکه در قسمت محاسبه ی سن کاربر در قسمت اموزشیتون خیلی کمک گرفتم فقط اینکه برای محاسبه ی سن کاربر در جاوا اسکریپت اگه بخواهیم تعداد سالهای کبیسه ی اون شخص رو هم محاسبه کنیم چیکار باید کنیم؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
عید شما هم مبارک. سالی سرشار از موفقیت و پیشرفت رو براتون آرزو میکنم.
لطفا سوالات فنی رو تو بخش پرسش و پاسخ دوره مطرح کنید, در خدمتتون هستم ❤️
mustafa1384IR (خریدار محصول) –
خسته نباشید
این دوره جدید کی ویدیو هاش آپلود میشه؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز. امشب.
Mhmd (خریدار محصول) –
سلام و عرض وقت بخیر
توی جلسه 129 (Shopping Cart) اخر جلسه گفتید محاسبه کنیم که اگر محصولی داخل سبد خرید کاربر وجود داشت فقط تعداد اون محصول رو از داخل سبد کار تغییر بدیم
function plusPlusProductFromBasket (productId) {
userBasket.some(function (product) {
if (product.id === productId) {
product.count++
} else {
buttonGeneratorAdd(userBasket)
calcTotalPrice(userBasket)
}
})
}
بنده اینو نوشتم و فانکشنش رو توی حلقه for each اول جایی که محصولات صفحه رو داینامیک سازی میکنیم احضارش کردم
اما اگر داخل (some) if ارایه سبد خرید رو خالی نکنم با هر بار اجرا به ازای هر محصولی که با اون ایدی داخل سبد خرید وجود داره خودش ++ میکنه
بار اول یک بار اضافه میکنه بار دوم دوبار بار سوم سه بار و… (userBasket = [])
زمانی هم که ارایه رو خالی میکنم به جز محصول اضافه شده با اون ایدی چیز دیگه ایی رو نمیتونم اضافه کنم و سبد خود به اون پاک سازی میشه
اگر میشه لطف کنید بگید ایراد کار کجاست :pray:
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
لطفا سوالات فنی رو تو بخش پرسش و پاسخ دوره مطرح کنید.
Mhmd (خریدار محصول) –
حتما ممنون از پاسخگوییتون
عیدنتونم مبارک 🙂 🤝
ARMIN (خریدار محصول) –
سلام استاد عزیز خداقوت🤝🤝
استاد سال نو را بهتون تبریک میگم..انشاله سال پراز شادی ،عشق،سلامتی،ثروت و موفقیت روز افزون داشته باشید💙💙💙🧡
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز، ممنونم از لطفت.
سال نوی تو هم مبارک باشه. سالی سرشار از موفقیت و پیشرفت و پول و … مهاجرت آگاهانه برات آرزو میکنم ✌️❤️
azade –
سلام وقت بخیر. لطف میکنید بفرمایید چرا دوره ی اموزش جاوا اسکریپت قفل هستش؟ ممنونم
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
بله، چرا که نه!
چون تو دوره ثبت نام نکردین.
تو دوره ثبت نام کنین قفل همه جلسات براتون باز میشن.
amirMahdiRahimi (خریدار محصول) –
سلام استاد خسته نباشید
میخواستم بپرسم کی فصل (ساخت وب سایت های spa با جاوا اسکریپت) ضبط و استارت میخورد؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز، همین فردا از 1 فروردین استارت میخوره.
ARMIN (خریدار محصول) –
سلام استاد عزیز خداقوت
ایتاد چنسوال راجب پروژتون دارم که برای عیدی میخواد استارت بزنین
۱..قراره این پروه چه نوع سایت باشه.؟فروشگاهی…ادمین …لندینگ..دامیومنت یا مقاله…
۲.بعد استاد با این پروزه بزرگ مقیاس موردقبول بازار کار است؟
۳.قراره کی استارت بخوره و چندوقته فکرمیکنید تمومه شود
ممنون استاد از تذریس فوق العادتون
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
1. پروژه دوره یه قالب آموزشی هست.
2. آره هست. اما تو این فصل هدفمون صرفا توسعه به شکل Spa هست و با Ui پروژه کاری نداریم اصلا.
3. از همین فردا 1 فروردین استارت میخوره و حداکثر تا 13 فروردین کامپلیت میشه.
sepamn (خریدار محصول) –
فایل های پیوست جلسه 324 تا 331 موقع اکسترکت کردن از حالت زیپ ارور میده لطفا دوباره بزاریدش. مرسی
تو اینستا دایرکت دادم اونجا
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
موقع اکسترکت با چه اروری مواجه میشین؟
Erfan (خریدار محصول) –
سلام.حداکثر ظرف چند ماه یا روز چقدر خوبه طول میکشه این دوره رو به اتمام برسونیم؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عزفان جان.
بستگی به خودت داره. تو هر زمانی که بخوبی یادش گرفته باشی.
ممکنه 6 ماه باشه یا 1 سال.