鐵人檔案
主要想把近期學習的網頁開發知識與心得分享出來，內容包括前端(HTML、CSS、JavaScript)、後端(Node.js、MongoDB)、前端框架(React)。內容會包刮一些實作以及網頁的上架方式。
Module Wapper node.js執行前會將程式碼放進此function ，因此可以使用這些參數 (function(exports, require,...
Express 接下來我們將會使用npm下載Express框架去撰寫網頁伺服器。 步驟 先找到檔案位置，然後在CMD或Unix Command輸入以下指令(要先...
MongoDB Atlats 接下來我們會使用MongoDB Atlats雲端資料庫處存我們的內容 進入MongoDB Atlats網頁註冊帳號 詳細做法可以參...
React 前端框架，可在javaScript中撰寫類似HTML語法(JSX)，開發上十分方便 步驟 創建新的資料夾，在資料夾位置輸入以下指令 npx crea...
Event 這邊我們演示React中button的事件用法APP.js修改如下(在JSX中輸入JS程式碼外圍要用{}) import "./App.c...
Router 在需要切換分頁時，我們可以透過router去實現，步驟如下輸入指令讓npm下載 npm install react-router-dom 接下來...
在前面二十幾天中，已經把開發全端網頁所需的基本知識都學會了，接下來已經可以嘗試做個網頁作品了。 這項練習將會以101導覽網站當作範例，並且以填寫表單將用戶需求傳...
這邊我們先演示後端的部分(明天進行前端範例) 創建sample資料夾，並且在其中輸入以下指令 npm init 下載以下module npm install...
創建一個React資料夾名為client npx create-react-app client 將client放進sample(上一章的後端資料夾)裡，如下...
在做好動態網頁後，我們可以透過HeroKu來上架你的作品，讓大家欣賞你的成果吧! 創建項目 進入HeroKu註冊帳戶 按右上角的Create new app 照...
