FE102

前端開發環境新手村

你/妳準備好寫程式初期的裝備與技能了嗎？

這系列影片將帶您走訪，「前端」開發該知道的初階技能，像是編輯器、HTML、CSS 與 JavaScript 基本概念。 前端，相較於後端，決定了一個網站該怎麼呈現，堪稱一個網站的門面。由於所見即所得，更是諸多新手趨之若鶩的領域。若你/妳剛對網站、對寫程式產生興趣，歡迎繼續收看、一起一探究竟。

免費課程
開始上課！
  • 終身存取權
  • 可行動裝置使用
  • 課程時長：1.1 小時
  • 結業證書

講師介紹

使用者大頭貼

Lin

五倍學院 前端工程師

課程特色

這系列影片將會持續更新，而且不會用到太艱深的程式碼或專有名詞，但希望你/妳能對基本的 HTML、CSS、JavaScript 語法有一些些概念。或者，對於基礎英文有點概念就好，我們可以一起來看看，程式碼是怎麼塑造出一個網站的樣子，而「前端」工程師又在其中扮演了什麼角色？

課程章節

簡單好用的文字編輯器 VSCode part 1

00 : 14 : 06

VSCode 的安裝與使用

觀看影片

07 : 26

Debugger 除錯器

觀看影片

03 : 01

VSCode Extensions

觀看影片

01 : 40

VSCode 終端機

觀看影片

01 : 27

小結

觀看影片

00 : 32

簡單好用的文字編輯器 VSCode part 2

00 : 14 : 34

小地圖

觀看影片

02 : 15

預覽模式

觀看影片

01 : 50

版面配置

觀看影片

01 : 57

存檔自動格式化

觀看影片

01 : 14

多重選取

觀看影片

01 : 52

複製、移動一整行程式碼

觀看影片

01 : 46

Sticky Scroll 黏性滾動效果

觀看影片

01 : 24

Zen Mode

觀看影片

01 : 34

小結

觀看影片

00 : 42

好用的 VSCode 擴充程式

00 : 29 : 20

Live Server

觀看影片

11 : 14

JavaScript code snippets

觀看影片

02 : 51

Peacock

觀看影片

01 : 51

TODO Highlight

觀看影片

05 : 04

Code Runner

觀看影片

02 : 56

Live Share

觀看影片

04 : 13

Color Highlight

觀看影片

01 : 11

Chrome 瀏覽器擴充套件

00 : 12 : 28

簡介

觀看影片

01 : 44

Responsive Viewer

觀看影片

02 : 51

HTML5 Outliner

觀看影片

01 : 52

ColorZilla

觀看影片

02 : 09

Fonts Ninja

觀看影片

01 : 47

Check My Links

觀看影片

01 : 28

小結

觀看影片

00 : 37

FE102

前端開發環境新手村

免費課程
開始上課！
  • 終身存取權
  • 可行動裝置使用
  • 課程時長：1.1 小時
  • 結業證書

其他課程推薦