آموزش جاوا اسکریپت از مقدماتی تا پیشرفته + پروژه های عملی
در دوره آموزش کامل HTML و HTML5 ما یاد گرفتیم که چجوری ساختار یک صفحه وب رو تشکیل بدیم و همچنین در دوره آموزش کامل CSS و CSS3 هم یاد گرفتیم که چجوری به صفحه وب خودمون جان ببخشیم و آن را استایل دهی کنیم اما این صفحه وب ما باز هم از یک لحاظ کامل نبود ، از لحاظ اینکه صفحه وب ما کاملا استاتیک و ثابت بود و هیچ منطق یا کنش و واکنشی نداشت ، برای اینکه ما بتونیم صفحه وب خودمون رو کامل تر کنیم نیاز داریم تا این صفحه وب استاتیک و ثابت رو به یک صفحه داینامیک و پویا تبدیل کنیم و بعد از ایجاد ساختار و استایل دهی آن ، رفتار آن را کنترل کنیم که اینکار رو با کمک زبان برنامه نویسی قدرتمند جاوا اسکریپت و آموزش جاوا اسکریپت انجام خواهیم داد.توصیه میشود ( دوره آموزشی طراحی سایت ) را نیز مشاهده کنید
Javascript چیست؟
Javascript یکی از پر طرفدار ترین و کاربردی ترین زبان های برنامه نویسی است. این زبان برنامه نویسی چند رویه ، پویا، شی گرا است و جزو زبان های سطح بالا یا اصطلاحا فرست کلاس محسوب می شود. دلیل پر طرفدار بودن این زبان، کاربری ساده آن است که باعث شده بسیاری از افراد مبتدی نیز به راحتی از آن استفاده کنند.
جاوا اسکریپت را با عنوان زبان برنامه نویسی برای وب می شناسند، اما به جز مرورگر ها در محیط های دیگر نیز از آن استفاده می شود؛ مانند node.js و Apache CouchD. جاوا اسکریپت زبان برنامه نویسی شی گرا است که معمولا برای ایجاد جلوه های تعاملی در مرورگرهای وب استفاده می شود. نمونه های پرکابرد از این جلوه ها شامل به روز رسانی محتوای به موقع، نقشه های تعاملی، گرافیک متحرک ۲D / 3D و غیره است.
جاوا اسکریپت یک زبان کاملا جمع و جور و در عین حال خیلی انعطاف پذیر است. توسعه دهندگان، انواع گوناگونی از ابزار ها را روی زبان اصلی جاوا اسکریپت نوشته اند و تعداد زیادی از قابلیت های اضافی را روی آن پیاده کرده اند.
همچنین جاوا اسکریپت صفحات وب را از حالت ساده استاتیک به حالت داینامیک و رفتاری تبدیل میکند.
پیش نمایش دوره آموزش جاوا اسکریپت :
برای مشاهده ادامه این دوره آموزشی فهرست دورس را مشاهده کنید.
چند مثال ساده برای مفهوم استایتک و داینامیک :
فرض کنید شما در صفحه وب خودتون بخواهید یک دکمه قرار دهید که کاربر وقتی بر روی این دکمه کلیک می کند یک اتفاقی بیافتد مثلا یک پیغام برای کاربر نمایش داده شود
یا مثلا یک Input را در صفحه قرار دهید که کاربر اگر مقدار درست را در Input وارد کرد پیغام درستی را به کاربر نمایش دهد و در غیر این صورت پیغام مناسب دیگری را نشان دهد
و یا اینکه بخواهید کاربر با کلیک بر روی یک دکمه ، یک قسمت از صفحه حذف یا یک المنتی به صفحه اضافه شود
همچین کارهایی با استفاده از HTML و CSS قابل انجام نیست چون این زبان ها فقط میتوانند یک صفحه ثابت و استاتیک رو ایجاد کنند و برای انجام این کارها که در صفحه یک رفتاری رخ میدهد باید از جاوا اسکریپت استفاده کرد و صفحه را به یک صفحه داینامیک تبدیل کرد که در دوره آموزش جاوا اسکریپت به صورت مکرر این مباحث رو انجام خواهیم داد.
چرا باید جاوا اسکریپت یاد بگیریم؟
میتونیم اینطوری بگیم که پایه و اساس ورود به دنیای برنامه نویسی تحت وب جاوا اسکریپت است. یکی از مزایای بسیار عالی زبان جاوا اسکریپت وجود کتابخانه ها و فریم ورک های بسیار متنوع آن است که به عنوان یکی از مشهورترین فریم ورک های این زبان میتوانیم به Jquery اشاره کنیم.
فریم ورک ها یا کتابخانه های جاوا اسکریپت باعث میشوند تا کدنویسی این زبان راحت تر و سریع تر شود اما شاید سوال براتون پیش بیاد که اگر کار با فریم ورک های این زبان راحت تر است پس چرا باید جاوا اسکریپت یاد بگیریم؟ همون طور که گفتیم جاوا اسکریپت پایه و اساس برنامه نویسی وب است و تمامی فریم ورک هایی که برای این زبان وجود دارد از این زبان نشات گرفته شده اند و طبیعتا اگر ما بخوایم بدون یادگیری این زبان وارد فریم ورک های آن بشیم مطمئنا یادگیری آن ها برای ما بسیار دشوار و گیج کننده خواهد شد.
و اما نقطه قوت دیگر جاوا اسکریپت این است که با توسعه داده شدن فریم ورک های این زبان ، شما میتوانید علاوه بر برنامه نویسی سمت کاربر یا همان Client Side ، برنامه نویسی سمت سرور یا Server Side رو هم انجام بدید و یا حتی فراتر از این ، شما میتوانید با فریم ورک های این زبان، اپلیکیشن های موبایل مانند سیستم عامل های IOS و Android رو هم پیاده سازی کنید.
از مشهور ترین ابزار ها و فریم ورک های این زبان میتوان به موارد زیر اشاره کرد :
- فریم ورک ReactJS که توسط شرکت فیس بوک توسعه داده شده و بسیاری از سایت های بزرگ با آن پیاده سازی شده اند.
- فریم ورک AngularJS که توسط شرکت گوگل توسعه داده شده است و بسیاری از سایت های مشهور از آن استفاده میکنند.
- فریم ورک React Native که محصول دیگری از شرکت فیس بوک است ، امکان تولید اپلیکیشن های موبایل مانند IOS و Android را بر پایه زبان جاوا اسکریپت فراهم میکند ، یکی از اپلیکیشن های بسیار قدرتمند که با این فریم ورک پیاده سازی شده است ، اپلیکیشن اینستاگرام است.
- پلتفرم NodeJS که میتوانیم با استفاده از آن کدهای جاوا اسکریپت را در سمت سرور اجرا کنیم.
خب میبینید که دنیای برنامه نویسی این زبان یعنی جاوا اسکریپت بسیار گسترده و وسیع است و شما با یادگیری این زبان ، قدم ورود به این دنیای بزرگ رو برمیدارید.
جزئیات مباحثی که در این دوره مطرح خواهد شد:
آموزش جاوا اسکریپت از مقدماتی تا پیشرفته
درس اول : مقدمات کار با جاوا اسکریپت
- نحوه صحیح قرار دادن کدهای جاوا اسکریپت
- آشنایی با متد alert
درس دوم : خروجی ها در جاوا اسکریپت
- انتخاب یک المنت HTML بر اساس id
- آشنایی با خروجی innerHTML
- آشنایی با خروجی innerText
- آشنایی با خروجی textContent
- آشنایی با خروجی outerHTML
- آشنایی با خروجی document.write
- آشنایی با خروجی console.log
درس سوم : متغیرها و انواع داده ای در جاوا اسکریپت
- آشنایی با متد typeof
- قوانین نام گذاری متغیرها
- آشنایی با انواع داده ای در جاوا اسکریپت
درس چهارم : عملگرها در جاوا اسکریپت
- عملگرهای ریاضیاتی
- عملگرهای انتسابی
- عملگرهای مقایسه ای
- عملگر شرطی
- عملگرهای منطقی
- نحوه تعریف یک الگو یا عبارت با قاعده
- آشنایی با متد test
- آشنایی با Metacharacters
- کار با متد call
- کار با متد Apply
ویژگی های دوره
- تعداد جلسات 44
- امتحانات 0
- مدت 15 ساعت و 30 دقیقه
- سطح مهارت مقدماتی تا پیشرفته
- زبان فارسی
- دانشجویان 512
- ارزیابی ها بله
-
پیش نمایش و فایل های دانلودی دوره
-
آموزش جاوا اسکریپت از مقدماتی تا پیشرفته
- مقدمات کار با جاوا اسکریپت
- خروجی ها در جاوا اسکریپت
- متغیرها و انواع داده ای در جاوا اسکریپت
- عملگرها در جاوا اسکریپت
- توابع در جاوا اسکریپت
- شی یا object در جاوا اسکریپت
- حوزه تعریف متغیرها و hoisting در جاوا اسکریپت
- رشته ها و متدهای آن در جاوا اسکریپت
- شی Math و متدهای آن در جاوا اسکریپت
- تاریخ و زمان و متدهای آن در جاوا اسکریپت
- دستورات شرطی if و switch در جاوا اسکریپت
- حلقه ها در جاوا اسکریپت
- آرایه ها در جاوا اسکریپت
- متدهای آرایه در جاوا اسکریپت
- عبارات با قاعده در جاوا اسکریپت – بخش اول
- عبارات با قاعده در جاوا اسکریپت – بخش دوم
- خطایابی و مدیریت خطا در جاوا اسکریپت – بخش اول
- خطایابی و مدیریت خطا در جاوا اسکریپت – بخش دوم
- مباحث تکمیلی نوع داده ای و اعداد در جاوا اسکریپت
- شی گرایی در جاوا اسکریپت
- متدهای Call و Apply در جاوا اسکریپت
- آشنایی با مدل DOM و سلکتورهای آن در جاوا اسکریپت
- کار با Attribute المنت های HTML در جاوا اسکریپت
- دسترسی به المنت ها به روش Object Collection در جاوا اسکریپت
- رویدادها در جاوا اسکریپت – بخش اول
- رویدادها در جاوا اسکریپت – بخش دوم
- کنترل رویدادها به روش EventListener در جاوا اسکریپت
- متدهای زمانی یا انیمیشن ها در جاوا اسکریپت
- پیمایش گره ها در جاوا اسکریپت
- حذف و اضافه کردن گره ها در جاوا اسکریپت
- آشنایی با مدل BOM و متدهای آن در جاوا اسکریپت
- شی Location در جاوا اسکریپت
- کوکی ها در جاوا اسکریپت
- آشنایی با Ajax در جاوا اسکریپت
- پروژه اعتبار سنجی فرم در جاوا اسکریپت
- پروژه Smooth Scrolling در جاوا اسکریپت
- پروژه Sidenav و Loading در جاوا اسکریپت
- پروژه ساخت یک Accordion در جاوا اسکریپت
- پروژه ساخت Scroller Slider در جاوا اسکریپت
- پروژه ساخت Navigation Tab در جاوا اسکریپت
- پروژه ساخت Slider در جاوا اسکریپت
- دو زبانه کردن سایت با جاوا اسکریپت
-
Javkak
عالی
خیلی عالی بود ممنون
-
s amir mahdi
بهترین آموزش
سلام . واقعاً این آموزش کامل و عالیه . من واقعاً بابت این آموزش از آقای مصطفی زاده متشکرم . این دوره آموزش خیلی کامله و خیلی هم توضیح روان و خوبی داره .من دوره های مختلفی رو نگاه کردم و بابتشون هزینه های زیادی دادم ولی این آموزش هم قیمت خوبی داره و به نظر من این بهترین آموزشه .
-
Behnam Coding
عالی..
با سلام، دوره بسیار خوب و با کیفیتی بود من خیلی راضی بودم از دوره.. فقط یه چند تا از بحث های کاربردی جاوااسکریپت گفته نشد مثل popup box در هر صورت ممنون از دوره بسیار خوبتون
-
baran_ym
عالی
بیان بسیار شیوا و ارائه مطالب به صورت منسجم و کاملا کاربردی
-
سینا
عالی
بیان عالی ، تدریس فوق العاده. سپاس
270 دیدگاه
سلام و خسته نباشید
من این دوره رو تهیه کردم، و نیاز به راهنماییتون دارم، باید همینجا مطرح کنم؟
سلام و درود
بله بفرمایید من درخدمتم
سلام. چرا دیگه تخفیف نمیزنین. هنوز کلی دوره هست که باید بخرم. بخدا از دیشب بین دو تا دوره موندم که ببینم کدومشون الان برام مهمتره که اول اونو بخرم. حسن کاری باهامون کرده که دوتا دوره نمیتونیم بخریم. اگه امکانش بود یه تخفیف برین یه چندتا دوره یه جا بخریم. 😔
سلام سجاد عزیز
چشم برای شنبه تخفیف رو قرار میدیم
ES چیه استاد میشه توضیح بدید ممنون میشم😘😊
سلام و درود
ES همون EcmaScript هست که توی جلسه اول توضیح داده شد
موفق و پیروز باشید
سلام استاد خسته نباشید میشه یک دیقه بیاین تلگرام ممنون میشم
سلام و درود
بنده در خدمتم
موفق و پیروز باشید
سلام آقای مصطفی زاده خسته نباشید.
لطفا میگید دقیقا کی دوره‌ی اکمااسکریپت ۶و۷و۸ رو ارایه میدید؟
و اینکه این دوره به عنوان بروزرسانی دوره جاوااسکریپت خواهد بود یا تو یه دوره جدا ارایه میشه؟
سلام و درود
زمان دقیق ارائه مباحث مشخص نیست متاسفانه چون فعلا درگیر دوره 0 تا 100 طراحی سایت هستیم که به احتمال زیاد بعد این دوره ارائه خواهیم داد
به عنوان آپدیت دوره خواهد بود
موفق و پیروز باشید
سلام استاد خسته نباشید و ممنون برای آموزش عالیتون
استاد من به مبحث ایونتها رسیدم و سوالی که دارم اینه که آیا سایت وجود داره که نمونه هایی از ایونتهارو اورده باشه و ما بتونم با اون تمرین کنیم ممنون میشم اگه معرفی کنید چندتا سایت رو .
پاینده باشید——-
سلام و درود
ممنون بابت نظر ارزشمندتون خوشحالم که دوره مورد توجه تون قرار گرفته
وارد سایت Codepen بشید و javascript event رو سرچ کنید
موفق و پیروز باشید
دوره بسیار عالی بود فقط کاشکی با مسایل یک مثال هم زده میشد چون من یکسری بخش هارو یاد گرفتم ولی دقیق کاربردشون نفهمیدم توی وب
سلام و درود
تمامی مباحث دوره رو سعی کردیم با استفاده از یک سری پروژه و مینی پروژه داخل دوره انجام بدیم که براتون درکی تر بشه ، کدوم مباحث رو دقیق متوجه نشدید بفرمایید تا در صورت نیاز با آپدیت های جدید آموزش داده بشه
موفق و پیروز باشید
سلام اقای مصطفی زاده وقت بخیر خسته نباشید
ببخشید در مورد پروژه slider وقتی دکمه جلو و عقب رو درست میکنم وقتی مرورگر بزرگ تر میکنم دکمه ها درست رو عکس نمیفتن یا درست نشون نمیده برای این پروژه هم برای این که درست نشون بده باید از بوت استرپ استفاده کرد؟
اگر بشه از بوت استرپ استفاده کرد اون وقت script اش کجا کاربرد داره؟
سلام و درود
برای اینکه داخل سایز های مختلف طرح تون یکسان باشه باید ریسپانسیو کنید چه با CSS و چه با بوت استرپ
موفق و پیروز باشید
سلام من میخوام این دوره رو خریداری کنم و سوالم اینه که بعد خرید دوره ویدئوهارو میشه دانلود کرد؟
سلام و درود
بله ، بلافاصله بعد از ثبت نام دوره میتونید از طریق فهرست دروس ، دوره رو به صورت کامل دانلود کنید
موفق و پیروز باشید
سلام اقای مصطفی زاده ممنون بابت دوره عالی تون
ببخشید پروژه Accordion رو میشه با bootstrap هم ساخت یا فرق میکنه؟
سلام و درود
خواهش میکنم ممنون از نظر ارزشمندت هادی عزیز
بله با بوت استرپ هم میشه Accordion ساخت
موفق و پیروز باشید
سپاس
سلام استاد عزیز…
استاد یه سوال … با جاوا اسکریپت هست که میشه یه اسلایدر درست کرد که با لمس دست توی گوشی جابجا بشه اسلایدر؟توی سی اس اس تو اموزشی که دیدم با چک باکس میشد عوض کرد ولی اینکه با لمس و کشیدن عوض بشه با جاوا اسکریپته ؟
و ممنون بابت تخفیفی که گذاشتید برای خرید..ممنون
سلام و درود
بله با جاوا اسکریپت میشه اینکارو انجام داد و ما داخل همین دوره آموزشی پروژه Scroller Slider رو که انجام دادیم دقیقا شما میتونید داخل موبایل با عمل لمس کردن یا touch اسلایدر رو جابجا کنید
خواهش میکنم خوشحالم براتون مفید واقع شده
موفق پیروز باشید
سلام خسته نباشید
در مورد بخش های cookie , Ajax ها چقد این قسمت ها تو پروژه ها کاربرد دارند چون خیلی خوب نتونستم اینا دو تا قسمت رو بفهمم و درک کنم؟
سلام هادی عزیز
بله همونطور که در دوره هم اشاره کردیم این موارد داخل جاوا اسکریپت کمی پیچیده هستن که داخل جی کوئری خیلی خیلی راحت تر و قابل فهم تر شدن ، پیشنهاد میکنم با جی کوئری یاد بگیرید
موفق و پیروز باشید
بله ممنونم