我们这里简化了CSS部分，不过推荐您学习CSS in JS,CSS Modules,Styled Components,Vanilla Extract,Panda CSS可以学习参考下面的预构建的UI框架库比如MUI,daisyUI,Chakra UIandMantine.前端增长路径推荐掌握 / 个人必备 / 硬核技能待定，自由发挥可以了解（随时都可以学习、拓展）需要熟悉 - 业界类似方案网络相关How does the internet work?What is HTTP?Browsers and how they work?DNS and how it works?What is Domain Name?What is hosting?HTMLLearn the basicsWriting Semantic HTMLForms and ValidationsAccessibilitySEO BasicsCSSMaking LayoutsLearn the basicsResponsive DesignJavaScriptLearn the BasicsLearn DOM ManipulationFetch API / Ajax (XHR)版本控制系统VCS HostingGitGitHubBitbucketGitLabWeb Security BasicsCORSHTTPSContent Security PolicyOWASP Security Risks包管理器npmyarnpnpmCSS 预处理器PostCSSSassCSS 设计规范BEM前端框架ReactAngularVue.jsSvelteSolid JSWriting CSSTailwindRadix UIShadcn UILinters and FormattersPrettierESLint构建工具Task Runnersnpm scriptsWebpackWebpackRollupRollupParcelParcelModule BundlersWebpackesbuildParcelVite项目测试JestCypressPlaywrightVitest学习单元测试,集成测试,和函数测试的基本概念和不同之处，学习如何用右边的工具编写单元测试用例、集成测试用例授权认证方案JWT, OAuth, SSO, Basic Auth, Session Auth etcQwikWeb ComponentsHTML TemplatesCustom ElementsShadow DOMType CheckersTypeScript服务端渲染 (SSR)ReactNext.jsAngularUniversalVue.jsNuxt.jsRemixSvelteSvelte KitApolloGraphQLRelay ModernProgressive Web AppsService WorkersStorageLocationNotificationsDevice OrientationPaymentsCredentialsWeb Sockets学习PWA中用到的一些Web APIsServer Sent EventsPRPL PatternRAIL ModelPerformance MetricsUsing LighthouseUsing DevTools如何计算、度量和提升性能Performance Best Practices静态站点生成（SSG）Next.jsNuxt.jsVuepressJekyllHugoEleventyRemixAstro移动端应用React NativeNativeScriptFlutterIonicPC桌面级应用ElectronTauriFlutterBonus Content继续学习下面的增长路径：TS和NodeJsNode.js RoadmapTypeScript Roadmap
扫一扫，反馈当前页面
7*12 专业客服，服务咨询
7*24全时处理，技术支持
倾耳聆听，一个工作日内及时处理
站长云微信公众号