本書從實作出發，一步一步導入 npm express.js moongodb GraphQL react apollo electron react-native 等 freamwork 實作出網站、資料庫、手機 APP 、卓面應用軟體等。
第一章講 NPM
第二章講 API
第三章講 express.js
第四章講 GraphQL
第五章講資料庫
第六章講 CRUD
第七八章講使用者驗證操作
第九章網站
第十章講部署 API
第十一~ 十二章講 React
第十三章講CSS
第十四章講 Apollo
第十五章講驗證
第十六章再講 CRUD
第十七章講部署網站
第十八~二十章講 electron
第二十一~二十二章講 react native
第二十三章講 GraphQL 和 React Native 結合
第二十四 ~ 二十五章講 APP 驗證 發佈
將儲存庫複製到電腦後,我們來開發第一個Electron 應用程式。如果觀察 src目錄,會 看到有幾個檔案。 index.html 檔案包含準系統HTML標記。目前,該檔案做為 Electron 的「轉譯器程序」,也就是說,它將是Electron 應用程式顯示為視窗的網頁。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Notedly Desktop</title>
</head> <body>
<h1>Hello world!</h1>
</body>
</html>
我們將在 index.js 檔案中設定 Electron 應用程式。在我們的應用程式中,該檔案將包含 Electron 所謂的「主程序」,用來定義應用程式殼層。主程序的運作方式是在 Electron 中 建立 BrowserWindow 執行個體,以做為應用程式殼層。
我們設定主程序以顯示包含HTML頁面的瀏覽器視窗。首先,在 src/index.js中匯入 Electron 的app和browserWindow 功能:
const { app, Browserwindow } = require('electron'); 現在,我們可以定義應用程式的 browserWindow 以及應用程式將載入的檔案。
⭐⭐
程式經驗
初階
本書是一本從實作開始學習的好書。不過名稱取做 JS 從頭開始實作跨平台應用程式，會不會比較切題。
iThome鐵人賽
看影片追技術