[筆記] Alpha Camp 第三學期

章節連結

Alpha Camp 是個新興的線上線下整合的課程平台。第三階段是為期8週的課程,主要將學習 Web 開發實務框架,使用 JavaScript + Node.js 打造一個兼具前、後端與資料庫的網路應用程式。
若對第一階段有興趣的,可以點這裡
若對第二階段有興趣的,可以點這裡
alpha camp logo


課程目的

資料庫設計、活用package和第三方API,進一步了解軟體開發實務。


第一週 Week 1

1. 了解網路的運作模式(Request and Response;Client and Server),並簡述 Http 的傳輸協定。
2. 路由並了解MVC(Model-View-Controller, 關注點分離),並運用 JavaScript 函式庫和 Framework(框架)。
3. 事先準備 (Git, 終端機設定與指令)
4. Node.js 和 Express 的組合使用

第二週 Week 2

用 Node.js, Express 框架來部屬網頁前後端的資料,製作出了簡單的網站和產生器。
Trash Talk Generator 垃圾話產生器
Restaurant_List


AlphaCamp 相關分享

★全文分享★  [筆記] Handlebars Register Helper 自定義 Helper 用法
[筆記] Handlebars Register Helper 自定義 Helper 用法
Handlebars 的模版,其判斷式功能的延展性不佳,類似 {{#if 3>2}} 這類的用法都預設無法使用。RegisterHelper 就是用來解決這個問題。使用方法初始化//initialize handlebars (not express-handlebars)const Handlebars = require(“handleb
★全文分享★  [筆記] Google Place API 串接 (Google Map 系列服務)
[筆記] Google Place API 串接 (Google Map 系列服務)
Alpha Camp 的第二學期課程,讓大家試試水溫串接 API。在心血來潮下,想說串接個 Google Map 的 API 來玩玩看。不過要做的準備工作還真不少,以下是試驗不少次後所得到的心得。串接前的準備工作1. Google Cloud請進
★全文分享★  [筆記] Alpha Camp 第三學期
[筆記] Alpha Camp 第三學期
Alpha Camp 是個新興的線上線下整合的課程平台。第三階段是為期8週的課程,主要將學習 Web 開發實務框架,使用 JavaScript + Node.js 打造一個兼具前、後端與資料庫的網路應用程式。若對第一階段有興趣的,可以
★全文分享★  [筆記] Pagination 分頁功能 實作 JavaScript
[筆記] Pagination 分頁功能 實作 JavaScript
網頁設計中常見的分頁功能(Pagination)的實作筆記過程。邏輯上,可以拆解成以下兩項:1.計算總共頁數2.依照使用者點擊的頁數來決定顯示多少項目實作步驟1.HTML部分<!–採用 Bootstrap 4.0 –><nav aria-label=”Page
★全文分享★  [訪談記錄] 自身興趣和實作 在工作上找到歸屬感與成就
[訪談記錄] 自身興趣和實作 在工作上找到歸屬感與成就
AlphaCamp 第二學期的第三份訪談,幸運的請到一位自高中時期認識的神人朋友,來聊一下他的程式學習歷程。相關訪談[blogimove-CPC-TAG=Interview-MODE=4]1.什麼契機下開始接觸程式?小學的時候有去資策會上過 RPG 製作
★全文分享★  [筆記] Git 忽略 .DS_Store 等排除檔案
[筆記] Git 忽略 .DS_Store 等排除檔案
初學 Git 常會遇上的一個問題就是,Git 會自動追蹤一些系統記錄檔案(如MAC上的 .DS_Store),所以一份排除清單就是必要的一份工作。排除方法1.在 git 專案下,新增 .gitignore 檔案請利用終端機(Terminal)新增,或是利
★全文分享★  [筆記] Git 更新分支、解除衝突方法一覽
[筆記] Git 更新分支、解除衝突方法一覽
從本機端同步到 GitHub 上頭的專案,於每次上傳 commit 時都會比對兩邊的資料。若有出現不一致的情形,就會挑出錯誤訊息。錯誤情境1.遠端資料較新由於 Github 網站本身有提供修改的地方(可以線上編輯完然後co
★全文分享★  [筆記] API 串接, Axios 和綁定DOM事件
[筆記] API 串接, Axios 和綁定DOM事件
在 Alpha Camp 的第二學期課程中,有提到寫個網頁來向遠端伺服器請求資料,故整理一下自己腦海中所學到的技巧與觀念。重點提示運用 “Axios” 工具以 “GET” 方式請求資料<script src=”https://unpkg.com/axios/dist/axios.min.
★全文分享★  [筆記] textContent, event.target 和 innerHTML
[筆記] textContent, event.target 和 innerHTML
筆記一下在學習撰寫 JavaScript DOM時,常會遇上的三大功能 innerHTML, textContent 與 event.target 的用法。重點整理innerHTML常搭配 HTML 的 Element Object 來執行,將一段 HTML Code 寫入特定區塊。// 以下例子取自 w3school.com<!
★全文分享★  [筆記] Alpha Camp 第二學期 期末回顧
[筆記] Alpha Camp 第二學期 期末回顧
Alpha Camp 的第二學期課程,一晃眼間就兩個月過去了。從現在回首來看,發現自己也默默的熟悉了一些網頁互動的技巧,寫程式也開始不讓人那樣心生恐懼。將情境轉換成電腦可以理解的小步驟,並將其一點一
★全文分享★  [訪談記錄] 觀察、效能和成就感
[訪談記錄] 觀察、效能和成就感
第二場訪談請到大學時期認識的 Mr Miao,現職於電子五哥之一的廣達的旗下轉投資公司擔任後端工程師。藉著這次的對話,讓我得以一窺與記憶體、儲存空間和效能奮戰的工作日常。相關訪談[blogimove-CPC-TAG=Inter
★全文分享★  [筆記] BootStrap Card + Grid System + Modal 彈出視窗
[筆記] BootStrap Card + Grid System + Modal 彈出視窗
運用 BootStrap 4.0 版本起有的 Card 樣式,再加上 Grid System 排版。最困難的大概是「如何命名變數」和「從茫茫的API技術文件」中找到需要的資料。重點摘要Cards + Grid System 排版混用官方文件:1. https://getbootstrap.co
★全文分享★  [訪談記錄] 反思 試著對未來的職涯跨出一步
[訪談記錄] 反思 試著對未來的職涯跨出一步
訪談後的反思,是個讓理想化為現實的具體步驟之一。在一邊進修自己的技能之餘,試著描繪未來工作的樣貌可以讓自己更加清楚是為何堅持在現在的航道上。相關訪談[blogimove-CPC-TAG=Interview-MODE=4]短期職涯目
★全文分享★  [訪談記錄] 堅持加上興趣 在程式的世界中遨遊
[訪談記錄] 堅持加上興趣 在程式的世界中遨遊
YH 目前任職於某日商台灣分社旗下擔任軟體工程師,是我於高中時期於社團所結識的學長。幸虧有了 AlphaCamp 的職涯社群提出的大哉問,鼓勵大家去訪問目前已在相關產業工作耕耘的人們,而讓我們再此有了聯
★全文分享★  [筆記] Alpha Camp 第二學期 啟程
[筆記] Alpha Camp 第二學期 啟程
Alpha Camp 是個新興的線上線下整合的課程平台。第二階段是為期8週的課程,主要帶大家實作網頁開發前後端的所需技術:HTML、CSS 和 JavaScript。若對第一階段有興趣的,可以點這裡。課程目的打穩前後端開發的
★全文分享★  [筆記] Alpha Camp 第一學期 暖身
[筆記] Alpha Camp 第一學期 暖身
Alpha Camp 是個新興的線上線下整合的課程平台。和其他的網路平台課程如 Udemy, Hahow 相比,在這個 Camp 學習程式設計的最大差別在於:真人助教的一對一客製化回應,學生也可以觀看其他同學的作品,進而提昇
按讚加入粉絲團

延伸閱讀

GA瀏覽人氣:36