邂逅Javascript

LESSON 1 - Getting Started with Javascript

認識Javascript

Terrence (TCC)

JS Project
 - Poke
 - PubCast,PubTrace
 - 酒吧打卡
 - 2015積分賽

講師

Huli (胡立)

JS Project
 - Pubspace
 - Poke
 - PubX
 - 海外頁遊
 
 
 

Lesson 1 :  Getting Started with Javascript 認識Javascript - Hello World

Lesson 2 :  Data Types 資料型態

Lesson 3 :  Operators 運算子

Lesson 4 :  Flow Control 流程控制

Lesson 5 :  Object 物件

Lesson 6 :  Functions 函數

Lesson 7 :  HTML DOM - 上

Lesson 8 :  HTML DOM - 下

什麼是Javascript

  • 動態程式語言 Dynamic Programming Language
  • 直譯式腳本語言
  • 代碼不需經過編譯
  • ECMAScript(ECMA标准)

Javascript應用

前端JS

  • 與瀏覽器事件互動
  • 操控HTML DOM(Document Object Model)
  • 前端檢查、防呆
  • 酷炫的動畫!!!

操控DOM - jQuery

視覺化 - D3.js

GUI - Bootstrap

後端JS - Node.js

桌面應用 - Electron

手機應用 - React Native

全端 Fullstack - MEAN

Learn Once

Write Anywhere

準備工具

除了IE以外的瀏覽器

Sublime Text 2

Hello World

Chrome

Firefox

Safari

Console

Alert

console.log('Hello world');
alert('Hello world');

http://www.jasondavies.com/wordcloud/#http%3A%2F%2Fwww.pubgame.tw

http://codepen.io/i2801/pen/waQPQj

http://codepen.io/akm2/pen/rHIsa

http://matthew.wagerfield.com/parallax/

一些好玩的JS範例

Made with Slides.com