iT邦幫忙

鐵人檔案

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

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

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

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

Day 21 RWD回應式設計

前言 登登登登~~昨天剛完成一個簡易的HTML+CSS的網頁雛形 結果…這時候有個問題出來 那就是…如果當網頁換成平板試看或是手機的時候 我昨天好不容易崩潰排好...

2022-10-06 ‧ 由 candy82202 分享
DAY 22

Day 22 bootstrap 基礎介紹

前言 昨天提到RWD網頁,但因為我們還沒提到JavaScript的部分 所以就...簡單的先說說關於bootstrap的基礎認識啦~ Bootstrap 是屬...

2022-10-07 ‧ 由 candy82202 分享
DAY 23

Day 23 HELLO JavaScript

前言 跟前面HTML還有CSS不同,之前有提到這兩個,一個是網頁架構出來,另一個是樣式排版跟整體版面的美化,現在的JavaScript就是要讓網頁可以動起來。...

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

Day 24 JavaScript的基礎認識

前言 從昨天到今天很初步的認識JS 由於跟前兩個太不相同,花了點時間理解,從昨天的基本規則,到今天的運算子,跟另外兩種比起來多了一些邏輯的概念 以下幾個是常見的...

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

Day 25 JavaScript 判斷這樣做對嗎?

前言 昨天新增的內容,這邊再進行一些補充說明 %是指模數(英文是modulo) 指定運算 x=10%3 //x=10除以3的餘數 console.log(x)...

2022-10-10 ‧ 由 candy82202 分享
DAY 26

Day 26 轉吧轉呀 迴圈呦~

前言 昨天提到JavaScript的判斷式,今天進入到無限的轉圈圈 Day23 常數補充 const有兩派的做法,一種是只把const用在從根本上就不會改變的值...

2022-10-11 ‧ 由 candy82202 分享
DAY 27

Day 27 function 打包程式碼好用的函式~

前言 補充說明關於資料型態裡面,數值變成字串的用法。 舉例示範,原本應該要是數字的簡單運算相加,如下圖 let age = 28; console....

2022-10-12 ‧ 由 candy82202 分享
DAY 28

Day 28 Object & Array

前言 Day23 講到資料型態,最後一個是物件 在這篇好好詳細說明關於物件這個容器 再來是陣列跟陣列方法的簡單使用方式 物件Object 物件主要是用來封裝其...

2022-10-13 ‧ 由 candy82202 分享
DAY 29

Day 29 SCSS &最後一個網頁製作挑戰!(上)

前言 希望在挑戰結束前還能做至少一個挑戰 在開始這個挑戰前因為有使用到一個SCSS,是屬於一種CSS預處理器的部分 先簡單解釋一下再來開始挑戰摟~ SCSS可...

2022-10-14 ‧ 由 candy82202 分享
DAY 30

Day 30 Project & 鐵人挑戰 完成!!

前言 昨天完成框架跟HTML 今天當然就是希望可以順利完成CSS的部分,以及使用SCSS 讓樣式跟排版都順利完成啊~~~ 先從最上方的首頁還有導覽列開始更改(...

2022-10-15 ‧ 由 candy82202 分享