iT邦幫忙

鐵人檔案

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

從freeCodeCamp進入前端宇宙 系列

在自學的過程中,發現程式語言容易學了就忘,於是想在此紀錄並分享自己在學習過程中遇到的困難點和解決方式。
內容以 freeCodeCamp 網站的 Responsive Web Design Projects 為主,也適合想在網站上學前端但英文沒辦法看懂的人(我也是搭配谷歌大神),未來"可能"繼續分享JavaScript的中文化內容或其他前端技術。
歡迎彼此交流分享與指教(非常需要!!!畢竟我只是個菜菜),謝謝大家!!!

參賽天數 9 天 | 共 9 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

HTML基礎介紹(1)

來輕鬆聊聊 嗨 我是Jacky,今天要來談談HTML。舉凡網頁開發、設計,不管聽過、看過甚至接觸過的朋友,可能知道藉由HTML與CSS這兩個程式語言,能夠組成我...

2021-09-03 ‧ 由 JackyHuang 分享
DAY 2

HTML基礎介紹(2)

來輕鬆聊聊 學習完第一天的內容後,接著要進入到時常用到,而且重要的標籤了。藉由標籤可以做到表格、列表、表單等樣式,完整的HTML網頁架構又是如何呢?就讓我們一起...

2021-09-04 ‧ 由 JackyHuang 分享
DAY 3

CSS基礎介紹(1)

來輕鬆聊聊 學會如何利用HTML編輯網頁架構後,再來要進入讓網頁美化的CSS了。還不知道什麼是HTML的人,沒關係,只要花兩天就可以學到基礎概念囉! 學HTML...

2021-09-05 ‧ 由 JackyHuang 分享
DAY 4

CSS基礎介紹(2)

來輕鬆聊聊 今天的內容將著重在版面配置,利用這些屬性,可以讓一個網頁,從完全空白到能清楚的區分網頁中各種功能的區塊。 背景 背景設定如同border(邊框)...

2021-09-06 ‧ 由 JackyHuang 分享
DAY 5

CSS基礎介紹(3)

來輕鬆聊聊 終於來到基礎CSS的最後一篇,這次要分享的是CSS的變量。想像一個情境,你正在負責一個網頁的視覺設計,而你需要在許多地方用上同樣的顏色(如:暗紅色D...

2021-09-07 ‧ 由 JackyHuang 分享
DAY 6

視覺設計(1)

來輕鬆聊聊 本單元可以視為CSS基礎介紹的進階內容,相對於基礎篇會提供更多實用的且更接近實際網頁開發的範例。接下來就讓我們開始吧! 文字對齊 text-a...

2021-09-08 ‧ 由 JackyHuang 分享
DAY 7

視覺設計(2)

來輕鬆聊聊 今天將接續前篇的內容,分享許多排版時常用的效果。 不透明度 opacity屬性可以決定元素的不透明程度,值的範圍是從0~1之間含小數點任一數字...

2021-09-09 ‧ 由 JackyHuang 分享
DAY 8

視覺設計(3)

浮動與清除浮動 float為浮動屬性,用來調整元素的布局。常用left、right兩個值來使元素靠左或靠右,元素會如同position: absolute的...

2021-09-10 ‧ 由 JackyHuang 分享
DAY 9

視覺設計(4)

漸層背景 背景(background)除了可以用圖片、單色填滿之外,也可以設定為漸層。其屬性值為linear-gradient(漸變方向, 顏色1, 顏色2,...

2021-09-11 ‧ 由 JackyHuang 分享