iT邦幫忙

學習筆記相關文章
共有 535 則文章
鐵人賽 Modern Web DAY 3

技術 Day3|【Git】終端機常用基本指令 - Mac 作業系統為主

學習 Git 時,常常都是在終端機(Terminal)操作,雖然現在有很多圖形介面工具(GUI,Graphic User Interface),如:Source...

鐵人賽 Modern Web DAY 2
Vue.js 什麼意思 系列 第 2

技術 Day 02:Vue 個專案先

本篇以 Vue CLI 開始這一回合。 Vue CLI 提供快速建置的開發環境,使用者只需透過簡易設定選擇組隊工具,之後再輸入指令便能操作基本的運行功能;如此主...

鐵人賽 自我挑戰組 DAY 6

技術 Day 06 CSS <複合選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器本日將將繼續說明複合選擇器 複合選擇器可以更準確更高效的選擇元素(標籤) 是由兩個或多個基礎選擇器透過不同方式組合而...

鐵人賽 Modern Web DAY 1
Vue.js 什麼意思 系列 第 1

技術 Day 01:新手視角

年中才剛攻破 JavaScript 30 挑戰一天一題 JavaScript,過不久因緣際會接了一個專案需要使用框架開發,直接迫使我從 Vanilla.js 新...

鐵人賽 Modern Web DAY 2

技術 Day2|【Git】使用MacOS 作業系統安裝 Git - 以 Homebrew 網頁安裝

安裝 Git 之前,建議可以先下載 iTerm2 。 iTerm2 是一個終端機,可以針對自己的需求自訂顏色,會比 Mac 內建的終端機更好辨識。 安裝在...

鐵人賽 自我挑戰組 DAY 5

技術 Day 05 CSS <基礎選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器本日將先說明基礎選擇器 DAY6將繼續說明複合選擇器 CSS中的基礎選擇器單個選擇器組成,包含標籤選擇器、類選擇器、i...

鐵人賽 Modern Web DAY 1

技術 JavaScript 魔法入門 - 前言

前情提要 那天窗外微微透點薄光,聽到門外傳來了些許奇妙的聲響,走到門外看到地板上掉落一張紙。拿起了那張紙:「是誰一大早亂丟垃圾?(╬☉д⊙)」 拿去垃圾桶的途中...

鐵人賽 Modern Web DAY 1

技術 Day1|【Git】學習 Git 的第一步驟 - 什麼是 Git?

在學期間是否遇過作業前後修改出好多個版本,你會以什麼方式命名呢?以我的例子來說,大學作業就是與老師討論後又被退回來修改,或是與組員之間共同編輯了同份檔案,最後已...

技術 Day61 (Vue)

影片Vue01 1.Vue (Part_1 &gt; Lab_HelloVueJS &gt; hello_VueJs.HTML)(1)引用vue &lt...

技術 github

右上 or 左上Repositories New ... &gt; Settings &gt; pages &gt;Choose a theme C...

鐵人賽 自我挑戰組 DAY 4

技術 Day 04 HTML<表單標籤>

表單標籤主要功用是用來收集使用者資料 常用情況 : 註冊頁面... 主要由 表單域、表單元素、提示文字 這三種內容組成 以MOMO註冊頁面為範例: 1.表單域...

鐵人賽 自我挑戰組 DAY 3

技術 Day 03 HTML<列表標籤>

列表標籤可以用來為頁面進行布局 主要分為無序列表、有序列表、自定義列表三大類 1.無序列表無序列表主要使用的標籤如下蘋果香蕉鳳梨水蜜桃哈密瓜無序列表 使用無序列...

鐵人賽 自我挑戰組 DAY 2

技術 Day 02 HTML<表格標籤>

表格標籤主要用來顯示以及展示數據,可用表格標籤排版後讓數據更容易閱讀 1. 表格基礎標籤簡易介紹 ( 以code表示 ) : &lt;table&gt; 表示表...

技術 Day60 (React)

1.跟資料庫連線(目前抓data.json)影片react06.mp4 (1)Lab_WebAPI 安裝package.json內的MOD npm insta...

鐵人賽 自我挑戰組 DAY 10

技術 Day 10 CSS <元素顯示模式>

1. 什麼是元素顯示模式 元素顯示模式就是元素(標籤)以什麼方式進行顯示 作用 : 網頁的標籤非常多,了解他們的特點可以更方便的布局網頁 ex : &lt;di...

鐵人賽 自我挑戰組 DAY 9

技術 Day 09 CSS <背景屬性>

CSS背景屬性 可以給頁面元素添加背景樣式背景屬性可設置背景顏色、背景圖片、背景平舖、背景圖片位置、圖像固定等等 1.背景顏色background-color屬...

鐵人賽 自我挑戰組 DAY 8

技術 Day 08 CSS <文本屬性>

CSS Text 屬性可定義文本的外觀例如 : 文本的顏色、對齊文本、裝飾文本、文本縮進、行間距 1.文本顏色 color用於定義文本的顏色 div{ col...

鐵人賽 自我挑戰組 DAY 7

技術 Day 07 CSS <字體屬性>

CSS Fonts(字體) 屬性用於定義字體系列、大小、粗細 和文字樣式(ex:斜體) 1.字體系列font-family 屬性定義文本的字體系列 &lt;st...

鐵人賽 自我挑戰組 DAY 6

技術 Day 06 CSS <複合選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器本日將將繼續說明複合選擇器 複合選擇器可以更準確更高效的選擇元素(標籤) 是由兩個或多個基礎選擇器透過不同方式組合而...

鐵人賽 自我挑戰組 DAY 5

技術 Day 05 CSS <基礎選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器本日將先說明基礎選擇器 DAY6將繼續說明複合選擇器 CSS中的基礎選擇器單個選擇器組成,包含標籤選擇器、類選擇器、i...

鐵人賽 自我挑戰組 DAY 4

技術 Day 04 HTML<表單標籤>

表單標籤主要功用是用來收集使用者資料 常用情況 : 註冊頁面... 主要由 表單域、表單元素、提示文字 這三種內容組成 以MOMO註冊頁面為範例: 1.表單域...

技術 Day59 (React)

1.接續昨天 (1)綁onclick事件給按鈕,並執行handleClick handleClick(){ alert(&quot;...

技術 Day58 (React)

1.useContext 之演進 可接元件並分享資料只有function元件可使用,class元件不能使用 (1)function階層繼承 缺點:中間改變就斷掉...

技術 Day57 (React)

1.製作元件內增加參數: (Lab_Event &gt; index_OK.html、index_2.html) (1)製作元件Toggle增加屬性dataLi...

技術 Day56 (React)

1.Event (Lab_Event &gt; index_0.html) onClick 呼叫 doClick 執行順序 render()...

技術 Day55 (React)

1.React導引 (JS框架) (Lab_Hello &gt; index.html) (1)安裝/引用 React 的 JavaScriptdevelopm...

技術 Day 53、54 (JS_API)

1. Canvas-1 (Lab_Canvas &gt; Lab_Canvas &gt; Lab_Canvas.html) 畫畫http://www.effec...

技術 Day 52 (JS_API)

1. API? 應用程式介面 圖形庫中的一組API定義了繪製指標的方式,可於圖形輸出裝置上顯示指標。當應用程式需要指標功能時,可在參照、編譯時連結到這組API,...

技術 Day 51 (Node.js)

1.res.send()和 res.end()的差別 (1)res.write + res.end http.createServer(functio...

技術 Day 50 (Node.js)

1.保留表單資料 登入資料輸入錯誤,無法登入保留輸入值 (1)login.html &lt;input type=&quot;password&quot...