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

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

第一次接觸Web項(xiàng)目，使用技術(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工具沒(méi)有任何經(jīng)驗(yàn)，零基礎(chǔ)該如何入手？沒(méi)有任何經(jīng)驗(yàn)，零基礎(chǔ)該如何入手？HTMLCSSJAVASCRIPT（skeleton）（skin）（soul）已經(jīng)具備基本的前端開發(fā)能力，接下來(lái)？入門雖易，精通不易。且學(xué)且珍惜……工欲善其事，必先利其器ChromeDeveloperTools打開方式：CTRL+SHIFT+JInspectingtheDOMandstylesWorkingwiththeconsoleConsoleAPI

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

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

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

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

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

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