Upgrade to Pro — share decks privately, control downloads, hide ads and more …

F2E, the Keystone

F2E, the Keystone

前端工程師 - 軟體開發與設計不可或缺的角色

Joseph Chiang

May 18, 2013
Tweet

More Decks by Joseph Chiang

Other Decks in Technology

Transcript

  1. As a Front-end Engineer... • josephj / 啊嗚 • 這樣做就對了

    http://josephj.com • 前端工程師,經驗 8 年 • 倚老賣老、分享在前端產業的點滴 • 看見前端工程師的價值 • 求進步,讓前端成為一個產業
  2. <!-­‐-­‐  Option  1  -­‐-­‐> <span>        <a  href="#">Link</a>

    </span> <!-­‐-­‐  Option  2  -­‐-­‐> <a  href="#">        <span>Link</span> </a> <!-­‐-­‐  Option  3  -­‐-­‐> <a  href="#">Link</a> 連結前⽅方裝飾圖,該怎麼安排 HTML/CSS Background 會做不代表 Know Why (當時的考題) 你寫的每⼀一⾏行 Code,是否都有仔細思考過? Link
  3. 2004 年:在外兼課 想藉由教基礎網頁開發、把前端基礎給打好 • 第一堂課介紹 WD(Web Developer)是什麼.... • Norie 學員:「我同學

    (Beckie) 在雅虎做這個」@@ • MSN 問 Hedger,他說:「我們正缺人,過來吧!」 • 就這樣莫名其妙進去了 XD
  4. 2007 年:HK Asia F2E Training Nate Koechley Chris Heilmann Douglas

    Crockford 我的一個小問題,大師們認真的討論讓我感動不已 我 克軍
  5. 大師們在台灣傳承前端的種子 Nate 講 YUI @ OSDC 2008 Awoo 校園徵才與 Y!

    Course Douglas 講 JavaScript @ OSDC 2010 Chris 講 Accessibility @ OSDC 2009 大多藉由 OSDC 或 COSCUP、並沒有專門的管道
  6. 前端、你的名字叫熱血 前端工程師身體裡所流的血液!時時刻刻保持熱血 • Hedger 從無到有刻了一個 TabView 給我 看。這就是「Culture of Sharing」啊!

    • Nate 說:「前端工程師就像拿著顯微 鏡,專注於 HTML / CSS / JavaScript 的 不斷改善」 • Nate 對產品的堅持、顧客導向的精神。
  7. 前端工程師的中心思想 • The devil is in the details • Culture

    of Sharing • Write it down! • Positive Thinking • Facilitate Team Members 技術能力不是最重要的,態度才是! 在 miiiCasa 新人訓練的第一堂課
  8. 對前端、一些常見的認知 • JavaScript = 玩具語言 • 跟後端相比,簡單多了 • 不上不下 •

    入門容易 • Better to have = 沒有也沒關係 • 薪水比較便宜
  9. 變成公司內沒辦法缺少的角色,Why ? 為什麼會不可缺少? • 工程師不愛切版 • 重視邏輯與資料、不管呈現 • 設計師不愛切版 •

    重視呈現、不管作法 加上瀏覽器、JS/CSS 日益複雜,工程師永遠滿足不了設計師 只有前端工程師可以把技術和設計完美結合
  10. Why are Front-end Developers so high in demand at startup

    if Front- end Development is relatively easier than other fields of engineering? 為什麼前端工程師在 Start-up 需求超高,但前端 開發卻是相對簡單的? Why are Frontend Engineers in such short supply? 為什麼前端工程師如此短缺? 为什么前端⼯工程师很难找? 為什麼前端工程師很難找? 軟體產業對前端的共同問題 同時反應了前端的真實價值、與產業的問題
  11. Simon Willison Lanyrd.com CEO、 Django Co-creator • 與其他⼯工程相較,前端絕對不是⽐比較簡單的。 • 需要在⾮非常多的環境寫程式並運⾏行。

    • 開發與偵錯⼯工具⾮非常有限。 • 好的前端可以顧及效能、安全性、與 Responsive Design。 • 冒出的不同新技術,前端得理解並處理⽀支援度的問題。 • 說真的,後端⼯工程師處理的事簡單多了。 Seriously, Server-side developers have it easy. 實際有創業的硬底技術人
  12. 張克軍 豆瓣前端工程師 玩技术的都愿意玩“深”的技术,玩设计的又 不愿弄脏自己的手。但是最终能把技术和设计 完美结合在一起要靠前端工程师。 • ⼀一個網站⽤用⼾戶體驗好,會被認為是有很厲害的設計師 • ⼤大公司分⼯工過細,職能限制在很⼩小的環節上 •

    ⼩小公司要求⾯面⾯面俱到,開發品質拙劣 • ⼊入⾏行⾨門檻低,優秀前端⼈人員流失嚴重(指轉⾏行) • 個⼈人得不到持續發展,做兩年認為到頂了、紛紛轉⾏行 大陸知名的前端工程師
  13. 看清自己的價值 • 前端需求只會越來越多: • Web 應⽤用程式化 • HTML 是共通的標準 •

    Mobile Web 總是會有成熟的⼀一天 • 前後兼顧 - Node.js • 換⼯工作容易,沒有程式語⾔言不同的累贅 • 市場上,好的前端⼯工程師仍然很少
  14. 周圍一些混得很不錯的前端 Bobby 前盛大「前端總監」 Adam 經典賽 FAN CAVE 台灣代表 Rex 近兩年台灣開發者競賽常勝軍

    Huge 陸續任職於美國雅虎 Spotify、Netflix 前端工程師 你應該看到自己的價值 努力去追尋自己的夢想
  15. 需打好基礎 • 需要了解每個 HTML 標籤的意義 • 前端 ≠ jQuery •

    JavaScript 跟 DOM API 的關連與區別 • Event 事件模型是什麼 • AJAX, JSONP 是什麼 怎麼回事?90% 的前端面試者不會 Clear Float 這些都是基本的基本,務必要做好準備 CSS ⼊入⾨門 - 浮動 (p14)
  16. Front-end engineers are right at the nexus of computer science

    and design. “前端工程師正是下個世代 電腦科學與設計的答案” Blake Elshire UX Developer at Fossil http://nate.koechley.com/blog/2008/06/11/slides-professional- frontend-engineering/#ixzz2RjtCuCat
  17. We need more evangelists and organizations to take up this

    cause and push our profession forward. “我們需要更多的傳教士與 社群把我們的專業向前推” Blake Elshire UX Developer at Fossil http://nate.koechley.com/blog/2008/06/11/slides-professional- frontend-engineering/#ixzz2RjtCuCat
  18. Thank you! • GitHub - josephj • Facebook - 蔣定宇

    • Slideshare - josephj • Linkedin - josephj6802 聯繫我