Frontend Topics

Step by step guide to becoming a modern frontend developer in 2023

← Visual Roadmap

Suggest Changes Suggest

Internet How doed the internet work What is HTTP? Browsers DNS Domain Name Hosting HTML HTML Basics Semantic HTML Forms and Validations Best Practices Accessibility Basics of SEO CSS CSS Basics Making layouts Responsive Web Design JavaScript JavaScript DOM Manipulation Fetch API Modern JavaScript JavaScript Concepts Version Control Systems Git Repo Hosting Services GitHub GitLab BitBucket Web Security Knowledge HTTPS Content Security Policy CORS OWASP Security Risks Package Managers npm Yarn pnpm CSS Architecture BEM OOCSS SMACSS CSS Preprocessors Sass PostCSS Less Build Tools Task Runners npm Scripts Module Bundlers Webpack esbuild Rollup Parcel Vite Linters formatters Prettier ESLint StandardJS Pick a Framework React Redux MobX Recoil Angular RxJS NgRx Vue.js Pinia Svelte SolidJS Modern CSS Styled components CSS Modules Styled JSX Emotion Web Components HTML Templates Custom Elements Shadow DOM CSS frameworks Css first Bootstrap Bulma Js first Tailwind CSS Chakra UI Material UI Radix UI Mantine Daisy UI Testing your apps Jest React Testing Library Cypress Other options Playwright Mocha Chai Ava Jasmine Vitest Authentication Strategies Type Checkers TypeScript Flow Progressive Web Apps Web Storage API Web Sockets Server Sent Events Service Workers Location API Notifications API Device Orientation API Payments Credentials API PRPL Pattern RAIL Model Performance Metrics Lighthouse Browser DevTools Server-side rendering React Next.js After.js Remix Angular Angular Universal Vue.js Nuxt.js Svelte Svelte Kit Graphql Apollo Relay Modern Static Site Generators Next.js Gatsby Nuxt js Vuepress Jekyll Hugo Astro Gridsome Eleventy Remix Mobile applications React Native NativeScript Flutter Ionic Desktop Applications in JavaScript Electron Carlo Tauri Flutter Bonus Content

Resources Community KGx AICbe YouTube

KGXperience by @nivu Navaneeth malingan

" KGXperience is a community initiative by KGiSL Edu that believes in curating and tinkering with innovation and state of art technologies forging new path in innovation. "

by @devansh Devansh Shukla

"AI Tamil Nadu formely known as AI Coimbatore is a close-Knit community initiative by Navaneeth with a goal to offer world-class AI education to anyone in Tamilnadu for free."