iT邦幫忙

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

技術 Day10|【Git】檔案管理 - 刪除檔案 git rm

開始前,先提個小小的觀念: ✏️ 在 Git 的世界裡,不管是新增、刪除或重新命名,都可以看為是一個「修改」的動作。 因此這篇所要介紹的刪除檔案指令 git r...

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

技術 Day 09:遍歷資料好便利-v-for

目前為止,我們成功引入了 BootstrapVue 的元件 Navbar,也調整了樣式和內容。 突然發現少放了一個重要項目,於是趕緊補上一個 <b-nav...

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

技術 Day 08:深仍可測的元件樣式-Deep Selectors

成功渲染出 BootstrapVue Navbar 元件之後,接著來將預設樣式改成自己喜歡的專案色調和排版吧!依據文件介紹,我們可以利用修改 property...

鐵人賽 Modern Web DAY 9

技術 入門魔法 - 物件

前情提要 艾草:「來,既然要學習物件讓我帶你瞧瞧這個秘方。」 (從異空間拿出一張古老透著神秘光澤的紙。) 「如何煉製愛情靈藥...?」 艾草:「對呀,看到底下這...

鐵人賽 Modern Web DAY 9

技術 Day9|工作區、暫存區、儲存庫,以及各執行的檔案狀態

前幾篇章節經常提到使用 git add 加至暫存區,git commit 提交到儲存庫。這些工作區、暫存區、儲存庫,分別代表什麼意思呢?讓我們一個一個好好認識,...

鐵人賽 Modern Web DAY 8

技術 Day8|【Git】檢視紀錄 - git log

學習到將檔案提交到儲存庫後,現在來看看如何檢視之前的 Commit 紀錄吧。 檢視紀錄 - git log 指令 $ git log # 檢視先前的紀錄 用...

鐵人賽 自我挑戰組 DAY 12

技術 Day 12 CSS <圓角邊框、盒子陰影>

圓角邊框 使用border-radius圓角邊框樣式,可以修改盒子邊框變成圓角 語法: border-radius:length; //四邊屬性設置同樣 bo...

鐵人賽 Modern Web DAY 8

技術 入門魔法 - 陣列

前情提要 經過上一回的測驗,我發現了自己不是天選之人。 「哪尼,為什麼我不是天選之人,我不是有魔力嗎?而且還有引導學姊妳呀!」 艾草:「哎唷,現在為了擴大培養魔...

鐵人賽 自我挑戰組 DAY 22

技術 擁抱傳統,享受數位便利

不管是數位還是手寫,各有各種的好處,端看每個人的需求。來看數位及傳統載體的優劣勢:手寫的最大好處是在腦袋中可記憶的內容比較多,再來時可以隨時去做塗改、新增以及圖...

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

技術 Day 07:大人更要懂選擇-BootstrapVue 部分引入

上篇透過簡單的 vue add 指令就完成了 BootstrapVue 安裝和引入,其引入 bootstrap-vue plugin 的方式其實是備妥所有 Bo...

鐵人賽 自我挑戰組 DAY 11

技術 Day 11 CSS <三大特性>

CSS中語法有著三大特性 分別為: 層疊性、繼承性、優先性 1. 層疊性 若是設置給相同選擇器相同的樣式 此時一個樣式就會覆蓋(層疊)另一個衝突的樣式 層疊性...

鐵人賽 Modern Web DAY 7

技術 Day7|【Git】提交檔案至儲存庫 - git commit

複習一下上一篇提到 git 四個常使用的指令: git status : 查詢目前目錄的「狀態」 git add :把檔案交給 Git ,讓 Git 開...

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

技術 Day 06:小孩子才做選擇-BootstrapVue 全部引入

本篇開始終於要進入解決需求的前置作業了!首先需要讓網站有個基本的置頂導覽列,讓我們有請 BootstrapVue 出場~直接交給 BootstrapVue 幫你...

鐵人賽 Modern Web DAY 7

技術 入門魔法 - 流程判斷 if else if

