iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

後轉前要多久 系列

後端轉前端需要花多長時間?
會不會很久?

我還在轉職道路上奔爬...
所以我不知道要多久,
只知道很硬,也很難。

外加每日的睡眠不足,
讓我『有睡當思無睡之苦』。

本篇記錄著我從後端邁向前端的學習之路

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

【後轉前要多久】# Day01 前言 - 個人碎碎念

常聽人說前端轉後端, 鮮聞人講後端轉前端。 為什麼會想轉前端? 好奇心使然、以及很少人做這件事情,加上想自己動手做些酷東西。 早從前些日子開始,就很想試試一個人...

2021-09-16 ‧ 由 gjlmotea 分享
DAY 2

【後轉前要多久】# Day02 HTML - 基本觀念複習

基本上網頁與HTML、CSS、JavaScript息息相關,雖然有辦法、但很難去完整地分別拆開來講述。 (每次上W3School想從純HTML tag從頭看學起...

2021-09-17 ‧ 由 gjlmotea 分享
DAY 3

【後轉前要多久】# Day03 HTML - BODY內的東西

早期網頁大多都只有HTML骨架,多數都是白底黑字、沒有美美的編排,文字特效blink一閃一閃的,加上一些表格或表單,就能傳遞所有想要的資訊,就像現在的實體書本...

2021-09-18 ‧ 由 gjlmotea 分享
DAY 4

【後轉前要多久】# Day04 HTML - 元素屬性、以及Emmet語法

tag巢狀結構 tag底下是可以再包tag的、底下可以再包tag...昨天也看到一些例子如<ul>包含了<li>等等,接著<li&...

2021-09-19 ‧ 由 gjlmotea 分享
DAY 5

【後轉前要多久】# Day05 HTML - 語意標籤 & 引用CSS

HTML5具有語意的新標籤 在HTML5中新增了一些具有"語意 (Semantic)"的標籤,用以取代隨處可見、不具任何意思甚至純粹給排版用...

2021-09-20 ‧ 由 gjlmotea 分享
DAY 6

【後轉前要多久】# Day06 CSS - Selectors 選取器

CSS Selectors 介紹 Selectors英文直接翻譯是選擇者、選擇的物品等等,中文叫 選擇器 或 選取器但選取器念起來超難發音的,很容易唸成&quo...

2021-09-21 ‧ 由 gjlmotea 分享
DAY 7

【後轉前要多久】# Day07 CSS - 打架該聽誰的?CSS權重、繼承

雖然這章節可能有些無聊,遲遲沒進入CSS引人興趣的地方,但我還是想依我學習時,所想到和納悶的事物按順序一個個講述。 前面介紹了CSS引入的幾種方式,既然分成這麼...

2021-09-22 ‧ 由 gjlmotea 分享
DAY 8

【後轉前要多久】# Day08 CSS - CSS Reset

HTML的註解是使用 <!-- -->而CSS的註解是使用 /* */ 瀏覽器預設樣式 同樣一份HTML,在不同瀏覽器開起來,樣式卻不一定完全相同...

2021-09-23 ‧ 由 gjlmotea 分享
DAY 9

【後轉前要多久】# Day09 CSS - 色碼表

網頁顏色(CSS色碼表) 色碼表都是看不懂的英文跟數字,卻都是有意義、可以推算的,而非亂數產生的亂碼。 在網頁中有兩種大宗的色碼分類方式,一種為RGB色碼表另一...

2021-09-24 ‧ 由 gjlmotea 分享
DAY 10

【後轉前要多久】# Day10 CSS - CSS常用屬性I (文字、背景)

常用CSS屬性 color 字體顏色 color: red; color: #AA2; font-size 字體大小 font-size: 16px; fon...

2021-09-25 ‧ 由 gjlmotea 分享