در سالهای اخیر با ظهور استانداردهای جدید و اضافه شدن انواع APIهای جدید به مرورگرها، زبان جاوا اسکریپت و محیط مرورگرها، به یک ابزار کامل جهت ایجاد انواع نرمافزارهای کاربردی تبدیل شده است.
در این دوره آموزشی قصد داریم با تعداد زیادی از پرکاربردترین API های جاوا اسکریپت در محیط مرورگرها آشنا شویم. که برخی از مهمترین موارد این API ها عبارتند از
- Web Storage API
- URL API
- File API
- IndexedDB API
- Cache API
- MediaStream API
- MediaStream Recorder API
- Screen Capture API
- Intersection Observer API
- Geolocation API
- Clipboard API
- History API
- و ...
با استفاده از این این API ها میتوان کارهایی از قبیل موارد زیر را در صفحات وب انجام داد:
- ذخیره داده ها در مرورگر کاربر
- کار با فایل ها در مرورگر
- کار با میکروفن و دوربین کاربر
- ضبط صفحه نمایش یا دوربین و میکروفن کاربر
- تشخیص موقعیت جغرافیایی کاربر و نمایش بر روی نقشه
- و ...
همچنین پس از یادگیری مباحث این دوره، به راحتی میتوانید از بیشتر این API ها در برنامه نویسی موبایل و همچنین برنامه نویسی دسکتاپ با استفاده از جاوا اسکریپت استفاده کنید. (با استفاده از فریمورکهایی مانند Ionic، Capacitor یا Electron و ...)
توجه : این دوره به صورت موازی با دوره Node.js تکمیل خواهد شد. به همین دلیل تکمیل شدن این دوره ممکن است کمی زمانبر باشد. همچنین برخی از مباحث این دوره در پروژه های دوره Node.js استفاده خواهند شد. پس برای افرادی که دوره Node.js را دنبال میکنند و قصد یادگیری بخشهای فرانتند پروژهها را هم دارند. یادگیری مباحث این دوره ضروری است.
فهرست دروس دوره
-
آموزش API های جاوا اسکریپت در مرورگر
-
معرفی دوره، پیش نیازها و سرفصل ها
۴۵ دقیقه -
آشنایی با Web Storage API
۹۸ دقیقه -
آشنایی با URL API و File API
۸۵ دقیقه -
آشنایی با Resize Observer API
۲۷ دقیقه -
آشنایی با Intersection Observer API
۵۱ دقیقه -
آشنایی با Page Visibility API
۱۹ دقیقه -
آشنایی با History API
۱۰۹ دقیقه
-
ارتباط با مدرس (مشاهده رزومه)
ایمیل | abbassac@gmail.com |
مشخصات دوره
- مدرس عباس مقدم
- زمان آموزش حدود ۳۰ ساعت
- وضعیت دوره در حال تکمیل
- تعداد ثبت نام ۷۸ نفر
- تعداد درس ۷ درس
- سطح دوره پیشرفته
- امتیاز دوره ۴.۷ از ۱۵ رای
- قیمت دوره ۴۰۰,۰۰۰ تومان
درباره مدرس
عباس مقدم
برنامه نویسی رو تقریباً از سال ۸۱ به صورت آماتور شروع کردم (در ابتدا با QBasic) و از سال ۸۲ برای اولین بار کار طراحی سایت رو شروع کردم (البته به صورت آماتور).
تقریباً از سال ۹۰ به صورت جدی کار برنامه نویسی وب و طراحی سایت رو دنبال میکنم.
رزومه کاریم هم تقریبا خالیه. یعنی نه پروژه آنچنانی انجام دادم و نه با شرکتها و سازمانهای بزرگی همکاری داشتم. نه با خارجیها کار کردم، نه خارج رفتم و نه قصد مهاجرت دارم.
ولی به یادگیری و یاد دادن خیلی علاقهمندم، و امیدوارم آموزشهای من در این سایت رضایت کاربران رو جلب کنه.
جهت درج دیدگاه باید وارد حساب خود شوید
دیدگاه ها
ورد پرس
من ویدیوهای دوره
اصول برنامه نویسی با JavaScript
شما را مشاهده کردم و بعضا اون قسمت هایی که نیاز بود همراه با آموزش شما کد هم می نوشتم.
من دوست دارم هم فرانت اند و هم بک اند رو کارکنم. درحال حاضر هم کار با وردپرس رو هم بلدم.
میشه لطفا بفرمایید اگر بخوام مثلا یکی از کتابخانه های جاواسکریپ مثلا ری اکت رو یاد بگیرم چه مقدماتی نیاز هست؟ آیا نیاز هست این دوره
API های جاوا اسکریپت در مرورگر
و دوره Node js
رو ثبت نام کنم و ابتدا یاد بگیرم یا نیازی نیست و مستقل از این دو دوره میشه یاد گرفت؟
ممنون
عباس مقدم
برای یادگیری ری اکت، همون دوره جاوا اسکریپت کافیه و پیش نیاز دیگه ای نداره
Amir Mohamad Mohamadi
عباس مقدم
نیلوفر خدابخشی
جناب مقدم میشه بگید اون بخش دیگه جاوااسکریپ پیشرفته چیه اسمش ؟
عباس مقدم
اسم خاصی نداره
جاوا اسکریپت پیشرفته
مصطفی مهرانی
استاد این همون دوره جاوا اسکریپت پیشرفتست؟
عباس مقدم
بله
یکی از دو بخش هستش
سعید جعفری
نحوه تدریس بسیار عالی
ولی لطفا مطالب جدید را تا قبل از عید آپلود نمئید
سپاس فراوان
عباس مقدم
لطف دارید
متاسفانه امکانش نیست
حساب آموزشی مشترک کبری و زهرا
در اتباط با بحث آموزش file /url api، در دقیقه حدودا 59 فرمودید:
" اگر فایل از نوع متنی باشه؛ این امکان رو داریم که برای نمایش در مروگر، مراحل انکد با الگوریتم base64 رو انجام ندیم ولی اگر فایل از نوع باینری باشه ( مثل فلان تصویر)، آنگاه لارم از به کمک base64 انکد بشه و ..."
سوالی که از خدمتتون دارم این هست که من وقتی یک تصویر رو با یک text editor باز میکنم، محتواش متنی هست و کاراکتر 0 و ا نمیبینم که بتونم نتیجه بگیرم که تصویر از نوع باینری هست.
این مساله یک مقدار باعث سردرگمی من شده. ممنون میشم راهنمایی بفرمایید
عباس مقدم
کلا فایلهای باینری رو نباید با ادیتورهای متنی باز کنید. چون این ادیتورها با فرض متنی بودن فایل رو میخونن و به همین دلیل شما کاراکترهای عجیب و غریب میبیند.
البته در عمل همه فایلها (حتی فایلهای متنی) به صورت 0 و 1 ذخیره میشن. اما توی فایلهای متنی این 0 و 1 ها وقتی کنار هم قرار میگیرن، معادل کاراکترهای مرسوم هستن. اما تو فایلهای باینری این 0 و 1 ها معادل کاراکتری ندارن. به همین دلیل هم توی ادیتورهای متنی اونجوری دیده میشن (چون ادیتور فرض میکنه اونها باید به کاراکتر تبدیل بشن)
علی زمانی
آقای مقدم ،
فرمودید بیشترین زمان این دوره به indexedDB اختصاص داره ولی من هیچی ازش پیدا نکردم و فقط در مورد لوکال استوریج گفتید
میشه بگین توی کدوم قسمت هستش ؟
البته من 5 قسمت رایگان رو دانلود کردم و 2 قسمت آخر رو دان نکردم
عباس مقدم
لطفا کمی با دقت توضیحات رو گوش کنید (و همینطور توضیحات دوره رو بخونید)
این دوره هنوز تکمیل نشده و در حال ضبطه
امسال هم تموم نمیشه
بحث IndexedDB رو هم هنوز ضبط نکردم
علی زمانی
ببخشید جناب مقدم، اشتباه از بنده بود چون عجله داشتم و فکر کردم اون کادر صورتی رنگ بعد از توضیحات دوره، مربوط به تبلیغات فرادرس هستش!
(چون تبلیغاتشون معمولا همچین کادر و رنگی دارن)
علی زمانی
شرمنده، فکر میکردم شما هم مثل یکی از نوآموزان طراحی وب که برای بازاریابی و شناسوندن خودشون وبسایت آموزشی میزنند و دوره های سطح پایین رو آموزش میدن، هستید،
البته اونها آموزش هم نه، بلکه مطالب حفظ کردنی خودشون رو فقط بازگویی می کنند،
ولی وقتی فقط قسمت اول و مربوط به Web Storage api رو دیدم در تک تک دقایق آموزش، شما رو تحسین کردم چون واقعا چیزی نموند که ازش نگفته باشید، عالی بود،
اگه بقیه آموزشهاتون هم این مدلی باشه «بدون شک» بهترین استاد ایران تو این زمینه هستید،
امیدوارم همیشه موفق و سلامت باشید و دانشجویانی با فهم و تسلط بالا تربیت کنید .. 🌹
علی زمانی
و یه خواهشی که دارم اینه که تدریس هر API رو با مبلغ جداگونه توی سایت بگذارید، مثلا هر کدام ۳۰، ۴۰ هزار ت،
چون ممکنه افرادی مثل من فقط به یک api نیاز داشته باشند و لازم نباشه که بقیه api ها رو هم دانلود کنند ..
عباس مقدم
متاسفانه نمیتونم IndexedDB رو زودتر بگم
چون بحث خیلی طولانی داره (حدود 6 ساعت)
و من الان سرم شلوغه و فعلا نمیتونم یه همچین درسی رو ضبط کنم
تقریبا با همون ترتیبی که تو درس اول گفتم جلو میرم
Ali karam
عباس مقدم
ممنون
اصلاح شد
فرشاد فرهمند
از پکیج i18next استفاده میکنم . می خواهم زبان دیفالت بر اساس زبان سیستم عامل یا کیبورد باشه
عباس مقدم
میتونید از navigator.language استفاده کنید
فرشاد فرهمند
عباس مقدم
ولی تا جایی که من اطلاع دارم راهی برای پیدا کردن زبان کیبورد یا زبان سیستم عامل در مرورگرها وجود نداره
فرشاد فرهمند
آرمان عابدی
عباس مقدم
خیر، فعلا قصدی برای ضبط دوره PHP ندارم