آموزش جاوا اسکریپت واقعی (پروژه محور)

دوره آموزش زبان جاوا اسکریپت واقعی به این معنی است که در این دوره جاوا اسکریپت خالص (Vanilla JS) را یاد می‌گیرید بدون هیچ‌گونه فریم‌ورکی، اگر به طراحی وب علاقه دارید یادگیری جاوا اسکریپت بهترین کاری است که می‌توانید بعد از یادگیری HTML و CSS‌ انجام دهید.

قیمت دوره:

790 هزار تومان

%59 تخفیف معادل 1,16 میلیون تومان

توضیحات دوره

تصویر دوره

دموی جلسات و برخی از پروژه های دوره

زبان جاوا اسکریپت چیست؟

جاوا اسکریپت یک زبان برنامه‌نویسی پویا و مبتنی بر شی (Object-based) است که هم می‌توان از آن در سمت کاربر و هم در سمت سرور برای تعامل با صفحات وب از آن استفاده کرد. اگر شما می‌توانید با استفاده از HTML و CSS صفحات استاتیک طراحی کنید، با استفاده از جاوا اسکریپت می‌توانید صفحات استاتیک و بی روح را به صفحات پویا و تعاملی تبدیل کنید.

چرا جاوا اسکریپت؟

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

شرکت های بسیار بزرگ جاوا اسکریپتی!!!

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

شرکت های جاوااسکریپتی

کاربردهای جاوا اسکریپت چیست؟

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

طراحی و برنامه‌نویسی سایت‌ها

تمامی سایت‌ها از دو بخش Front ( ظاهر سایت) و Back (عملکرد سایت) طراحی‌ می‌شوند. با جاوااسکرپیت میتوان هم در طراحی بخش Front end و هم طراحی بخش Back end متخصص شد. (با یک تیر دو نشان!)

طراحی اپلیکیشن تحت وب

وب اپلیکشین یا PWA از جدیدترین تکنولوژی در ترکیب اپ‌های موبایل و سایت‌ها استفاده می‌کند. در حقیقت PWA سایتی است که از فناوری‌های مدرن وب استفاده می‌کند؛ اما ظاهر و کارکرد آن مثل یک اپلیکیشن موبایل است.

ساخت اپلیکیشن موبایل

قبل از ورود جاوا اسکریپت، اپ‌های موبایل باید برای سیستم عامل اندروید و IOS به صورت مجزا برنامه‌نویسی می‌شدند، اما اکنون می‌توانید با جاوا اسکریپت یک برنامه طراحی کنید تا در هر دو سیستم عامل موبایل کار کند!

کاربرد های بیشتر

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

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

فصل اول: در اولین فصل از این دوره به مباحث پایه در زبان جاوا اسکریپت پرداختیم ، این فصل دارای 20 جلسه است و مباحثی مثل:

  1. ابزارهای مورد نیاز برای شروع برنامه‌نویسی با جاوا اسکریپت
  2.  متغییر‌ها در زبان جاوا اسکریپت‌
  3. Operators در جاوا اسکریپت
  4. معرفی انواع داده یا Data Type ها
  5. آموزش truthy و falsy
  6. آشنایی با Objects – آبجکت‌ها
  7. آموزش مبحث اسکوپ – Scope

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

فصل دوم: آموزش مباحث DOM در جاوا اسکریپت را در این فصل به صورت کامل آموزش داده‌ایم، این فصل دارای 6 جلسه است.

فصل سوم: در این فصل اولین پروژه حرفه‌ای و عملی را با استفاده از دانش خود تا به این جای دوره طراحی و پیاده سازی خواهیم کرد پروژه عملی To Do List خواهد بود در واقع یک وب اپلیکیشن است که با استفاده از آن می‌توانید لیستی از کارهای روزانه خود را تهیه کرده و ذخیره کنید، این فصل دارای 9 جلسه است.

فصل چهارم: در چهارمین فصل از دوره آموزش جاوا اسکریپت واقعی به صورت کاملا مفهومی به مبحث آرایه‌ها می‌پردازیم در این فصل با متدهای پرکاربردی مثل Map – Find – Filter – ForEach – Some – Every – Sort و … آشنا خواهید شد، همچنین در این فصل مفاهیم مهم Arrow فانکشن‌ها و همچنین Higher Order Functions و Callback را نیز یاد خواهید گرفت، این فصل دارای 11 جلسه است.

