iT邦幫忙

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

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

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 自我挑戰組 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...

技術 Day 49 (Node.js)

1.express-session設定 var express = require('express'); var session = re...

技術 Day 48 (Node.js)

1.製作成物件 score = Object scoreList2: [ {value : 100, className: &quot;ps...

技術 Day 47 (Node.js)

1.use static or Router express.static =&gt;Web 伺服器的靜態檔案置於 public 資料夾 中介城市use =&g...

技術 Day 46 (Node.js)

1.NPM版本 無須更新到最新,怕錯誤 2.製作專案package.json npm initnpm init -y (全預設值) (1)新增資料夾(2)...

技術 Day 45 (Node.js)

1.版本 https://nodejs.org/en/ 下載LTS (長期穩定版本)用10以上版本基本上都可以跑 C:\ProgramData\Microsof...

技術 Day 43、44 (PHP)

1.製作會員登入系統 (1)資料庫密碼欄位給多記憶體&gt;&gt;因為要進行編碼正常來說密碼不應該查詢的到,很危險(忌諱!!) (2)第三方驗證與這邊無關(e...

技術 Day 42 (PHP)

1.header的用法 (1)畫畫時指定畫面Content-type網頁輸出,用image/jpeg型態 header('Content-type...

技術 Day 41 (PHP)

1.while可以同時給值並判斷 會給值的原因:是因為前面都沒有宣告$row(猜測) $fp = @opendir($dir) or exit('Ser...