iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

從零轉生第一天先學前端 系列

設計出生,在網路上買了一堆課程,到處東學學、西學學,想藉此機會用文字彙整知識,以大綱的方式帶過目前的學習地圖,並期許能轉職成功,之後能在更精進細節。

參賽天數 14 天 | 共 16 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文 團隊來啊!打摳啊!
DAY 1

Day1|網頁基礎の讀書筆記

網頁瀏覽器 → 使用超文本傳輸協定(HyperText Transfer Protocol, HTTP)→ 網頁伺服器(web servers)→ 發送HT...

2022-09-05 ‧ 由 Aliang 分享
DAY 2

Day2|前端開發環境の前置作業

VS Code 官網 | github | 擴充元件 Visual Studio Code(簡稱 VS Code)是一個使用 Monaco Editor 作...

2022-09-06 ‧ 由 Aliang 分享
DAY 3

Day3|HTML介紹、布局元素の筆記

HyperText Markup Language 超文本標記語言 前言 MDN |官方文件|W3C 以一個人來做比喻,描述網頁中三大巨頭的關係就會像是: H...

2022-09-07 ‧ 由 Aliang 分享
DAY 4

Day4|HTML元素、屬性の筆記

基礎 <!DOCTYPE html>|聲明此文檔HTML5文檔 不分大小寫,一個文件出現一次,寫在頁面最頂部 <html>|根元素...

2022-09-08 ‧ 由 Aliang 分享
DAY 5

Day5|HTML表格、列表標籤の筆記

表格 為了有實際效果可以參考,用codepen練習了一下 <table>表格|由行row(直)跟列column(橫)組成 <td>...

2022-09-09 ‧ 由 Aliang 分享
DAY 6

Day6|CSS選取器の筆記

CSS介紹 樣式定義通常保存在外部的.css文件中,呈現的樣式如下 : Selector 選擇器、Declaration 宣告、Properties 屬性、V...

2022-09-10 ‧ 由 Aliang 分享
DAY 7

Day7|CSS文字相關の筆記

CSS字體 CSS中有五個通用字體系列 :1.襯線字體 Serif - 字母邊緣有小筆畫2.無襯線字體 sans-serif - 乾淨的線條3.等寬字體 Mo...

2022-09-11 ‧ 由 Aliang 分享
DAY 8

Day8|CSS屬性の筆記

CSS 連結的屬性 四個連結的狀態 a:link {color: red;} 正常,尚未被點擊過的連結 a:visited {color: green;}...

2022-09-12 ‧ 由 Aliang 分享
DAY 9

Day9|CSS Layout 屬性の筆記

CSS顯示屬性 display控制layout最重要的CSS屬性,有以下幾種寫法 display: none; 不顯示 display: inline;...

2022-09-13 ‧ 由 Aliang 分享
DAY 10

Day10|CSS屬性筆記

CSS佈局 浮動 float為定位元素該如何浮動,屬性有以下四個值,可在同一容器狀況下,使用繞文排圖上、或製作導覽列使用 none- 預設,元素不浮動 left...

2022-09-14 ‧ 由 Aliang 分享