iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 1
0
Modern Web

從零開始遲來的Web開發筆記系列 第 1

Re:在開始之前0

從零開始遲來的Web開發筆記。其實我自己比起寫Web,更經常寫一些腳本工具。我個人對於程式語言的設計、想法非常有興趣,也看了相當多的東西,借此機會我想從頭整理一份自己的完整筆記。也就是說接下來的內容,回涵蓋過去最基礎的部分,包含HTML5/CSS3到ES6的設計,當然裏頭或多或少會有一部分是我自己的想法,但是摻一點自己的想法不正是創意思考所在嗎?也正是這樣不斷的思考,才能有比較好的設計與方法。

再來的內容目前預計會有以下部分:

1. HTML5/CSS3/ES6介紹

一些最基本的語法應該會全部略過。其實HTML5移除,或者說不建議使用很多標籤,CSS3的作用也越來越強大,但這幾年變動最最最大的還是莫過於Javascript了(目前正式名稱應該爲ECMAScript)。另外Stylesheet(CSS)和HTML其實也被廣泛應用於電子郵件之中。HTML5從SGML、XML、HTML4.0到目前的HTML5,這樣的轉變過程也是一個很有趣的事情。還有過去Firefox又個CSS 3DView的工具。啊啊不過這樣大概會有點題外話了,最重要的是怎麼去做切分。

2. Pug/Djula/SCSS/TypeScript等等變形

在HTML/CSS/ES6之後有,還是有人覺得不夠好,發展出了許許多多的變形,像是HTML就有許多模版語言,有很多與網頁框架綁定使用,有的可以作爲獨立工具。CSS也有Stylus、SCSS等等。JavaScript就更多了,什麼CoffeScript、LiveScript到有MiscroSoft推出的TypeScript等等,都在試圖解決一些痛點。我想這邊我會介紹一寫我認爲的優點與缺點。

3. Node.js與npm

其實Node.js不是唯一一個伺服器端的JavaScript執行環境的實做,我個人實際上也還有用習慣。在這部分會說點相關的東西。最後仍會著重於前端的部分。
(不過其實從AJax、WebSocket有很多很多已經不只是前端的東西)

4. 開發工具

包含一些我自己在用的環境、工具、外掛工具等等。

5. Bootstrap和JQuery

除了 HTML5/CSS3/ES6的變形外,目前也有相當多已經寫好,開箱即用的工具。Bootstrap和Jquery大概是必需品了。

6. 小專案

隨著介紹學習一些package,也會寫一些小專案。目前已經規劃了幾個,還有一部分可能不真那麼與網頁前端有關。不過是一些我覺得很有趣,但不像jQuery那麼通用的工具。

不過以上只是目前小小個規劃而已,實際上會寫些什麼就拭目以待囉~


下一篇
HTML5
系列文
從零開始遲來的Web開發筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言