آموزش رایگان جاوا اسکریپت مقدماتی تا پیشرفته + پروژه های جذاب
آموزش جاوا اسکریپت برای تمامی افرادی ک قصد ورود به زبان برنامه نویسی دارند مناسب می باشد . خصوصا برای علاقه مندان به حوزه فرانت همان طور که می دانید جاوا اسکریپت یکی از زبان های برنامه نویسی محبوب و پر طرفدار است که بازار کار فوق العاده ای دارد. آموزش رایگان جاوا اسکریپت برای شما عزیزان آماده شده است. جاوا اسکریپت ابتدا با هدف استفاده در ظاهر وب سایت ایجاد شد اما با پیشرفت چشمگیری که داشته، امروزه برای توسعه اپلیکیشن های اندروید، IOS، سمت سرور و… استفاده می شود.اگر می خواهید جاوا اسکریپت را از صفر تا صد یاد بگیرید، آموزش جاوا اسکریپت سبزلرن را از دست ندهید. آموزش Html
4000000 – رایگان!
توضیحات دوره آموزش مقدماتی تا پیشرفته جاوا اسکریپت
در دوره آموزش جاوا اسکریپت چه فریمورک و لایبرری های استفاده شده؟

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

زبان برنامه نویسی جاوا اسکریپت ابتدا تو سال 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 |
سوالاتی که ممکنه براتون پیش بیاد

- بعد از این دوره میتونم ریکت یا Vue رو شروع کنم؟
جواب این سوال مثبت است.
در دوره رایگان و پروژه محور جاوا اسکریپت سبزلرن تمام مطالبی که به عنوان پیش نیاز برای ریکت یا ویو نیاز هستن، به طور کامل و پروژه محور گفته میشه. پس شما قطعا می تونین بعد از تموم کردن آموزش رایگان جاوا اسکریپت سبزلرن هم وارد ریکت و هم وارد ویو بشین.
- چه قدر طول میکشه تا جاوا اسکریپت رو یاد بگیرم؟
قطعا یکی از سوالایی که برای دوستانی که به تازگی وارد جاوا اسکریپت شده اند پیش میاد اینه که “چند ماه یا چند سال طول می کشه تا جاوا اسکریپت رو یاد بگیرم؟” جوابی برای این سوال وجود ندارد و مدت زمان یادگیری برای هر شخص متفاوت هست. این سوال مثل این میمونه که بگیم “چند ساعت طول میکشه تا از شهر x بریم تا شهر y؟”
قطعا جواب این سوال بستگی به نحوه رفتن شما داره. به عنوان مثال اگه با هواپیما برین، ممکنه 2 ساعت طول بکشه. با اتوبوس مثلا 22 ساعت، با قطار 24 ساعت و … پس مدت زمان یادگیری جاوا اسکریپت هم برای هر شخص متغیر هست و به پارامتر های مختلفی بستگی داره.
پارامتر هایی مثل این که هر روز چند ساعت وقت میذارین، هر روز چند ساعت تمرین می کنین، زبان انگلیسیتون چقدر قوی هست، چقدر سرچ می کنین، چقدر علاقه دارین و … با دوره رایگان جاوا اسکریپت که براتون آماده کردیم، اگه به خوبی وقت بذارین و تمرین کنین و پارامتر هایی رو که بالا تر گفته شد خوب پیش ببرین، میتونین به طور میانگین تو مدت زمان 6 ماه به حد قابل قبولی از جاوا اسکریپت برسین.
- بعد از این دوره میتونم وارد بازار کار شده و کسب درآمد کنم؟
جواب این سوال میتونه هم منفی و هم مثبت باشه.
امروزه با وجود تکنولوژی هایی مثل ریکت، ویو، انگیولار و … شرکت های کمتری هستن که به نیروی کار برای جاوا اسکریپت خام نیاز داشته باشن. به خاطر همین موضوع برای استخدام در اکثر شرکت های برنامه نویسی باید یکی از تکنولوژی های لازم رو یاد بگیرین. اما شما می تونین به صورت فریلنسری پروژه های جاوا اسکریپتی رو انجام بدین و ازشون کسب درآمد کنین.شما با گذروندن آموزش رایگان جاوا اسکریپت سبزلرن می تونین هم به صورت فریلنسری و هم به صورت استخدام در شرکت های برنامه نویسی به کسب درآمد بپردازین
دوره از صفر تا صد (متخصص) تدریس شده؟
این سوال برای خیلی از دوستانی که به تازگی وارد دنیای جاوا اسکریپت می شوند پیش می آید.
متاسفانه یا خوشبختانه حوزه برنامه نویسی، مخصوصا زبان جاوا اسکریپت، به قدری گسترده است که به هیچ وجه نمی توان در آن به سطح 100 رسید.
در دوره جاوا اسکریپت سبزلرن سعی کردیم مطالب و سرفصل های جاوا اسکریپت را از سطح مقدماتی تا سطح پیشرفته به صورت پروژه محور به شما آموزش دهیم. یک دوره که سهل است، شما با مشاهده دوره های متعدد هم به هیچ نمی توانید به سطح صد و تخصص برسید. در اصل اینطور بگویم که هیچ دوره ای از شما یک متخصص جاوا اسکریپت نمی سازد.
این شما هستید که با تلاش و تمرین های مکرر و چندین پارامتر دیگر تعیین می کنید که در چه سطحی هستید و در چه مدت زمانی به چه سطحی خواهید رسید.
تنها راه پیشرفت و مسلط شدن در حوزه برنامه نویسی انجام تمرین های متعدد است و شما برای رسیدن به سطح تخصص باید تمرین ها و پروژه های زیادی را پیاده سازی کنید.
به همین منظور در این دوره برای هر مبحث تدریس شده، تمرین ها و مینی پروژه های متعددی پیاده سازی شده تا شما بتوانید با حل آن ها به سطح قابل قبول برسید.
دوره آموزش جاوا اسکریپت پشتیبانی دارد؟

جواب این سوال مثبت است.
پشتیبانی دوره آموزش جاوا اسکریپت محدود نبوده و پشتیبانی مادام العمر دارد.
به این ترتیب که شما هر چند مدت بعد از ثبت نام در دوره هر سوالی که داشتید، می توانید با مدرس در ارتباط بوده و سوال خود را رفع نمایید. خبر خوب بعدی این که دوره هم در وب سایت سبزلرن و هم در شبکه مجازی تلگرام پشتیبانی دارد.
اگر شما سوال، ابهام یا پیشنهادی در دوره داشتید می توانید آن را در قسمت کامنت های دوره و همچنین در گروه پشتیبانی دوره در تلگرام مطرح کنید تا توسط مدرس بررسی شده و راهنمایی های لازم انجام شود.
چقدر طول می کشه تا دوره تکمیل بشه؟
در مورد مدت زمان دوره آموزش جاوا اسکریپت نمی توان به طور قطع قضاوت کرد و پاسخ دقیقی داد؛ چون ممکن است دانشجویان در طی دوره پروژه های مختلفی درخواست کنند و این موضوع باعث طولانی شدن دوره می شود.
اما در کل سعی می شود تا فروردین سال 1401 دوره به اتمام برسد.
تو این دوره چند تا پروژه پیاده سازی شده؟
در این دوره علاوه بر تمرین ها و مینی پروژه های متعددی که در سطح مقدماتی و متوسط پیاده سازی می شوند، پروژه های واقعی و کاملی نیز پیاده سازی می شوند.
در مورد تعداد پروژه نمی توان به طور قطعی عددی را تعیین کرد؛ چون در این دوره هر پروژه ای که توسط دانشجویان دوره درخواست شود نیز پیاده سازی می شود. اما تقریبا 30 پروژه واقعی و کامل در دوره آموزش رایگان جاوا اسکریپت سبزلرن پیاده سازی می شود.
نحوه استفاده از دوره به چه صورت است؟
دوره آموزش جاوا اسکریپت به صورت غیر حضوری و آفلاین برگزار می شود و شما برای شرکت در دوره نیازی به حضور یا آنلاین شدن در ساعت خاصی ندارید. شما برای شرکت در این دوره ابتدا از قسمت “ثبت نام در دوره” در دوره ثبت نام می کنید و سپس به راحتی به جلسات دوره دسترسی داشته و می توانید آن ها را دانلود کنید و هر زمان که دوست داشتید هر کدام از جلسات را مشاهده کنید.
دوره از چه منابعی تدریس شده است؟

