Web Development Concepts for Everyone

Explore how the front end creates the visual interface with HTML and CSS. See how structure and style work together in a sample to-do app.

Compare strong vs weak typing, showing how JavaScript changes a variable's type on the fly, versus TypeScript's fixed types that raise errors when reassigned.

Understand front end libraries and code libraries, including unopinionated reusable code, and compare how jQuery speeds up development versus vanilla JavaScript, with tradeoffs like page load and bloat.

learn how bootstrap, a popular css framework, speeds front end styling with pre styled components and responsive utilities using classes, and compare it with tailwind for rapid ui development.

Explore code frameworks as structured, opinionated platforms with a defined lifecycle that guide front end or back end development, contrasting with libraries like React and introducing Next.js.

Explore React as a JavaScript library for dynamic user interfaces. Focus on components, reuse, and a lifecycle that resembles a framework but remains library-based.

Next.js offers a front-end framework built on top of React that speeds development with server side rendering, static site generation, API routes, and file-based routing for scalable web apps.

Explore the HTTP protocol as the universal, client-initiated standard for client-server communication, outlining the request-response model, front-end and back-end roles, and standard HTTP methods.

Explore Rest APIs as resource based web interactions using http methods like get, post, put, and delete to manage data through endpoints and json responses.

Explore how multi-factor authentication adds extra layers of security by requiring at least two verification factors, such as password plus email one-time password, token, or biometric verification.

Explore micro frameworks, lightweight structures that provide just enough functionality for databases, security, and routing with Express, including REST endpoints and CRUD operations like get, post, put, delete.

Explore how fully featured web frameworks like Spring streamline development by handling data, authentication, security, and server-side templating, with rest endpoints for get, post, put, delete.

Discover NoSQL databases and flexible document-based models with collections and documents, enabling JSON-like objects for unstructured data and scalable querying alongside examples with MongoDB.

Explore how MongoDB, a flexible NoSQL document database, stores JSON-like documents with optional schemas, enabling dynamic, scalable data storage and easy CRUD via a REST API.

Explore how in-memory databases store data in ram for speed, with Valky as a Redis fork, using ttl to expire otps and enable fast, server-agnostic access.

Discover how code editors help developers write and edit web code, compare Visual Studio Code with Sublime Text, Adam, and JetBrains Fleet, and learn about future IDEs and Copilot integration.

Explore integrated development environments, where IDEs combine a code editor, tools to build and run programs, and a debugger to fix errors, with language-focused options like Visual Studio, Xcode, PyCharm, WebStorm, Rubymine, and IntelliJ IDEA.

Explore the console, a text-based low-level command line tool developers use to run programs, manage files, and interface with npm, node, databases, and git in Visual Studio Code.

Explore how package managers automate code retrieval, installation, and dependency management, exemplified by npm with package.json, node_modules, and express, plus the concept of registries.

Build automation tools streamline the development workflow by automating tasks like code minification and transpiling TypeScript to JavaScript for optimized production builds in frameworks such as Next.js.

Explore how ORMs translate database tables into objects and let you manage data with code instead of raw SQL, using Prisma as an example.