如何成為一名前端開發(fā)工程師

如何成為一名前端開發(fā)工程師姜赟2014.5.18個人經(jīng)歷2012年7月合肥工業(yè)大學(xué)畢業(yè)，加入青牛軟件，成為一名JavaDeveloper2012年10月

第一次接觸Web項目，使用技術(shù)：Jquery+BaiduMapAPI2012年10月學(xué)習(xí)Html+css+javascript2013年4月學(xué)習(xí)Bootstrap框架2013年6月學(xué)習(xí)AngularJS框架2013年8月學(xué)習(xí)Websocket技術(shù)2013年10月學(xué)習(xí)Easyui框架2014年3月學(xué)習(xí)ChromeExtension、ChromeApp開發(fā)2014年4月學(xué)習(xí)IndexedDB技術(shù)2014年5月學(xué)習(xí)Grunt、Bower、Yeoman工具沒有任何經(jīng)驗，零基礎(chǔ)該如何入手？沒有任何經(jīng)驗，零基礎(chǔ)該如何入手？HTMLCSSJAVASCRIPT（skeleton）（skin）（soul）已經(jīng)具備基本的前端開發(fā)能力，接下來？入門雖易，精通不易。且學(xué)且珍惜……工欲善其事，必先利其器ChromeDeveloperTools打開方式：CTRL+SHIFT+JInspectingtheDOMandstylesWorkingwiththeconsoleConsoleAPI

：https:///devtools/docs/console-apiCommandLineAPI

：https:///devtools/docs/commandline-apiDebuggingJavaScript

隨著JavaScript應(yīng)用程序的復(fù)雜性增加,開發(fā)人員需要強大的調(diào)試工具來幫助他們快速地發(fā)現(xiàn)問題并修復(fù)。ChromeDevTools提供一些有用的工具來幫助開發(fā)人員減少調(diào)試JavaScript中的痛苦。如何使用ChromeDevtools來調(diào)試javascript：https:///devtools/docs/javascript-debuggingImprovingnetworkperformance網(wǎng)絡(luò)面板提供查看資源請求的詳細信息，通過分析這些信息來尋找頁面優(yōu)化的策略。如何使用ChromeDevtools提升網(wǎng)絡(luò)性能：/devtools/docs/networkImprovingrenderingperformancehttps:///devtools/docs/timelineMore…Webstorm

ThebestJavaScriptIDEandHTMLeditor擁有智商的代碼編輯器Webstorm能理解你的代碼和代碼結(jié)構(gòu)，并在你期望的地方自動提示。甚至能在javascript的字符串中實現(xiàn)Html代碼的智能提示。代碼質(zhì)量分析支持上百種語言的代碼檢查，在你輸入代碼完成后立即檢查并提示識別出的問題，并且能提供快速修正的解決方案。豐富的版本控制集成Webstorm支持目前主流的三大版本控制工具：Git,SVN,Mercurial。統(tǒng)一的UI使你無論在任何地方都能無縫地進行工作。即使你不使用版本控制工具，內(nèi)置的LocalHistory也能保證你的代碼安全。Webstorm

ThebestJavaScriptIDEandHTMLeditor無止境提高生產(chǎn)力的潛能集成了Grunt、Bower、Npm這樣的工具使你無需離開IDE也能高效的完成工作。在Webstorm中，你會愛上使用鍵盤來操作各種功能，更不用說在編輯器中的多游標(biāo)和多選擇這樣的殺手級功能。前沿的Web開發(fā)技術(shù)Webstorm包含了HTML5,

CSS3,Node.js,AngularJS,Dart,CoffeeScript,TypeScript,LESS,Sass,Stylus,Karma,Mocha,Emmet,RequireJS等前沿的Web開發(fā)技術(shù)?？缙脚_的用戶體驗?zāi)憧梢栽赪indow、Mac、Linux中使用Webstorm的所有功能。從今天開始換上高大上的IDE吧！http:///webstorm/download/GettingStartedwithWebStorm1.打開Webstorm。點擊CreateNewProject。GettingStartedwithWebStorm2.填寫項目名稱、路徑、類型。GettingStartedwithWebStorm菜單和工具欄導(dǎo)航欄狀態(tài)欄編輯窗口工具窗口前端技術(shù)究竟該怎么學(xué)？如何下手？W3schoolhttp:///Jsfiddle/Runjs/謝謝！新浪微博：@島民不會抓魚Github：http://datoulei.github.io/Email：jiangyunbh@GDG興趣小組：/gdghefei/ProjectQ&A前端學(xué)習(xí)對后端語言的掌握程度需要多少呢？麻煩介紹一些兼容性測試工具吧。跟學(xué)弟學(xué)妹介紹一下頁面切圖的技巧吧。跟大家談一下性能優(yōu)化吧。有沒有一些比較特別的用法可以和大家介紹的？JaveScrip對象、dom操作MVC思想node.js低版本IE兼容性問題前端js好的編寫習(xí)慣前端框架應(yīng)用的案例介紹下WebscoketQ&AHtml5應(yīng)用前景與兼容問題前后臺交互知識及注意事項網(wǎng)站制作的一些技巧調(diào)試插件、瀏覽器常見兼容問題解決前端在做功能時經(jīng)常需要渲染好的數(shù)據(jù)來模擬出于后端對接的邏輯，大的構(gòu)架不是很方便，有的公司會用nodejs來做中間的應(yīng)用層，就相當(dāng)于一個原型，比如paypal就是將java遷移到nodejs，那么nodejs在應(yīng)用層上的使用，具體說一下構(gòu)架吧?，F(xiàn)在出現(xiàn)很多Nodejs做的開發(fā)工具，相比其它語