همان طور که می دانید کامل ترین منابع رفرنسی برای جاوا اسکریپت وب سایت های javaScript.info و MDN یا همان Developer.Mozilla.Org هستند. در دوره آموزش پروژه محور جاوا اسکریپت سعی کردیم طبق سرفصل ها و مطالب این دو منبع پیش رفته جزئیات لازم را نیز آموزش دهیم. شاید برایتان سوال باشد که چرا از وب سایت W3schools.com استفاده نمی کنیم! برای رسیدن به پاسخ این سوال کافی است سرفصل های w3schools را با وب سایت های گفته شده (مثلا MDN) مقایسه کنید. خواهید دید که خیلی از مطالبی که در وب سایت MDN یا JS.info گفته شده اند، در w3schools هیچ خبری از آن ها نیست. اما نمی توان وب سایت w3shools را سایت ضعیفی دانست. موضوع این است که وب سایت w3schools تعداد مطالب کمتری را نسبت به MDN و js.info آموزش داده است اما برای مطالب گفته شده مثال های خوبی پیاده سازی کرده است و در خوب بودن مثال های آن شکی نیست. پس در نتیجه تنها مشکلی که وب سایت W3schools دارد ناقص بودن سرفصل های آموزش داده شده است و به خاطر این که در این دوره مطالب را در کامل ترین حد ممکن پوشش دهیم، از وب سایت های MDN و js.info به عنوان منبع استفاده کردیم.
تفاوت این دوره با بقیه دوره های جاوا اسکریپت چیه؟
در این دوره برای هر مبحث تدریس شده چندین تمرین و مینی پروژه انجام می شود تا شما دانشجویان عزیز مباحث گفته شده را به خوبی و در سطح تسلط یاد بگیرید.
اما روند تمرین ها به این شکل است که در جلسه ای که مبحثی تدریس می شود یک تمرین مرتبط برای دانشجویان تعیین می شود و دانشجویان موظف هستند تا جلسه بعد خودشان تلاش کرده و تمرین را حل کنند و اگر سوالی در طی حل تمرین داشته باشند، توسط مدرس دوره برطرف می شود و در جلسه بعد تمرین جلسه قبلی توسط مدرس حل می شود.
این موضوع باعث می شود شما دست به کد شده و کد نویسی بکنید و طی تمرین و تکرار هایی که انجام می دهید، مطالب در ذهن شما حک شوند.
موضوع بعدی این که در این دوره علاوه بر پروژه هایی که پیاده سازی می شوند، در برخی جلسات مینی پروژه هایی که باگ (مشکل) دارند برای دانشجویان تعیین می شوند و دانشجویان عزیز موظف هستند پروژه را دیباگ (مشکل یابی) کنند و اگر در روند دیباگ سوالی داشتند نیز توسط مدرس برطرف می شود.
این موضوعات در اکثر دوره های موجود (حتی دوره های غیر رایگان) وجود ندارند اما در آموزش جاوا اسکریپت سبزلرن که به صورت رایگان در اختیار شما قرار داده شده، تمرین ها و پروژه هایی بسیار زیادی حل می شود تا شما بتوانید مباحث الگوریتمیک و مطالب لازم برای ورود به بازار کار را به خوبی یاد بگیرید و مشکلی در این زمینه نداشته باشید.
چرا باید زبان برنامه نویسی جاوا اسکریپت رو یاد بگیریم؟

برای رسیدن به پاسخ این سوال کافی است نگاهی به تاریخچه جاوا اسکریپت و همچنین بازار کار آن انداخت.
جاوا اسکریپت برای اولین بار در سال 1995 با هدف داینامیک سازی صفحات وب و استفاده در سمت کلاینت (فرانت اند) ارائه شد اما امروزه با توجه به پیشرفت هایی که داشته، علاوه بر برنامه نویسی کلاینت در حوزه هایی مثل برنامه نویسی موبایل، ویندوز، سمت سرور، هوش مصنوعی، بازی سازی و … نیز کاربرد دارد و حتی در حوزه ای مثل برنامه نویسی اندروید توانسته است جایگاه زبان جاوا را از لحاظ بازار کار به خود اختصاص دهد.
برای درک بهتر این موضوع کافی است به وب سایت هایی که در زمینه بازار کار و فرصت های شغلی فعالیت می کنند مراجعه کنید؛ وب سایت هایی مثل جاب ویژن، جابینجا، کوئرا، آی استخدام و … .
بنا به بازار کار فعلی این حوزه، اگر شما یک برنامه نویس متخصص جاوا اسکریپت باشید می توانید فقط از طریق استخدام شدن به طور میانگین بالای 20 میلیون حقوق داشته باشید.
اما درآمد شما فقط از استخدام نخواهد بود. شما می توانید در کنار شرکتی که در آن مشغول به کار هستید، به صورت فریلنسری نیز کار کنید و درآمد بالاتری نیز داشته باشید. حتی این همکاری می تواند با خارج از کشور بوده و برای شما درآمد دلاری داشته باشد.
اما بازار کار همه چیز نیست. قطعا دلایل بیشتری برای یادگیری جاوا اسکریپت وجود دارد. مثل محبوبیت، جامعه آماری بالا و …شاید برایتان سوال باشد که جامعه آماری بالا چه کمکی به من می کند!
حتی شاید فکر کنید جامعه آماری بالا دلیلی بر اشباع شدن این حوزه باشد! اما این طور نیست و همین الان با وجود این همه برنامه نویس در کشور، باز هم برنامه نویس متخصص نیاز است. اما بحث جامعه آماری بالا می تواند به شما در روند یادگیری شما تاثیر مثبت داشته و سرعت شما را افزایش می دهد.
فرض کنید در حال یادگیری زبان X که جامعه آماری بسیار کمی دارد هستید. اگر در طی یادگیری به مشکل برخوردید، شخص خاصی نیست که مشکل شما را برطرف کند و شما باید چندین ساعت و حتی چندین روز سرچ کرده و داکیومنت زبان X را مطالعه کنید تا بتوانید مشکل خود را برطرف کنید.
اما زمانی که زبانی مثل جاوا اسکریپت را یاد می گیرید، به هر مشکلی که برخوردید، چندین گروه تلگرامی، وب سایت های پرسش و پاسخ و … در اختیار شما هستند و به راحتی می توانید در کوتاه ترین مدت زمان مشکل خود را برطرف کنید.
علاوه بر همه موارد گفته شده، بنا به تصویر زیر (از وب سایت استک اور فلو)، زبان جاوا اسکریپت محبوب ترین زبان در سال 2020 بوده است.

جالب است بدانید که علاوه بر سال 2020، در سال 2021 نیز جاوا اسکریپت در صدر جدول بوده و حتی به محبوبیت آن نیز اضافه شده که در تصویر زیر می توانید مشاهده کنید:

