這一系列是記錄學習網頁程式設計的筆記

• Day: Day 1
• Content: Introduction

{ Introduction 自我介紹 }

Hi 我是 Roy Wang！ 目前正在美國就讀碩士第一年。
本身大學是企業管理系主修行銷，但想轉跑道往軟體業前進，所以來美國念了資訊相關的系所！
這學期開始正式上了 Web Design 的課，其實課程已經開始好幾個禮拜了，想說藉著鐵人賽的機會，紀錄自己30天的寫網頁歷程。
但剛好最近適逢期中考週，好像沒什麼心力更新（其實就算不是期中考中也是忙得要命）
希望自己能努力建立自己學習的紀錄，也是練習一個 Design Project 的 Documentation 要怎麼寫的機會
與其光說不練，不如直接來做看看，就會知道其中的訣竅惹！

{ About Series 系列內容 }

What: 紀錄內容 & 網站內容

這次的 Final Project 是以做出自己的 Portfolio 網站為主！
（Portfolio 裡面放自己做 Portfolio 網站的 Design Process LOL）
裡面會有我的自我介紹、攝影作品集、Project 作品集（如果有的話...）、Resume、聯絡方式等。
整個過程內容預計會包括 HTML5, CSS3, (JavaScript, jQuery), etc.

我會從設置網頁開發環境開始、設置網址(github.io)到設計網頁content、加CSS、Positioning(Grid and Flexbox)等等一步步走過一整個流程。
值得紀錄的是，這堂課老師很注重無障礙 ”Accessbility” 的設計，所以預計也會花些時間寫下要注意的事。
希望藉由這機會也記錄一下美國（敝校）的初心者網頁設計課怎麼上的，雖然我們並非 CS (Computer Science) 系所，但大家可以看看跟台灣上課的方式差在哪裡～

When: 紀錄流程

預計會按照學校上課的進度，一步步紀錄半成品的樣子，
以下是這門課的 Syllabus:

• [ ] Week of Sept 3 - Overview/Editors/Tools/Your First Site (in Google Docs or Word)
• [ ] Week of Sept 10 - HTML, Simple CSS, and Validation
• [ ] Week of Sept 17 - More CSS/Google Fonts/Font Awesome/Animation
• [ ] Week of Sept 24 - Positioning with Grid and Flexbox
• [ ] Week of Oct 1 -Responsive Design/Bootstrap
• [ ] Week of Oct 8 - Animation, Assessment Overview, Axe, Q&A
  ——以上是已經上完的部分——
• [ ] Week of Oct 22 - JavaScript (Canvas, drag-and-drop)
• [ ] Week of Oct 29 - JavaScript (audio)
• [ ] Week of Nov 12 - Forms
• [ ] Week of Nov 26 - APIs
• [ ] Week of Dec 3 - Portfolio Checkout/Exam
• [ ] Week of Dec 10 - Accessibility -Portfolio Reviews and Promos

不過，因為此鐵人賽是要求30天不間斷的撰寫，所以我會主要記錄這門課已經上完的部分，也就是在JavaScript之前。
不過也是很彈性的，看能寫到多少就多少吧！

How: 如何記錄

以圖片、影片、程式碼的紀錄方式，也算是一個練習版本管理的機會（根本不會哈哈哈）？
同時也能梳理自己想法、學習如何寫 ReadMe！

Where: 紀錄在哪

實際的網站編程內容已經放在我的 Github （也是繳交作業的要求）：GitHub - falinwang/falinwang.github.io: SI 539 Web Design
而正在建構的網站本人在這裡：Roy Fa-Lin Wang’s Porfolio

{ Contact Me 聯絡我}

如果有任何建議或想法，歡迎留言，或以下方式與我聯絡：

• Facebook: RoyWannago 旅行不需理由 | Facebook
• Medium: https://medium.com/@roywannago
• LinkedIn: https://www.linkedin.com/in/falinwang/
• Personal Website: Fa-Lin Wang on Strikingly

#鐵人賽#