iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

用 JavaScript 打造全端產品的入門學習筆記 系列

記錄在 Alpha Camp 學習「JavaScript 全端開發—學期 2-3 後端開發實務」的筆記,期待避開非本科初心者的學習誤區,提供明確方向及有效策略。

將用 Node.js 架設伺服器、Git & GitHub 管理程式碼、Express.js 打造 Web App、NoSQL 的 MongoDB 建立資料庫、聚焦 CRUD 資料處理、在 Heroku 雲端佈署。

#專注目標
1. 打造兼具前端體驗與後端資料庫的網路應用程式
2. 使用網路開發專業工具,如全端框架、資料庫、指令列與版本控制系統
3. 初步建立「產品思維」,從使用者體驗與產品功能的角度規劃程式開發流程

鐵人鍊成 | 共 30 篇文章 | 22 人訂閱 訂閱系列文 RSS系列文 團隊Outcome First
DAY 1

從程式學徒到產品工匠——成為全端開發者的學習心法 Beta

craftsman from Unsplash 從學習程式的語法、電腦的思考邏輯,到寫程式解決逐漸龐雜的問題,我發現成為全端開發者沒有終點,而是段拓寬眼界...

2020-09-14 ‧ 由 耿耿 Kaleb 分享
DAY 2

VS Code & Terminal for Mac 初步上手——全端產品工具箱 I

from Visual Studio Code 由於現階段對於 VS Code 及 Terminal 的操作複雜度不高,從安裝到實作上也較少遇到難以解決的...

2020-09-15 ‧ 由 耿耿 Kaleb 分享
DAY 3

Git 程式碼版本控制 初步上手——全端產品工具箱 II

git logo from Wikimedia 軟體產品的開發、營運到維護是個失序到有序、複雜到規律的過程。其誕生需要動輒團隊中各種角色:產品經理/營運、...

2020-09-16 ‧ 由 耿耿 Kaleb 分享
DAY 4

GitHub 遠端儲存庫 初步上手——全端產品工具箱 III

GitHub Logo from PNGitem 你可能還沒熟悉 git 怎麼用,沒關係接著才是重頭戲,先來一窺版本管理的最終目的吧。由於操作型的技術文章...

2020-09-17 ‧ 由 耿耿 Kaleb 分享
DAY 5

全端開發者必懂的「網路觀念」

internet by NASA from Unsplash 在網路時代生活的我們,對於機器能聯網互動似乎覺得稀鬆平常。對前陣子從程式基礎邏輯、慢慢學習到...

2020-09-18 ‧ 由 耿耿 Kaleb 分享
DAY 6

Node.js & nvm 初步上手——全端產品工具箱 IV

from wikipedia WHY Node.js? Node.js 是一個 JavaScript 執行環境(run-time environment...

2020-09-19 ‧ 由 耿耿 Kaleb 分享
DAY 7

全端開發者必懂的「產品搭建程序」

「站在巨人肩膀上,能幫助我們免去繁瑣細節,以專注在軟體開發上。」 接續上述在 前篇 提到的觀點,此筆記將提及打造產品的三個階段,以協助我們善用資源,並且為全...

2020-09-20 ‧ 由 耿耿 Kaleb 分享
DAY 8

用 Express 快速架設伺服器——全端實作體驗 I

from How to create an http server with Express in Node.js 前篇 提到 「語言框架 framewo...

2020-09-21 ‧ 由 耿耿 Kaleb 分享
DAY 9

用 Handlebars 做出保留原始資料的好用表單——全端實作體驗 II

from Hackers and Slackers - Building Page Templates in ExpressJS With Handleba...

2020-09-22 ‧ 由 耿耿 Kaleb 分享
DAY 10

引入外部檔案以快速搭建美觀網頁——全端實作體驗 III

from Serving Static Files in Express Framework - Codeforgeek 本篇筆記將解決以下問題: 如何...

2020-09-23 ‧ 由 耿耿 Kaleb 分享