همان طور که مشاهده می کنید، جاوا اسکریپت در حال پیشرفت است و سال به سال (حتی روز به روز) به محبوبیت آن اضافه می شود. پس منتظر چی هستید؟ همین الان تو دوره ثبت نام کنید و جاوا اسکریپت رو به طول اصولی و از 0 تا نزدیکای 100 یاد بگیرید.
این دوره برای چه افرادی مناسب است؟
این دوره برای زبان برنامه نویسی جاوا است؟!
در حوزه برنامه نویسی دو زبان به اسم های جاوا و جاوا اسکریپت وجود دارند که به دلیل تشابه اسمی که بین آن ها وجود دارد، خیلی از افراد فکر می کنند این دو زبان یکی هستند و هیچ تفاوتی ندارند.
اما حقیقت غیر از این است. جاوا همان جاوا اسکریپت نیست.
جاوا یک زبان برنامه نویسی نسبتا سخت است که پایه شی گرا دارد و تسلط بر آن نسبت به جاوا اسکریپت زمان بر است.
می توانیم زبان برنامه نویسی جاوا را از لحاظ سینتکس و کاربرد به زبان هایی مثل سی، سی پلاس پلاس و سی شارپ تشبیه کرد. زبان جاوا بیشتر برای پیاده سازی اپلیکیشن های اندرویدی و نرم افزار های تحت ویندوز استفاده می شود اما فریمورکی تحت عنوان Spring برای پیاده سازی سمت سرور نیز دارد.
اما زبان جاوا اسکریپت در سال 1995 توسط آقای Brendan Eich ارائه شد و کد های نوشته شده با آن روی مرورگر اجرا می شوند. البته امروزه با پیشرفت هایی که داشته، در چندین حوزه دیگر نیز مورد استفاده قرار می گیرد.
پس در نتیجه زبان جاوا همان زبان جاوا اسکریپت نیست و تفاوت های بسیار زیادی بین آن ها وجود دارد. به طوری که می توان گفت تنها تشابه آن ها همین تشابه اسمی است که بینشان وجود دارد و در این دوره به آموزش زبان جاوا اسکریپت می پردازیم و هیچ کاری با زبان جاوا نداریم.
این دوره برای چه افرادی مناسب است؟
این دوره برای دوستانی که به حوزه وب علاقه داشته و قصد فعالیت در این حوزه را دارند مناسب بوده و می توانند با این دوره زبان جاوا اسکریپت را به خوبی یاد بگیرند و با تمرین و تکرار های پیوسته به سطح قابل قبول برای بازار کار رسیده و کسب درآمد کنند.
در این دوره مطالب و نکاتی از جاوا اسکریپت گفته شده که در هیچ منبع فارسی نمی توانید مشابه آن را پیدا کنید.
پس آن دسته از افرادی که قبلا جاوا اسکریپت را کار کردند اما قصد تقویت شدن در این زبان و یادگیری در سطح پیشرفته را دارند نیز مناسب بوده و می توانند از این دوره استفاده کنند.
اکما اسکریپت 6 نیز در این دوره تدریس شده است؟
همان طور که متوجه شدید، دوره آموزش جاوا اسکریپت سبزلرن در سه سطح مقدماتی، متوسط و پیشرفته به صورت پروژه محور تدریس می شود.در سطح مقدماتی و متوسط جاوا اسکریپت (اکما اسکریپت 5) تدریس شده و در سطح پیشرفته نیز Es6 به صورت پروژه محور به شما آموزش داده می شود. اما علاوه بر Es6، اکما اسکریپت های 7, 8, 9, 10 و … 12 نیز آموزش داده می شوند.
برای شروع این دوره چه پیش نیاز هایی باید بلد باشیم؟
شما برای شروع جاوا اسکریپت، باید زبان های Html و Css را به خوبی بلد باشید.
یادگیری در دو سطح سطحی و عمقی صورت می پذیرد.
شما باید Css را در سطح عمقی و به صورت عمیق بلد باشید.
متاسفانه خیلی از دوستان Css را سهل می گیرند و فکر می کنند زبان خیلی آسانی است و نیازی به عمیق شدن در آن نیست و با این تفکر وارد جاوا اسکریپت می شوند و بعد از مدت زمان کوتاهی با شکست مواجه می شوند.
شما در حوزه فرانت اند با هر لایبرری و فریمورک که کار کنید، استایل دهی و ظاهر سایت توسط Css پیاده سازی می شود و شما اگر آن را به خوبی بلد نباشید، جاوا اسکریپت را به شما پیشنهاد نمی کنم. چون در این حالت دیر یا زود قطعا شکست خواهید خورد.
اما اگر شما با Html و Css چندین قالب خوب در حد قابل قبول بازار کار پیاده سازی کردید، یعنی Css را به خوبی بلدید و در این صورت می توانید یادگیری زبان جاوا اسکریپت را استارت بزنید. پس در کل پیش نیاز های جاوا اسکریپت، تسلط بر Html و Css (در حد عالی) می باشند.
برای یادگیری جاوا اسکریپت باید ریاضی بلد باشیم؟
اگر به حوزه برنامه نویسی علاقه داشته و بین برنامه نویسان حضور داشته باشید، قطعا شنیدید که میگن “برنامه نویس باید ریاضیش قوی باشه” و با همین جمله ترس و اضطراب تن و بدنتان را در بر بگیرد.
جالب است بدانید که از هیچ کدام از مباحث تخصصی ریاضی مثل انتگرال، دیفرانسیل، مشتق، حد و … در برنامه نویسی استفاده نمی شوند. ماجرا این است که در حوزه برنامه نویسی، محاسبات و الگوریتم های بسیار زیادی وجود دارد که پیاده سازی آن ها نیازمند ذهن تحلیلگر و قوه حل مسئله است.
از طرفی علم ریاضی باعث تقویت قوه حل مسئله شما شده و از ذهن شما یک تحلیلگر می سازد. به این ترتیب قوه حل مسئله ای که از علم ریاضی به دست می آوریم در حوزه برنامه نویسی به کمکمان می آید. اما ممکن است برایتان سوال باشد که اگر ریاضی بلد نباشیم، این قوه حل مسئله خود را از چه راهی باید تقویت کنیم!
همان طور که بالاتر ذکر شد، شما برای پیشرفت و رسیدن به سطح تسلط در حوزه برنامه نویسی فقط باید تمرین و تکرار پیوسته داشته باشید.اگر شما چندین پروژه و تمرین الگوریتمیک حل کنید، رفته رفته قوه حل مسئله شما تقویت شده و در حوزه برنامه نویسی به جای خوبی می رسید.
برای این موضوع یک مثال می زنم تا بهتر متوجه شوید. فرض کنید که قصد دارید از شهر تهران به شهر تبریز سفر کنید.شما می توانید سفر خود را هم از طریق هواپیما و هم از طریق قطار انجام دهید و در هر دو حالت به مقصد مورد نطرتان خواهید رسید.
اما هواپیما شما را زودتر به مقصد می رساند.علم ریاضی را در حوزه برنامه نویسی می توان به همین هواپیما تشبیه کرد.پس در نتیجه بلد بودن علم ریاضی شما را سریع تر و راحت تر به مقصد می رساند اما بلد نبودن آن شما را از رسیدن به مقصد باز نمی دارد و همچنان می توانید به برنامه نویسی بسیار خوبی تبدیل شوید.
برای شروع جاوا اسکریپت چه اندازه از Css را باید بلد باشیم؟
متاسفانه این سوال هم توسط دوستانی که به تازگی وارد جاوا اسکریپت می شوند پرسیده می شود.
هیچ جواب، سطح و محدوده ای برای این سوال وجود ندارد.در واقع در حوزه برنامه نویسی اگر شما پیش نیاز های یک تکنولوژی را بشکنید و کامل یاد نگیرید و دنبال تعیین حد و مرز باشید، قطعا دیر یا زود با شکست مواجه خواهید شد. به همین دلیل هیچ حد و مرزی در بلد بودن Css وجود ندارد اما اینطور می توان که اگر شما چندین قالب (مثلا 5 یا 6 قالب) مختلف مثل فروشگاهی، شخصی، شرکتی و … در حد قابل قبول برای بازار کار با Html و Css پیاده سازی کردید، می توانید یادگیری جاوا اسکریپت را شروع کنید اما در غیر این صورت شروع جاوا اسکریپت صلاح نیست.
دوره آموزش جاوا اسکریپت پشتیبانی رایگان دارد و شما می توانید هر قسمت از دوره هر مشکلی که داشتید، با مدرس در ارتباط بوده و مشکلات خودتان را برطرف کنید.
پاسخ به سوالات پر تکرار
سطح مقدماتی
5دیتا تایپ ها در جاوااسکریپت14:54
6کامنت گذاری10:11
7ارتباط با کاربر و دریافت اطلاعات10:13
8تبدیل دیتا تایپ ها به یک دیگر22:53
9عملگر های منطقی15:51
10حل تمرین عملگر های منطقی12:41
11عمل concat در string ها15:12
12NaN دقیقا چیه؟18:12
13کار با متد isNaN7:29
14عملگر های مقایسه ای14:00
15استفاده از if در جاوا اسکریپت15:25
16حل تمرین تشخیص زوج یا فرد بودن اعداد ورودی16:21
17حل تمرین میانگین اعداد ورودی15:05
18حل تمرین اعمال محدودیت سنی9:51
19حل تمرین محاسبه توان برای اعداد ورودی7:13
20حل تمرین محاسبه سن کاربر13:28
21حل تمرین تبدیل دقیقه به ساعت9:44
22کار با else if9:46
23عملگر بیتی OR14:36
24حل تمرین سطح دسترسی9:41
25کار با عملگر بیتی AND18:25
26کار با شرط های Ternary12:25
27کار با Switch Case در جاوا اسکریپت18:50
28حل تمرین تعیین سطح به کمک Switch Case10:19
29کار با توابع declaration14:26
30کار با توابع expressions10:20
31مدیریت پارامتر های توابع12:17
32حل تمرین زوج یا فرد بودن عدد ورودی به کمک تابع7:20
33حل تمرین محاسبه میانگین اعداد ورودی به کمک تابع8:25
34تعیین مقادیر دیفالت برای ورودی توابع12:25
35نقش کلمه کلیدی return در توابع15:15
36ساختار و property های String ها15:06
37حل تمرین Register10:05
38کار با متد های String – قسمت 125:37
39حل تمرین لاگین به صورت Case Insensitive10:00
40کار با متد های String – قسمت 28:49
41کار با متد های Math21:05
42حل تمرین تولید کد کپچای تصادفی6:57
43عملگر های Assignment در جاوا اسکریپت19:52
44تفاوت بین ++x و x++13:06
45نحوه کار با حلقه تکرار for12:23
46نکات تکمیلی حلقه for10:12
47حل تمرین نمایش اعداد و زوج بین 0 تا 100 (با حلقه for)7:25
48نحوه Trace کردن کد جهت درک بهتر8:17
49حل تمرین مجموع قیمت سبد خرید (با حلقه for)9:47
50حل تمرین محاسبه میانگین (با حلقه for)17:17
51حل تمرین محاسبه ارقام عدد ورودی21:17
52حل تمرین تعداد ارقام عدد ورودی (با حلقه for)15:12
53نحوه کار با حلقه while + حل تمرین13:36
54حل تمرینات با حلقه while11:53
55حل تمرین نمایش اعداد زوج بین اعداد ورودی (با حلقه while)9:29
56حل تمرین محاسبه میانگین اعداد به تعداد دلخواه کاربر (با حلقه while)14:25
57نحوه کار با حقه do while11:11
58حل تمرین توان (با سه حلقه for – while – do while)17:13
59نحوه کار با آرایهها در جاوا اسکریپت13:09
60کار با متد های push, pop, shift و unshift13:19
61حل تمرین محاسبه میانگین اعداد به تعداد دلخواه کاربر (با آرایه)13:41
62نحوه تعریف و کار با Object ها16:15
63حل تمرین پیاده سازی سامانه ثبت نام21:39
64کار با متد forEach12:07
65حل تمرین لیست نمایش کاربران9:34
66نحوه استفاده از متد includes14:33
67کار با متد some15:57
68حل تمرین فروشگاه آنلاین (خرید محصول)22:12
69نحوه کار با متد every11:42
70حل تمرین محدودیت برای تماس کنفرانسی10:44
71نحوه کار با متد splice7:14
72نحوه استفاده از متد findIndex10:42
73حل تمرین فروشگاه آنلاین (پیشرفته)23:53
74آموزش کار با متد map9:02
75آموزش کار با متد filter14:39
76حل تمرین محاسبه هزینه پست طبق شرایط خاص13:15
77متد های آرایهها و استرینگها – قسمت 216:07
78حل تمرین تعیین خوانایی متن از سمت چپ و راست8:25
79Best Prctice در جاوا اسکریپت – قسمت 113:15
80حل تمرین TodoList29:36
81حل تمرین Task Management12:23
82تفاوت دیتاتایپ های Primitive و Reference15:48
83حل تمرین فروش آنلاین بلیط9:41
84حل تمرین آزمون آنلاین همراه با محاسبه امتیاز15:59
85حل تمرین پیاده سازی ماشین حساب16:31
86کار با متد find7:38
87حل تمرین فراموشی رمز عبور12:21
88نحوه استفاده از متد eval5:20
89چرا نباید از eval استفاده کنیم؟! (Eval Is Evil)6:09
90کار با توابع Anonymous و IIFE9:21
91Best Prctice در جاوا اسکریپت – قسمت 212:30
92نحوه کار با setInterval10:59
93حل تمرین تایمر10:52
94مقادیر falsy و truthy در جاوا اسکریپت11:55
95نحوه استفاده از setTimeout7:37
96حل تمرین آپلود عکس پروفایل7:12
97کاربرد Flag در حوزه برنامه نویسی10:30
98مفهوم Hoisting در جاوا اسکریپت7:59
99نقش کلمات کلیدی let و const در جاوا اسکریپت16:44
100سخن پایانی سطح مقدماتی11:10
سطح متوسط
1مفهوم DOM چیست؟9:50
2روش های انتخاب المنتها به کمک جاوا اسکریپت13:24
3دسترسی به اتربیوتها به کمک جاوا اسکریپت7:22
4دسترسی به استایل المنتها و تغییر آن ها با جاوا اسکریپت7:29
5نحوه دسترسی به محتوای المنتهای Html و تغییر آنها با جاوا اسکریپت11:52
6نحوه ساخت المنت های Html با جاوا اسکریپت6:24
7نحوه append کردن المنتها در DOM8:04
8رویدادها در جاوا اسکریپت – رویداد onClick6:52
9پیاده سازی مینی پروژه روشن و خاموش کردن لامپ14:24
10پیاده سازی مینی پروژه Login Form Validation17:05
11استفاده از Event های KeyBoard8:16
12پیاده سازی مینی پروژه Form Validation با Keyboard Events14:16
13استفاده از Event های Focus و Blur8:24
14پیاده سازی مینی پروژه Form Validation با Blur Event12:43
15استفاده از رویداد dblClick7:20
16نحوه Set کردن Event به کمک addEventListener8:56
17استفاده از متد های classList11:08
18پیاده سازی مینی پروژه Random BackgroundColor17:55
19کار با رویداد onChange10:47
20مینی پروژه فروش آنلاین بلیط – نحوه پیاده سازی10:56
21پیاده سازی مینی پروژه فروش آنلاین بلیط18:32
22مینی پروژه Weather App – نحوه پیاده سازی9:06
23پیاده سازی پروژه Weather App (روش اول)21:02
24پیاده سازی پروژه Weather App (روش دوم)8:51
253 تفاوت اصلی append و appendChild12:49
26تفاوت Event های onKeyPress، onKeyDown و onKeyUp11:27
27مینی پروژه Temp Conversion – نحوه پیاده سازی7:29
28پیاده سازی مینی پروژه Temp Conversion – قسمت 18:51
29پیاده سازی مینی پروژه Temp Conversion – قسمت 213:34
30پیاده سازی مینی پروژه Temp Conversion – قسمت 315:42
31تفاوت Attribute و Property ها در DOM15:21
32نحوه کار با hasAttribute و removeAttribute در DOM8:08
33روش سوم برای ست کردن Event5:36
34کار با رویداد onSubmit7:27
35نحوه کار با آبجکت event18:42
36مفهوم preventDefault و استفاده از آن در مواقع مختلف10:23
37مینی پروژه keyCode – نحوه پیاده سازی7:52
38پیاده سازی مینی پروژه keyCode13:33
39مفهوم Node و انواع آن در جاوا اسکریپت7:00
40نحوه Dom Navigation در جاوا اسکریپت32:01
41تشریح پروژه Show Password – دیباگ6:05
42دیباگ پروژه Show Password14:03
43نحوه remove کردن المنت از DOM14:29
44پروژه Todo List – نحوه پیاده سازی10:06
45پیاده سازی پروژه Todo List – قسمت 119:05
46پیاده سازی پروژه Todo List – قسمت 27:31
47نحوه کار با رویداد onContextMenu7:31
48نحوه مدیریت Event های ClipBoard13:47
49مفهوم و کاربرد pageX و pageY00:12:30
50پروژه جذاب Custom ContextMenu – نحوه پیاده سازی00:9:06
51پیاده سازی پروژه Custom ContextMenu00:13:43
52مفهوم و کاربرد رویداد onLoad00:7:56
53کار با رویداد DOMContentLoaded5:12
54تفاوت رویداد onLoad و DOMContentLoaded5:12
55پروژه جذاب و کاربردی PreLoad – نحوه پیاده سازی6:46
56پیاده سازی پروژه PreLoad6:57
57دیباگ پروژه Timer11:56
58کار با رویداد های unload و beforeUnLoad6:13
59نحوه استفاده از removeEventListener10:59
60کار با رویداد onSelect5:39
61نحوه کار با رویداد های Touch6:52
62پروژه Input MaxLength – نحوه پیاده سازی5:11
63پیاده سازی پروژه Input MaxLength7:24
64پروژه Modal – نحوه پیاده سازی7:11
65پیاده سازی پروژه Modal13:40
66پروژه جذاب Note App – نحوه پیاده سازی10:09
67پیاده سازی پروژه Note App – قسمت 111:34
68پیاده سازی پروژه Note App – قسمت 214:41
69پیاده سازی پروژه Note App – قسمت 310:38
70نحوه کار با رویداد onScroll14:11
71پروژه باحال و کاربردی Sticky NavBar – نحوه پیاده سازی7:46
72پیاده سازی پروژه Sticky NavBar8:18
73کار با متد های scrollTo و scrollBy13:02
74مفهوم و کاربرد dataset در DOM10:53
75متدها و پروپرتی های کار با Media (المنت های Audio و Video)24:32
76پیاده سازی موزیک پلیر ساده24:33
77پروژه موزیک پلیر حرفه ای – نحوه دیباگ11:30
78دیباگ پروژه موزیک پلیر حرفه ای15:03
79پروژه Music List – نحوه پیاده سازی5:33
80پیاده سازی پروژه Music List16:22
81مفهوم اصطلاحات async و defer15:56
82کار با رویداد های مربوط به Drag و Drop – قسمت 123:13
83کار با رویداد های مربوط به Drag و Drop – قسمت 29:25
84پروژه Draggable TodoList – نحوه پیاده سازی9:09
85نحوه کار با localStorage17:15
86نکات تکمیلی و جزئیات کار با localStorage14:28
87پروژه باحال و کاربردی Dark / Light Mode – نحوه پیاده سازی9:42
88پیاده سازی پروژه Dark / Light Mode15:45
89پروژه LocalStorage TodoList – نحوه پیاده سازی9:24
90پیاده سازی پروژه LocalStorage TodoList – قسمت 124:35
91پیاده سازی پروژه LocalStorage TodoList – قسمت 219:09
92پیاده سازی پروژه LocalStorage TodoList – قسمت 316:34
93پیاده سازی پروژه LocalStorage TodoList – قسمت 411:15
94کار با Event های باحال مربوط به Animation20:57
95پروژه Brightness Range Slider – نحوه پیاده سازی7:03
96پیاده سازی پروژه باحال Brightness Range Slider8:53
97آموزش کامل کار با متد getComputedStyle10:11
98نحوه Error Handling در پروژه های جاوا اسکریپت (try / catch / finally)12:51
99استفاده از cssText برای استایل دهی راحت تر توسط جاوا اسکریپت8:00
100پروژه کاربردی اسلایدر عکس – نحوه پیاده سازی8:35
101پیاده سازی پروژه اسلایدر عکس14:25
102پروژه محاسبه گر BMI – نحوه پیاده سازی11:40
103پیاده سازی پروژه کاربردی محاسبه گر BMI19:54
104نحوه کار با متغیر های Css در جاوا اسکریپت11:41
105پروژه باحال و کاربردی Dynamic Change Theme – نحوه پیاده سازی5:53
106پیاده سازی پروژه Dynamic Change Theme8:27
107پروژه Animate Virtual Keyboard – نحوه پیاده سازی8:55
108پیاده سازی پروژه Animate Virtual Keyboard – قسمت 111:00
109پیاده سازی پروژه Animate Virtual Keyboard – قسمت 28:14
110پروژه باحال و کاربردی BookList – نحوه پیاده سازی9:03
111پیاده سازی پروژه BookList – قسمت 116:10
112پیاده سازی پروژه BookList – قسمت 212:26
113پیاده سازی پروژه BookList – قسمت 311:45
114نحوه استفاده از تاریخ و زمان در جاوا اسکریپت12:03
115پروژه جالب Digital Clock – نحوه پیاده سازی4:18
116پیاده سازی پروژه Digital Clock9:36
117پروژه چالش برانگیز و باحال Text Generator (شبیه به لورم ایپسوم) – نحوه پیاده سازی5:56
118پیاده سازی پروژه Text Generator (شبیه به لورم ایپسوم)22:10
119رویداد resize و کاربرد های آن6:06
120پروژه جذاب و کاربردی Pagination (به درخواست دانشجویان) – نحوه پیاده سازی12:09
121پیاده سازی پروژه Pagination – قسمت 115:59
122پیاده سازی پروژه Pagination – قسمت 214:28
123پیاده سازی پروژه Pagination – قسمت 39:31
124پروژه لذت بخش و کاربردی Shopping Cart – نحوه پیاده سازی8:03
125پیاده سازی پروژه Shopping Cart – داینامیک سازی محصولات17:12
126پیاده سازی پروژه Shopping Cart – قسمت سبد خرید25:39
127پیاده سازی پروژه Shopping Cart – حذف محصول از سبد خرید11:54
128پیاده سازی پروژه Shopping Cart – محاسبه قیمت کل سبد خرید10:16
129پیاده سازی پروژه Shopping Cart – تعیین تعداد هر محصول توسط کاربر11:42
130توضیح مفصل همه رویداد های مربوط به Mouse18:05
131متد مهم و کاربردی insertAdjacentHtml12:30
132ریفکتور کردن پروژه Shopping Cart10:06
133کاربرد کلمه کلیدی delete در جاوا اسکریپت – نباید های آن9:19
134مفهوم Dom Manipulation – استفاده از Fragment برای بهینه سازی کار با DOM17:51
135ریفکتور کردن پروژه Shopping Cart با Fragment5:45
136استفاده حرفهای و پیشرفته از Console24:45
137آپدیت قیمت کل سبد خرید به ازای حذف محصول (به درخواست دانشجویان)10:51
138مفهوم BOM چیست؟14:08
139بررسی Property های مربوط به width و height – مثل clientWidth, screenTop و …21:34
140پیاده سازی پروژه Custom Scroll مثل سایت ویرگول24:56
141دسترسی به اطلاعات نمایشگر کاربر به کمک آبجکت screen11:24
142دسترسی به History مرورگر کاربر و نحوه کار با آن14:49
143کار با location و قسمت های مختلف آن با جاوا اسکریپت23:56
144استفاده از URLSearchParams و پیاده سازی Dynamic Route18:16
145پروژه فروشگاه کفش به کمک Dynamic Route – نحوه پیاده سازی12:43
146پیاده سازی پروژه فروشگاه کفش – قسمت نمایش محصولات به صورت داینامیک11:56
147پیاده سازی پروژه فروشگاه کفش – صفحه نمایش جزئیات محصول از طریق پارامتر ID16:18
148نحوه استفاده از متد reload – سومین روش برای رفرش کردن صفحه5:22
149استفاده از event های online و offline و بررسی Connection کاربر9:38
150سخن پایانی سطح متوسط11:56
سطح پیشرفته
1معرفی سطح پیشرفته 💪13:31
2تاریخچه جاوا اسکریپت – اکما اسکریپت15:33
3نحوه ورژن بندی اکما اسکریپت – آشنایی با Engine های اجرای جاوا اسکریپت در مرورگرها12:28
4نحوه اجرای کد جاوا اسکریپتی توسط Engine در مرورگر – مفاهیم Memory Heap و Call Stack18:05
5روش دسترسی به Dom Element Nodes بدون انتخاب آنها14:54
6چندین ترفند برای افزایش سرعت توسعه در کار با console13:49
7پروژه کاربردی Auto Complete Box مثل گوگل – نحوه پیاده سازی8:42
8پیاده سازی پروژه Auto Complete Box23:34
9آشنایی با Config های addEventListener – کانفیگ once7:23
10مفاهیم event delegation و event bubbling در جاوا اسکریپت20:30
11مفهوم event capturing در جاوا اسکریپت4:43
12چگونه به کمک stopPropagation از bubbling جلوگیری کنیم؟4:44
13چگونه از event capturing در پروژه های واقعی استفاده کنیم؟19:03
14ریفکتور کردن پروژه NoteApp به کمک Event Capturing12:13
15مفهوم Callback Function چیست؟15:49
16نحوه اجرای جاوا اسکریپت به شکل های Sync و Async12:13
17از توابع Callback کجا استفاده میشه؟7:47
18یه مثال خوب برای درک بهتر کاربرد CallBack Function12:43
19مفهوم Pure Function در Functional Programming12:45
20مفهوم Composition در برنامه نویسی تابعی16:19
21مفهوم Scope در جاوا اسکریپت – انواع آن12:58
22به چه توابعی Higher Order گفته میشه؟12:58
23قابلیت Strict Mode در جاوا اسکریپت (Es5)15:54
24چگونه از قابلیت Strict Mode در Local Scope استفاده کنیم؟5:23
25مفهوم Arrow Function و نحوه استفاده از آن (Es6)16:55
26حل مثال برای درک استفاده از Arrow Function در موقعیت های مختلف8:08
27معرفی قابلیت Spread Syntax برای آرایهها (Es6)12:51
28استفاده از Spread Syntax برای آبجکتها (Es9)7:57
29معرفی کلمه کلیدی arguments برای دسترسی به ورودی توابع12:08
30استفاده از قابلیت Rest Operator در توابع خطی (Es6)9:20
31استفاده از قابلیت Destructuring برای آرایهها (Es6)11:29
32استفاده از قابلیت Destructuring برای آبجکتها (Es6)21:48
33نحوه استفاده از Template Literal برای کار راحتتر با استرینگها (Es6)10:45
34استفاده از حلقه for of برای دیتا های Iterable و Like-Array (اکما اسکریپت 6)17:08
35نحوه استفاده از حلقه for in برای پیمایش آبجکتها (Es6)5:32
36استفاده از قابلیت String Padding – دو مثال کاربردی (Es7)12:07
37استفاده از قابلیت Numeric Separator برای افزایش خوانایی اعداد (Es12)10:38
38استفاده پیشرفته از عملگر AND11:38
39استفاده پیشرفته از عملگر OR10:57
40مفهوم ماژول و برنامه نویسی ماژولار در پروژه های جاوا اسکریپتی28:15
41مفهوم export default در برنامه نویسی ماژولار + نکته مهم9:57
42مفهوم مهم Type Coercion و بحث های پیرامون آن15:19
43مفهوم و کاربرد دیتابیس – آشنایی با ساختار آن17:34
44مفهوم CRUD چیست و چه کاربردی دارد؟12:34
45نحوه ساخت دیتابیس در indexedDB مرورگر15:01
46نحوه ایجاد و حذف Store در indexedDB16:48
47مفهوم Transaction و ذخیره اطلاعات در Store24:24
48دریافت اطلاعات از Store های indexedDB و نمایش آن ها در DOM (متد getAll)31:51
49نحوه حذف اطلاعات از دیتابیس indexedDB (متد delete)14:45
50RegEx چیه و کجا استفاده میشه؟11:45
51چطور میتونیم از RegEx استفاده کنیم؟9:52
52پیاده سازی RegEx برای ارزیابی ایمیل برای درک بهتر رجکس – (رفرنس به دوره آموزش RegEx)7:01
53this شناسی در جاوا اسکریپت21:08
54کار با متد های مهم call, bind و apply20:01
55متد های call, bind و apply چه کاربرد هایی دارند؟16:12
56مفهوم Constructor Function چیست و چه کاربردی دارد؟25:18
57حل تمرین برای درک بهتر Constructor Function12:14
58آشنایی با Constructor های Built In جاوا اسکریپت10:42
59نحوه کار با عملگر Nullish در جاوا اسکریپت (Es11)15:31
60نحوه کار با عملگر Optional Chaining + کاربرد (Es11)10:51
61نحوه کار با متد entries برای آبجکتها + کاربرد (Es8)13:53
62معرفی Set و نحوه کار با آن (Es6)24:37
63نکات مهم در استفاده از Set در جاوا اسکریپت (Es6)11:57
64معرفی Map و نحوه کار با آن (Es6)20:34
65استفاده از WeakSet و WeakMap برای افزایش پرفورمنس پروژه (Es6)21:08
66Proxy چیست و چه کاربردی دارد؟ (Es6)13:31
67کار با Get Trap در Proxy در جاوا اسکریپت (Es6)17:45
68کار با Set Trap در Proxy در جاوا اسکریپت (Es6)18:44
69Symbol چیست و کجا میتونیم ازش استفاده کنیم؟ (Es6)15:57
70چه زمانی باید از Shared Symbol استفاده کرد؟ (Es6)7:19
71استفاده از قابلیت Value Shorthand برای آبجکتها (Es6)8:53
72در Ternary Condition چگونه از چندین شرط استفاده کنیم؟9:11
73در جاوا اسکریپت از Semicolon استفاده کنیم یا نه؟ (مفهوم ASI در جاوا اسکریپت)27:02
74مفهوم Mutate و Immutate در جاوا اسکریپت چیست؟25:49
75استفاده تودرتو از callbackها چه مشکلی دارد؟ – مفهوم Callback Hell12:17
76مفهوم Promise چیست؟ راهی برای خلاص شدن از Callback Hell – اکما اسکریپت 621:24
77نحوه ارسال Param به Handler های Promise – اکما اسکریپت 66:32
78آشنایی با حالت های ممکن برای یک Promise – – اکما اسکریپت 611:05
79کاربرد finally handler در Promise – اکما اسکریپت 67:41
80مفهوم Chaining Handlers در استفاده از Promiseها – اکما اسکریپت 615:37
81پیاده سازی مثال کاربردی برای درک Chaining Handlers – اکما اسکریپت 619:24
82پیاده سازی یک مثال واقعی برای درک عمیق Promise – اکما اسکریپت 618:22
83مفهوم Ajax چیست؟14:46
84چند مثال از وب سایت های معروف برای درک Ajax13:10
85Api که بود و چه کرد؟13:11
86آشنایی با HTTP Methods برای درک عملکرد API6:04
87درک عمیق عملکرد API به کمک API واقعی نوشته شده با Nodejs13:28
88JSON که بود و چه کرد؟17:02
89کار با RandomUser API و درک متد Get – اکما اسکریپت 617:37
90کار با متد Post به کمک Api واقعی نوشته شده با Nodejs19:37
91دریافت لیست کاربران از طریق Api از دیتابیس MongoDB12:48
92حذف کاربران به کمک Api از MongoDB00:14:35
93ریفکتور قابلیت حذف کاربران و پیاده سازی به صورت RealTime5:55
94ویرایش اطلاعات کاربران به کمک Api از MongoDB23:22
95فایربیس چیست؟ ایجاد پروژه در FireBase8:32
96کار با Post Http Method به کمک Api فایربیس12:23
97کار با Get Http Method به کمک Api فایربیس12:39
98کار با Delete Http Method به کمک Api فایربیس00:15:11
99کار با Put Http Method به کمک Api فایربیس16:25
100کار با Fake Api های JsonPlaceHolder10:57
101ثبت نام در وب سایت OpenWeatherMap برای استفاده از Api آب و هوا7:10
102پروژه باحال آب و هوا به کمک Api – نحوه پیاده سازی8:41
103پیاده سازی پروژه باحال آب و هوا به کمک Api – ارسال Request9:43
104پیاده سازی پروژه آب و هوا با Api – نمایش اطلاعات Response در DOM17:08
105پیاده سازی پروژه آب و هوا با Api – نمایش تاریخ و زمان لحظهای8:39
106معرفی Api برای پیاده سازی پروژه Dictionary7:48
107مفهوم class چیست؟ (Es6)23:02
108نحوه تعریف متد در class (اکما اسکریپت 6)11:53
109مفهوم inheritance در برنامه نویسی شیگرا (Es6)22:21
110مفهوم static methods در برنامه نویسی شیگرا (Es6)11:41
111مقایسه پارادایم های OOP و Functional8:22
112پروژه LocalStorage TodoList با پارادایم OOP – نحوه پیاده سازی12:53
113پیاده سازی ساختار پروژه OOP LocalStorage TodoList16:32
114پیاده سازی متد های Classها در پروژه27:12
115آشنایی با navigator و کار با Clipboard کاربر13:10
116نحوه دسترسی به اطلاعات باتری Device کاربر11:12
117پروژه Detect User Browser – نحوه پیاده سازی00:12:35
119آشنایی و کار با متد بسیار مهم reduce16:13
120پیاده سازی تمرین Shoppin Cart Total Price به کمک reduce12:59
121پیاده سازی تمرین Array Items Repeat Count به کمک reduce00:13:56
122پیاده سازی تمرین Concat Array Items به کمک reduce00:13:53
123پیاده سازی تمرین Max Number In Array با reduce11:51
124XML چیست و چه کاربردی دارد؟ (Vs Json)00:10:30
125مفهوم کامپوننت و Custom Element چیست؟00:18:47
126چطور باید یک کامپوننت تعریف کنیم؟00:17:29
127چطور برای یک کامپوننت shadow dom تعریف کنیم؟00:15:42
129slot چیست و چه کاربردی در کامپوننت دارد؟00:13:24
130آشنایی با متد های Lifecycle هر کامپوننت00:19:52
131چطور Attribute های دلخواه را برای کامپوننت رزرو کنیم؟00:09:54
132پروژه واقعی با ساختار Component Based – پیاده سازی کامپوننت Header00:17:35
133پروژه واقعی با ساختار Component Based – پیاده سازی کامپوننت Course Box00:23:29
134داینامیک سازی پروژه00:12:00
135پیاده سازی قابلیت toggle در کامپوننت00:18:00
136کوکی چیست و چه کاربردی دارد؟00:09:00
137چطور باید یک کوکی در مرورگر ذخیره کنیم؟00:18:15
138چطور میتونیم به کوکی مورد نظر دسترسی داشته باشیم؟00:14:33
139چطور میتونیم یه کوکی رو حذف کنیم؟00:06:11
140پیاده سازی پروژه واقعی فرم لاگین برای درک بهتر کاربرد کوکی00:12:42
141پیاده سازی پروژه فرم لاگین – تعریف سطح دسترسی برای پنل00:07:56
142مفهوم Async/Await چیست؟ (Es8)00:10:42
143پیاده سازی کد Async با Callback – درک Callback Hell00:17:01
144پیاده سازی کد Async با Promise00:09:54
145پیاده سازی کد Async با Async/Await – (اکما اسکریپت 8)00:13:49
146نحوه Error Handling در Async/Await00:08:36
147استفاده از Async/Await در کار با Api00:11:36
148آیا این دوره برای جاوا اسکریپت کافی است؟00:10:52
149الان که دوره تموم میشه، میتونیم وارد بازار کار بشیم یا نه؟00:07:23
150سخن پایانی – چه مطالبی از JS تو این دوره گفته نشدن!!00:08:39

