校園前端宣講-如何成為一名優(yōu)秀工程師

FEXWeb前端研發(fā)HowToBeAFrontendWebAbout?SeniorWeb BriefBriefAboutFront-EndwebFront-EndDevelopmentFront-EndDevelopmentHowHowToKeepUpToDateFront-endFront-endDeveloperInterviewWhyWhytobeafront-endwebWhatWhatisFront-Endamixofprogrammingandlayoutthatpowersthevisualsandinteractionsoftheweb.usuallyconsistsofthreeparts:aserver,businesslogic,andaJSNESisaportofvNEStoJavaScript,inspiredbyMattWestcott’sJSSpeccy.Thesourceisavailable 作者FabriceBellard使用JavaScript編寫了一個簡單的PC模擬器，包含32位CPU、8259可編程中斷控制器、8254可編程中斷計時器,實現(xiàn)16450UART串口設(shè)：前端工程師是計算機科學(xué)職業(yè)領(lǐng)域中最復(fù)雜的一個工種。絕大多數(shù)傳統(tǒng)的編程思想已經(jīng)不適用了，為了在多種平臺中使用，多種技術(shù)都借鑒了大量軟科學(xué)的知識和理念。成為優(yōu)秀前端工程師所要具備的丏業(yè)技術(shù)，涉及到廣闊而復(fù)雜的領(lǐng)域變得更加復(fù)雜。丏業(yè)技術(shù)可能會引領(lǐng)你迚入成為前端工程師的大門，但只有運用該技術(shù)創(chuàng)造的應(yīng)用程序以及你跟他人幵肩協(xié)同的能力，才會真正讓你變得優(yōu)秀。HowHowtoBeAFront-EndWebFrontendKnowledgeCrossBrowserProgramming&MarkupLanguagesFrameworksPerformanceHTML5&Mobile★入門，基礎(chǔ)知識，必須掌握；★★進階 知識，需要掌握；★★★高階，重要知識，建議掌 CrossCrossTheThebrowser'sHighLevelOrderofProgrammingProgramming&MarkupBox 精通JavaScriptDOM編程藝術(shù)（第2版JavaScript高級程序設(shè)計（第3版高性能JavaScript語言精粹 指南編寫 的JAVASCRIPT語言精髓與編程實踐EffectiveSecretsoftheJavaScriptJavaScript模式JavaScript設(shè)計模式基亍MVC的JavaScriptWeb富應(yīng)用開發(fā)WhyWhyPerformance/SpeedExperimentalimpactof1sadditional9.4%decreaseinpage8.3%increaseinbounce3.5%dropinUserswilllearntoavoidslowBandwidthBandwidthisnotthebottleneckforOnOn2G/3G,moreconnectionsarenotalwaysagoodideaEachconnectionpaysthecostoftheTCPParallelconnectionscanadverselycompetefortheAvoidAvoidlandingpage 3additionalroundtrips(4over1.2+secondstotalAvoidexpensiveStoreevent.touchesanduseDonotre-renderevent.touchesarrayon GoodGoodperformanceisgoodmoreconnectionsarenotalwaysagoodAvoidlandingpageHTTPPipeliningismostusefulinhighlatencyEliminaterenderblockingReduceClient-SidePrioritizevisibleReduceImageLeveragebrowserUseHTML5persistentstorageforReducetheBatchandSplittingListentobothmouseandtouchuseagoodfastclickAvoidunnecessaryuseoftoucheventHtml5Html5& StaticStaticResourcesManagement軟件工程/FollowcoolFindthebestAttendGetyourownFollowCoolFront-endleadershelpyoutostayontopofrelevantnewsandtrends.Theyarein-the-knowandtheyworkonaspecifictopic. canbeagreatplacetofindpeoplewhoarein-the-know.CSS,@chriscoyierMobile,@lukewPerformance,@soudersFindFindTheBestAroundthewebthereislotsofusefulinformationaboutfront-endnewsandtrends.Blogsandweeklycanbegreatplacetofindwheretheyhaveputtogetherthebestsources.DailyJS,AJavaScriptTreehouseBlog,providesvaluablecontentonwebdevelopment,webdesign,andstartuptips.EchoJS,AHackerNews-likesitededicatedtoJavaScriptandFront-endWebPlatform,Anopencommunityofdevelopersbuildingresourcesforabetterweb.HTML5ROCKS,Posts,tutorials,casestudy&QuirksMode,ItistheprimesourceforbrowsercompatibilityinformationontheInternet.CSS-TRICKS,AwebdesignSmashingMagazine,AnonlinemagazineforprofessionalWebdesignersanddevelopers.WebDesignWeekly,Pureawesomelinkstothebestnewsandarticleshittheinter-webduringtheAttendThousandsofdevelopersattendconferencestopromotethelatesttechnologies,shareideas,thoughtsorexperiencesandlearnfromothers.Theydiscussthebestpractices,standardsandtrends.NodeParty/W3CTech/HTML5夢工JSConf/滬 W3c技GetYourOwnIt'sreallyimportantthatyoufindyourown,uniquewaytobeuptoEverybodyknowsthat isthebestplacetofindinformationsuchastutorialsorblogpostsaboutanewtechnology.Butwhowritesthem?Wheredotheygettheirinformationfrom?Atsomepointyouneedtogorighttothecore...themailinglists,specificationsandevensourcecode.Bygettingusedtoreadingthespecificationsandparticipatinginsomemailinglistconversationsandunderstandingsomeofthesourcecode,youwillnaturally eabetterdeveloperandunderstanditallmuchmore.ShaneFront-endFront-endDeveloperInterview：一面：高級工程師負(fù)責(zé)， 基礎(chǔ)知識、HML/aapt//rowe責(zé)， 代設(shè)、術(shù)前架構(gòu)三面：部門leader負(fù)責(zé) 軟素質(zhì)，溝通能力、未來規(guī)范、個人意描述一個你遇到過的請設(shè)計一個Dialog（彈出層）/Suggestion（自勱完成）/ 輪播）等組你最擅長的技術(shù)是什一個頁面從輸入URL到頁面加載完的過程中談一下你所知道的頁面性能優(yōu)化除了