前端程序員:月薪5K到5萬,我干了啥

摘要: 曾經只要會編寫HTML、CSS、JS就能找到一份不錯的前端開發工作,而現在web開發越來越復雜,需要掌握的技能越來越多,比如載入時間,性能,不同屏幕尺寸, 不同輸入方式, build系統, 部署策略等都是前端開發需要考慮的 ...

 

  高貴的前端程序猿們:

 

  如何在前端開發這種高精尖的技術領域找到心儀的工作?實現在咖啡館喝喝咖啡敲敲代碼就能升職加薪、買房買車、迎娶白富美走上人生巔峰的職業夢想?這篇《進化論:從0到100,前端猿茁壯成長的精神飼料史》,肯定能給你事業的加速動力。

 

 

  前端開發工作已經變的越來越復雜,僅僅是想羅列一份前端開發的學習列表就已經是一件艱巨的工作。曾經只要會編寫 HTML, CSS 和Javascript 就是能夠找到一份前端開發工作的全部要求。而現在,web 開發遠遠不止是簡單編碼。因為我們的互聯網上有了更多的內容,也因為有更多的人、更多設備可以訪問互聯網, web 前端開發技能也就更多了。我們現在需要考慮的問題很多,比如載入時間,性能,不同的屏幕尺寸, 不同的輸入方式, build 系統, 部署策略,還有如何組織好我們的代碼。

 

 

  這還是想象中前端開發么?好吧,其實只要你有熱情,這些還是很有趣的,現在就來仔細看看,一份前端開發的工作,到底需要你準備些什么?

 

  入行行頭:5 大硬件

 

  請準備好以下東西

  •   一顆人類的大腦:智商在平均水平線以上即可

  •   一份強烈的渴望:我的代碼要可以運行在任何一個有瀏覽器的設備上。

  •   一臺筆記本電腦:不需要花費很多錢得那種,只要它可以運行 Windows, Mac OS X, 或 Linux 系統。當然你也可以只用一臺臺式機,但是那樣就不能帶著它坐在咖啡館里...

  •   一個文本編輯器:可以推薦的比如 Atom,Visual Studio Code, TextMate, 它們都有在 Mac OS, Windows 的免費版本,什么還有 Sublime, WebStorm? 啊,那些都很流行,不過需要需要一筆不少于 70 美元的花費...

  •   一個翻 墻代理:這個大家都懂的,我就不解釋了

 

  初級資質要求

  一些專業基礎

 

  你需要學會瀏覽器能理解的三大語言:HTML, CSS, Javascript - 神圣的三位一體!

 

  非常重要的一點是,一定要理解這三大語言后再去學習別的,確保知道怎樣在各種尺寸的屏幕上排列好你的網頁,怎樣在一個按鈕被按下后 do something!

 

  一些很有用的學習資源

 

  中級進階路徑

 

  一旦掌握了三大語言,就可以開始學習專業的開發流程啦:

  1.  Command line:好吧,命令行也許都會,但是要掌握最基本的操作,熟悉怎樣配置你的環境,還有那些奇怪的 shell 腳本,因為你會經常用到它們。

  2.  CSS 已經不夠用了,我們有了 CSS 的預處理:Sass, LESS。

  3.  知道如何搭建一個 build 系統:Gulp 或 Grunt 這類的構建任務腳本器,編譯 LESS 成 CSS, concatenating Javascript, minify 壓縮靜態資源, 選一個異步或同步的方式加載它們,然后一個好的 build 系統要能自動做到那些,包括一個本地的 web 服務器用于測試代碼。

  4.  代碼版本管理,git。

  5.  在github 上分享你的代碼!

  6.  部署! 讓你的網站上線??梢哉乙桓雒夥訓姆裉峁┥?,比如 heroku.com,https://pages.github.com

 

  這些幾乎就是現代前端開發者會用到的工具和技術,好了,你現在可以成為一個前端開發工程師了。

 

  高級炸裂裝備

 

  你已經能夠為你朋友的業務搭建一個網站了,簡潔的排版,高清大照片,你成功了,它甚至在你的手機都看著很棒。那么還有什么值得學的?

 

  把你的網站和一個內容管理系統 (CMS)集成在一起。一個 CMS 能夠讓你通過用戶界面增、刪、改、組織你的內容,不需要任何代碼。這就是那些博客網站如何工作的。比如免費的 WordPress,去熟悉一個開源的CMS 吧,會很有用的。

 

  學習怎樣搭建一個 CMS,意味著你講要熟悉一個服務器端的語言,比如Node.js, 或 PHP,然后你還會想要知道怎樣和數據庫打交道,比如MySql 或者MongoDB。

 

  來熟悉一種Javascript框架吧,這樣你可以真正的搭建一個交互出色的 web 應用,那真的很重要,比如 Angular, React, Ember。只要挑一個你喜歡的,但是一定要精通它。

 

  Javascript design patterns,javascript 也有設計模式? 是的,讀一下吧。

 

  突破天際的大招

 

  溝通技巧!你需要和你的小伙伴們溝通,他們是你的coder伙伴,你的老板,你的用戶,你的....stackoverflow.com,有問題找 stackoverflow,擴展一下人脈把,上meetup.com, 在博客上寫一些你的學習體驗,在Gitgub貢獻一下你的Pull request。

 

  界面設計和用戶體驗設計UI/UX design,前端開發的小伙伴需要具備基本的UI/UX 設計知識。

 

  搜索優化,要知道怎樣提高網站的搜索排名,更容易被人們搜索到。

 

  CSS過度效果,給你的按鈕寫一個hover的CSS動畫,還有你的從右邊滑入的導航菜單也需要一個平滑的動畫。

 

  關于性能,讓你的網站盡可能快的被加載,減少DOM的reflow和repaint操作,防止滾動性能瓶頸,優化Javascript, **讀一讀這個吧google web developer fundamentals。

 

  用一些測試框架來實現Javascript單元測試,比如Jasmine,QUnit。

 

  持續集成Continuous integration (CI),知道怎樣配置一套和伙伴們一起使用的自動測試和部署的工具,比如CircleCI, Travis CI, Jenkins.

 

  超好用的其他加成技能

  ↓↓↓這些并非必須,但能幫你脫穎而出:

  用CSS3, SVG, Canvas API 實現動畫。

  后端開發,Node.js

 

  最后:去找工作吧!

 

  有了技能是不夠的,你需要能展示它們,你還能干的是:

  1.  搭建一個小網站,公開你的gitub代碼庫,確保你的代碼和文檔清楚漂亮,還有一份README

  2.  去meetup.com 找你的老板或者投資人吧,開一個博客,申請一個linkedin帳號

  3.  因為web技術總是在變化,最后,即使找到了一份稱心的工作,還是需要stay motivated, 你需要時常去下面這些地方轉轉:CSS Tricks,SitePoint,Smashing Magazine

  4.  當然還有些學習社區,總之遇到任何難題,社區里有總有樂于助人的。

  5.  保持好的職業態度:Stay humble, and build cool shit

來源:HTML5中國

上一篇: 程序員被聘用的13個開發技能

下一篇: 前端開發人員須知html5和html4之間的區別

分享到: 更多
北京pk10直播网站 手机重庆计划软件免费苹果版 自由抢庄牛牛玩法介绍 北京pk10官网开奖视频 三个色子规则 ag电子游戏动物狂欢多人版 福彩快3稳赚不赔绝招 打庄技巧视频 大乐透最准十专家预测 APP自助领取彩金38 内蒙古时时口诀秘籍 不倒翁对冲的投注法 天津时时售平台 天天棋牌送20元 广东时时专家计划 大奖pk10在线计划