iT邦幫忙

鐵人檔案

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

For 前端小幼苗的圖解筆記 系列

寫給剛跳進前端坑之幼苗們的入門綜合大補帖:Git、HTML、CSS、JavaScript、SASS、Pug 、Vue.js、jQuery、API串接。
使用 VS Code、Codepen 編輯。
加入一點簡潔的圖像設計詮釋概念,希望能夠更容易被理解。
祝眾前端小幼苗們持續往大樹的方向前進、成長茁壯!

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

《For 前端小幼苗的圖解筆記》參賽宣言

首次挑戰鐵人賽,不囉嗦,首發直接上目錄&自我介紹! 《For 前端小幼苗的圖解筆記》 Day About Subject 01 Author 關於...

2020-09-16 ‧ 由 Eudora 分享
DAY 2

達標好文 [Editor] CodePen / VS Code 常用快速鍵

開發推薦使用 Visual Studio Code ;另外可以使用線上即時渲染結果的編輯器 Codepen,用於小練習 / 快速試調 / 快速分享: Code...

2020-09-17 ‧ 由 Eudora 分享
DAY 3

[VS Code] 實用插件&個人化設定

前一篇提到好的 Editor / IDE 能夠讓你開發過程更有效率,而 VS Code 琳瑯滿目的插件就像手機能夠安裝各式各樣的 APP 使得手機的功能(能做的...

2020-09-18 ‧ 由 Eudora 分享
DAY 4

[Git] 基礎觀念

Git 是什麼?能吃嗎? Git 是眾多版本控制工具中的其中一個工具(版本控制工具不等於 Git ) 是目前業界最多人使用的版控軟體 免費、開源、體積小...

2020-09-19 ‧ 由 Eudora 分享
DAY 5

[Git] 初始設定

一、前置作業 1.安裝 Git google 一下發現教學文太多,加上實在不想重裝自己的 Git 還得 windows 、 mac都來一遍……決定偷懶 雙手奉上...

2020-09-20 ‧ 由 Eudora 分享
DAY 6

[Git] 常用指令表

這篇整理常用的 Git 指令表。 沒錯,我就是個金魚腦,老是記不起來、想用就得 google ,但又不喜歡查過的東西老是一查再查,所以我的小本本需要有頁速查表,...

2020-09-21 ‧ 由 Eudora 分享
DAY 7

[Git] 應用情境

基本應用-學會用 VS Code 查看檔案狀態 在來寫 Git 的實際應用前,先透過 VS Code 來複習一下前兩篇提到的 Git 傳送階段: 如果...

2020-09-22 ‧ 由 Eudora 分享
DAY 8

[HTML] 關於 HTML

HTML HTML (是簡稱所以大寫) HTML 是標記語言不是程式語言(標記 Markup、沒有程式邏輯) 超文本標記語言:重點是「標記」-把文件用標記標...

2020-09-23 ‧ 由 Eudora 分享
DAY 9

[CSS] 元素置中的 N 個方法

昨晚在電腦前莫名其妙被周公抓走,還好趕在灰姑娘的午夜 12 點前魂魄歸來、踩線發文,看來這幾天的文都在敘述概念(Git / HTML)……實在太催眠了。 為防...

2020-09-24 ‧ 由 Eudora 分享
DAY 10

[CSS] 選擇器表 (Selectors)

熟練 CSS 選擇器的各種花式(?)運用可以大幅減少你對元素定義 class / id 值,也可以輕易地實踐設計師各種(龜毛)精緻的樣式要求。 例如動態生成的數...

2020-09-25 ‧ 由 Eudora 分享