謝小雨
about.me/lindsayrain
前端攻城獅?
一堂適合小獅子的入門分享
謝小雨
20140722
20140729
謝小雨
about.me/lindsayrain
個人簡介
● 謝小雨 Lindsay Hsieh
● http://about.me/lindsayrain
● 經驗:
○ 全職工程師 2 年(維護主機、修電腦、管理設備、寫程
式、維護資料庫...
謝小雨
about.me/lindsayrain
分享大綱
謝小雨
about.me/lindsayrain
先來認識名稱
● 前端工程師
● 網頁前端工程師
● 前端網頁設計師
● Front End Engineer (F2E)
● Front-End Software Engineer
● Fro...
謝小雨
about.me/lindsayrain
網頁的前端技術算年輕
http://goo.gl/mf20Cj
謝小雨
about.me/lindsayrain
Web 開發的分工越來越細
http://jjperezaguinaga.com/2014/03/19/why-cant-we-find-front-end-developers/
謝小雨
about.me/lindsayrain
其實真正造就,前端工作機會的是...
謝小雨
about.me/lindsayrain
現在更多了...(Mobile Browser)
謝小雨
about.me/lindsayrain
在設計與工程之間
前端可以說是一個
重新切割出來的領域
謝小雨
about.me/lindsayrain
負責寫 HTML+CSS+JavaScript 的人 ?
你們覺得前端是什麼?
謝小雨
about.me/lindsayrain
用戶電腦、手機上跑的程式叫
{前端}
機房電腦上跑的程式叫
{後端}
看過一個不錯的說法
謝小雨
about.me/lindsayrain
設計還是前端?
那切板是誰的事?
謝小雨
about.me/lindsayrain
想從設計走到前端?先了解前端在幹嘛吧!
設計轉前端該注意的事情
個人喜歡 Muki 這篇
謝小雨
about.me/lindsayrain
我自己遇到的例子...
實際上
每一家公司分工都不一樣
謝小雨
about.me/lindsayrain
前端工程師該學什麼?
謝小雨
about.me/lindsayrain
老實說
謝小雨
about.me/lindsayrain
......我也一直在學
即使我現在告訴你
明年可能就有點不一樣了
謝小雨
about.me/lindsayrain
前端應該要會的技能 (2008.12)
https://www.flickr.com/photos/kejun/3114605967/
謝小雨
about.me/lindsayrain
前端應該要會的技能 (2011.12)
http://www.weibo.com/1700082927/xC029u1n8
謝小雨
about.me/lindsayrain
前端應該要會的技能 (2012.03)
http://mzhou.me/?attachment_id=95577
http://mzhou.me/wp-content/uploads/2012/...
謝小雨
about.me/lindsayrain
前端應該要會的技能 (2012.03)
謝小雨
about.me/lindsayrain
前端應該要會的技能 (2012.03)
謝小雨
about.me/lindsayrain
前端應該要會的技能 (2014.04)
http://www.weibo.com/1743150280/B1tBrFX2J
謝小雨
about.me/lindsayrain
前端應該要會的技能 (2014.04)
謝小雨
about.me/lindsayrain前端應該要會的技能 (2014.04)
謝小雨
about.me/lindsayrain
前端應該要會的技能
2015年相信還會更多....
謝小雨
about.me/lindsayrain
還好,學習資源很多
先推薦幾個
謝小雨
about.me/lindsayrain
自學推薦
● CodeCademy
HTML+CSS, JavaScript, jQuery
英語教學,讓你自然而然習慣兩種語言
● Code School - 遊戲化學習
有免費也有 $29 ...
謝小雨
about.me/lindsayrain
實體課程
● Amos 跟 Muki 的課程
HTML + CSS + jQuery 前端組合課程招生與
介紹
給設計師的入門前端課程
(好像已經開課了.....)
● Will 保哥的技術交流...
謝小雨
about.me/lindsayrain
追蹤特定專家跟新技術
● http://uptodate.frontendrescue.org/
這有整理很多 twitter上的專家跟專題
● http://www.weibo.com/roc...
謝小雨
about.me/lindsayrain
最重要的!定期分享自己的想法
● 社群網站
● 寫 Blog
● 跟同事朋友面對面分享簡報
分享知識時,加上自己的見解
謝小雨
about.me/lindsayrain
跨領域的學習
謝小雨
about.me/lindsayrain
參與社群 (不侷限在前端)
● Front End Developers Taiwan
● JavaScript.tw
● HPX (HPX Life、HPX Campus)
● IxDA
● ...
謝小雨
about.me/lindsayrain
參與論壇與活動 (不侷限在前端)
● JSDC
● WebConf
● MIX 2014
● HITCON
● UiGathering
補充:Taiwan Conf List
謝小雨
about.me/lindsayrain
懂得去哪裡找答案
除了會 Google 之外
● stackoverflow
● Quora
● 知乎
● 在社群發問&解答別人問題
謝小雨
about.me/lindsayrain
發展多元興趣
● 體驗
● 學習
● 分享交流
● 可提高你觀察人事物的敏感度
謝小雨
about.me/lindsayrain
公司怎麼找人才?
謝小雨
about.me/lindsayrain
前端的人來自兩種領域
● 設計背景
● 技術背景
http://www.adhamdannaway.com/
謝小雨
about.me/lindsayrain
前端工程師的應有人格特質
● 設計 + 工程
● 美感 + 理性
● 對吸收新知充滿熱情
● T型,π型更好
● 會罵「IE 去死!」卻又懂得如何駕馭它
謝小雨
about.me/lindsayrain
前端工程師最最最最基本條件
● 會純的 HTML,CSS, JavaScript
● 至少了解一種後端程式語言
● 熟悉一套 JS Framwork,不只會用,去了解它
的原理
● 對UX領域保...
謝小雨
about.me/lindsayrain
● 溝通:接收與傳達
● 廣泛的學習
● 分析完整的脈落
○ 請你推薦你覺得好用的網站或是app,試著分析好用的
地方是什麼 (跟一位 Google F2E 請教的)
● 解決問題的能力
○ 嘗...
謝小雨
about.me/lindsayrain
問雨答
Q&A
簡報分享
http://www.slideshare.net/lindsayrain/20140729-37461980
https://speakerdeck.com/lind...
謝小雨
about.me/lindsayrain
104人力銀行_一零四資訊科技股份有限公司
前端網頁程式設計師
Front-End Web Developer
工商服務時間
Upcoming SlideShare
Loading in …5
×

前端攻城獅?一堂適合小獅子的入門分享 20140729

2,279 views
2,147 views

Published on

HPX Campus 27 – 前端攻城獅?一堂適合小獅子的入門分享 / 謝小雨
http://www.hpx.tw/archives/16774
主要想分享踏入前端該有的觀念,提供一些學習資源給大家參考。

Published in: Technology
0 Comments
33 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,279
On SlideShare
0
From Embeds
0
Number of Embeds
26
Actions
Shares
0
Downloads
46
Comments
0
Likes
33
Embeds 0
No embeds

No notes for slide

前端攻城獅?一堂適合小獅子的入門分享 20140729

  1. 1. 謝小雨 about.me/lindsayrain 前端攻城獅? 一堂適合小獅子的入門分享 謝小雨 20140722 20140729
  2. 2. 謝小雨 about.me/lindsayrain 個人簡介 ● 謝小雨 Lindsay Hsieh ● http://about.me/lindsayrain ● 經驗: ○ 全職工程師 2 年(維護主機、修電腦、管理設備、寫程 式、維護資料庫、開報價單…等) ○ 全端工程師 3 年(ASP, PHP, JSP, Flash, ColdFusion, Java, JavaScript...等。) ○ 研發企劃 2 年 (創新服務的導入、研發、實驗) ○ 前端工程師 3 年(Team Leader)
  3. 3. 謝小雨 about.me/lindsayrain 分享大綱
  4. 4. 謝小雨 about.me/lindsayrain 先來認識名稱 ● 前端工程師 ● 網頁前端工程師 ● 前端網頁設計師 ● Front End Engineer (F2E) ● Front-End Software Engineer ● Front End Developer ● Front End Web Developer ● Front-End Web Designer/Developer ● User Interface / Front-End Developer
  5. 5. 謝小雨 about.me/lindsayrain 網頁的前端技術算年輕 http://goo.gl/mf20Cj
  6. 6. 謝小雨 about.me/lindsayrain Web 開發的分工越來越細 http://jjperezaguinaga.com/2014/03/19/why-cant-we-find-front-end-developers/
  7. 7. 謝小雨 about.me/lindsayrain 其實真正造就,前端工作機會的是...
  8. 8. 謝小雨 about.me/lindsayrain 現在更多了...(Mobile Browser)
  9. 9. 謝小雨 about.me/lindsayrain 在設計與工程之間 前端可以說是一個 重新切割出來的領域
  10. 10. 謝小雨 about.me/lindsayrain 負責寫 HTML+CSS+JavaScript 的人 ? 你們覺得前端是什麼?
  11. 11. 謝小雨 about.me/lindsayrain 用戶電腦、手機上跑的程式叫 {前端} 機房電腦上跑的程式叫 {後端} 看過一個不錯的說法
  12. 12. 謝小雨 about.me/lindsayrain 設計還是前端? 那切板是誰的事?
  13. 13. 謝小雨 about.me/lindsayrain 想從設計走到前端?先了解前端在幹嘛吧! 設計轉前端該注意的事情 個人喜歡 Muki 這篇
  14. 14. 謝小雨 about.me/lindsayrain 我自己遇到的例子... 實際上 每一家公司分工都不一樣
  15. 15. 謝小雨 about.me/lindsayrain 前端工程師該學什麼?
  16. 16. 謝小雨 about.me/lindsayrain 老實說
  17. 17. 謝小雨 about.me/lindsayrain ......我也一直在學 即使我現在告訴你 明年可能就有點不一樣了
  18. 18. 謝小雨 about.me/lindsayrain 前端應該要會的技能 (2008.12) https://www.flickr.com/photos/kejun/3114605967/
  19. 19. 謝小雨 about.me/lindsayrain 前端應該要會的技能 (2011.12) http://www.weibo.com/1700082927/xC029u1n8
  20. 20. 謝小雨 about.me/lindsayrain 前端應該要會的技能 (2012.03) http://mzhou.me/?attachment_id=95577 http://mzhou.me/wp-content/uploads/2012/03/%E5%A4%A7%E5%89%8D%E7%AB%AF.png
  21. 21. 謝小雨 about.me/lindsayrain 前端應該要會的技能 (2012.03)
  22. 22. 謝小雨 about.me/lindsayrain 前端應該要會的技能 (2012.03)
  23. 23. 謝小雨 about.me/lindsayrain 前端應該要會的技能 (2014.04) http://www.weibo.com/1743150280/B1tBrFX2J
  24. 24. 謝小雨 about.me/lindsayrain 前端應該要會的技能 (2014.04)
  25. 25. 謝小雨 about.me/lindsayrain前端應該要會的技能 (2014.04)
  26. 26. 謝小雨 about.me/lindsayrain 前端應該要會的技能 2015年相信還會更多....
  27. 27. 謝小雨 about.me/lindsayrain 還好,學習資源很多 先推薦幾個
  28. 28. 謝小雨 about.me/lindsayrain 自學推薦 ● CodeCademy HTML+CSS, JavaScript, jQuery 英語教學,讓你自然而然習慣兩種語言 ● Code School - 遊戲化學習 有免費也有 $29 per month ● 前端工程開發實務 http://f2eclass.com/ ● Learning Path (實體課程已經截止) ○ http://week1.learning-path.info/ ○ http://week2.learning-path.info/ ○ http://week3.learning-path.info/ ○ http://week4.learning-path.info/
  29. 29. 謝小雨 about.me/lindsayrain 實體課程 ● Amos 跟 Muki 的課程 HTML + CSS + jQuery 前端組合課程招生與 介紹 給設計師的入門前端課程 (好像已經開課了.....) ● Will 保哥的技術交流中心 北、中、南都顧到了
  30. 30. 謝小雨 about.me/lindsayrain 追蹤特定專家跟新技術 ● http://uptodate.frontendrescue.org/ 這有整理很多 twitter上的專家跟專題 ● http://www.weibo.com/rockux 微博可關注特定的公司、技術團體、名人...
  31. 31. 謝小雨 about.me/lindsayrain 最重要的!定期分享自己的想法 ● 社群網站 ● 寫 Blog ● 跟同事朋友面對面分享簡報 分享知識時,加上自己的見解
  32. 32. 謝小雨 about.me/lindsayrain 跨領域的學習
  33. 33. 謝小雨 about.me/lindsayrain 參與社群 (不侷限在前端) ● Front End Developers Taiwan ● JavaScript.tw ● HPX (HPX Life、HPX Campus) ● IxDA ● RGBA ● Angular.js ● 台灣資訊圖表討論
  34. 34. 謝小雨 about.me/lindsayrain 參與論壇與活動 (不侷限在前端) ● JSDC ● WebConf ● MIX 2014 ● HITCON ● UiGathering 補充:Taiwan Conf List
  35. 35. 謝小雨 about.me/lindsayrain 懂得去哪裡找答案 除了會 Google 之外 ● stackoverflow ● Quora ● 知乎 ● 在社群發問&解答別人問題
  36. 36. 謝小雨 about.me/lindsayrain 發展多元興趣 ● 體驗 ● 學習 ● 分享交流 ● 可提高你觀察人事物的敏感度
  37. 37. 謝小雨 about.me/lindsayrain 公司怎麼找人才?
  38. 38. 謝小雨 about.me/lindsayrain 前端的人來自兩種領域 ● 設計背景 ● 技術背景 http://www.adhamdannaway.com/
  39. 39. 謝小雨 about.me/lindsayrain 前端工程師的應有人格特質 ● 設計 + 工程 ● 美感 + 理性 ● 對吸收新知充滿熱情 ● T型,π型更好 ● 會罵「IE 去死!」卻又懂得如何駕馭它
  40. 40. 謝小雨 about.me/lindsayrain 前端工程師最最最最基本條件 ● 會純的 HTML,CSS, JavaScript ● 至少了解一種後端程式語言 ● 熟悉一套 JS Framwork,不只會用,去了解它 的原理 ● 對UX領域保持熱忱 ● 積極吸收最新趨勢 ● 能解決跨瀏覽器問題 (需經驗累積、重點是不 可以排斥)
  41. 41. 謝小雨 about.me/lindsayrain ● 溝通:接收與傳達 ● 廣泛的學習 ● 分析完整的脈落 ○ 請你推薦你覺得好用的網站或是app,試著分析好用的 地方是什麼 (跟一位 Google F2E 請教的) ● 解決問題的能力 ○ 嘗試告訴我你最近一次遇到問題時,你是怎麼解決 的? 主管最重視的 - 溝通能力&態度
  42. 42. 謝小雨 about.me/lindsayrain 問雨答 Q&A 簡報分享 http://www.slideshare.net/lindsayrain/20140729-37461980 https://speakerdeck.com/lindsayrain/xie-xiao-yu
  43. 43. 謝小雨 about.me/lindsayrain 104人力銀行_一零四資訊科技股份有限公司 前端網頁程式設計師 Front-End Web Developer 工商服務時間

×