前情提要 艾草:「好啦,還是有其他條件可以判斷你能不能成為大魔導師的!」 「哪尼~這麼好康的事不會早點說唷!快告訴我 ƪ(˘⌣˘)ʃ 」 艾草:「如果你是天選之...

鐵人賽 自我挑戰組 DAY 21

技術 輸出的重要性

在去年參加 iT 鐵人賽挑戰時,選擇的題目是需要實作(見:30 天開發 Android App 的流水帳),所以當有突發狀況下會打亂發表的內容,那一個月完完全全...

技術 RESTful_API

RESTful_API只有聽最後一堂 1.Lab_AJAX_Node.jslocalhost:80 2.自動寄信Lab_SendMail ourNodeApp...

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

技術 Day 05:簡寫好用一直用-v-on、v-bind

延續上篇最後提到 Webpack 設置了別名「@」來取代路徑「/src」,然而在模版語法中,「@」則是另外的用途,因此一開始先分辨清楚各自的定義,之後就能運用自...

鐵人賽 自我挑戰組 DAY 10

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

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

鐵人賽 Modern Web DAY 6

技術 入門魔法 - 運算子的優先性與相依性

前情提要 艾草:「你的炫酷魔法的定義是什麼呀?」 「就是那種一施放後大家看到都會愛上我,覺得我好棒的魔法。」 艾草:「 不需要那種魔法,你就很棒囉! 」「......

鐵人賽 Modern Web DAY 6

技術 Day6|【Git】提交檔案給 Git 控管 - git status 、 git add 指令

接下來讓我們開始熟悉 Git 的操作流程。 使用 Git 的時候,我們會常看見以下四個指令: git status : 查詢目前目錄的「狀態」 git a...

鐵人賽 自我挑戰組 DAY 9

技術 Day 09 CSS <背景屬性>

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

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

技術 Day 04:.vue 檔三層櫃

繼上篇觀察整個專案資料夾結構之後,接著來觀察子層 components 資料夾裡的 HelloWorld.vue 和父層 views 資料夾裡的 Home.vu...

鐵人賽 Modern Web DAY 5

技術 入門魔法 - 變數宣告 let、const、var

前情提要 「我想確認一下,入門魔法都是加 100 魔力總量嗎?」 艾草:「對唷!之後有中階魔法加比較多。」 「那如果想放炫酷的魔法,大概要多少魔力總量呀?」...

鐵人賽 Modern Web DAY 5

技術 Day5|【Git】動手建立、初始儲存庫(Repository)!

這裡我們先看一張圖,大概了解一下 Git 在發佈專案時的流程。 先有個概念,之後會逐一詳細解釋。 開始建立 Repository ! Repository...

技術 Day62 (Vue)

1.computed &amp; Watch Part_1 &gt; Lab_Binding &gt; Lab_Form_Text_1.HTML(1)綁元件...

鐵人賽 自我挑戰組 DAY 8

技術 Day 08 CSS <文本屬性>

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

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

技術 Day 03:觀察資料夾

建好專案之後,來看看專案裡已經幫你準備好哪些檔案吧!先大致認識每個資料夾如何分門別類的規則,日後自己在歸檔時也會相對有概念,更方便管理檔案、組織架構。 根目錄層...

鐵人賽 Modern Web DAY 4

技術 Day4|【Git】用戶名稱與信箱- Git的初始設定與 config

💡 開始使用 Git 之前,我們需要先設定使用者名稱及電子郵件地址。 為什麼需要設定用戶名稱及 E-mail 信箱? Git 在每一次提交專案時,都會提供這些...

鐵人賽 Modern Web DAY 4

技術 入門魔法 - 變數與值

前情提要 艾草:「好了,現在我們可以開始入門魔法課程 JavaScript 變數與值的教學囉!」 「耶~總算要開始了嗎!來吧!」 艾草:「萬事起頭難,離你成為大...

鐵人賽 自我挑戰組 DAY 7

技術 Day 07 CSS <字體屬性>

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