آموزش جاوا اسکریپت مقدماتی تا پیشرفته + مینی پروژه
آموزش جاوا اسکریپت برای تمامی افرادی ک قصد ورود به زبان برنامه نویسی دارند مناسب می باشد . خصوصا برای علاقه مندان به حوزه فرانت همان طور که می دانید جاوا اسکریپت یکی از زبان های برنامه نویسی محبوب و پر طرفدار است که بازار کار فوق العاده ای دارد. آموزش جاوا اسکریپت برای شما عزیزان آماده شده است. جاوا اسکریپت ابتدا با هدف استفاده در ظاهر وب سایت ایجاد شد اما با پیشرفت چشمگیری که داشته، امروزه برای توسعه اپلیکیشن های اندروید، IOS، سمت سرور و… استفاده می شود.اگر می خواهید جاوا اسکریپت را از صفر تا صد یاد بگیرید، دوره آموزش javascript سبزلرن را از دست ندهید.
توضیحات
دوره آموزشی جاوااسکریپت سبزلرن
یادگیری برنامهنویسی جاوااسکریپت از صفر تا سطح حرفهای بدون شک مسیری پرچالش است که اگر برای یادگیری آن برنامه مناسب و منابع کافی نداشته باشید، سرعت پیشرفت شما بسیار آهسته خواهد بود. دوره آموزش جاوااسکریپت سبزلرن با هدف تسریع در روند یادگیری این زبان برنامهنویسی طراحی شده تا دانشجویان دوره بتوانند تمام مفاهیم پایه و پیشرفته مانند متغیرها، توابع، آرایهها، شیگرایی، “Async” و “Await”، “DOM” و رویدادها، بهصورت پروژهمحور و با زبانی ساده یاد بگیرید. همچنین در طول دوره پروژههای واقعی پیادهسازی میشود تا هنرجو علاوهبر یادگیری تئوری، تجربه عملی کافی برای ورود به بازار کار و ساخت وبسایتهای پویا و حرفهای را بهدست آورد.جاوااسکریپت چیست و چرا باید یاد بگیریم؟
یکی از مهمترین زبانهای برنامهنویسی که در طراحی وب کاربردی زیادی دارد، جاوااسکریپت (JavaScript) است که در کنار “HTML” و “CSS” سه پایه اصلی توسعه وب محسوب میشوند. این زبان علاوهبر فرانتاند (Front-end) ، در سمت سرور یعنی بک اند هم کاربرد زیادی دارد. اگر جاوااسکریپت بلد باشید میتوانید انواع سایت، اپلیکیشنهای موبایل و حتی نرمافزارهای دسکتاپ را سریع و آسان طراحی کنید. تقاضا برای استخدام برنامهنویس جاوااسکریپت در بازار زیاد است و این حوزه جزو مشاغل پردرآمد در حوزه برنامهنویسی محسوب میشود. بهصورت کلی مهمترین دلایل برای اینکه جاوا اسکریپت یاد بگیرید، بازار کار پررونق، درآمد بالا و اهمیت یادگیری آن برای ورود به حوزه فولاستک است.جاوااسکریپت در کجاها استفاده میشود؟
جاوااسکریپت (JavaScript) زبانی شیگرا و چندمنظوره است که با ویژگیهای مانند قدرت تعامل بالا، سازگاری با تمام مرورگرها، پشتیبانی از توسعه ماژولار، مدیریت خطا، و کار با دادههای JSON شناخته میشود. همچنین بهدلیل وجود کتابخانهها و فریمورکهای بزرگی مثل “React”، “Angular” و “Vue.js” توسعه وب را سریعتر و کارآمدتر میکند. کاربرد اصلی جاوااسکریپت ایجاد صفحات وب پویا و تعاملی است، بهطوریکه کاربر بتواند بهتر با محتوای سایت ارتباط برقرار کند و تجربهای جذاب از کار با وب داشته باشد. همچنین از دیگر کاربردهای جاوااسکریپت میتوان بهموارد زیر اشاره کرد:- توسعه فرانتاند (Front-end) ایجاد صفحات وب پویا و تعاملی با “HTML” و “CSS”
- توسعه بکاند (Back-end) ساخت سرورها و API ها با استفاده از” Node.js”
- توسعه اپلیکیشن موبایل ساخت برنامههای اندروید و “iOS” با فریمورکهایی مثل “React Native” و” Ionic”
- توسعه بازیهای تحت وب طراحی بازیهای دوبعدی و سهبعدی با کتابخانههایی مانند “Phaser” یا “Three.js”
- کار با پایگاهداده و API های ارسال و دریافت دادهها با “Fetch API” یا “Axios”
- برنامهنویسی هوش مصنوعی و یادگیری ماشین با استفاده از کتابخانههایی مانند “TensorFlow.js”
- توسعه افزونه مرورگر ساخت افزونهها برای مرورگرهایی مانند “Chrome” و “Firefox”
- توسعه برنامههای اینترنت اشیا (IoT) با استفاده از پلتفرمهایی مانند “Node-RED”
- توسعه نرم افزار تحت دسکتاپ با تکنولوژی هایی مانند “Electron JS”
مخاطبان مناسب دوره آموزش جاوااسکریپت
دوره آموزش جاوااسکریپت برای طیف گستردهای از مخاطبان همچون دانشجویان رشتههای مرتبط با کامپیوتر، توسعهدهندگان وب با تجربه و همه افراد فعال در اکوسیستم فناوری و برنامهنویسی کاربردی است. این دوره با هدف توانمندسازی افراد در درک عمیق مفاهیم جاوااسکریپت و تسلط بر کاربردهای عملی آن تهیه شده است. فرقی نمیکند که بک اند کار میکنید یا فرانت اند، جاوااسکریپت زبانی کلیدی و ضروری برای همه برنامهنویسهایی است که به توسعه وب و اپلیکیشنهای موبایلی علاقهدارند و میخواهند بهعنوان یک برنامهنویس فولاستک فعالیت کنند. این دوره مسیر شما را برای ساخت وبسایتها و اپلیکیشنهای حرفهای هموار و پایهای محکم برای ورود بهدنیای واقعی برنامهنویسی فراهم میسازد.پیش نیاز دوره آموزش جاوااسکریپت
پیش نیاز اصلی شرکت در دوره آموزش جاوااسکریپت “HTML” و “CSS” است، زیرا جاوااسکریپت بر پایه این دو فناوری وب ساخته شده است. یادگیری مفاهیم پایه HTML و CSS کار دشواری نیست و میتوانید با شرکت در دوره آموزش HTMLو
دوره آموزش CSSسبزلرن، سریع و آسان این دو پایه اصلی جاوااسکریپت را یاد بگیرید. همچنین آشنایی با مفاهیم ابتدایی برنامهنویسی مانند الگوریتم و فلوچارت نیز میتواند روند یادگیری شما را سریعتر کند.
معرفی سرفصلهای دوره آموزش جاوااسکریپت
ارائه سرفصلهای جامع و کاربردی برای سطوح مختلف از مبتدی تا حرفهای، جزو مزیتهای دوره آموزش جاوااسکریپت سبزلرن است که مسیر یادگیری را برای همه علاقهمندان به این زبان برنامهنویسی هموار میکند. بهصورت کلی سرفصلهای اصلی این دوره آنلاین عبارتاند از:- مفاهیم پایه جاوااسکریپت مانند متغیرها، انواع دادهها، عملگرها، ساختارهای شرطی و حلقهها
- توابع و آرایهها از قبیل تعریف توابع، پارامترها، بازگشت مقادیر و کار با آرایهها
- شیگرایی در جاوااسکریپت، تعریف کلاسها، اشیاء و وراثت
- مدیریت رویدادها همچون تعامل با کاربر از طریق رویدادهای کلیک، تغییر و ارسال فرم
- مدیریت خطاها و نحوه استفاده از “try-catch” برای مدیریت استثناها
- کار با “API”ها از جمله فراخوانی “API”ها با استفاده از “Fetch” و نمایش دادهها
چرا این دوره آموزش جاوااسکریپت سبزلرن را انتخاب کنیم؟
دوره آموزش جاوااسکریپت سبزلرن با ارائه سرفصلهای کامل از پایه تا پیشرفته، آپدیت مستمر محتوا و دسترسی نامحدود به ویدیوها، یکی از بهترین گزینهها برای یادگیری جامع این زبان است. این دوره با پشتیبانی دائمی، پروژهمحور بودن آموزشها و عدم نیاز به منابع اضافی، مسیر یادگیری را ساده و موثر میکند. علاوه بر این، با حدود 80 ساعت آموزش تخصصی و هزینه اقتصادی نسبت به حجم محتوا، فرصتی عالی برای تسلط بر جاوااسکریپت و آمادهسازی برای بازار کار فراهم میکند.روش برگزاری دوره: ویدئو، تمرین، پروژه و ارزیابی
دوره آموزش جاوااسکریپت سبزلرن بهصورت ویدیوهای از قبل ضبط شده است و تدریس دوره توسط یکی از اساتید مجرب آکادمی سبزلرن بهصورت گامبهگام انجام میشود. این دوره کاملا پروژهمحور و همه مفاهیم پایهای با مثالهای ساده تدریس میشود تا افراد بتوانند زبان جاوااسکریپت را صفر تا سطح پیشرفته یاد بگیرند. همچنین در طول دوره براساس سطح و فصول آن تمرینهای عملی نیز گنجانده شده تا بتوانید با انجام این پروژهها برای ورود به بازار کار آماده شوید.چگونه ثبتنام کنیم؟
برای ثبتنام در دوره آموزش جاوااسکریپت سبزلرن، ابتدا باید در سایت سبزلرن حساب کاربری ایجاد کنید یا وارد حساب خود شوید. پس از ورود، کافی است روی گزینه «افزودن به سبد خرید»
در صفحه دوره کلیک کنید. سپس با رفتن به
سبد خرید، میتوانید وارد
درگاه بانکی امنشده و هزینه دوره را پرداخت کنید.
بهمحض تکمیل پرداخت، قفل ویدیوهای دوره بهصورت خودکار باز میشود
و شما میتوانید از طریق پنل کاربری خود در سایت، بلافاصله شروع به تماشای جلسات آموزشی کنید.
نمونه پروژههای عملی جاوااسکریپت
نمونه پروژههای عملی دوره آموزشی جاوااسکریپت سبزلرن شامل ساخت پروژههای کاربردی مانند ماشینحساب، فرم ثبتنام، مدیریت ورودیها و کلی پروژه کاربردی دیگر است تا مفاهیم یاد گرفته شده را در عمل پیادهسازی کنید و تجربه عملی کافی برای توسعه وب بهدست آورید.چگونه بعد از دوره جاوااسکریپت حرفهایتر شویم؟
برای حرفهایتر شدن پس از گذراندن دوره جاوااسکریپت، لازم است مسیر یادگیری خود را هدفمند ادامه دهید. یادگیری یک فریمورک یا کتابخانه جاوااسکریپت مانند React، Angular یا Vue.js امکان ساخت برنامههای پیچیده، پویا و مقیاسپذیر را فراهم میکند. اگر تمرکز شما روی توسعه فرانتاند است، پیشنهاد میشود یکی از این سه فناوری را بهصورت عمیقتر دنبال کنید.
در ادامه مسیر، یادگیری مفاهیمی مانند مدیریت وضعیت با Redux یا Zustand، کار با APIهای پیشرفته و آشنایی با بهینهسازی عملکرد برنامهها به شما کمک میکند تا به سطحی حرفهایتر برسید.
همچنین تسلط بر ابزارهایی مانند Git برای مدیریت نسخهها و یادگیری Node.js برای برنامهنویسی سمت سرور مجموعه مهارتهای شما را تکمیل میکند و زمینه ورود به دنیای فولاستک دولوپمنت را فراهم میسازد.
با تمرین مداوم، انجام پروژههای واقعی و بهروز نگه داشتن دانش خود درباره ابزارها و فریمورکهای جدید، میتوانید جایگاه حرفهایتان را در بازار کار جاوااسکریپت ارتقا دهید و از فرصتهای گسترده این حوزه بهرهمند شوید.
سوالات متداول
۱. آیا این دوره مناسب افراد بدون تجربه برنامهنویسی است؟
بله، البته آشنایی کامل با HTML و CSS برای ورود به این دوره ضروری است اما افراد مبتدی هم میتوانند بهراحتی در دوره آموزش جاوااسکریپت برای یادگیری این زبان برنامه نویسی شرکت کنند.۲. مدت زمان کل دوره چقدر است و چه تعداد پروژه عملی دارد؟
طول دوره در حال حاضر ۷۹ ساعت ویدیوی آموزشی ضبط شده است و با توجه به برنامهریزی آکادمی سبزلرن، احتمال افزایش مدت دوره و اضافه شدن ویدیوهای جدید وجود دارد. در طول دوره، پروژههایی مانند ماشینحساب، فرم ثبتنام، مدیریت ورودیها و… اجرا میشوند تا دانشجویان با کاربرد عملی مفاهیم در دنیای واقعی آشنا شوند.۳. آیا ویدئوهای دوره همیشه در دسترس خواهند بود؟
بله، همه کسانیکه این دوره را تهیه کردهاند میتوانند بدون محدودیت زمانی و همواره از طریق پنل کاربری خود در سایت سبزلرن به ویدیوهای دوره آموزش جاوااسکریپت دسترسی داشته باشند.۴. چه نرمافزارهایی برای تمرین جاوااسکریپت نیاز است؟
برای تمرین جاوااسکریپت کافی است از یک ویرایشگر متن یا “IDE” مانند “VS Code” استفاده کنید و مرورگری مانند “Chrome” یا “Firefox” برای اجرای کد و مشاهده نتیجه کافی است.۵. آیا دوره شامل مباحث پیشرفته مثل Async/Await و فریمورکها میشود؟
بله، دوره آموزش جاوااسکریپت سبزلرن شامل مباحث پیشرفتهای مانند “Async/Await” و فریمورکها میشود.۶. آیا میتوانم در طول دوره سوالاتم را از مدرس بپرسم؟
بله، میتوانید سوالات خود را از قسمت پرسش و پاسخ دوره مطرح کنید. در همان لحظه، سبزبات پاسخ شما را بهصورت خودکار و فوری نمایش میدهد تا روند یادگیریتان بدون وقفه پیش برود.
در صورتی که پاسخی نرسیدید، میتوانید درخواست دهید تا سؤال شما به مدرس یا پشتیبان فنی دوره ارجاع داده شود و پاسخ دقیقتری دریافت کنید.
۷. آیا دوره به صورت آنلاین برگزار میشود؟
این دوره بهصورت ویدیویی و از پیش ضبطشده است، بنابراین برای مشاهده جلسات نیازی به حضور در زمان مشخصی ندارید.پس از ثبتنام، میتوانید از طریق وبسایت سبزلرن به تمام ویدیوهای دوره دسترسی داشته باشید و در هر زمان و مکان دلخواه، آموزشها را مشاهده کرده و تمرینها و پروژهها را انجام دهید.
۸. آیا دوره برای توسعهدهندگان وب تازهکار مناسب است؟
بله، مفاهیم این دوره برای توسعهدهندگان وب تازهکار بسیار مناسب است، زیرا با آموزش گامبهگام، تمرینهای عملی و پروژههای واقعی، نه تنها مفاهیم پایه جاوااسکریپت را به خوبی یاد میگیرند، بلکه تجربه کاربردی لازم برای طراحی وبسایتهای پویا و تعاملپذیر را نیز کسب میکنند و آماده ورود به بازار کار میشوند.۹. پشتیبانی دوره تا چه زمانی ادامه دارد؟
پشتیبانی دوره آموزش جاوااسکریپت سبزلرن بهصورت دائمی ارائه میشود و دانشجویان میتوانند در طول دوره و حتی پس از اتمام آن، سوالات خود را از مدرس یا بات سبزلرن بپرسند و راهنمایی دریافت کنند.۱۰. آیا این دوره به روزرسانی میشود و با نسخههای جدید جاوااسکریپت هماهنگ است؟
بله، مدرس حرفهای دوره با توجه به تغییرات نسخههای جدید جاوااسکریپت و نیازهای بازار کار، محتواهای جدید و بهروز را به دوره اضافه میکند تا دانشجویان همواره آموزشهای کاربردی دریافت کنند.۱۱. آیا این دوره به آموزش فریمورکهای معروف جاوااسکریپت نیز میپردازد؟
خیر، این دوره بهصورت تخصصی فریمورکها و کتابخانهها را آموزش نمیدهد و تنها برخی نکات تدریس شده است، اما برای یادگیری کامل میتوانید در دورههای مربوط به فریمورکهای جاوااسکریپت که در آکادمی سبزلرن ارائه شده شرکت کنید.جلسات
معرفی دوره
پروژه های دوره؟
چطور از این دوره بهترین نتیجه رو بگیرم؟
درک عمیق عظمت جاوا اسکریپت
نصب و راه اندازی VsCode
روش های استفاده از جاوا اسکریپت
آشنایی با متغیرها
Data Type ها در جاوا اسکریپت
استفاده از Comment
تبدیل Data Typeها به یکدیگر
چطور از کاربر دیتا دریافت کنیم؟
کار با Arithmetic Operators
حل تمرین اعمال تخفیف روی مبلغ محصول
کار با Comparison Operators
حل تمرین محاسبه میانگین - حل تمرین زوج یا فرد بودن عدد
حل 2 تمرین محدویت سن کاربر - محاسبه Power اعداد
حل 2 تمرین محاسبه سن کاربر - تبدیل زمان
ریفکتور تمرین محدودیت سن کاربر با else
حل تمرین تعیین سطح دانش آموزان
آشنایی با NaN - حل تمرین Validate کردن inputها
آشنایی با Switch Case - ریفکتور تمرین تعیین سطح دانش آموزان
نحوه کار با Ternary Condition
استفاده حرفهای از Ternary Condition
عملگر Or - حل تمرین سطح دسترسی به Dashboard
عملگر And - ریفکتور تمرین جلسه قبل
آشنایی با Function ها
ارسال Parameter به فانکشنها
حل 3 تمرین مختلف برای درک کاربرد فانکشنها
تعیین Default Value برای پارامترها - ریفکتور تمرین
آشنایی با return در فانکشنها
حل 3 تمرین برای درک بهتر return + نکات مهم
حل تمرین ثبت نام کاربر در سایت
آشنایی با متد های String - قسمت 1
حل 2 تمرین الگوریتمیک برای درک بهتر متد های Stringها
حل تمرین تشخیص SSL داشتن Url
آشنایی با Propertyها و متد های Math
حل تمرین Captcha Validation
کار با Assignment Operators
x++ و ++x چه تفاوت هایی دارن؟
آشنایی با حلقه for
حل تمرین نمایش اعداد زوج بین 0 و 100
آشنایی با تکنیک Trace برای درک عمیقتر کدها
حل تمرین محاسبه مبلغ کل سبد خرید
حل تمرین محاسبه میانگین با حلقه for
حل تمرین محاسبه تعداد ارقام عدد ورودی کاربر
حل تمرین محاسبه مجموع ارقام عدد ورودی کاربر
آشنایی با حلقه while - حل 2 تمرین مختلف
حل 2 تمرین حلقه for با حلقه while
حل تمرین نمایش اعداد زوج در محدود اعداد ورودی کاربر
حل تمرین محاسبه میانگین اعداد ورودی به تعداد دلخواه کاربر
آشنایی با حلقه do while
حل تمرین محاسبه توان اعداد با 3 حلقه مختلف
شروع کار با Array
متد های Basic آرایهها
حل تمرین محاسبه میانگین اعداد ورودی به تعداد دلخواه کاربر با آرایه
شروع کار با Object
استفاده از آبجکتها و آرایهها به صورت Nested
حل تمرین اضافه کردن اطلاعات کاربر جدید به لیست کاربران
متد forEach - حل تمرین نمایش اطلاعات کاربران
متد های includes و some
حل تمرین فروشگاه با قابلیت سبد خرید
متد every - حل تمرین تعیین صلاحیت برای تماس کنفرانسی
متد های find و findIndex
حل تمرین فراموشی رمز عبور
متد splice
حل تمرین فروشگاه آنلاین پیشرفته
متد مهم filter
حل تمرین سرچ گلوبال در سایت
متد مهم و پراستفاده map
حل تمرین محاسبه هزینه ارسال پستی در سبد خرید
آشنایی با متد های Array و String - قسمت 2
حل تمرین تشخیص خوانایی متن از سمت چپ و راست
حل تمرین Todolist
حل تمرین چالشی Task Management
آشنایی با Type های Primitive و Reference
حل تمرین فروش آنلاین بلیط
آشنایی با Template Literal
حل تمرین آزمون آنلاین + محاسبه امتیاز آزمون
آشنایی با Best Practice های مهم
حل تمرین ماشین حساب
حل تمرین ایجاد Captcha ترکیبی (اعداد و حروف)
حل تمرین ایجاد لینک کوتاه برای محصولات
آشنایی با eval
آشنایی با IIFE و توابع Anonymous
کار با SetInterval
حل تمرین Timer
کار با SetTimeout - حل تمرین تشخیص آپلود پروفایل کاربر
آشنایی با Flag در برنامه نویسی
آشنایی با Falsy Value و Truthy Value
آشنایی با مفهوم Hoisting + سخن پایانی
مفهوم DOM چیست؟
روش های مختلف انتخاب Element از Dom
دسترسی به Attributes و تغییر آنها
آشنایی با getAttribute و setAttribute
آشنایی با مفهوم Event - رویداد onClick
توسعه پروژه تعیین / تغییر وضعیت Bulb
آشنایی با classList
توسعه پروژه Form Validation
آشنایی با Keyboard Events
چه تفاوت هایی بین Keyboard Eventها وجود داره؟
ریفکتور پروژه Login Form Validation به Keyboard Events
ریفکتور پروژه Form Validation با رویداد های Focus و Blur
توسعه پروژه Random Color Generator
ایجاد Element جدید و Append آن به Dom
آشنایی با رویداد onChange
توسعه پروژه فروش بلیط آنلاین
توسعه پروژه Temp Converter
توسعه پروژه Weather App به صورت Local
نحوه حذف یک Attribute از Dom
آشنایی با رویداد onSubmit
آشنایی با آبجکت مهم event
آشنایی با preventDefault
توسعه پروژه keyLogger
دیباگ پروژه Show / Hide Password
نحوه حذف Element از Dom
آشنایی با Node Types
آشنایی به متد های Dom Navigation
توسعه پروژه Todolist - قسمت Add Todo
توسعه پروژه Todolist - قسمت Remove Todo
آشنایی با رویداد های onSelect و. onDblClick
آشنایی با رویداد های Clipboard
آشنایی با رویداد onContextMenu
توسعه پروژه Custom Context Menu
آشنایی با رویداد های onLoad و DomContentLoaded
توسعه پروژه Preload
توسعه پروژه Input Max Length Limit
توسعه پروژه Modal
آشنایی با کانسپت Dataset
توسعه پروژه Note App - قسمت Add Note
توسعه پروژه Note App - قسمت Remove Note و تعیین رنگ Note
توسعه پروژه Note App - قسمت Search In Notes
آشنایی با رویداد onScroll
توسعه پروژه Sticky Navbar
آشنایی با متد های scrollBy و scrollTo
شروع کار با Media در جاوا اسکریپت (Audio و Video)
توسعه پروژه Music Player ساده - قسمت 1
توسعه پروژه Music Player ساده - قسمت 2
آشنایی با متد InsertAdjacentHTML
ریفکتور پروژه Todolist + بهبود Performance
توسعه پروژه Music Player پیشرفته - قسمت 1
توسعه پروژه Music Player پیشرفته - قسمت 2
داینامیک کردن دیتا های پروژه Music Player پیشرفته
اضافه کردن قابلیت Playlist به پروژه Music Player پیشرفته
توسعه پروژه محاسبهگر BMI
توسعه پروژه Random Quote Generator
آشنایی با رویداد های Drag و Drop - قسمت 1
آشنایی با رویداد های Drag و Drop - قسمت 2
تشریح پروژه Draggable Todolist (تمرین دانشجوها)
آشنایی با LocalStorage
توسعه پروژه Dynamic Change Theme
نحوه مدیریت Array و Object در LocalStorage
توسعه پروژه LocalStoraged Todolist - قسمت Add Todo
توسعه پروژه LocalStoraged Todolist - قسمت Remove Todo
توسعه پروژه LocalStoraged Todolist - قسمت Search و Sort تودوها
آشنایی با پروپرتی cssText
آشنایی با رویداد های مربوط به Animation
آشنایی با متد getComputedStyle
توسعه پروژه Set Brightness
نحوه دسترسی و تغییر متغیر های Css با جاوا اسکریپت
پروژه Dynamic Change Theme پیشرفته با پالت رنگی
کار با تاریخ و زمان در جاوا اسکریپت
توسعه پروژه Digital Online Clock
آشنایی با Method Chaining
توسعه پروژه Word Counter
آشنایی با اصطلاحات Async و Defer
توسعه پروژه Lorem Saz
بررسی همه Mouse Eventها
متد های پیشرفته مربوط به Console
توسعه پروژه Detect Capslock
توسعه پروژه Booklist - مدیریت کتابها
توسعه پروژه Booklist - سینک کردن پروژه با LocalStorage
توسعه پروژه QuizApp - نمایش داینامیک سوالات
توسعه پروژه QuizApp - محاسبه و نمایش امتیاز
توسعه پروژه Captcha Generator پیشرفته
توسعه پروژه Image Slider
توسعه پروژه Pagination - قسمت 1
توسعه پروژه Pagination - قسمت 2
توسعه پروژه Toast Maker
توسعه پروژه عضویت در خبرنامه
توسعه پروژه Password Generator پیشرفته - ساخت Password
توسعه پروژه Password Generator پیشرفته - بررسی میزان امنیت Password
آشنایی با مفهوم Bom
آشنایی با پروپرتی های آبجکت Window
توسعه پروژه Custom Scroll
آشنایی با آبجکت Screen
کار با History Api مرورگر
کار با Location Api مرورگر
توسعه پروژه Login Redirection
آشنایی با Url Search Params
توسعه پروژه Dynamic Product Page With Url Search Params
توسعه پروژه Mouse دنباله دار
توسعه پروژه تشخیص مرورگر و سیستم عامل کاربر
توسعه پروژه بررسی کانکشن اینترنت کاربر
توسعه پروژه فروشگاه اینترنتی + سبد خرید - قسمت 1
توسعه پروژه فروشگاه اینترنتی + سبد خرید - قسمت 2
توسعه پروژه فروشگاه اینترنتی + سبد خرید - قسمت 3
توسعه پروژه فروشگاه اینترنتی + سبد خرید - قسمت 4
توسعه پروژه فروشگاه اینترنتی + سبد خرید - قسمت 5
توسعه پروژه Piano پیشرفته
آشنایی با رویداد های onResize و onInput
آشنایی با استراتژی های مختلف نام گذاری
دپلوی پروژه های جاوا اسکریپت روی سرور
تشریح پروژه CMS به عنوان نمونه کار دانشجوها - سخن پایانی
معرفی سطح پیشرفته
تاریخچه جذاب جاوا اسکریپت (از Mocha تا EcmaScript)
آشنایی با Engine های مرورگرها
آشنایی با کانفیگ های Event - کانفیگ once
آشنایی با Bubbling و StopPropagation
آشنایی با Event Capturing
ریفکتور پروژه NoteApp با Event Delegation
افزایش سرعت توسعه با چند تکنیک مهم
توسعه پروژه Search Auto Complete
آشنایی با مفهوم Pure Function
آشنایی با مفهوم Function Composition
آشنایی با مفهوم Higher Order Function
کار با Arrow Function ها
ریفکتور 3 پروژه مختلف به Arrow Function
قابلیت های Object Value Short-Hand و Numeric Seperator
ریفکتور پروژه فروشگاه آنلاین + سبد خرید
توسعه پروژه فرم تماس با ما
آشنایی با Strict Mode
آشنایی با مبحث کانسپت مهم Callback Function
اجرای کد های جاوا اسکریپت به صورت Sync و Async
Callback Function ها چه کاربردی دارن؟
توسعه مثال کاربردی برای درک بهتر Callback Function
آشنایی با مفهوم Callback Hell
آشنایی با مفهوم مهم Promise
ارسال Parameter به هندلر های Promise
بررسی Status های مختلف Promise
آشنایی با Finally Handler
آشنایی با Handler Chaining
شبیه سازی عمل Data Fetching با Promise
توسعه مثال کاربردی Load Cdn با Promise
آشنایی با مفهوم Ajax
بررسی عمل Ajax تو سایت های واقعی
آشنایی با Http Methods
مشاهده محیط دیتابیس های مختلف
Json چیه و چه کاربردی داره؟
Api چیست؟ - Fetch کردن اولین Api
آشنایی با Postman برای تست Api
توسعه پروژه Random User Generator با Api
توسعه پروژه Weather App با Api
توسعه پروژه Dictionary با Api
مفهوم Api Document در شرکت های برنامه نویسی
توسعه پروژه Cms با Api های واقعی Node.js - نمایش دورهها
دریافت آخرین دورهها از سرور و نمایش در پنل مدیریت
ارسال رکوئست DELETE به سرور برای حذف دورهها
دریافت Confirm از مدیر برای حذف دوره - Realtime کردن لیست دورهها
نمایش نتیجه حذف دوره در قالب Toast
جمع آوری اطلاعات دوره جدید از Modal
ارسال اطلاعات دوره به Api و ایجاد دوره با متد Post
دریافت اطلاعات جدید دوره از مدیر
ارسال رکوئست Put به Api و ویرایش اطلاعات دوره
بهبود Ux پروژه با نمایش اطلاعات قدیمی دوره در Modal
تست Api های مربوط به کاربران و تشریح ادامه پروژه (تمرین دانشجوها)
معرفی Api های رایگان برای تمرین - تشریح پروژه Rest Countries
توسعه پروژه Rest Countries
معرفی چندین روش واسه پیدا کردن بکاند برای نمونهکارها - ثبت نام در فایربیس
توسعه قسمت مدیریت کاربران پروژه Cms با Api - ثبت نام کاربر
نمایش کاربران ثبت شده در فایربیس در Cms از طریق Api
حذف کاربران موجود در فایربیس با رکوئست Delete
ریفکتور پروژه با متد Entries
ویرایش اطلاعات کاربران از فایربیس با رکوئست Put
قابلیت Optional Chaining - ریفکتور پروژه Rest Countries
پیاده سازی Conditional Rendering با عملگر AND
پیاده سازی Conditional Rendering با عملگر OR - ریفکتور پروژه Rest Countries
کار با حلقه for of
ریفکتور پروژه Cms با for of
کار با حلقه for in
ریفکتور پروژه Cms با for in
آشنایی با مفاهیم Crud و Restful Api
مقایسه Xml و Json
ریفکتور پروژه Random Color Generator - کپی کردن کد رنگ به Clipboard کاربر
بررسی پشتیبانی مرورگر کاربر از قابلیت های پروژه
قابلیت Spread Syntax برای آرایهها
قابلیت Spread Syntax برای آبجکتها
ریفکتور پروژه فروشگاه آنلاین با Spread Syntax
آشنایی با Arroy.From, Like-Array و کیورد arguments
آشنایی با قابلیت Rest Operator
آشنایی با قابلیت Array Destructuring
آشنایی با قابلیت Object Destructuring
ریفکتور پروژه Random User Generator با قابلیت Destructuring
معرفی کیورد های Async / Await
ریفکتور Api های پروژه Cms با Async / Await
چطور از فایل Json دیتا Fetch بکنیم؟
this شناسی در جاوا اسکریپت
آشنایی با متد های call, apply و bind
آشنایی با Constructor Functions
پیاده سازی مثال برای درک بهتر Constructor Functions
آشنایی با Constructor Functions های Built in جاوا اسکریپت
آشنایی با Class
قابلیت inheritance در برنامه نویسی شیگرا (OOP)
آشنایی با کیورد Static در OOP
توسعه پروژه LocalStoraged Todolist به صورت OOP - قسمت 1
توسعه پروژه LocalStoraged Todolist به صورت OOP - قسمت 2
مقایسه پارادایم های OOP و Functional
آشنایی با متد مهم reduce
توسعه تمرین Shoppin Cart Total Price با reduce
توسعه تمرین Array Items Repeat Count با reduce
توسعه تمرین Concat 2D Array Items با reduce
توسعه تمرین Max Number In Array با reduce
توسعه پروژه Multi Tab
توسعه پروژه جذاب OTP Validator
توسعه پروژه Sabz Job - نمایش آگهی های استخدامی
توسعه پروژه Sabz Job - پیاده سازی Filteringها
توسعه پروژه Battery Monitoring
مفهوم ASI در جاوا اسکریپت
آشنایی با انواع Type Coercion
آشنایی با مفاهیم Mutability و Immutability
آشنایی با متد Sort آرایهها
توسعه تمرین Shuffled Items
توسعه پروژه Github Profile Search
آشنایی با RegEx
پروژه اعتبارسنجی Email در عضویت خبرنامه
ماژول و برنامه نویسی ماژولار - قسمت 1
ماژول و برنامه نویسی ماژولار - قسمت 2
ریفکتور پروژه Color Generator به صورت ماژولار
مفهوم و کاربرد کوکی چیست؟ - ایجاد کوکی
نحوه آپدیت و حذف کوکیها
نحوه دسترسی به کوکیها
توسعه پروژه فرم لاگین همراه با قابلیت Remember Me
تشریح پروژه بازی حدس کلمه - سخن پایانی
معرفی فصل - آشنایی با Set
آشنایی با Map
آشنایی با WeakMap و WeakSet
آشنایی با Proxy - ایجاد Get Trap
ایجاد Set Trap
کار با Symbolها
آشنایی با Nullish Operator
توسعه پروژه Password Security Checker
ایجاد دیتابیس در indexedDB
نحوه ایجاد و حذف Store
ذخیره سازی دیتا داخل indexedDB
نمایش اطلاعات indexedDB در DOM
حذف دیتا از indexedDB
توسعه پروژه Video Stream - پخش ویدئوی WebCam
توسعه پروژه Video Stream - توقف ویدئوی WebCam
آشنایی با متد Promise.all
آشنایی با متد Promise.allSettled
آشنایی با متد Promise.race
قابلیت جدید Top Level Await
کار با متد جدید groupBy
متد های جدید کار با آرایهها با قابلیت Immutability
متد های سرچ از آخرین ایندکس آرایه
توسعه پروژه IP Tracker
بازار کار دقیقا کجاست؟
نمونه کار چی بزنم؟
قدم بعدی چیست؟
نکات طلایی رزومه نویسی
بالاخره Vue یا React؟
شبکه سازی، مرغ تخم طلا
چطور همیشه آپدیت باشیم؟ - سخن پایانی
پیش نیاز ها
پشتیبانی
این دوره مجهز به «سبزبات» ربات هوشمند مبتنی بر هوش مصنوعی است.
اگر در حین مشاهده جلسات دوره با سوال یا ابهامی مواجه شدید، میتوانید پرسش خود را از سبزبات بپرسید و در همان لحظه پاسخ دریافت کنید. در صورتی که نیاز به توضیح بیشتر یا پاسخ تخصصی مدرس داشتید، کافی است از سبزبات بخواهید تا سوال شما را به مدرس دوره ارجاع دهد تا مستقیماً توسط مدرس پاسخ داده شود.
نظرات
