鐵人檔案
紀錄帶領一名高職新生從無到有設置環境，安裝必要套件，最後完成一個公開展示作品的過程。技術以前端Reactjs元件化的實作為主，期間補充HTML、CSS、Javascript，希望往後這個模式能多加推廣，增加大眾對學海無涯的摩登前端的了解。
話說前頭 這系列比較像是我的教學記錄。剛好有這個機會，能夠指導一位完全對程式陌生的少年，一對一的做教學。透過前端網頁設計最前端的Reactjs來進入跟資訊停滯很...
「元件」 我用了大家熟知的積木做比喻。 點開一個網站的檢視原始碼，或者打開那個「開發人員工具」，就會發現基本上是由三種東西構成這樣的網站： HTML CSS...
動手做勝過千言萬語 因為用的是Windows10的筆電，已經先請他安裝完以下項目，方便後續開發與操作： Git For Windows Nodejs...
引入 import是引入的意思，正如同 import React, { Component } from 'react'; //是把整組做元件的工具拿進來 i...
元件中的小道具或者支撐物 我不曉得怎麼翻譯會比較精確，但總之就是一種用來套資料進去一種參數或者屬性。這邊要來修改App.js和MyComponent.js，來展...
頁面實作：登入畫面 本節實作，將以一個登入表單作為範例 清除App.js不必要的部份 import React, { Component } from 'rea...
(施工中) 首先來利用npm套件管理來安裝Material-UI以及他們用來處理手機觸碰點擊事件的react-tap-event-plugin，請把終端機(如c...
