iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

一趟30天網頁設計的學習冒險#explain like i‘m five  系列

在沒有任何的程式語言學習經驗,僅僅只有服務業相關工作經驗背景下,自己找資源學習。
剛開始最困難的估計就是,不知道要從哪裡開始學習起,從哪下手,要嘛找到古老的版本,或是全英文,還得克服專有術語,語言不通不理解的障礙
想趁著這個機會把自己的一些筆記,透過這樣的挑戰,嘗試用文字但簡單易懂的方式表達出來
“explain like i‘m five ”就像是5歲小孩也能懂的方式
嘗試解釋的過程也可以加深理解
當然搭配練習做一些基礎的小挑戰
讓無經驗又想自學的自己,也能在這30天加深理解這些程式語言的方式
*主要以Html css javascript為主

鐵人鍊成 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 環境建置

前言 像我這樣一個對程式語言,一無所知卻試圖想要進來這樣一個領域的初學者來說 腦袋畫面閃過的不外乎寫程式的就像是電影裡面打字噠噠噠很快速的駭客 好像咻咻咻幾分鐘...

2022-09-16 ‧ 由 candy82202 分享
DAY 2

Day 2 HTML的基本認識

前言 瀏覽網頁這件事充斥在我們的生活中,可能上網問谷哥大神想解決什麼疑難雜症的,可以查詢各式各樣的資訊,不管是文字、圖片或影片等等的,對於現在的我們來說這是一件...

2022-09-17 ‧ 由 candy82202 分享
DAY 3

Day 3 HTML簡單常見標籤

前言 前一天簡單了解了一些HTML以後 開始進入,HTML常見標籤: (在W3 School.com都有詳細的標籤可以查詢得到喔~) 第一個標籤: h1-h6(...

2022-09-18 ‧ 由 candy82202 分享
DAY 4

Day 4 form表單

前言 在經歷過幾個常見的標籤後,接下來想了解平常在網站上下單,我們要填寫的資料表單,是如何建立出來的呢?? form 表單,是前端連結後端的數據庫一個很重要的地...

2022-09-19 ‧ 由 candy82202 分享
DAY 5

Day5 Input types

前言 經過昨天說明的form表單之後,有使用了不少input標籤 當然不只這些,所以今天下面再附上一些常用的input標籤介紹 < range >...

2022-09-20 ‧ 由 candy82202 分享
DAY 6

Day6 HTML 終於來到最後一個Part啦!

前言 花了前五天的時間,把HTML的結構還有許多標籤等等的都嘗試解釋完畢。 *之前沒有說明到檔案名稱為什麼設定是「 index.html 」,這邊補上: 檔案...

2022-09-21 ‧ 由 candy82202 分享
DAY 7

Day 7 CSS 基本認識

前言 前面HTML的網頁架構的地方已經建立好了,那當然就是開始要想辦法讓網頁看起來美美的啦~ 這時候使用CSS來統一定義每個HTML標籤的位置大小,讓網站的風格...

2022-09-22 ‧ 由 candy82202 分享
DAY 8

Day 8 CSS Selector part 1

前言 前面對CSS應該有一些的基本了解跟認識,那接下來要講到的CSS Selectors 基本選擇器 (如果我們想要連結CSS檔案到HTML檔案的話,開新的檔案...

2022-09-23 ‧ 由 candy82202 分享
DAY 9

Day 9 CSS Selector part2

前言 前面幾個選擇器是比較基礎簡單可以理解的,到這裡就開始需要思考一下… 今天還有好多選擇器的規範,就不多說直接開始。 Part.2 介紹的基本選擇器如下...

2022-09-24 ‧ 由 candy82202 分享
DAY 10

Day 10 CSS Selector 最後一趴

前言 CSS選擇器來到第三篇了,沒想到讓頭腦打結的規則越來愈複雜,花了好一段時間好好理解跟運用這些選擇器的規則。 Part.3 介紹的基本選擇器如下 Des...

2022-09-25 ‧ 由 candy82202 分享