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

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

قیمت دوره:

950 هزار تومان

%51 تخفیف معادل یک میلیون تومان

توضیحات دوره

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • افرادی که به‌دنبال یادگیری زبان جاوا اسکریپت هستند.
  • افرادی که به ارتقای مهارت و درآمد خود فکر می‌کنند.
  • افرادی که به برنامه‌نویسی 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. سخن آخر
نبی عبدی

نبی عبدی

مدرس دوره

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

دیدگاه و پرسش

  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. مهرزاد محمدی نسب

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

    • پشتیبانی

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

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