Skip to main content
Continue Learning with following relevant tracksFront-endInternetHow does the internet work?What is HTTP?What is Domain Name?What is hosting?DNS and how it works?Browsers and how they work?HTMLLearn the basicsWriting Semantic HTMLForms and ValidationsAccessibilitySEO BasicsCSSLearn the basicsMaking LayoutsResponsive DesignJavaScriptFetch API / Ajax (XHR)Learn DOM ManipulationLearn the BasicsVCS HostingVersion Control SystemsGitPackage ManagersGitHubGitLabBitbucketyarnpnpmnpmPick a FrameworkAngularVue.jsReactSvelteSolid JSQwikWriting CSSTailwindCSS ArchitectureCSS PreprocessorsBEMSassPostCSSBuild ToolsLinters and FormattersModule BundlersParcelRollupWebpackesbuildVitePrettierESLintTestingVitestJestPlaywrightCypressAuthentication StrategiesWeb Security BasicsCORSHTTPSContent Security PolicyOWASP Security RisksWeb ComponentsType CheckersCustom ElementsHTML TemplatesShadow DOMTypeScriptSSRSvelteVue.jsAngularReactreact-routerNext.jsNuxt.jsSvelte KitGraphQLApolloRelay ModernStatic Site GeneratorsVuepressNuxt.jsAstroEleventyNext.jsPWAsMobile AppsReact NativeFlutterIonicDesktop AppsTypeScriptNodejsElectronTauriFlutterPRPL PatternRAIL ModelPerformance MetricsUsing LighthouseUsing DevToolsPerformance Best PracticesStorageWeb SocketsServer Sent EventsService WorkersLocationNotificationsDevice OrientationPaymentsCredentialsWe’ve trimmed down the CSS part for thesake of brevity. You should read aboutCSS-in-JS, CSS Modules and StyledComponents. Also worth looking at arePanda CSS, Shadcn UI, Mantine and more.SWCJWT, OAuth, SSO, Basic Auth, Session AuthPersonal Recommendation / OpinionAlternative Option / Pick this or purpleOrder not strict / Learn anytimeFind the detailed version of this roadmapalong with other similar roadmapsroadmap.shAstroBrowser APIsMeasure & Improve Perf.FullstackVisit Beginner Friendly Version