狀況:本篇以Alpha Camp 2-3 的Todo-List作業的後續功能擴增實作練習,依照課綱內容實作登入、註冊功能,僅筆記自己不熟悉的重點處。
S2-3-前端-SCSS-切版實作
紀錄第一次使用SCSS預處理器來實作切版,處理Form大魔王。
此文章圖片大部分均來自Alpha Camp課程內容
完成作品
S2-2-ORID-回顧自己的進步
S2-4-卡牌配對遊戲
此篇記錄卡牌配對遊戲製作過程,用來提醒自己的技術筆記
實作練習作品
About DOM
專案實作 - 個人記帳簿
Posted on
In
技術筆記
,
JavaScript
,
Express
此網頁以記帳簿來作為主題
此篇將記錄使用Express框架、handlebars網頁模板、Mongoose操控MongoDB來建構一個透過route來達到CRUD網頁的過程
以 RESTful (Representational State Transfer) 來作為撰寫程式碼風格
會直接將該建立的資料夾直接建立,不會最後再來改寫路由。
蒐集部落客資料
Posted on
In
技術筆記
,
JavaScript
由於朋友工作關係,常常需要蒐集各部落客,部落格的名稱,部落客的網址,和主人的email蒐集起來,並且詳列出來後,它可以輕易地一鍵copy,這樣可以省得它每次都要用各自官方的部落格去搜尋相關資料,然後再將這些資料手動貼上。
Javascript-打磚塊遊戲實作
Posted on
In
技術筆記
,
JavaScript
自己本身滿愛玩遊戲的,自己開始學JavaScript之後,主要都是在學如何開發網頁及如何使用JavaScript來操作網頁,透過路由來新增、讀取、更新、刪除資料庫資料…,但心裡一直想,JavaScript的運用很廣泛,不如自己來查資料看看如何來製作一款簡易的小遊戲,也來接觸不同層面的開發運用。 於似乎我找到MDN上的一個打磚塊教學,就決定先從這個小遊戲開始練習學習並記錄過程。