Front-End

• Internet

  • How does the internet work?

  • What is HTTP?

  • What is Domain Name?

  • What is hosting?

  • DNS and how it works?

  • Browsers and how they work?

• HTML

  • Learn the basics

  • Writing Semantic HTML

  • Forms and Validations

  • Accessibility

  • SEO Basics

• CSS

  • Learn the basics

  • Making Layouts

  • Responsive Design

• Javascript

  • Learn the Basics

  • Learn DOM Manipulation

  • Fetch API / Ajax (XHR)

• Version Control System

  • Git

• VCS Hosting

  • Github

  • Gitlab

  • Bitbucket

• Package Manager

  • Npm

  • Pnpm

  • Yarn

• Framework

  • React

  • Vue.js

  • Angular

  • Qwik

  • Solid JS

  • Svelte

• Writing CSS

  • Tailwind

  • Radix UI

  • Shadcn UI

• CSS Architecture

  • BEM

• CSS Preprocessors

  • Sass

  • PostCSS

• Build Tools

  • Module Bundles

    • Vite

    • Esbuild

    • Webpack

    • Rollup

    • Parcel

  • Task Runner

    • Npm Scripts

  • Linters and Formatters

    • Preetier

    • ESLint

• Testing your Apps

  • Vitest

  • Jest

  • Playwright

  • Cypress

• • Authentication Strategies.
    JWT, OAuth, SSO, Basic Auth, Session Auth etc

  • Web Security Basics

    • CORS

    • HTTPS

    • Content Security Policy

    • OWASP Security Risks

  • Web Components

    • HTML Templates

    • Custom Elements

    • Shadow DOM

• Type Checkers

  • Typescript

• Server Side Rendering (SSR)

  • React

    • Next.js

    • Remix

  • Angular

    • Universal

  • Vue.js

    • Nuxt.js

  • Svelte

    • Svelte Kit

• GraphQL

  • Apollo

  • Relay Modern

• Static Site Generators

  • VuePress

  • Jekyll

  • Hugo

  • Nuxt.js

  • Astro

  • Eleventy

  • Nest.js

  • Remix

• Progressive Web Apps

  • Storage

  • Web Sockets

  • Server Sent Events

  • Service Workers

  • Location

  • Notifications

  • Device Orientation

  • Payments

  • Credentials

  • PRPL Pattern

  • RAIL Model

  • Performance Metrics

  • Using LightHouse

  • Using DevTools

• Mobile Applications

  • React Native

  • Flutter

  • Ionic

  • NativeScript

• Desktop Applications

  • Electron

  • Tauri

  • Flutter