前言: 前面我們介紹了很多html, css, php和mysql相關的內容了!今天我們要繼續來介紹JavaScript!這個JavaSript呢可以說是目前...
外觀 ⧕ indent-rainbow增加視覺舒適度,顏色區分上更加美觀 ⧕ One Dark Pro美化編輯器外觀 ⧕ vscode-iconsic...
進入 aside 中間部分的編寫,想要寫成下方畫面程式碼滿簡單的,跟前面的程式碼差不多,但這次加入了畫面優化跟效果, 先來看一下 HTML 程式碼 <u...
在安裝完vscode後小光會發生甚麼事呢 經過昨天的震撼教育後,小光回家有先練習了一下dotnet sdk的安裝以及vscode的安裝,但是打開vscode之後...
DAY 20 HTML 神器 - Emmet (Part 3) 加上 id、class 與屬性 Emmet 支援使用 css selector 來讓快速幫你打上...
大家好,我是韋恩,今天是第二十八天,讓我們會練習獲取extension的api,為專案的重點功能做準備! Extension API簡介 在vscode的a...
Angular推薦編輯器 VSCode 好用插件: Auto Import:自動引用 Autoprefixer:自動添加相關css CSS Formatt...
大家好,我是韋恩,今天是鐵人賽的二十六天,讓我們在專案的現有架構裡導入WebViewPanel元件吧! CodeManager當前專案架構 在昨天,我們初步...
大家好,我是韋恩,今天是鐵人賽的二十二天,讓我們來幫專案實現創建工作區的功能吧! Day22專案實作: 創建使用者的snippet工作區 在前天的練習,我們c...
用 CSS 寫出方形不太困難,但寫出三角形真的是滿酷的一件事情,不用圖片本身去製作,而是直接用 CSS 來製作三角形的遮罩感,想要呈現的如下圖: 這次算是學到了...
拆彈教學 接下來的文章,會使用CDK去建置AWS上的服務,在使用CDK之前需要先安裝一些程式,才可以使用。 安裝程式 確定在CDK會使用到的程式語言,是否有安...
大家好,我是韋恩,今天是鐵人賽的二十三天,讓我們來幫專案實現創建樹狀元件並讀取工作區程式碼片段的功能吧! Day23專案實作: 開發使用者的snippet樹狀元...
安裝 Git Bash (Git for Windows) Windows 在安裝 Git 的地方有兩個,一個是 gitforwindows.org,另一個是...
小弟熱愛音樂,前一週自己發想一個音樂主題的頁面網站,記錄各樣的網頁撰寫方式,接下來這一週要向 KKBOX 致敬,撰寫內容如下 navbar 導覽列 左邊 si...
這篇文章會介紹 VSCODE 套件 Polacode 的使用跟需要注意的部分 有興趣的讀者,可以到我的 Medium 上面看看 文章連結: https://12...
這次要把上次寫好的人員卡片來做個互動效果,讓使用網頁的人覺得不無聊,畫面預計滑鼠經過後會有這樣的效果,如下圖。 SCSS 是這樣編寫的,程式碼如下 .card...
攝氏與華氏 常見的氣溫標記方式為攝氏溫標(degree Celsius)和華氏溫標(degree Fahrenheit),也就是常見的 °C 或 °F 兩種,這...
每次看 Amos 老師寫程式根本就是飛快,非常羨慕有這樣的能力,也不斷透過影片跟著老師的思維再走,看他怎麼編寫網頁的,首先先把 HTML 的架構編寫好,確認架構...
DAY 11 互動式遊樂場 (Part 5) 程式改名重構 Rename Refactoring 如果你想要統一修改一個函式或變數的名字,你可以先把游標移動到...
DAY 17 擴充功能簡介 (Part 2) 在前一天的文章中我已經教你如何管理擴充功能了,今天就是要來教你要怎麼找到擴充功能進行安裝。 排序依據 當你有想找的...
簡單做個 React 的 Hello, world。 官方範例 從昨日的作業中,預設運作中可以看到預設畫面,這時我們去看資料夾可以知道他的結構。 資料夾與檔案解...
輕鬆快速道路 今日會使用CDK建立一樣的架構,如下圖:在CDK可能有很多種不同的建立方式,這邊會介紹兩種,講述程式的開發流程。建置AWS的服務時,能畫出清晰的架...
大家好,我是韋恩,今天是鐵人賽的二十五天,讓我們來設計extension的事件與資料流處理吧! Day25專案實作: 設計Extension中的事件與資料流...
突破之路 此篇,採用比較嚴謹的方式,去建置AWS的服務,也是以同樣的架構,做對比,如下圖:今日會介紹需要自己設置route table,連接internet g...
一直以來在 VS Code 複製貼上自動排版,反倒常常將我已經排版好的 code 弄亂,或是有時我連同斷行一起複製,卻自動幫我把斷行取消,如影片,深受困擾。還...
DAY 21 HTML 神器 - Emmet (Part 4) 群組 你可以使用 () 來對一整個元素做操作,如 table>(tr>td*3)*3...
Windows安裝 VSCode下載 Linux安裝 sudo apt-get update sudo apt-get install snapd sudo s...
1 安裝gradle 使用對應版本;A 官網鏈接:https://gradle.org/next-steps/?version=4.8.1&format...
DAY 15 互動式遊樂場 (Part 9) 感謝 Thanks! 相信當你看到這裡的時候,你已經接觸了不少 VS Code 中的一些編輯相關的功能,但是別止步...
aside 終於進入最後一個部分,也就是播放器了,預計呈現樣式如下圖: 這次用了比較多技巧跟方式,慢慢的講解吧!!HTML 如下: <div class=...