فصل پنجم: فصل پنجم یکی از مهم‌ترین فصل‌ها در این دوره است چرا که در این فصل با Object ها در جاوا اسکریپت به صورت کاملا مفهومی آشنا خواهید شد و مباحثی مثل: Hoisting – Call Stackکلمه کلیدی This – مباحث Bind Call Apply – مباحث مربوط به کلاس ها و OOP در جاوا اسکریپت را به خوبی یاد خواهید گرفت. در انتهای این فصل نیز یک مینی کتابخانه انیمیشن با استفاده از برنامه نویسی شی گرا با هم طراحی کرد. این فصل دارای 10 جلسه است.

فصل ششم: در این فصل یکی از پروژه های خیلی سرگرم کننده را خواهیم داشت، در واقع در این فصل موزیک و جاوا اسکریپت را باهم ادقام خواهیم کرد و وب اپلیکیشن Beat Maker را با هم توسعه خواهیم داد. این فصل دارای 10 جلسه است.

فصل هفتم: می‌توان گفت که در فصل هفتم یکی از کاربردی ترین پروژه ها را قرار است طراحی کنیم، نام پروژه Color Palette Generator یا به فارسی پالت رنگ ساز تصادفی است، در این پروژه نحوه استفاده و کار با کتابخانه‌ها در جاوااسکریپت را یاد خواهید گرفت. این فصل دارای 19 جلسه است.

فصل هشتم: تا اینجا پروژه های مختلفی را در این دوره طراحی کردیم، اما در این فصل یک وب‌سایت کاملا حرفه‌ای Portfolio یا همان سایت نمونه کار را طراحی می‌کنیم که داخل آن از انیمیشن‌های بسیار جالب و خیره کننده‌ای استفاده کردیم. این فصل دارای 11 جلسه است.

فصل نهم: در فصل نه برخی از مباحث پیشرفته‌تر در جاوا اسکریپت را آموزش داده‌ایم به عنوان مثال مباحثی مثل Deconstruct – Closure – Module در جاوااسکریپت را در این فصل به صورت کامل آموزش داده‌ایم، این فصل دارای 4 جلسه است.

فصل دهم: یکی از مهم‌ترین فصل‌های دوره همین فصل دهم است چون در آن به مبحث بسیار مهم و کاربردی Async پرداخته‌ایم، مباحثی مثل Async JavaScript – Promise – Async Await – Api – Json و … را در این فصل به خوبی یاد خواهید گرفت. این فصل دارای 8 جلسه است.

فصل یازدهم: در فصل 11 یک وب سایت یا وب‌ اپلیکیشن جستجو و دانلود تصاویر را به کمک یک API واقعی برنامه‌نویسی خواهیم کرد و به صورت عملی با API ها کار خواهیم کرد. این فصل دارای 10 جلسه است.

فصل دوازدهم: در این فصل سعی کردیم تا بهترین سایت‌هایی که یک جاوا اسکریپت دولوپر باید از آن‌ها استفاده کند تا بتواند هر روز مهارت‌های خود را افزایش دهد را معرفی کنیم. این فصل دارای 6 جلسه است.

فصل سیزدهم: در آخرین فصل نیز سعی کردیم مرحله بعد از گذراندن این دوره و اینکه چگونه باید مسیر یادگیری را دنبال کنید را توضیح دهیم، این فصل دارای 3 جلسه است.

این دوره برای چه افرادی توصیه می شود؟

  • افرادی که به‌دنبال یادگیری زبان جاوا اسکریپت هستند.
  • افرادی که به ارتقای مهارت و درآمد خود فکر می‌کنند.
  • افرادی که به برنامه‌نویسی Front-End علاقه دارند.
  • افرادی که به برنامه‌نویسی Back-End علاقه دارند.
این دوره برای چه افرادی توصیه نمی شود؟
  • افرادی که وقت کافی برای انجام تمرین ندارند
  • افرادی که خود را بی‌نیاز از یادگیری و پیشرفت می‌دانند

سرفصل‌های دوره

