مجموعه آموزش‌ JavaScript (جاوا اسکریپت)

امروزه به دلیل آن که ارتباطات فضای مجازی رونق زیادی یافته است طراحی یک سایت به شکل مناسب و مورد پسند کاربران متفاوت اهمیت بالایی یافته است. به همین جهت صاحبان سرمایه و کار برای رونق کار خود به دنبال طراحان حرفه ای برای طراحی سایتی مناسب و کارآمد هستند. لذا یادگیری روش های مناسب و به روز طراحی سایت مورد توجه بسیاری از علاقه مندان و کارجویان قرار گرفته است. جاوا اسکریپت زبان برنامه نویسی مفسری در سمت کلاینت است که می توان بوسیله آن عناصر HTML موجود در صفحه وب و مقادیر CSS آن ها را تغییر داد و نیز ابزاری برای اعتبارسنجی داده ها است.

یک صفحه وب که به صورت حرفه ای طراحی شده باشد دارای دو بخش کلی Client و Server است. بخش کلاینت شامل سه قسمت طراحی ساختار (HTML)، رنگ و لعاب (CSS) و منطق (JavaScript) است. کار با JavaScript کمی دشوار است چرا که اولا بر روی همه مرورگرها به یک شکل اجرا نشده و ثانیا منجر به تولید کدهای پیچیده و طولانی می شود و دادن جلوه های ویژه به عناصر صفحه وب را با دشواری همراه می کند.

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

امروزه با پیشرفت تلفن های هوشمند و همه گیر شدن آن ها، نیاز به اپلیکیشن این گوشی ها (React Native) در همه حوزه ها به شدت احساس می شود و به همین دلیل بازار گرمی را در این حوزه به راه انداخته است، بنابراین تسلط به نوشتن اپلیکیشن های موبایل می تواند درآمد زیادی را برای شما به ارمغان آورد. در سال های اخیر با نوشتن فریم ورک های گوناگون برای جاوا اسکریپت (JavaScript)، این زبان جای خود را در بین بهترین زبان های برنامه نویسی باز کرده است. فریم ورک جدید از جاوا اسکریپت که توسط فیس بوک ارائه شد، ری اکت نیتیو (React Native) است.

با آمدن استاندارد ES6، دنیای وب کلاینت (Web Client) به شدت دچار تغییر شد و بیشتر فریمورک های جاوا اسکریپت، خود را با این تغییر هماهنگ کردند. با توجه به این که یک متخصص وب Front end باید مسلط به فریمورک های جاوا اسکریپت باشد و یادگیری فریمورک های جاوا اسکریپت، بدون یادگیری پیش نیاز آن ها یعنی ES6، عملا غیرممکن است. در این فرادرس، ما به بررسی قابلیت ها و تغییرات ES6 در جاوا اسکریپت خواهیم پرداخت.

AngularJS یک فریم ورک محصول شرکت Google است که ساخت اپلیکیشن های تک صفحه مانند Gamil را برای ما ممکن می سازد. در حال حاضر سرویس "بام" بانک ملی ایران و چندین سایت پر بازدید ایرانی از این ابزار قدرتمند برای سرویس دهی به کاربرانشان استفاده می کنند و این موضوع قدرت و ضریب نفوذ AngularJS را نشان می دهد چرا که AngularJS تجربه بسیاری دلچسبی را برای کاربران نهایی به ارمغان می آورد. در این فرادرس از ساختار فریم ورک تا دیباگ کردن  با استفاده از Dump به صورت  کامل آموزش داده می شود.

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

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

قطعا یکی از بحث های بسیار کاربردی و جذاب نرم افزار Animate، امکان برنامه نویسی جاوا اسکریپت (JavaScript) در این نرم افزار است. با استفاده از این زبان برنامه نویسی، شما می توانید پروژه ها و انیمیشن های تعاملی، ایجاد کنید. نکته جالب این است که بر خلاف زبان اکشن اسکریپت در نرم افزار فلش، تمام برنامه نویسی های جاوا اسکریپت، بدون نیاز به هیچ گونه پلاگین، درون مرورگر اجرا خواهد شد.

برای توسعه وب، طراحان نیاز به انواع کتابخانه های جاوا اسکریپتی جهت ایجاد طراحی پویا و کاربر پسند دارند. فریمورک Kendo UI جاوا اسکریپتی که با JavaScript ،HTML5 ،CSS3 ،jQuery کار می کند، می تواند جایگزین خوبی برای بسیاری از کتابخانه های جاوا اسکریپتی باشد. از ویژگی های مثبت فریمورک Kendo UI می توان به سرعت بالا، سازگاری با همه مرورگرها و واکنش گرا بودن آن، نداشتن مشکل عدم سازگاری میان کتابخانه ها می باشد. هدف از این فرادرس ارائه روشی برای یادگیری کامپوننت های متفاوت جاوا اسکریپت که برای طراحان وب بسیار حائز اهمیت است، می باشد. ما کامپوننت های موجود در این فریمورک محبوب را به صورت عملی و کاملا کاربردی جهت طراحی و ایجاد یک سایت پویا و کاربر پسند مورد استفاده قرار می دهیم و گزینه های لازم جهت سفارشی کردن آن ها را نیز بیان می کنیم.

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