کتاب آموزش جامع انگولار (Angular)

توضیحات

کتاب آموزش جامع انگولار نوشته‌ مصطفی لوائی، اولین و تنها کتاب آموزش فریم ورک انگولار ۷ به زبان فارسی می باشد. Angular 7 نسخه جدید از فریم ورک مشهور Angular JS می باشد که به منظور توسعه وب اپلیکیشن ‌های تک صفحه ‌ای استفاده می شود.

مقدمه

فریم ورک‌ های بسیاری برای جاوا اسکریپت (JavaScript) توسعه داده شده اند که هر کدام از آنها مزایا و معایب خاص خود را دارند و در کاربرد های خاصی عملکرد مناسبی از خود نشان می دهند. از جمله این فریم ورک ‌ها می ‌توان به فریم ورک ری‌ اکت جی ال (ReactJS) ، فریم ورک انگولار جی اس (AngularJS) ، فریم ورک ویو جی‌ اس (Vuejs) و غیره اشاره کرد که هر کدام از آنها قابلیت‌ ها، مزایا و معایبی خاصی را به کاربر ارائه می دهد. کتاب آموزش جامع انگولار در باره آموزش فریم ورک Angular که همان نسخه ۷ از فریم ورک مشهور و قدرتمند angular.js است، می ‌باشد. کاربرد فریم ورک angular.js در ساخت وب اپلیکیشن‌ (Web application – web app) و وب سایت‌ های تک صفحه ‌ای می باشد که از سوی شرکت Google توسعه داده شده است.

تفاوت وب سایت و وب اپلیکیشن در چیست ؟

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

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

وب سایت‌ های تک صفحه ‌ای چیست ؟

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

چکیده فصل ها

فصل اول – اکما اسکریپت ۶

در این فصل آخرین نسخه جاوا اسکریپت با نام Ecmascript 6 یا Ecmascript 2018 را می آموزید. این نسخه از JavaScript مفاهیم عمیق تری از شی گرایی را پیاده سازی کرده است. از آنجا که انگولار را باید با این نسخه از جاوا اسکریپت بنویسید، یک فصل را به آن اختصاص داده ایم.

فصل دوم – تایپ اسکریپت

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

فصل سوم – وب کامپوننت

انگولار در پشت پرده از (وب کامپوننت) استفاده کرده است. وب کامپوننت یک مفهوم نو در دنیای وب می باشد که اخیرا بسیار طرفدار پیدا کرده است. وب کامپوننت ها برای ایزوله سازی بخشی از کد استفاده می شوند. مثلا می خواهید کامپوننتی بنویسید که از استایل ها و اسکریپت های کامپوننت های دیگر تاثیر نپذیرد، اینجاست که وب کامپوننت ها به کمک شما می آیند. شما می توانید این فصل را نخوانید اما اگر دوست دارید که بدانید انگولار در پشت پرده چه کاری انجام می دهد این فصل را از دست ندهید.

فصل چهارم – شروع کار با انگولار

در این فصل یک اپلیکیشن انگولاری ساده ایجاد می کنیم و شما را با ساختار کلی انگولار آشنا می کنیم.

فصل پنجم – قالب کامپوننت ها

هر کامپوننت انگولاری (کوچکترین جزء یک اپلیکیشن انگولاری) یک قالب دارد. در واقع قالب یک کامپوننت انگولاری وظیفه تولید کدهای HTML را بر عهده دارد. در این فصل نحوه نوشتن قالب کامپوننت های انگولاری را می آموزید.

فصل ششم – تزریق نیازمندی ها

تزریق نیازمندی یا Dependency Injection در بسیاری از فریم ورک ها پیاده سازی شده است. دلیل استفاده از مکانیزم تزریق نیازمندی، راحتی کار با شی ها و ایجاد آنها می باشد. انگولار از روش Singleton برای تزریق نیازمندی استفاده می کند. اگر نمی دانید Singleton چیست نگران نباشید، زیرا در این فصل آن را خواهید آموخت.

فصل هفتم – پایپ ها

یکی دیگر از اجزای یک اپلیکیشن انگولاری پایپ ها می باشند. پایپ ها به شما کمک می کنند که داده ها را پیش از نمایش در قالب کامپوننت، تغییر شکل دهید. به عنوان مثال می خواهید اعدادی که نمایش می دهید سه رقم سه رقم جدا شده باشند. دو نوع پایپ وجود دارد، پایپ های پیش فرضی که انگولار در اختیار شما قرار داده است و پایپ هایی که شما با توجه به نیاز اپلیکیشن خود می نویسید.

فصل هشتم – برنامه نویسی واکنشگرا

یک اپلیکیشن انگولاری با رویدادهای زیادی سر و کار دارد، مثلا رویدادهایی که کاربر ایجاد می کند (مانند کلیک بر روی یک دکمه) و یا رویدادهایی که خودتان تعریف می کنید (مانند رویدادی که هنگام آماده شدن نتیجه یک درخواست AJAX رخ می دهد). کار با این رویدادها در ابتدا ساده به نظر می رسد اما با زیاد شدن تعداد آنها کار بسیار سخت و پیچیده می شود.

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

فصل نهم – کامپوننت و دایرکتیو

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

فصل دهم – استایل و انیمیشن

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

فصل یازدهم – ارتباط با سرور

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

فصل دوازدهم – مسیریابی

یک اپلیکیشن انگولاری در صورتی که از مسیریابی استفاده نکند، مشکلات زیادی پیدا می کند. از جمله این مشکلات می توان به عدم امکان لینک دهی به دیگران، عدم امکان استفاده از دکمه های Refresh ، Next و Previous مرورگر نام برد. دلیل این مشکلات آن است که حین کار با سیستم، URL تغییر نمی کند و همواره تنها می توان اپلیکیشن را از ابتدا شروع کرد. در این فصل نحوه پیاده سازی مسیریابی در یک اپلیکیشن انگولاری را خواهید آموخت.

فصل سیزدهم – فرم ها

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

فصل چهاردهم – انتشار

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

فصل پانزدهم – جهانی سازی

شاید بخواهید یک اپلیکیشن چند زبانه بنویسید. انگولار ابزار مناسبی برای این کار دارد. شما به کمک انگولار می توانید به راحتی و بدون نیاز به تغییر در سورس کد، اپلیکیشنتان را به زبان های دیگر ترجمه کنید.

فصل شانزدهم – تست خودکار

یک اپلیکیشن را به دو روش می توان تست نمود. در روش اول، نیروی انسانی اقدام به تست اپلیکیشن می کند. این روش پر خطا و زمان بر است، لذا از روش دوم یعنی تست خودکار استفاده می کنیم. در روش تست خودکار، برنامه ای می نویسیم که اپلیکیشن را تست نماید. در این فصل به توضیح این روش می پردازیم.

کلام آخر

در این فصل با ابزارهای جالبی آشنا می شوید که قطعا برایتان پر کاربرد خواهد بود. علاوه بر این، منابعی را برای مطالعه بیشتر معرفی خواهم کرد.