iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

從JS到React的前端入門實作 系列

從入門的JS,到框架React的差別

鐵人鍊成 | 共 30 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文 團隊NUTC_IMAC_BLUE
DAY 1

Day1 :參賽目的與規劃

參賽目的 為了挑戰自我,我就參加鐵人賽,雖然我真的懶惰,我會盡量完賽,我除了教別人,還可以溫故知新,說不定還可以認識很多新朋友,完成挑戰時一定會會有很多成就感,...

2019-09-17 ‧ 由 vanilla666 分享
DAY 2

Day2:輕鬆認識JS

何謂JS 一般網頁用html標籤當作顯示,例如check,這樣就會顯示一個按鈕,而CSS則是讓html標籤穿上衣服,使標籤有顏色有大小的變化,JS則是讓網頁有互...

2019-09-18 ‧ 由 vanilla666 分享
DAY 3

Day3:JS宣告變數的差異

全域與區域宣告的差異 首先,我們必須知道JS有兩個範圍:全域與區域全域變數:在函式作用域(function scope)之外宣告的變數,全域變數在整個程式中都可...

2019-09-19 ‧ 由 vanilla666 分享
DAY 4

Day4:抓取元素並且把值輸入到頁面

前言 js是一個簡單寫就會動的一個語言,但是寫到越後面,就慢慢變複雜所以要打一些基礎,到後面會比較好過,也是需要練習跟時間磨練。 新增一個html標籤 新增一...

2019-09-20 ‧ 由 vanilla666 分享
DAY 5

Day5:JS計數器應用

今日目的 今天要用js做一個計數器,我們之後會為了這個計數器慢慢加上其他功能,今天只做開始倒數的計數器,我們今天還會教用按鈕觸發事件,觸發事件可以有很多種,我們...

2019-09-21 ‧ 由 vanilla666 分享
DAY 6

Day6:累加符號在計數器以及清空頁面

今日目的 上篇文章新增了計算器,除了數數字,我們今天要累加 * 號以及清空頁面,今天算計數器的完整版 新增標籤 今天新增一個div,而且要新增id屬性,像這樣...

2019-09-22 ‧ 由 vanilla666 分享
DAY 7

Day7:JS使用css功能以及輸入文字並且顯示到頁面

前言 今天文字說明會比較少,圖比較多 今日目的 今天用js影藏昨天的計數器,以及用input輸入文字後抓取現在輸入,最後打印到頁面 影藏計算器 我們使用 js...

2019-09-23 ‧ 由 vanilla666 分享
DAY 8

Day8:清空輸入欄位、畫面以及重新開始

今日目的 今天要設定清除畫面文字以及清除輸入欄位還有設定按鈕讓全部重新開始 設定清空文字按鈕 新增一個button在 div id="show&qu...

2019-09-24 ‧ 由 vanilla666 分享
DAY 9

Day9:介紹ES6的樣式面板值、箭頭函數、宣告變數

今日目的 今天要介紹ES6的一些好用功能,ECMAScript 6.0(以下簡稱ES6)是JavaScript 語言的下一代標準,已經在2015 年6 月正式發...

2019-09-25 ‧ 由 vanilla666 分享
DAY 10

Day10:JS跟React的差異

今天目的 今天要介紹JS的框架React的優缺點,準備進入React框架,明天會介紹如何安裝eact環境以及啟動React。 框架好處 可以有很多第三方套件可以...

2019-09-26 ‧ 由 vanilla666 分享