مقدمه و معرفی فصل اول

  1. معرفی ابزارهای مورد نیاز در طول دوره
  2. آموزش افزودن کدهای جاوااسکریپت به سند HTML
  3. متغیرها در جاوااسکریپت به سند (var-let-const)
  4. قوانین نام‌گذاری متغییرها در جاوااسکریپت
  5. آموزش صحیح کامنت گذاری در جاوااسکریپت
  6. operators در جاوااسکریپت
  7. معرفی انواع داده یا Data type ها
  8. چسباندن یا concatenate عددها و استرینگ ها
  9. آموزش شرط‌ها و مقایسه‌ها
  10. آموزش truthy و falsy
  11. آشنایی با Functions یا توابع
  12. آشنایی با Objects - آبجکت‌ها
  13. آشنایی با آرایه‌ها - Arrays
  14. آموزش سوئیچ - Switch Statements
  15. آموزش حلقه For - For Loop
  16. آموزش حلقه forEach
  17. حلقه های while Do - while
  18. آموزش اسکوپ - Scope
  19. پروژه عملی - Guess Game - بازی حدس اعداد

مقدمه و معرفی فصل دوم

  1. آشنایی با آبجکت window در dom
  2. روش‌های select کردن المان‌ها
  3. کمی کار عملی با Dom
  4. ادامه کار عملی با Dom
  5. آموزش local storage و session storage

مقدمه و معرفی فصل سوم

  1. Setup و تنظیمات اولیه پروژه
  2. استایل دهی به پروژه
  3. قابلیت افزودن To Do List به صفحه - بدون متن و استایل
  4. افزودن استایل و متن به To Do List ها
  5. افزودن قابلیت حذف و چک
  6. افزودن انیمیشن به پروژه
  7. افزودن بخش sort کردن لیست‌ها
  8. ذخیره سازی دیتاها در local storage

مقدمه و معرفی فصل چهارم

  1. تفاوت const و Let به صورت مفهومی
  2. callback و higher order function
  3. آموزش map
  4. آموزش find
  5. آموزش filter
  6. آموزش some و every
  7. کار با map به صورت مفهومی‌تر
  8. آموزش arrow function
  9. آموزش sort
  10. آموزش separate operator

مقدمه و معرفی فصل پنجم

  1. آموزش مبحث hoisting
  2. آموزش مبحث Call Stack
  3. آموزش عبارت کلیدی this
  4. مباحث Bind Call Apply
  5. فانکشن های Constructor
  6. آموزش مبحث prototype
  7. ارث بری در prototype
  8. آموزش Class ها
  9. کدنویسی یک مینی کتابخانه انیمیشن ساز

مقدمه و معرفی فصل ششم

  1. بررسی پروژه‌ای که در این فصل طراحی خواهد شد
  2. نوشتن کدهای HTML پروژه
  3. افزودن استایل‌های مورد نیاز
  4. قابلیت فعال کردن هر یک از نوت‌ها
  5. پخش صدا به ازای هر نوت
  6. کدهای مربوط به دکمه play-stop
  7. قابلیت تغییر صدا
  8. قابلیت سایلنت کردن هر صدا
  9. افزودن تنظیم سرعت پخش صدا

مقدمه و معرفی فصل هفتم

  1. بررسی کلی پروژه
  2. نوشتن کدهای HTML پروژه
  3. استایل دهی به پروژه
  4. ساخت کدهای رنگ تصادفی بدون کتابخانه
  5. افزودن کتابخانه Chroma.js به پروژه
  6. تنظیم رنگ متن‌ها در برابر پس زمینه‌ها
  7. تنظیم پس‌زمینه Inputهای اسلایدرها
  8. تنظیم رنگ در اسلایدر Hue
  9. آپدیت رنگ متن‌ها با تغییر رنگ‌ها
  10. برطرف کردن برخی از مشکلات App
  11. آپدیت شدن هندل‌های اسلایدرها
  12. قابلیت قفل کردن رنگ‌ها
  13. فعال کردن پاپ‌های ذخیره سازی
  14. ذخیره سازی پالت‌های رنگ
  15. نمایش پالت‌های رنگ در کتابخانه App
  16. ادامه نمایش پالت‌های رنگ در لایبرری App

