iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 1
1
Modern Web

新手村的 Web Design 30天冒險系列 第 1

新手村的 Web Design 30天冒險 | Day 1 { Introduction }

https://ithelp.ithome.com.tw/upload/images/20181016/20111749v3qfCqDQyQ.png

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

  • 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 聯絡我}

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

#鐵人賽#


下一篇
新手村的 Web Design 30天冒險 | Day 2 { Environment Setting }
系列文
新手村的 Web Design 30天冒險4

尚未有邦友留言

立即登入留言