JavaScript 入門篇 - 學徒的試煉
4.8 (231 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
790 students enrolled
Wishlisted Wishlist

Please confirm that you want to add JavaScript 入門篇 - 學徒的試煉 to your Wishlist.

Add to Wishlist

JavaScript 入門篇 - 學徒的試煉

還不會目前業界最為流行的 JavaScript 嗎?讓六角學院線上手把手教會你/妳!
4.8 (231 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
790 students enrolled
Last updated 9/2017
Traditional Chinese
Price: $85
30-Day Money-Back Guarantee
Includes:
  • 15 hours on-demand video
  • 13 Articles
  • 64 Supplemental Resources
  • 42 Coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
What Will I Learn?
  • 將會具備紮實並全面性的 JS 觀念
  • 掌握原生 JS ,輕易寫出跨瀏覽器程式語法
  • 大量的線上測驗讓妳容易將每章節的觀念融會貫通
  • 提供期末最終作業,讓線上講師為您評估學習狀況
View Curriculum
Requirements
  • 不適合沒學過 HTML、CSS 的初學者
  • 需要安裝 Chrome 網頁瀏覽器
Description

本課程將會講解如何從無到有學習 JavaScript,除了基礎教學外,我們也提供許多實務上與其他部門合作時的心法通通傳授給你, 不論你是網頁設計師、前端工程師都相當適合從中了解真正實務上設計 JavaScript 時所需要注意的細節! 六角學院除了提供線上影音課程外也提供:

  • 無限期、無限次數地觀看線上教學影片
  • 隨時可提問的 udemy 發問社群
  • 每週三晚上七點半的線上問答
  • 提供三次 程式碼檢視,以確保各位學生觀念正確
Who is the target audience?
  • 想要成為專業的網頁設計師、前端工程師
  • 想要設計出高質感,優良使用者體驗的網頁介面的潛在開發者
Compare to Other Web Development Courses
Curriculum For This Course
155 Lectures
15:20:10
+
前言提要
3 Lectures 01:37
六角學院線上問答會資訊
00:04


前端心法課程 - 六角網頁前端養成專欄
00:01
+
JavaScript 的前世今生
7 Lectures 43:13

JavaScript 環境設定 (編輯器、jsbin、console)
05:05

建構第一個 JS 環境
05:27

HTML、CSS、JavaScript 的關聯性
06:44

ID 寫法、textcontent
15:18

直譯器流程介紹
10:19

第一章測驗
5 questions

挑戰成功
00:10
+
變數
9 Lectures 01:00:26
挑戰開始
00:10

變數簡介
07:52

變數 number 介紹、加減乘除
13:06

變數 string 介紹
11:24

如何輸出內容?
04:55

變數規則
06:06

變數 - 數字新增刪除修改
11:29

undefined 介紹
05:14

變數練習 - 建立變數 - 字串篇
1 question

變數練習 - 建立變數 - Number 篇
1 question

變數練習 - 字串應用
1 question

變數練習 - Numer 加減乘除應用
1 question

變數練習 - Number 的除法與餘數
1 question

變數練習 - 變數型態複習
1 question

變數練習 - 變更變數的值
1 question

變數練習 - 與 HTML 的互動
1 question

+
函式
11 Lectures 01:12:09
挑戰開始
00:10

為什麼需要 function?
08:21

function 的寫法
10:24

function 帶參數
06:26

全域與區域變數
11:39

hositing 、var 觀念
03:17

function 計算機案例 (1)
01:28

function 計算機案例 (2)
10:44

function 計算機案例 (3)
14:11

function 搭配 return 寫法
05:19

函數練習(1)建立函數
1 question

函數練習(2)呼叫函數
1 question

函數練習(3)建立與呼叫函數
1 question

函數練習(4)函數參數 part1
1 question

函數練習(5)函數參數 part2
1 question

函數練習(6)多個函數參數 part1
1 question

函數練習(7)多個函數參數 part2
1 question

函數練習(8)全域變數
1 question

函數練習(9)函數的return
1 question

函數練習(10)函數間的呼叫
1 question

挑戰成功
00:10
+
陣列與物件
9 Lectures 01:00:39
挑戰開始
00:10

為什麼需要陣列?
03:31


陣列寫法教學
14:05

物件簡報介紹
04:33

物件寫法教學
13:23

物件+function 運用技巧
08:39

物件+陣列設計流程
10:34

陣列練習(1)-陣列的宣告
1 question

陣列練習(2)-陣列的運用
1 question

物件練習(1)-物件的宣告
1 question

物件練習(2)-物件的運用
1 question

物件練習(3)-物件與函數
1 question

陣列與物件
1 question

挑戰成功
00:10
+
控制判斷(運算子、if、switch)
15 Lectures 01:27:11
挑戰開始
00:10

以日常生活為例探討為何需要控制判斷
04:05

比較運算子:==、!==
07:07

比較運算子:==、!==,程式碼範例
10:26

比較運算子:嚴謹模式 ===
04:49

比較運算子: >、<
04:26

邏輯運算子: &&、||、!
09:54

邏輯運算子:範例程式碼
06:03


if - 程式碼教學
07:59


else if - 程式碼教學
09:11

switch - 簡報介紹
04:19

switch - 程式碼教學
10:53

控制判斷練習(1)比較運算子Part1
1 question

控制判斷練習(2)比較運算子Part2
1 question

控制判斷練習(3)邏輯運算子
1 question

控制判斷練習(4) if else
1 question

控制判斷練習(5) else if
1 question

控制判斷練習(6) switch
1 question

變數練習 - 建立變數-Boolean篇
1 question

變數練習 - Boolean 應用
1 question

挑戰成功
00:10
+
迴圈
14 Lectures 01:17:01
挑戰開始
00:10

為什麼需要學習迴圈?
03:59

for 寫法
09:09

for-array 寫法
08:52

for if 寫法
06:42

for - i++ 寫法
03:12

for - 加總
05:15

for 與 break 運用
08:59

json 格式介紹
03:16

JSON VIEW chrome 插件
04:25

擷取 JSON 格式流程
04:56

for - opendata 範例 (上)
05:55

OPEN DATA 範例 (下)
12:01

迴圈練習(1)-建立迴圈
1 question

迴圈練習(2)-迴圈與陣列
1 question

迴圈練習(3)-迴圈與判斷
1 question

迴圈練習(4)-迴圈與加總
1 question

迴圈練習(5)-迴圈與 break
1 question

挑戰成功
00:10
+
DOM
13 Lectures 01:17:18
挑戰開始
00:10

什麼是 DOM ?
03:00

querySelector - 選擇單一元素
06:27

querySelectorAll - 可重複選取多個元素
05:19

setAttribute - 增加標籤屬性
09:55

插入 HTML 標籤的兩種方法
01:27

innerHTML 寫法 (上)
06:47

ineerHTML (下)
06:40

innerHTML 與 for 運用
08:44

createElement 寫法
09:04

createElement 與 for 運用
08:02

XSS 跨網站指令碼注意事項(Cross-site scripting)
11:33

DOM練習(1)-querySelector
1 question

DOM練習(2)-setAttribute
1 question

DOM練習(3)-innerHTML
1 question

DOM練習(4)-creatElement
1 question

DOM練習(5)-與for迴圈搭配
1 question

挑戰成功
00:10
+
event (事件)
18 Lectures 01:51:08
挑戰開始
00:10

什麼是 event (事件)?
02:41

event 物件 - 告知你當下元素資訊
08:55

觀念篇 - 各種事件綁定的差異
05:55

addEventListener - 事件監聽
04:05

綁定事件的語法差異
07:11

Event Bubbling、Event Capturing 差異
11:01

stopPropagation - 中止冒泡事件
05:07

preventDefault - 取消預設觸發行為
07:07

e.target - 了解目前所在元素位置
06:38

change - 表單內容更動內容時觸發
13:46

keyCode - 點擊鍵盤,射發火箭!
09:03

blur - 離開焦點時進行事件觸發
05:15

mouse - 當滑鼠滑入指定內容時觸發
06:29

網頁座標 - 了解 screen、page、client 箇中差異
06:46

網頁座標 - 應用篇
03:40

事件監聽優化篇 - 從父元素來監聽子元素內容
07:09

挑戰成功
00:10
+
localStorage - 瀏覽器資料儲存
8 Lectures 01:07:39
什麼是 localStorage ?
06:16

setItem、getItem 基本操作
11:00

透過 JSON.parse、JSON.stringify 來編譯資料
10:06

data-* - 透過 dataset 讀取自訂資料
07:39

dataset、array 運用
14:21

splice - 刪除 array 資料
05:53

localStorage 作業介紹
02:49

localStorage 作業講解
09:35
7 More Sections
About the Instructor
廖洧杰 liao
4.7 Average rating
2,989 Reviews
10,640 Students
11 Courses
前端工程師

你好,我是六角學院的校長,洧杰,

我是熱愛分享與交流的前端工程師,目前專注於兼容 Desktop / Mobile 網頁前端開發,期間已協助數百位平面設計師、網頁設計師導入標準網頁設計。

同時我也是高雄前端社群創辦人,於2013年3月31日創立社群,每月固定舉辦前端主題聚會,至今已舉辦超過30場聚會,不重複參與人數破千位,2015年協助14位平面設計師、網頁工程師轉職為前端工程師。同時也是國立高雄大學資管前端兼任講師、業界講師。

Evangelin Lin
4.8 Average rating
1,593 Reviews
5,228 Students
6 Courses
六角 學院
4.7 Average rating
2,989 Reviews
10,640 Students
11 Courses
Udemy 台灣合作夥伴

一次付費,終身複習 
隨著時代更新的線上數位教材
透過國際知名 Udemy 線上教育平台 
我們致力於優化程式教育的流程

我們承諾以下事項:

  • 一次付費,課程內容沒有期限
  • 課程內容更新,無需額外付費
  • 價格調整,已付費者不受影響
  • Udemy、Mail、Facebook 等各頻道發問一定會得到回答
  • 30 天內無條件退款


王志誠 Wang
4.7 Average rating
2,989 Reviews
10,640 Students
11 Courses
前端設計師、前端工程師

大家好,我是王志誠 (Casper),是由設計師轉為前端工程師,專長是視覺設計與前端整合、前端技術教育訓練、前端自動化,常用的工具、技術有 Sketch、Sass、Angular.js、Node.js、Gulp 等主流前端技術。

目前是高雄前端社群的核心成員,高雄前端社群除了會有中型的交流會、Workshop以外,我還會舉辦 CSS 讀書會(每月1~2次),如果對 前端、CSS 有興趣,歡迎追蹤 FB / 高雄前端社群,將可以看到我們的活動。