مقدمه و معرفی فصل هشتم

  1. بررسی کلی پروژه
  2. نوشتن کدهای HTML پروژه
  3. استایل دهی به پروژه
  4. روش‌های افزودن انیمیشن بدون کتابخانه
  5. افزودن کتابخانه Scroll Magic به پروژه
  6. آموزش افزودن انیمیشن با Gsap و ScrollMagic
  7. ادامه افزودن انیمیشن به سایت
  8. افزودن افکت‌های موس
  9. افزودن انیمیشن به منوی سایت
  10. افزودن صفحه fashion

مقدمه و معرفی فصل نهم

  1. آموزش Deconstruct
  2. آموزش مفهوم IFFE
  3. آموزش مبحث Closure
  4. آموزش مبحث Module

مقدمه و معرفی فصل دهم

  1. مفهوم Ajax و Async
  2. پشت صحنه Async
  3. آموزش Async -Callback
  4. آموزش مفهوم Promise
  5. آموزش Async Await
  6. آموزش مفهوم Json - Api
  7. پروژه عملی - Advice App

مقدمه و معرفی فصل یازدهم

  1. بررسی کلی پروژه
  2. گرفتن API از سایت مرجع
  3. افزودن کدهای HTML - CSS مورد نیاز
  4. گرفتن اولین دیتا از API
  5. افزودن قابلیت جستجو
  6. ریفکتور کردن کدها
  7. تکمیل کردن اطلاعات در باکس‌های تصاویر
  8. استایل‌دهی به کارت‌های تصاویر
  9. فعال کردن دکمه More

مقدمه و معرفی فصل دوازدهم

  1. سایت Frontend Mentor
  2. سایت Codewars
  3. سایت Exercism
  4. سایت GitHub
  5. سایت Stackoverflow

توصیه‌هایی برای ادامه کار

  1. دوره آموزش ریکت - React JS
  2. سخن آخر

5 دیدگاه برای آموزش جاوا اسکریپت واقعی (پروژه محور)

  1. هاکان

    استاد اگه اموزش html و css مقدماتی که خودتون رایگان گذاشتید رو ببینم پاسخگو برا دوره جاوا اسکریپت نیست؟
    یا حتما اول دوره html و css جامع پروژه محورتون رو بخرم؟
    میخواستم خرید بزنم موندم کدومو خرید کنم
    پیشنهاد خودتون چیه برام
    ببخشید تو چندتا دیدگاه سوالاتم فرستادم

    • پشتیبانی

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

  2. هاکان

    سلام استاد خسته نباشید
    واقعا ممنونم برا آموزشای خوبتون تا الان اموزشای رایگانت خیلی کارمو راه انداخته
    من گرافیستم و 23 ساله تو زمینه گرافیک فعالیت دارم برا ساخت پلاگین برا فتوشاپ زبان مورد نیازم جاوا اسکریپته
    آیا با این دوره میتونم هر چیزی تو ذهنمه اجرا کنم؟
    اما سوال دوم اینه که من html و css بلد نیستم آیا این دوره بدون آشنایی با html و css به درد من میخوره؟
    یا الزامیه که اول انها یادبگیرم؟

    • پشتیبانی

      درود بر شما، این دوره برای طراحان وب مناسب است و تمرکز آن بر روی استفاده از جاوا اسکریپت در برنامه‌نویسی وب اپلیکیشن‌هاست بنابراین شما باید آشنایی اولیه با مباحث html و css داشته باشید.

  3. morteza

    سلام وقت بخیر
    اینکه میفرمائید از جاوا اسکریپت میشه توی بک اند و سمت سرور هم استفاده کرد؛ دقیقا یعنی چی ؟ یعنی میشه اهاش cms مثل وردپرس طراحی کرد ؟

    • پشتیبانی

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

  4. مهدی

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

    • پشتیبانی

      درود بر شما، بله این آموزش دقیقا مناسب شماست.

  5. مهرزاد محمدی نسب

    سلام چجوری به پشتیبانی دوره ها دسرسی داشته باشیم؟

    • پشتیبانی

      سلام، می‌توانید از حساب کاربری خود تیکت ارسال کنید.

دیدگاه خود را بنویسید

نبی عبدی

نبی عبدی

مدرس دوره

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

دوره آموزش جاوا اسکریپت واقعی (پروژه محور)
آموزش جاوا اسکریپت واقعی (پروژه محور)
%59 تخفیف معادل 1,16 میلیون تومان