iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

走入前端,才從0開始數,初學者歷程 系列

剛開始學習不久,切版的時間接觸較多,故未來的方向著重於讓初學者如何進入前端基礎以及我自己所學習的心路歷程,遇到問題如何去解決,並把遇到的問題也記錄下來,讓有相同問題的人或是剛接觸前端的人能夠有資訊跟前車之鑑~將著重在html&css,若告一段落的話也有可能加入js。

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

走入前端,才從0開始數,初學者歷程-序

大家好,先來個簡單自介,我是cin。 從未想過會跟”程式“兩個字有相聯,在一次的因緣際會之下,受到朋友的鼓勵加上面對工作總要有個專業能力,於是開啟了我與前端的關...

2020-09-15 ‧ 由 CIN 分享
DAY 2

day2—建置網頁前的準備工具

莫慌莫害怕,來來來~準備好你的電腦,在開始撰寫網頁前要先安裝以下軟體: 我們的主角登場 (燈燈燈~) 1. Visual Studio Code(簡稱VScod...

2020-09-16 ‧ 由 CIN 分享
DAY 3

day3-了解html的結構

首先,簡單介紹:一個網頁的組成是由HTML、CSS、JavaScript這三個所創建的,HTML像是人體骨架,CSS則像皮膚/外觀,JavaScript則是讓人...

2020-09-17 ‧ 由 CIN 分享
DAY 4

day4-html5語意結構

補充一下昨日資訊~ 特殊字元: 特殊字元的格式像是「&OO;」這種以「&(And符號)」為字首,並以「;(分號)」為字尾的格式。 像是通常網頁底下都會有著作權聲...

2020-09-18 ‧ 由 CIN 分享
DAY 5

day5-切版簡易框架

想了一天,遲遲不知該如何下手切版框架的文章,文章可能會有點亂,請見諒~ 切版框架?到底是什麼呢 框架就像是一個容器的概念,就像一個房間裡面會有床、書桌、椅子、收...

2020-09-19 ‧ 由 CIN 分享
DAY 6

day6-css字體單位em&rem

搭給賀~今天想來重新把基礎打好,算是把筆記加上不明白的地方重新整理好的一篇~ 瀏覽器預設文字大小 選擇器 | 瀏覽器預設值 | 實際大小------------...

2020-09-20 ‧ 由 CIN 分享
DAY 7

day7-css優先權

哈囉!今天是第7日(歐買尬終於一個禮拜了),那今天想先來個重要的基礎了解~ 為蝦米要了解優先權? 當你遇到一個物件重複設定CSS屬性,這時候你就會想,那到底要如...

2020-09-21 ‧ 由 CIN 分享
DAY 8

day8-CSS選擇器筆記

在寫CSS開始前,記得要做CSS reset動作。 為什麼呢? 那是因為每家瀏覽器的CSS設定都不一樣,如果今天A推了padding:10px、B推了paddi...

2020-09-22 ‧ 由 CIN 分享
DAY 9

day9-嘿Animation就是CSS動畫

搭給賀~今天想來試做看CSS Animation,常常看到有人在講animation,就是透過css來做出動畫效果啦~是不是很酷!可以讓原本只是更改外觀的樣式變...

2020-09-23 ‧ 由 CIN 分享
DAY 10

day10-CSS Animation動畫實作篇

哇嗚!終於第十天了,經歷三分之一的鐵人賽了((覺得有點小開心d(`・∀・)b 今天就來把昨天分享的:嘿Animation就是CSS動畫,說好要做炫砲動畫的一日練...

2020-09-24 ‧ 由 CIN 分享