鐵人檔案
前端這個大坑技術多到好像怎麼學也學不完，在學程前期我常常會迷失方向，不知道接下來該往哪個技術努力，後來學習了不少才總算是摸清楚前端的架構，知道我下一步該往哪裡進步。
因此這個系列會帶領讀者來場小小的前端技能之旅，基礎了解每個技術存在的意義，以及它能夠做到什麼？再延伸提供一些進階學習方向的指引，希望能夠幫助那些對前端有興趣但不知道從哪裡開始的初新手，能夠有個更好更輕鬆的學習之路。
大家好，我是來自臺北教育大學玩遊所的碩士生 May，在大學接觸到如何寫網頁後，就毅然踏入了前端這個大坑。 我想學前端，從哪裡開始？然後呢？ 變幻莫測的前端技術好...
老套說：「工欲善其事，必先利其器」— 要寫網頁，就不能沒有好用的開發環境。在開始認識各種前端技能之前，最重要的就是要先知道該在哪裡運行 Code ，就讓我們來看...
HTML (HyperText Markup Language，超文本標記語言)，是一種用來建立網站結構的語言，透過包含標籤 (Tag) 與內容 (Conten...
CSS (Cascading Style Sheets，階層樣式表)，用來描述 HTML 外觀的樣式表，含有各式各樣的樣式屬性，能夠讓你在元素上面套用樣式美化網...
在上一篇學到了 CSS 的基本語法、使用選擇器以及檔案的套用方法。接著就讓我們來學習如何運用樣式屬性！首先來簡單了解一下 CSS 是如何去進行網頁的排版和調整元...
為什麼要學 Flexbox ？還沒學習 Flexbox 的我們，想要讓文字段落並排顯示時，只能調整元素的寬度讓它為了適應大小自動換行，這樣實在太不方便了！為了能...
現在越來越多種類的裝置出現，包括電腦、平板、手機，我們會在不同大小的螢幕上瀏覽網頁，究竟網頁要如何在所有設備上，都能顯示適合該裝置的排版模式？在過去會根據裝置來...
當別人說你的程式是義大利麵代碼 (Spaghetti code)，聽起來很好吃，應該是稱讚的意思吧！千萬不要誤會，那是在說你的程式碼雜亂無章、難以理解。 在前面...
What is Javascript？JavaScript （簡稱 JS）是一種 直譯式(Interpreter) 程式語言，程式碼會由上到下立即執行，它與HT...
在前一篇，我們提到了一些 Javascript 的語法和基本功能，包括宣告變數、資料型別、條件陳述式，接下來就繼續來了解迴圈、函式、物件、陣列的觀念和用法。 流...
