توضیحاتی در مورد کتاب :
با استفاده از فناوریهای وب مانند Node، NW.JS، Electron و ReactAbout این کتاب، اپلیکیشنهای دسکتاپ بین پلتفرمی قدرتمند بسازید، از برنامهریزی، طراحی و استقرار تا بهبود، آزمایش و تحویل، دردسرهای متقابل را فراموش کنید. -سازگاری با پلتفرم و ساخت برنامه های کارآمد که می توانند به راحتی بر روی پلتفرم های مختلف مستقر شوند. برنامه های دسکتاپ ساده تا پیشرفته HTML5 را با ادغام آنها با سایر چارچوب ها و کتابخانه های محبوب مانند Electron، Node.JS، Nw.js، React، Redux، و TypeScriptWho This Book Is ForThis کتاب برای توسعه دهندگان علاقه مند به ایجاد برنامه های دسکتاپ با HTML5 نوشته شده است. بخش اول به مهارت های اصلی وب مستر (HTML، CSS و جاوا اسکریپت) نیاز دارد. دومی نیاز به حداقل تجربه با React دارد. و در نهایت برای سومین مورد، داشتن دانش اولیه از React، Redux، و TypeScript مفید خواهد بود. آنچه یاد خواهید گرفت برنامههای دسکتاپ چند پلتفرمی مختلف را برنامهریزی، طراحی و توسعه دهید. با رابطهای TypeScript و انواع تخصصی CSS و کتابخانههای مؤلفه مانند Photonkit، Material UI، و APIهای React MDLHTML5 مانند اعلانهای دسکتاپ، WebSockets، WebRTC و سایر APIهای یکپارچهسازی محیط دسکتاپ NW.js و ElectronPackage و توزیع برای NW.JS و ElectronIn Detail نگهداری از برنامه های دسکتاپ کراس پلتفرم با زبان های مادری کار بی اهمیتی نیست. از آنجایی که شبیه سازی در یک پلتفرم خارجی دشوار است، بسته بندی و توزیع می تواند کاملاً مختص پلتفرم باشد و آزمایش برنامه های چند پلتفرمی بسیار پیچیده است. در چنین سناریوهایی، فناوری های وب مانند HTML5 و جاوا اسکریپت می توانند نجات دهنده شما باشند. برنامههای دسکتاپ HTML5 را میتوان در پلتفرمهای مختلف (Window، MacOS و Linux) بدون هیچ گونه تغییری در کد توزیع کرد. این کتاب با مروری بر ساخت یک کاوشگر فایل ساده از ابتدا با پشتیبانی از NW.JS شروع میشود. بنابراین شما هیجان انگیزترین ویژگی های bleeding edge CSS و JavaScript را تمرین خواهید کرد. علاوه بر این، یاد خواهید گرفت که از API یکپارچه سازی محیط دسکتاپ، حفاظت از کد منبع، بسته بندی و به روز رسانی خودکار با NW.JS استفاده کنید. در حین توسعه برنامه چت، Photonkit را دریافت خواهید کرد. در مرحله بعد، یک صفحهگیر با NW.JS، React و Redux ایجاد میکنید. در نهایت، یک RSS-reader ساخته شده با TypeScript، React، Redux و Electron را بررسی میکنید. اجزای رابط کاربری عمومی از کتابخانه React MDL دوباره استفاده خواهند شد. در پایان کتاب، چهار اپلیکیشن دسکتاپ ساخته اید. شما همه چیز را از برنامه ریزی، طراحی و توسعه گرفته تا بهبود، آزمایش و ارائه این برنامه ها پوشش داده اید. سبک و رویکرد پر از مثال های دنیای واقعی، این کتاب به شما می آموزد که برنامه های دسکتاپ بین پلتفرمی را از ابتدا با استفاده از یک مرحله بسازید. رویکرد مرحله ای
فهرست مطالب :
Cover......Page 1
Credits......Page 4
About the Author......Page 5
About the Reviewer......Page 6
www.PacktPub.com......Page 7
Customer Feedback......Page 8
Table of Contents......Page 10
Preface......Page 14
The application blueprint......Page 20
Setting up an NW.js project......Page 22
Node Package Manager......Page 23
Maintainable CSS......Page 31
Defining base rules......Page 33
Defining layouts......Page 34
Defining CSS variables......Page 38
Sticking the title bar and header......Page 41
Styling the title bar......Page 43
Styling the directory list......Page 44
Styling a file list......Page 46
Styling the footer......Page 49
Fulfilling the functional requirements......Page 53
Starting with ES2015......Page 54
Scoping......Page 55
Classes......Page 56
Getters and setters......Page 57
Destructuring......Page 58
Handling windowing actions......Page 59
Writing a service to navigate through directories......Page 62
Unit-testing a service......Page 65
The DirList module......Page 70
Unit-testing a view module......Page 72
The FileList module......Page 73
The title bar path module......Page 74
Summary......Page 75
Internationalization and localization......Page 77
Date format by country......Page 78
Multilingual support......Page 82
Context menu......Page 86
Transferring text......Page 92
Transferring graphics......Page 93
Receiving text and graphics......Page 94
Menu in the system tray......Page 96
Command-line options......Page 103
Native look and feel......Page 104
Source code protection......Page 106
Packaging......Page 108
Autoupdate......Page 109
Summary......Page 115
Application blueprint......Page 116
Electron......Page 118
React......Page 122
Electron meets React......Page 126
Enabling DevTools extensions......Page 131
Static prototype......Page 132
Summary......Page 140
Revitalizing the title bar......Page 141
Utilizing WebSockets......Page 144
Implementing chat services......Page 148
Bringing functionality to the components......Page 154
Writing unit-tests......Page 163
Packaging and distribution......Page 168
Deployment and updates......Page 170
Summary......Page 176
Application blueprint......Page 177
Setting up the development environment......Page 179
Static prototype......Page 182
Comprehending redux......Page 189
Introducing the application state......Page 193
Summary......Page 203
Tooling Redux......Page 204
Redux DevTools......Page 207
Testing action creator......Page 209
Testing reducers......Page 210
Taking a screenshot......Page 212
Recording a screencast......Page 217
Taking advantage of the system tray......Page 221
Registering global keyboard shortcuts......Page 225
Summary......Page 228
Application blueprint......Page 229
Welcome to TypeScript......Page 231
Setting up the development environment for TypeScript......Page 232
Basic types......Page 233
Array, plain objects, and indexable types......Page 234
Function type......Page 236
Class type......Page 237
Enum type......Page 239
Union and intersection types......Page 240
Generic type......Page 241
Global libraries......Page 242
Creating static prototype......Page 243
Setting up the development environment for the application......Page 244
React-MDL......Page 247
Creating the index.html......Page 248
Creating the container component......Page 249
Creating the TitleBar component......Page 250
Creating the Menu component......Page 251
Creating the feed component......Page 252
Adding custom styles with SASS......Page 253
Summary......Page 256
Creating a service to fetch RSS......Page 258
Creating a service to manage feed menu......Page 262
Actions and Reducers......Page 265
Connecting to the store......Page 274
Consuming store from the components......Page 277
Creating router service......Page 285
Summary......Page 286
Index......Page 288
توضیحاتی در مورد کتاب به زبان اصلی :
Build powerful cross-platform desktop applications with web technologies such as Node, NW.JS, Electron, and ReactAbout This BookBuild different cross-platform HTML5 desktop applications right from planning, designing, and deployment to enhancement, testing, and deliveryForget the pain of cross-platform compatibility and build efficient apps that can be easily deployed on different platforms.Build simple to advanced HTML5 desktop apps, by integrating them with other popular frameworks and libraries such as Electron, Node.JS, Nw.js, React, Redux, and TypeScriptWho This Book Is ForThis book has been written for developers interested in creating desktop applications with HTML5. The first part requires essential web-master skills (HTML, CSS, and JavaScript). The second demands minimal experience with React. And finally for the third it would be helpful to have a basic knowledge of React, Redux, and TypeScript.What You Will LearnPlan, design, and develop different cross-platform desktop appsApplication architecture with React and local stateApplication architecture with React and Redux storeCode design with TypeScript interfaces and specialized typesCSS and component libraries such as Photonkit, Material UI, and React MDLHTML5 APIs such as desktop notifications, WebSockets, WebRTC, and othersDesktop environment integration APIs of NW.js and ElectronPackage and distribute for NW.JS and ElectronIn DetailBuilding and maintaining cross-platform desktop applications with native languages isn't a trivial task. Since it's hard to simulate on a foreign platform, packaging and distribution can be quite platform-specific and testing cross-platform apps is pretty complicated.In such scenarios, web technologies such as HTML5 and JavaScript can be your lifesaver. HTML5 desktop applications can be distributed across different platforms (Window, MacOS, and Linux) without any modifications to the code.The book starts with a walk-through on building a simple file explorer from scratch powered by NW.JS. So you will practice the most exciting features of bleeding edge CSS and JavaScript. In addition you will learn to use the desktop environment integration API, source code protection, packaging, and auto-updating with NW.JS.As the second application you will build a chat-system example implemented with Electron and React. While developing the chat app, you will get Photonkit. Next, you will create a screen capturer with NW.JS, React, and Redux.Finally, you will examine an RSS-reader built with TypeScript, React, Redux, and Electron. Generic UI components will be reused from the React MDL library. By the end of the book, you will have built four desktop apps. You will have covered everything from planning, designing, and development to the enhancement, testing, and delivery of these apps.Style and approachFilled with real world examples, this book teaches you to build cross-platform desktop apps right from scratch using a step-by-step approach.