آموزش جاوا اسکریپت رایگان و سریع
با دوره آموزش سریع و رایگان جاوا اسکریپت از روی از روی یکی از مشهورترین و جامع ترین کتب آموزشی جاوا اسکریپت یعنی Professional Javascript for Web Developers نوشته Nicholas C.Zakas (نیکلاس سی زاکاس) در خدمت شما هستیم.
جاوا اسکریپت چیست؟
جاوا اسکریپت در ابتدا برای “زنده کردن صفحات وب” ایجاد شده است.
به برنامه های این زبان اسکریپت گفته می شود . می توان آنها را درست در HTML یک صفحه وب نوشت و با بارگیری صفحه به طور خودکار اجرا می شوند.
اسکریپت ها به صورت متن ساده ارائه و اجرا می شوند. آنها برای اجرا به آماده سازی یا تدوین خاصی احتیاج ندارند. از این جنبه ، جاوا اسکریپت با زبان دیگری به نام جاوا بسیار متفاوت است .
امروزه جاوا اسکریپت می تواند نه تنها در مرورگر ، بلکه در سرور یا در واقع در هر دستگاهی که برنامه خاصی به نام موتور جاوا اسکریپت دارد ، اجرا شود .
مرورگر ها دارای یک موتور جاسازی شده است که گاهی اوقات “ماشین مجازی JavaScript” نامیده می شود.
البته توانایی های JavaScript در مرورگر به دلیل ایمنی کاربر محدود است. هدف جلوگیری از دسترسی یک صفحه وب بد به اطلاعات خصوصی یا صدمه زدن به داده های کاربر است. مثلا جاوا اسکریپت در یک صفحه وب نمی تواند پرونده های دلخواه را روی دیسک سخت بخواند / بنویسد ، آنها را کپی یا برنامه ها را اجرا کند. دسترسی مستقیمی به عملکردهای سیستم عامل ندارد.
جاوا اسکریپت درون مرورگر چه کاری می تواند انجام دهد؟
جاوا اسکریپت مدرن یک زبان برنامه نویسی “ایمن” است. دسترسی کم سطح به حافظه یا CPU را فراهم می کند ، زیرا در ابتدا برای مرورگرهایی ایجاد شده است که نیازی به آن ندارند.
قابلیت های JavaScript تا حد زیادی به محیطی که در آن در حال اجرا است بستگی دارد. به عنوان مثال ، Node.js از توابع پشتیبانی می کند که به JavaScript امکان خواندن / نوشتن پرونده های دلخواه ، انجام درخواست های شبکه و غیره را می دهد.
جاوا اسکریپت درون مرورگر می تواند تمام کارهایی را که مربوط به دستکاری صفحه وب ، تعامل با کاربر و سرور وب است ، انجام دهد.
به عنوان مثال ، JavaScript درون مرورگر قادر است :
- HTML جدیدی به صفحه اضافه کنید ، محتوای موجود را تغییر دهید ، سبکها را تغییر دهید.
- به اقدامات کاربر واکنش نشان دهید ، با کلیک ماوس ، حرکات اشاره گر ، فشار کلیدها را اجرا کنید.
- درخواست ها را از طریق شبکه به سرورهای از راه دور ارسال کنید ، پرونده ها را بارگیری و بارگذاری کنید (اصطلاحاً فناوری های AJAX و COMET ).
- کوکی ها را دریافت و تنظیم کنید ، از بازدید کننده سوال بپرسید ، پیام ها را نشان دهید.
- داده های سمت مشتری (“ذخیره سازی محلی”) را بخاطر بسپارید.
چه چیزی JavaScript را منحصر به فرد می کند؟
حداقل سه نکته جالب در مورد JavaScript وجود دارد:
- ادغام کامل با HTML / CSS.
- کارهای ساده به سادگی انجام می شود.
- پشتیبانی توسط همه مرورگرهای اصلی و بصورت پیش فرض فعال می شود.
JavaScript تنها فناوری مرورگری است که این سه مورد را با هم ترکیب می کند.
همین چیزی است که جاوا اسکریپت را منحصر به فرد می کند. به همین دلیل گسترده ترین ابزار برای ایجاد رابط های مرورگر است.
همانطور که گفته شد ، JavaScript همچنین امکان ایجاد سرور ، برنامه های تلفن همراه و غیره را فراهم می کند.
برای مطالعه فصل های دوره آموزش رایگان جاوا اسکریپت روی عنوان دوره کلیک کنید !
آشنایی با مفاهیم و اصطلاحات
این فصل اختصاص به بررسی مفاهیم و اصطلاحات رایج موجود در جاوا اسکریپت دارد. در این فصل ابتدا به انواع زبان هاي برنامه نویسی تحت وب خواهیم پرداخت و سپس تفاوت هاي اصلی زبان هاي جاوا اسکریپت و جاوا را شرح خواهیم داد. در ادامه نیز به هسته هاي تشکیل دهنده جاوااسکریپت پرداخته و با کاربردهاي هر یک از آن ها آشنا خواهیم شد.
۱. انواع زبان هاي برنامه نویسی تحت وب
۲. تفاوت هاي جاوااسکریپت و جاوا
۳. اجزا تشکیل دهنده جاوااسکریپت
- DOM؛ مدل شی گراي سند
- BOM؛ مدل شی گراي مرورگر
۴. ویژگی هاي بنیادي جاوااسکریپت
متغیرها و انواع داده ها در جاوا اسکریپت
در این فصل ابتدا با روش تعریف متغیرها و قوانین نامگذاری آن ها در جاوا اسکریپت آشنا خواهیم شد و سپس انواع داده های موجود را بررسی خواهیم کرد. همچنین لیستی از کلمات کلیدی و رزرو شده که امکان استفاده از آن ها به عنوان نام متغیرها و توابع وجود ندارد را ارائه خواهیم کرد.
همچنین در این فصل به مبحث بسیار مهم تبدیل انواع پرداخته و روش های تبدیل انواع گوناگون به یکدیگر را بررسی خواهیم کرد.
۱. متغیرها در جاوااسکریپت
۲. نامگذاري متغیرها
۳. کلمات کلیدي
۴. کلمات رزرو شده
۵. انواع داده هاي اصلی
- نوع داده Undefind
- نوع داده Null
- نوع داده Boolean
- نوع داده Number
- نوع داده String
۶. تبدیل انواع
- تبدیل به رشته
- تبدیل به عدد
۷. استفاده از Type Casting براي تبدیل انواع
جاوا اسکریپت در مرورگرها
حال که تا حدودی با بسیاری از مفاهیم پایه جاوا اسکریپت آشنا شدیم می خواهیم طریقه استفاده و قرار دادن آن ها در صفحه را بررسی کنیم. HTML برای استفاده از جاوا اسکریپت در صفحات تگی به نام <script> را فراهم کرده که در فصل سوم از دوره آموزش جامع جاوا اسکریپت با آن آشنا خواهیم شد.
۱. فایل هاي خارجی JavaScript
- تفاوت هاي به کارگیري کدها به صورت درون خطی و خارجی
۲. مکان قرار دادن تگ <script> در صفحه
۳. مخفی کردن اسکریپت ها از مرورگرهای قدیمی
۴. خطایابی
کار با آرایه ها جاوا اسکریپت
آرایه ها در همه زبان هاي برنامه نویسی جز مهمترین ساختمان داده ها به شمار می روند. نقش آرایه ها در جاوا اسکریپت نیز براي ایجاد برنامه های انعطاف پذیر نیز انکارناپذیر است. در این فصل ابتدا به بررسی روش هاي ساخت آرایه ها و ویژگی های اصلی آن پرداخته و در ادامه در مورد نحوه دستکاري آن ها همچون اضافه، حذف، انتخاب و مترب سازی عناصر آرایه پرداخته و به روش های تبدیل آرایه به رشته و بالعکس خواهیم پرداخت.
۱. ایجاد آرایه ها با استفاده از کلاس Array
۲. بدست آوردن طول آرایه
۳. تبدیل آرایه به رشته
۴. تبدیل رشته به آرایه
۵. اضافه کردن مقادیر جدید به آرایه ها
۶. برگرداندن عناصر خاصی از آرایه
۷. تبدیل آرایه ها به پشته و صف
۸. مرتب سازی آرایه ها
۹. حذف و درج در میانه هاي آرایه
کار با رشته ها در جاوا اسکریپت
این فصل به بررسی رشته ها در جاوااسکریپت می پردازد. در این فصل ابتدا به روش هاي ایجاد رشته ها در جاوااسکریپت پرداخته و سپس به توضیح روش هاي دستکاري آن ها همچون جداکردن زیر رشته ها، الحاق و مقایسه رشته ها و… خواهیم پرداخت.
۱. ایجاد اشیا رشته اي (رشته) با استفاده از کلاس String
۲. بدست آوردن کاراکتر موجود در یک موقعیت خاص
۳. الحاق دو رشته
- عملگر + براي الحاق رشته ها
۴. بدست آوردن موقعیت یک کاراکتر خاص در رشته
۵. مقایسه رشته ها
۶. جدا کردن زیر رشته ای از رشته دیگر
۷. ()toLowerCase و ()toUpperCase
اشیاي درونی (پیش ساخته)
جاوا اسکریپت شامل تعدادی شی از پیش ساخته است که توسعه دهندگان می توانند از آن ها در برنامه های خود استفاده کنند. در واقع کلاس هایی برای این اشیا نداریم و لازم نیست شی ای از روی آن ها ساخته شود.
۱. شی Math
- متدهاي ()max و ()min
۲. دیگر توابع مفید
۳. کار با تاریخ و زمان در جاوااسکریپت
BOM ؛ مدل شی گرای مرورگر
BOM به عنوان یکی از اجزای اصلی و ابتدایی تشکیل دهنده جاوا اسکریپت نقش مهمی در تعامل کاربران با بخش های گوناگون مرورگرها همچون بخش نمایش سند، فریم ها، پنجره ها، تاریخچه ، مشخصات سیستم عامل و مرورگر و … ایفا می کند. ما در این بخش ابتدا با BOM آشنا شده و سپس به بررسی بخش های تشکیل دهنده آن و هر یک از خصوصیات آن ها خواهیم پرداخت.
۱. BOMِ چیست؟
۲. شی window
۳. دستکاري پنجره ها
۴. پیمایش و باز کردن پنجره هاي جدید
- پنجره هاي System Dialog
- خاصیت statusbar
۵. اجراي مکرر کدها از طریق متدهاي Timeouts و Intervals
۶. شی history
۷. شی document
۸. شی location
۹. شی navigator
۱۰. شی screen
DOM؛ مدل شی گرای سند
در این فصل به بررسی DOM یکی دیگر از اجزای مهم تشکیل دهنده جاوا اسکریپت می پردازیم. این DOM است که امکان دسترسی و دستکاری عناصر موجود در صفحه و قابلیت اضافه، حذف و جابجایی آن ها در جای جای صفحه را فراهم می آورد. در سرآغاز این فصل ابتدا به بررسی و تشریح DOM پرداخته و سپس روش هایی که برای دستکاری عناصر موجود در صفحه را فراهم کرده توضیح خواهیم داد.
۱. DOM چیست؟
۲. استفاده از DOM
۳. دسترسی به گره ها
۴. دسترسی به صفات عناصر
۵. دسترسی به گره هاي خاص
- ()getElementsByTagName
- ()getElementsByName
- ()getElementById
۶. ایجاد و دستکاري گره ها
۷. ایجاد گره هاي جدید
- ()createTextNode() ،appendChild و ()createElement
- ()replaceChild() ،removeChild و ()insertBefore
- ()createDocumentFragment
۸. ویژگی هاي منحصر به فرد DOM براي HTML
۹. دستکاري قواعد سبک عناصر
۱۰. متدهاي مربوطه به جداول
- متد ها و خاصیت هاي tbody
- متد ها و خاصیت هاي tr
کار با فرم ها و عناصر فرم در جاوا اسکریپت
در صفحات وب فرم ها تنها عناصري هستند که کاربران می توانند به صورت مستقیم یکسری اطلاعات را در آن ها وارد نمایند.
براي ایجاد یک فرم از تگ form و براي ایجاد عناصر آن از تگ هایی همچون textarea ، select ، input و … استفاده می شود که مرورگرها بوسیله آن ها قادر به نمایش فیلد هاي یک خطی ، چند خطی ، منوهاي بازشو ، دکمه ها و… هستند. در این فصل از آموزش رایگان جاوا اسکریپت به بررسی روش های کار بر روي فرم ها از طریق جاوااسکریپت پرداخته و به نحوه اعتبار سنجی ۱ داده هاي وارد شده در یک فرم خواهیم پرداخت.
۱. نوشتن اسکریپت ها براي دسترسی به عناصر فرم
- ایجاد ارجاع به عناصر مورد نظر
۲. دسترسی به عناصر داخل یک فرم
- ویژگی ها و خاصیت هاي عناصر form
۳. ارسال فرم بوسیله جاوااسکریپت
۴. ارسال form فقط یکبار !
۵. کار با کادرهاي متنی
۶. بازیابی و تغییر مقدار یک textbox
۷. انتخاب متن هاي داخل کادرهای متنی
۸. رویداد های کادرهاي متنی
۹. انتخاب خودکار متن درون کادرهاي متنی
- چرخش Tab بین عناصر فرم به صورت خودکار
۱۰. محدود کردن کاراکتر هاي ورودي در یک textarea
۱۱. کار با listbox ها و combobox ها
۱۲. بازیابی/تغییر دادن option (ها)ي انتخاب شده
۱۳. اضافه کردن option ها
۱۴. حذف option ها
رویدادها در جاوا اسکریپت
تعاملات جاوا اسکریپت با HTML از طریق رخداد رویدادهایی که به واسطه دستکاري هایی که کاربر یا مرورگر بر روي صفحه انجام میدهد، امکان پذیر می شود. رویدادها و چگونگی تشخیص و کنترل آن ها یکی از مباحث مهم جاوا اسکریپت به شمار می رود. ما در این فصل ابتدا با مفهوم رویدادها آشنا شده و سپس به روشهای کنترل و پاسخگویی به آن ها خواهیم پرداخت.
۱. کنترل رویدادها
۲. انواع رویداد ها
- رویدادهاي mouse
- ترتیب اجرایی رویدادها
۳. رویدادهاي صفحه کلید
- ترتیب اجرایی رویداد هاي صفحه کلید
۴. دیگر رویداد ها
۵. شی event
۶. خواص و متدهاي شی event
کار با کوکی ها
کوکی ها در واقع متغیرهایی هستند که در قالب یک فایل متنی ساده بر روی کامپیوتر کاربر ذخیره می شوند و در هر بار درخواست صفحه جدید از سرور با همان کامپیوتر، این فایل هم برای سرور فرستاده می شود. می توانیم ازکوکی ها برای ذخیره یکسری اطلاعات خاص کاربران صفحات استفاده کنیم و در صورت نیاز آن ها را در صفحات دیگر مورد استفاده قرار دهیم. در این فصل ابتدا پس از بررسی روش ایجاد کوکی ها با روش های دسترسی و بازیابی مقادیر ذخیره شده در آن ها آشنا خواهیم شد.
۱. ایجاد کوکی ها
۲. حذف کوکی ها
۳. بازیابی کوکی ها
دوره آموزش رایگان جاوا اسکریپت توسط “احمد بادپی” نوشته شده است ، به منظور گزارش اشکال و بیان نظرات، انتقادات و پینشهادات ، لذا از تمامی خوانندگان تقاضا می شود با ایمیل ahmadbadpey@gmail.com در ارتباط باشند.
دیدگاه ها