給初心者的 JS 經驗與案例探討

TonyQ (王景弘)  

 本投影片為 web 投影片 @ 元智資工 Web 程式設計 

https://slides.com/tonyq/js-experiment
短網址:http://goo.gl/Z0JZZL
 

關於我

  • 元智資管( 93年 )
  • 威聯通科技股份有限公司 資深產品工程師
  • JSDC 2012 / 2013 發起人與工作小組之一
  • JavaScript.tw 社群發起人
    • 台北、台中、高雄總計 40 場以上的技術演講
    • 以探討資訊技術應用於業界實務的經驗為主
    • (歡迎加入 http://fb.javascript.tw )

初心者

  • 你「一定」用過許多網站服務(ex. FB ...etc)
  • 你「很有可能不知道」這些服務的組成要素
    • web server/DB 
    • HTML/CSS/JavaScript
  • 你「或許」會對挑戰自己寫出這些東西有興趣
     

Web 程式設計

我寫出第一個完整應用花了兩週

但弄懂所有細節,我花了五年

這需要很多時間、毅力跟勇氣

要弄懂

但幸運的事情是

很多事情不用弄懂,也可以做

"想要"

最重要

所以今天我的目標

不是教會你該怎麼寫 web

那個留給 Tinin 就好

我的目標是

說服你覺得 web 很偉大

我的目標是

說服你持續投入時間在 web

我的目標是

讓你覺得 web 不困難

我的目標「不」是

告訴你該怎麼寫程式

我的目標「不」是

告訴你 web 用到的理論原理
(但他很重要,有天你會學到)

我的目標「不」是

告訴你怎麼
讓別人說你是 web 專家

而是告訴你

你能做什麼

"現在"這門課你會學到

HTML + CSS + JS

但我以前課堂學的

微軟 asp.net web form 教學

不一樣

為什麼?

因為十年前跟今天,
世界改變很大。

所以,重要的事情是

"現在" 的 web 

我們眼中最初的 web

  • 程式碼
    • 感覺沒什麼用的 html tag
    • 好像可以很漂亮但又好像沒啥用的 css 
    • 常常寫一寫就不知道發生什麼事情的 js
    • 有點麻煩的伺服器端語言
    • 好煩喔的資料庫 
    • 靠! 阿尼 server 又掛了
  • 沒了。

我眼中後來的 web

可以把成果

即時分享給別人的程式

ex. 課表分享
ex. ptt 賭盤試算 (http://fiddle.jshell.net/3tpdnyxL/1/show/)

我從業界看到的 web

網路上的商店

網路也可以找水電跟裝潢

網路也可以看電視

讓幾萬個人一起玩神奇寶貝

其他族繁不及備載

  • 網路訂機票
  • 網路訂旅館
  • 網路訂車票
  • 網路聊天室把妹(欸)
    • 這梗有點老我知道
    • 現在應該都流行「搖一搖」

你對 web 的印象是什麼?

<我會把你們的答案補充在這裡。>

Link

那,怎麼做?

我們來想一下

<現場討論>

從用途與目標回推

這就是業界 web 工程師

什麼是業界?

願意給你錢讓你用專業來賺錢的事情,統稱業界。

業界並不美好

社會是複雜的

需要比別人厲害

俗稱叫競爭力

業界 F2E 實錄

  • 後端

  • 設計

  • 前端

可能有些人更有興趣的

待遇

其實講這麼多

大一離出社會至少還四年
到時候一定會不一樣

這就是網路

既然這麼複雜

那要怎麼樣不迷失在網路中

找路牌

  • jQuery

  • Bootstrap 

  • firebase

  • other frameworks

    • ex. angularJS ...etc

這沙小

只是一堆名詞、毫無反應

所以我們要來看看

這些到底是什麼

bootstrap
jQuery

給初心者的 JS 經驗與案例探討

By TonyQ Wang

給初心者的 JS 經驗與案例探討

@ 2014.11.17 元智資工課堂分享

  • 2,847