前端攻城獅？一堂適合小獅子的入門分享 / 謝小雨

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

Transcript

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