为什么会有这个Roadmap自学也需要有章节找。我在早上整理了这个时间。需要学习的东西很多，接下来的一段时间会围绕这个Roadmap开始学习。当然，这张前端自学图并不是一成不变的。随着时间的推移，我会调整这个Roadmap中的内容。总体目标是系统学习前端技术。我会随时调整和完善这张地图。开发通用技能Git版本控制终端技能数据结构和算法软件设计原则SOLID(SRP,OCP,LSP,ISP,DIP)WikiKISS(KeepItSimple,Stupid)WikiDRY(Don'trepeatyourself)WikiTheRuleOfThreeWiki)YAGNI(你不会需要它）WikiGitHubLicensesGNUAGPLLincenseGNUGPLLincenseGNULGPLLincenseMozillaPublicLicenseApacheLicenseMITLincenseUnlincense推荐阅读SSHHTTP/HTTPS和API设计模式设计模式工厂模式适配器模式迭代器模式...字符编码WikiWiki中文前端开发技巧SEOHTML基础知识HTML语义学CSS基础知识辅助功能Wiki（无障碍）CommonLayoutFloatingLayoutFloatsPositioningLayoutPositioningDisplayBoxModelGridLayoutGridFlexLayoutFlexBoxMediaQueriesMediaQueriesCSS3JavaScriptLanguageJavaScriptBasicSyntaxDOMOperationCommunicationFetchAPIAjax(XHR)ES6+重点理解HostingEventBubbingScopePrototypeShadowDOMstrictDNSHTTP包管理npmyarnCSS预编译SASSPostCSSLessCSSFramework（CSS框架）)BootstrapMaterializeCSSBulmaSemanticUICSSstructuredBEMOOCSS(理解)SMACSS(理解)构建工具Editor检查和构建检查(代码格式规范运行)PrettierESLintJSHintJSLintJSLintJSCSTask任务管理工具npmscriptsgulp模块打包工具WebpackParcelRollup前端框架(推荐给初学者)React.js路由ReactRouter状态管理ReduxMobXVue.jsVueRouter(routing)Vuex(statemanagement)VueCLI(scaffolding)AngularRxJSngrxCSSinJSStyledComponentsCSSModulesEmotionRadiumGlamoroustestingTestframeworkJestEnzymeCypressOthersMochaChaiAvaKarmaJasmineProtractorTesttypeUnitUnittestIntegrationintegrationtestFunctionalfunctiontestPWA（ProgressiveWebApp）WhatisPWAfoundationTechnologyStorageStorageWebSocketsServiceWorkersLocationPositioningNotificationsNotificationsDeviceOrientationPaymentsCredentialsPerformanceTestPPPLPatternRAILPerformance评估模型参考GoogleDeveloperDocumentationPerformanceMetricsPerformanceTestWikiLightHouseTestToolsDevToolsChromeDevelopmentToolsTypeDetectionTypeScriptSSR（ServerSideRendering）ServerSideRenderingReact.js下。jsAfter.jsAngularUniversalVue.jsNuxt.js静态站点生成GatsbyJS桌面应用ElectronProtonNativeCarlo移动应用FlutterReactNativeNativeScript服务器NodeJS系列Node.jsKoaEggNest.js如果你和我一样，一直在自学前端。如果你在自学的过程中遇到了障碍，无论你在学习过程中遇到什么问题，或者你有什么好的意见和建议可以和我交流，欢迎在文章底部留言，加我微信或者加入我们的微信前端自学交流群，期待在自学群与你相见！这里我为大家准备了微信-前端自学交流群，欢迎大家加入我们一起学习（群快满了想进群的小伙伴可以加我微信：colin3dmax）山人微信：colin3dmax（请注意：你来自四屋|想加入前端自学交流吗群）相关文章山人前端自学2019计划-讲述一个山??人40天的前端自学故事，他是B站的UP主，点击阅读想学的前端。JavaScript基础不好，学习困难。山人用权威的MDN指导你夯实JS基础。点击阅读B站高手-山人-这位老哥2019年的前端自学计划进展如何？——讲一个在B站自学前端85天的故事Up。点击阅读
