iT邦幫忙

鐵人檔案

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

從零開始學JavaScript 系列

目前我自己已經接觸過HTML與CSS的語法,接下來想進一步學習JS的用法,以提升寫網頁的實力。

參賽天數 21 天 | 共 24 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 1

【01】Node.js預先安裝

VScode安裝 至VScode官網下載安裝程式 依照安裝程序執行即可 (網路上有許多安裝教學,故這裡就不多贅述) JavaScript環境安裝 至N...

2020-09-01 ‧ 由 robin_0310 分享
DAY 2

【02】宣告變數注意重點

宣告變數之方式 const : 通常用來宣告常數,例如 : const PI = 3.14159; //宣告PI var : JavaScript在E...

2020-09-02 ‧ 由 robin_0310 分享
DAY 3

【03】基礎解題練習

前言 由於今天找到一個國外線上解題網站,所以決定練習一題,練個手感。 題目 For example, if we run 9119 through the...

2020-09-03 ‧ 由 robin_0310 分享
DAY 4

【04】網頁練習 - 更改背景顏色

前言 由於我在Youtube發現了此影片,所以決定往後每篇文章練習影片中一個小專案,加速對JavaScript的熟悉度。另外,有兩點要特別說明 : 我會注重在...

2020-09-04 ‧ 由 robin_0310 分享
DAY 5

【05】網頁練習 - 計數器

Counter 功能說明 標題 次數 : 顯示目前的數字 按鈕 : increase : 按一下,數字+1 reset : 按一下,數字歸0...

2020-09-05 ‧ 由 robin_0310 分享
DAY 6

【06】網頁練習 - 按鈕翻頁

Our Reviews 功能說明 標題 主要段落 : 頭像 姓名、職業、敘述 按鈕 - 選前一位/後一位 按鈕 - 隨機選一位 HTML...

2020-09-06 ‧ 由 robin_0310 分享
DAY 7

【07】網頁練習 - 用Navbar實作RWD

Navbar 功能說明 標題 分頁連結(可隨視窗大小調整) 社群媒體(可隨視窗大小調整) CSS重點 一般情況下,導覽列(Navbar)有自己的許多Cl...

2020-09-07 ‧ 由 robin_0310 分享
DAY 8

【08】網頁練習 - 開合型Sidebar

Sidebar 功能說明 開合按鈕 側邊欄 : 標題 選單連結 社群媒體 關閉按鈕 CSS重點 .sidebar中控制了sidebar的...

2020-09-08 ‧ 由 robin_0310 分享
DAY 9

【09】網頁練習 - Hero Image與Modal互動視窗

Modal 功能說明 Hero Image modal開啟按鈕 modal關閉按鈕 CSS重點 .modal-overlay中控制了modal的...

2020-09-09 ‧ 由 robin_0310 分享
DAY 10

【10】網頁練習 - 開合型FAQ

Q&A 功能說明 每個Q&A方格都有 : 問題 回答 開啟按鈕 關閉按鈕 HTML重點 主框架 : <section...

2020-09-10 ‧ 由 robin_0310 分享