iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 6877 瀏覽

鐵人賽 Software Development DAY 23

精通 Visual Studio Code 系列第 23 篇

技術 DAY 23 整合式終端機 (Part 1)

DAY 23 整合式終端機 (Part 1) 在 VS Code 中，你可以開啟一個很方便的整合式終端機，它的預設目錄就在你目前的專案資料夾，你不需要為了執行一...

戴均民 ‧ 2019-10-08

2 Like 0 留言 1176 瀏覽

鐵人賽 Software Development DAY 22

精通 Visual Studio Code 系列第 22 篇

技術 DAY 22 CSS 神器 - Emmet

DAY 22 CSS 神器 - Emmet Emmet 除了能用在 HTML 之外，在 CSS 也很好用，你只需要打幾個字首，然後一樣按下 Enter 它就能幫...

戴均民 ‧ 2019-10-07

1 Like 0 留言 1950 瀏覽

鐵人賽 Modern Web DAY 20

高效 Coding 術：Angular Schematics 實戰三十天系列第 20 篇

技術 [高效 Coding 術：Angular Schematics 實戰三十天] Day19 - 超好用工具分享之 VSCode 的 Angular Schematics 擴充套件介紹與應用

今天筆者要來分享一個超好用的 VSCode 擴充套件給大家：這個擴充套件好用在哪裡呢？減少因打錯字所浪費的時間。不用再自己搜尋指令或參數，它會幫你全部...

Leo ‧ 2019-10-06 ‧團隊Turing World

2 Like 0 留言 928 瀏覽

鐵人賽 Software Development DAY 21

精通 Visual Studio Code 系列第 21 篇

技術 DAY 21 HTML 神器 - Emmet (Part 4)

DAY 21 HTML 神器 - Emmet (Part 4) 群組你可以使用 () 來對一整個元素做操作，如 table>(tr>td*3)*3...

戴均民 ‧ 2019-10-06

2 Like 0 留言 1093 瀏覽

鐵人賽 Software Development DAY 20

精通 Visual Studio Code 系列第 20 篇

技術 DAY 20 HTML 神器 - Emmet (Part 3)

DAY 20 HTML 神器 - Emmet (Part 3) 加上 id、class 與屬性 Emmet 支援使用 css selector 來讓快速幫你打上...

戴均民 ‧ 2019-10-05

2 Like 1 留言 2676 瀏覽

鐵人賽 Modern Web DAY 23

使用 Laravel 打造 RESTful API 系列第 23 篇

技術讓你的程式更美好 - Service 概念

本系列文章已集結成冊與鐵人賽文章差異內容，有以下幾點：更新至Laravel 8、基礎的PHP重點筆記、加強製作API流程細節、加入程式設計模式，優化、重構...

Victor ‧ 2019-10-04 ‧團隊IT成長團

2 Like 0 留言 1169 瀏覽

鐵人賽 Software Development DAY 19

精通 Visual Studio Code 系列第 19 篇

技術 DAY 19 HTML 神器 - Emmet (Part 2)

DAY 19 HTML 神器 - Emmet (Part 2) 昨天我們已經學會了如何啟用 Emmet 及產生 HTML 的基礎程式碼，今天我們會接續著昨天的內...

戴均民 ‧ 2019-10-04

2 Like 0 留言 3601 瀏覽

鐵人賽 Software Development DAY 18

精通 Visual Studio Code 系列第 18 篇

技術 DAY 18 HTML 神器 - Emmet (Part 1)

DAY 18 HTML 神器 - Emmet (Part 1) 在我以前使用 Sublime Text 的時代，有在寫網頁的人必裝的擴充功能就是 Emmet 的...

戴均民 ‧ 2019-10-03

1 Like 0 留言 991 瀏覽

鐵人賽 Software Development DAY 17

精通 Visual Studio Code 系列第 17 篇

技術 DAY 17 擴充功能簡介 (Part 2)

DAY 17 擴充功能簡介 (Part 2) 在前一天的文章中我已經教你如何管理擴充功能了，今天就是要來教你要怎麼找到擴充功能進行安裝。排序依據當你有想找的...

戴均民 ‧ 2019-10-02

1 Like 0 留言 1427 瀏覽

鐵人賽 Software Development DAY 16

精通 Visual Studio Code 系列第 16 篇

技術 DAY 16 擴充功能簡介 (Part 1)

DAY 16 擴充功能簡介 (Part 1) 接下來這幾天主要是來介紹 VS Code 一個必定要會的事情：擴充功能的安裝、解除安裝與管理。先來說說為什麼會有擴...

戴均民 ‧ 2019-10-01