محمد امین سعیدی راد
Front End & Back End Developerاول از همه برنامه نویسی اندروید رو شروع کردم و نزدیک به 2 سال با زبان جاوا اندروید کار میکردم .بعد تصمیم گرفتم در زمینه وب فعالیت داشته باشم.و...
نظرات
قوانین ثبت دیدگاه
- اگر نیاز به پشتیبانی دوره دارید از قسمت پرسش سوال در قسمت نمایش انلاین استفاده نمایید و سوالات مربوط به رفع اشکال تایید نخواهند شد
- دیدگاه های نامرتبط به دوره تایید نخواهد شد.
- سوالات مرتبط با رفع اشکال در این بخش تایید نخواهد شد.
- از درج دیدگاه های تکراری پرهیز نمایید.
4000000 – رایگان!
سرفصل های دوره
برای مشاهده و یا دانلود دوره روی کلمه لینک کلیک کنید!
masoume( خریدار محصول )
سلام
درمورد copy, cut , paste کردن متن تدریس کردین؟
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام عزیز، بله.
masoume( خریدار محصول )
خیلی ممنون.
میشه بگید قسمت چندم هست؟
سرچ میکنم پیدا نمیشه :/
محمدامین سعیدی راد(مدرس)( خریدار محصول )
جلسه 48 سطح متوسط
و جلسه 115 سطح پیشرفته
خسروی( خریدار محصول )
با سلام و تشکر از آموزش کامل و خوب شما میخواستم سوال کنم امکان دانلود کدهای همه جلسات بصورت یکجا وجود داره یا خیر؟ ممنون از شما
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام عزیز، بله.
برای دانلود یکجا روی دکمه “دانلود همگانی” واقع در بالای سرفصل های دوره کلیک کنین.
خسروی( خریدار محصول )
با سلام و تشکر از دوره خوبتون
رضا( خریدار محصول )
سلام. خیلی خوب تدریس میشه+ مثال ها و پروژه های عملی که باعث تثبیت یادگیری میشه.
در قسمت پرسش و پاسخ، یکبار براتون سوال فرستادم و پاسخ داده شد اما برای دفعه دوم، هیچ چیزی ارسال نمیکنه(همون قسمت پرسش و پاسخ). ممنون میشم پیگیری کنید
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام عزیز.
این مشکل همچنان براتون وجود داره؟
p.peyman.n( خریدار محصول )
جدی دمت گرم استاد من چندتا سایت دیگه رو چک کردم خیلی سرفصلاش مختصر و کوتاه بود ولی ماشالله شما از صفر صفرش شروع کردی و جز ب جز و ذره به ذره جاوا اسکریپت رو درس دادی دمت گرمه❤️❤️❤️❤️
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام پیمان جان.
ممنونم از لطفت و خیلی خوشحالم که دوره برات مفید بوده.
تو هم در مقابل این همه سرفصل کامل و پرمحتوا تلاشت رو بکن تا خبر استخدامت رو بهم بدی.
پر قدرت ادامه بده 💪❤
sam.soheil( خریدار محصول )
درس کامپوننت هم , خیلی خیلی عالی بود ❤❤❤
alishahnoushi( خریدار محصول )
سلام
بخش سوالات پرتکرار چی هست دقیقا؟
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام عزیز.
در آینده تو این فصل چند جلسه در زمینه سوالاتی که ممکنه قبل از شروع دوره براتون پیش بیاد اضافه میشه.
Axry( خریدار محصول )
سلام استاد خدا قوت..
(قبلا این سوال رو پرسیدم ولی جوابی ندادین)
کارت فوق العاده اس ممنونم از زحماتت و اینکه با انرژی و واضح درس میدی خیلی مچکرم ازت..
استاد جان یه سوالی.. من میخواستم دوره جاوا اسکریپت سیاه رو ببینم ولی اول اومدم این دوره رو ببینم و الان تقریبا اواخر دوره متوسطه هستم و یه مقدار ضعف هم دارم.. سوالم اینجاست که تا کجایه این دوره باید ادامه بدم تا تسلط کافی رو برای دوره جاوا اسکریپت سیاه داشته باشم؟
qadiryolme(مدیریت)
درود برشما. دوست عزیز دوره بلک جی اس مناسب افرادی هست که مفاهیم پایه هک و امنیت رو بلدن و اگه شما هدفتون تبدیل شدن به یک فرانت کاره. این دوره حدالامکان تا زمانی که سطح پیشرفته رو به اتمام نرسوندید پیشنهاد نمیشه
meysampro( خریدار محصول )
فوق العاده بی نظیر
REZA SI( خریدار محصول )
سلامی دوباره … من پس از دوره html & CSS و تمرین زیاد اومدم برای شروع این بخش . یکسری از دوستانم بهم گفتن داری جاوا اسکریپت یاد میگیری ES6 هم بگیر . ES6 همون اکمااسکریپت هست؟
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام عزیز.
منظور از Es6 نسخه 6 اکما اسکریپت هست.
تو این دوره، اکما اسکریپت تا نسخه 12 تدریس شده.
اما فعلا با کلمه اکما اسکریپت درگیر نشین. همون جاوا اسکریپت رو در نظر بگیرین و شروع کنین. تو سطح پیشرفته به طور مفصل راجع به اکما و اکما اسکریپت توضیح داده شده.
Mohsen104( خریدار محصول )
سلام خسته نباشید میگم بابت زحماتتون
یه سوال داشتم ، من قبل از این دوره زبان جاوا ( نه جی اس ، خود جاوا ) یادگرفته بودم الان میخواستم بدونم میتونم آیا ازش در وب استفاده ای داشته باشم ؟ اگر بله ، چه استفاده ای میشه کرد ؟
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام عزیز.
بله. به کمک فریمورک Spring میتونین از جاوا در برنامه نویسی بکاند استفاده کنین.
REZA SI( خریدار محصول )
سلام ببخشید … فایل دانلود همگانی میزنم و توی idm میذارم ارور http میده … میشه کمکم کنید و چیکار باید انجام بدم ؟؟؟
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام عزیز.
لطفا متن یا تصویر ارورتون رو تو بخش پرسش و پاسخ دوره واسم بفرستین تا چک کنم.
REZA SI( خریدار محصول )
سلام برادر … مشکل از فایل دانلودی من بود . مشکل رفع شد . ببخشید
Mehrshad( خریدار محصول )
سلام من باopen live server نمیتونم کد های html رو ران کنم نمیدونم چرا استاد اون چیزی ک شما باهاش ران میکنید اسم اپ یا اکستنشنش چیه؟؟
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام عزیز.
من تو دوره فایلها رو به کمک Xampp اجرا میکنم.
Mehrshad( خریدار محصول )
استاد دانلود کردم بعد فایل رو هم گذاشتم تو htdocs ران هم میشه رو localhost ولی وقتی ادیت میزنم و چیزی اضافه میکنم تو vscode بهش ریلود میکنم تغیر نمیکنه
باید چیکار کنم درست بشه؟
محمدامین سعیدی راد(مدرس)( خریدار محصول )
وقتی فایل رو تغییر میدین و مرورگر رو رفرش میکنین قاعدتا باید تغییرات رو مشاهده کنین.
اگه مشکلی این وسط هست، یه ویدئو از موردی که میگید رو در قالب فایل Zip در قسمت پرسش و پاسخ برام آپلود کنین تا چک کنم براتون.
Mehrshad( خریدار محصول )
عذر میخوام بابت زیاد بودن سوال هام; چون با pycharm بیشتر کار میکنم حواسم نبود باید تو vscode save کنم الان اوکی شد ولی فایل های js ذخیره نمیشه اما میارم تو فایل html کد js مینویسم کار میکنه
Mehrshad( خریدار محصول )
درستش کردم کامل استاد ممنونم
unes( خریدار محصول )
استاد جان سلام خسته نباشید استاد من با insertHttml (خلاصه کردم) یه پروژه زدم ک وقتی کاربر وقتی رویه دکمه کلیک کرد ادبشه به قسمت سبد خرید حالا مشگلی که اینجاس من نمیخوام با append بزنم چون کدا خیلی زیاد میشه الان با این روش زدم کار میکنه ها ولی یه باگی داره وقتی یک بار روی دکه اد کلیک میشه محصول اد نمیشه ولی با دوبار کلیک اد میشه حالا میخوایم یه محصول جدید اضافه کنم باید دوبار کلیک کنم بار اول همون محصول قدیمه ک اد شده بود اد میشه بار دوم محصول جدیده من تمام نکته هایی که گفته بودین تو فیلمای قبل رو رعایت کردم سرچ هم کردم ولی به جوابی نرسیدم ممنون میشم راهنمایی کنین
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام یونس جان.
لطفا سوالت رو همراه با سورسکد پروژت در قالب Zip تو بخش پرسش و پاسخ آپلود کن تا چک کنم واست.
baghani mohammad( خریدار محصول )
سلام استاد عزیز
ممنون بابت زحماتتون
امیدوارم موفق تر باشید
درس 18 متوسط(تغییر بک گراند به صورت رندم)
چه طور میتونیم تگ ها رو رنگشون رو تغییر بدیم؟
مثلا تگ باتن رو؟ با همون setinterval و به صورت random باشه؟
من نتونستم.
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام.
چرا نتونستی؟ مشکل چی بود؟ چه کدی رو نوشتی؟
لطفا سوالت رو همراه با سورسکد پروژت در قالب Zip تو بخش پرسش و پاسخ آپلود کن تا چک کنم واست.
baghani mohammad( خریدار محصول )
چشم می فرستم
yasersh( خریدار محصول )
سلام بر بهترین استاد قرن یه خدا قوت جانانه خدمت شما اقای سعیدی راد خواستم اول ازتون تشکر زیاد وقدردانی بابت همچین دوره ی بکنم چون دیگه تا روزی که عمری باشه و بتونم توی این حوضه باشم همچین دوره ی رو ببینم و عمرا کسی بتونه تو کل دنیا همچین دوره ی رو ظبط کنه اینو بدون اغراق میگم نه اینکه من بلکه همه اینو میگن اینو گفتم استاد مهربان که همچنان با قدرت به پیش برید و البته موفقیت شما آرزوی من وهمه دوستاران شماست و دوم اینکه اون پروژه های خفن js کی دورشو میزارید بی صبرانه منتظرتونم البته هیجان زده هم هستم که شما دارید این دوره هارو میزارید امیدوارم با قدرت به پیش برید و انرژیتون نیوفته باشه دوستار شما یاسر شیراوند مرسییییییییییییییییییییییییییییییییییییییییییییییی
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام عزیز.
ممنونم بابت این همه لطفی که نسبت بهم دارین.
دوره پروژه های تخصصی جاوا اسکریپت برای بازار کار حداکثر تا فردا میاد رو سایت و ثبت نامش شروع میشه.
yasersh( خریدار محصول )
خواهش میکنم استاد من توروزی که توی این حوضم مدیون شمام استاد مهربان چون ازjs میترسیدم راستشو بخواید ولی حالا به خاطر شما عاشق کد نویسی و این زبان قدرتمند شدم امیدوارم توی زندگیتون همیشه موفق و سر بلند باشید اینو بدون اغراق میگم اقا امین ببخشید استاد هزینه این دوره به نظرتون چقدره؟ مرسی از همچین استاد مهربانی
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام مجدد عزیز.
راستش اطلاعی از مبلغ دوره ندارم و بحث قیمتگذاری، تخفیف و … توسط تیم مالی و مارکتینگ سبزلرن تصمیمگیری میشن و تقریبا دخالت مستقیمی تو این زمینه ندارم.
دوره حداکثر تا 2 روز دیگه میاد رو سایت و قیمت دوره مشخص میشه 🙏❤
parisa
سلام وقت بخیر
آیا دوره به صورت کامل رایگان هست یا نه ؟ مشاهده و دانلود تمامی محتوا امکان پذیر نیست ….در سایت هم عضو شدم.
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام عزیز.
بله، دوره به طور کامل رایگان هست.
برای مشاهده جلسات دوره باید تو دوره ثبت نام کنین.
اگه تو دوره ثبت نام کنین قفل تمامی جلسات براتون باز میشن.
sia
سلام استاد گرامی
در ثبت نام این دوره به درگاه پرداخت هدایت میشوم.
شما گفتین که رایگان
ممنونم.
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام مجدد.
من این موضوع رو پیگیری کردم و انگار یه باگی بود که دوره به صورت پولی افتاده بود.
الان این مشکل برطرف شده و میتونین تو دوره ثبتنام کنین.
سیاوش( خریدار محصول )
سلام لینک دانلود همگانی کجاست؟
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام عزیز.
بالای سرفصلهای دوره میتونین دکمه “دانلود همگانی” رو مشاهده کنید.
علی( خریدار محصول )
استاد خیلی عالی هستید و خیلی عالی آموزش میدین
ممنون
amir9900a( خریدار محصول )
سلام خدمت استاد گرامی
ممنونم بابت این دوره که واقعا فقط به دوره شما میشه گفت دوره متخصص جاوااسکریپت 😉👌🏻
استاد خواستم بپرسم دوره Node Js میدونم توی برنامه هاتون هست و گفتید هم بعد از اتمام بخش فرانت استارت میخوره ولی تاریخ حدودی ای میشه گفت که کی استارت میخوره ؟؟ امیدوارم زودتر استارت بخوره که بتونیم استفاده کنیم
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام امیر جان.
خواهش میکنم. خوشحالم که دوره براتون مفید بوده و رضایت داشتین 🙏❤
برای دوره Nodejs حداقل فصل پاییز رو در نظر بگیرین. دوره Nodejs رو ممکنه اوایل، اواسط یا اواخر فصل پاییز استارت بزنیم.