系列文章
Day 11: ES6篇: Module System(模組系統)
本章的目標是對模組系統(Module System)提供一些使用上的簡單說明。模組系統是一個重要的ES6特性，搭配目前的NPM相依性管理工具，可以說是目前Ja...
Day 12: ES6篇: Side Effects(副作用)與Pure Functions(純粹函式)
本章的目標是對Side Effect(副作用)與(Pure Functions)純粹函式的概念提供一些簡要的說明。Pure Functions(純粹函式)的概...
Day 13: ES6篇: Object Enhancement(物件的增強)
本章的目標是對ES6中的物件字面文字、以及物件中的方法，所提供的改進或增強部份，提供一些較為全面的說明。JavaScript本身就是一個完全的物件導向的程式語...
Day 14: React篇: 建置React開發環境
"本文章附有影片"，在之前的"開發環境&開發工具"，我們已經介紹過整個的環境的建置，從這裡開始，我們需要為因應...
Day 15: React篇: HelloWorld解說與JSX語法
"本文章附有影片"。本章的目標是提供上一章的HelloWorld應用的詳盡說明，JSX語法的基礎與元件的三種語法。不過在這之前，我要先說明...
Day 16: React篇: TextInput程式
"本文章附有影片"。這個程式最後的呈現結果，會是在網頁上出現一個文字輸入框，當你輸入文字時，下面的顯示區域會一併跟著顯示，就像下面的動態圖...
Day 17: React篇: TodoList程式
"本文章附有影片"。這個程式最後的呈現結果，會是在網頁上出現一個文字輸入框，當你輸入文字後按下Enter鍵，就會把文字加到下面的列表中，每...
Day 18: React篇: JSX語法指引
JSX語法是開發React的核心語法，前面的例子中都有用到，也有作一些簡單的解說，在進行下一章前，我們還需要更進一步理解這個語法。它是React自創的Reac...
Day19: React篇: TodoList程式 + 樣式(Style)
本章的目標是在React元件中的套用樣式(Style)，而且可以因狀態改變的作樣式變化，從上一章的程式碼作這些修改都是很簡單的，在React中使用CSS的樣式...
Day 20: React篇: TodoList程式改造 => TodoApp
今天是鐵人賽的第20天，漫長的一個月旅程已經走完了3分之2，2017年只剩10多天就要到來。今天的主題是要來改造一下從前面一路學來的TodoList。為了專注...