0 Like 0 留言 1338 瀏覽

鐵人賽自我挑戰組 DAY 27

網頁學習紀錄系列第 27 篇

技術鐵人賽 Day27 人員卡片介紹：加上互動色彩

人員卡片介紹除了可以做一點動態的互動外，顏色上的互動特效也是非常棒的特效效果！這次想做的感覺如下圖：這部分的 SCSS 如下： .card { wid...

Tim Hsu ‧ 2019-09-30

1 Like 0 留言 895 瀏覽

鐵人賽 Software Development DAY 15

精通 Visual Studio Code 系列第 15 篇

技術 DAY 15 互動式遊樂場 (Part 9)

DAY 15 互動式遊樂場 (Part 9) 感謝 Thanks! 相信當你看到這裡的時候，你已經接觸了不少 VS Code 中的一些編輯相關的功能，但是別止步...

戴均民 ‧ 2019-09-30

1 Like 0 留言 867 瀏覽

鐵人賽 Software Development DAY 14

精通 Visual Studio Code 系列第 14 篇

技術 DAY 14 互動式遊樂場 (Part 8)

DAY 14 互動式遊樂場 (Part 8) Emmet Emmet 讓程式碼片段的功能更上層樓！你可以透過打出很像 CSS 的關鍵字，然後這個關鍵字會被動態...

戴均民 ‧ 2019-09-29

1 Like 0 留言 1013 瀏覽

鐵人賽自我挑戰組 DAY 25

網頁學習紀錄系列第 25 篇

技術鐵人賽 Day25 人員卡片介紹-互動效果 transform

這次要把上次寫好的人員卡片來做個互動效果，讓使用網頁的人覺得不無聊，畫面預計滑鼠經過後會有這樣的效果，如下圖。 SCSS 是這樣編寫的，程式碼如下 .card...

Tim Hsu ‧ 2019-09-28

1 Like 0 留言 816 瀏覽

鐵人賽 Software Development DAY 13

精通 Visual Studio Code 系列第 13 篇

技術 DAY 13 互動式遊樂場 (Part 7)

DAY 13 互動式遊樂場 (Part 7) 錯誤及警告 Errors and Warnings 當你在編輯程式碼的時候，錯誤和警告都會用波浪底線來突顯出來，...

戴均民 ‧ 2019-09-28

1 Like 1 留言 1054 瀏覽

鐵人賽自我挑戰組 DAY 24

網頁學習紀錄系列第 24 篇

技術鐵人賽 Day24 人員卡片介紹-三角形裝飾

用 CSS 寫出方形不太困難，但寫出三角形真的是滿酷的一件事情，不用圖片本身去製作，而是直接用 CSS 來製作三角形的遮罩感，想要呈現的如下圖: 這次算是學到了...

Tim Hsu ‧ 2019-09-27

1 Like 0 留言 2370 瀏覽

鐵人賽 Software Development DAY 12

精通 Visual Studio Code 系列第 12 篇

技術 DAY 12 互動式遊樂場 (Part 6)

DAY 12 互動式遊樂場 (Part 6) 程式碼摺疊 Code Folding 在編輯一份大檔案時，你可以把區塊內的程式碼摺疊來增加程式碼的可讀性，把目前...

戴均民 ‧ 2019-09-27

2 Like 0 留言 993 瀏覽

鐵人賽自我挑戰組 DAY 23

網頁學習紀錄系列第 23 篇

技術鐵人賽 Day23 人員卡片介紹-基本架構

每次看 Amos 老師寫程式根本就是飛快，非常羨慕有這樣的能力，也不斷透過影片跟著老師的思維再走，看他怎麼編寫網頁的，首先先把 HTML 的架構編寫好，確認架構...

Tim Hsu ‧ 2019-09-26

1 Like 0 留言 992 瀏覽

鐵人賽 Software Development DAY 11

精通 Visual Studio Code 系列第 11 篇

技術 DAY 11 互動式遊樂場 (Part 5)

DAY 11 互動式遊樂場 (Part 5) 程式改名重構 Rename Refactoring 如果你想要統一修改一個函式或變數的名字，你可以先把游標移動到...

戴均民 ‧ 2019-09-26

0 Like 2 留言 1237 瀏覽

鐵人賽自我挑戰組 DAY 22

網頁學習紀錄系列第 22 篇

技術鐵人賽 Day22 人員卡片介紹頁面-Amos 老師的教學筆記

鐵人賽寫到今天，發現到網頁的知識什麼我很熟？什麼我很常用？什麼東西寫過就忘了？網頁程式資料真的很多，打開 W3School 已經超多可以看，還有 jQue...

Tim Hsu ‧ 2019-09-25

1 Like 0 留言 835 瀏覽

鐵人賽 Software Development DAY 10

精通 Visual Studio Code 系列第 10 篇

技術 DAY 10 互動式遊樂場 (Part 4)

DAY 10 互動式遊樂場 (Part 4) 單行動作 Line Action 因為在寫程式的時候，我們真的會很常對某一行內的所有文字一些動作，所以 VS C...

戴均民 ‧ 2019-09-25

0 Like 0 留言 793 瀏覽

鐵人賽自我挑戰組 DAY 21

網頁學習紀錄系列第 21 篇

技術鐵人賽 Day21 向 KKBOX致敬-在 footer 中使用 position 固定在底部

終於又來到了這個網頁的尾聲，用 footer 來結尾，想要呈現的樣式如下： footer 的內容不用太多，但目標要明確，比如在 header 沒有呈現的補充資訊...

Tim Hsu ‧ 2019-09-24

1 Like 0 留言 1221 瀏覽

鐵人賽 Software Development DAY 9

精通 Visual Studio Code 系列第 9 篇

技術 DAY 9 互動式遊樂場 (Part 3)

DAY 9 互動式遊樂場 (Part 3) 解決 Suggest 功能快捷鍵和中文輸入法衝突由於 Windows 預設的 editor.action.trig...

戴均民 ‧ 2019-09-24

1 Like 0 留言 4687 瀏覽

鐵人賽自我挑戰組 DAY 20

網頁學習紀錄系列第 20 篇

技術鐵人賽 Day20 向 KKBOX致敬-嵌入 youtube 連結

音樂網頁一定要有影音可以聽，這次來分享怎麼把 youtube 影片嵌入網頁中，預計畫面如下：看起來好像很難，是不是要寫什麼播放語法，還是怎麼寫入影片啊...其...

Tim Hsu ‧ 2019-09-23

1 Like 0 留言 1643 瀏覽

鐵人賽 Software Development DAY 8

精通 Visual Studio Code 系列第 8 篇

技術 DAY 8 互動式遊樂場 (Part 2)

DAY 8 互動式遊樂場 (Part 2) 多重游標編輯 Multi-cursor Editing 這個多重游標編輯主要是指區塊選擇、選擇所有相同的選取內容或...

戴均民 ‧ 2019-09-23

0 Like 0 留言 16382 瀏覽

鐵人賽自我挑戰組 DAY 6

30天學會Python 系列第 6 篇

技術 Python環境設定 Part3 - VS Code簡介

VS Code 說到安裝環境除了提到Anaconda之外，怎麼能不提到好用的Python的編輯器呢? 雖然就算沒有好用的編輯器也可以寫程式，不過一個好用的程式碼...

RRR怕大星 ‧ 2019-09-22

0 Like 0 留言 758 瀏覽

鐵人賽自我挑戰組 DAY 19

網頁學習紀錄系列第 19 篇

技術鐵人賽 Day19 向 KKBOX致敬-用 ul li 寫一個左右欄的圖文列表

ul li 列表寫法用途真的很廣泛，能呈現的方式也非常多。想要呈現的方式如下： HTML 程式碼如下 <div class="prefer...

Tim Hsu ‧ 2019-09-22

1 Like 0 留言 1584 瀏覽

鐵人賽 Software Development DAY 7

精通 Visual Studio Code 系列第 7 篇

技術 DAY 7 互動式遊樂場 (Part 1)

DAY 7 互動式遊樂場 (Part 1) 在 VS Code 的 Welcome 頁面中，有一個 Interactive Playground，可以幫助你認識...

戴均民 ‧ 2019-09-22

0 Like 0 留言 840 瀏覽

鐵人賽自我挑戰組 DAY 18

網頁學習紀錄系列第 18 篇

技術鐵人賽 Day18-向 KKBOX 致敬！用 ul li 寫一個新聞欄位!

這次要寫一個新聞欄位，是用 ul li 做成的圖文並茂，標題為連結，可以點擊的樣式畫面如下呈現: 其實寫道今天有發現到 ul li 相當常被使用到，只是內容有不...

Tim Hsu ‧ 2019-09-21

1 Like 0 留言 3948 瀏覽

鐵人賽 Software Development DAY 6

精通 Visual Studio Code 系列第 6 篇

技術 DAY 6 喜好設定

DAY 6 喜好設定今天我打算來介紹一下我自己喜歡的喜好設定，基本上喜好設定這種東西因人而異，我今天介紹的東西，如果你覺得喜歡就可以直接設定到你的 VS Co...

戴均民 ‧ 2019-09-21