BioPlayground

WetBench DryBench DevBench

Learning navigator

DryBench

Platform

Bio-Lounge Lab Oracle Bio News Bio Industry Bio-Toolkit AI Tools Tools Hub Bio-Sandbox Failure Museum Healing Lab Trouble Lab 💬Lounge Talk 🔧Lab Maintenance Language Hub

Three benches

WetBench DryBench DevBench

Tracks and articles

Biostatistics with Python33

Fullstack Development55

01What is HTML 02CSS Basics — Selectors and the Box Model 03JavaScript Variables and Data Types 04JavaScript Control Statements — if, switch 05JavaScript Loops and Arrays 06JavaScript Functions and Objects 07What is Node.js — The Concept of Runtime 08Node.js File System (fs Module)09Sync vs Async — Callbacks, Promises, async/await 10Web Security Basics — XSS and Path Traversal 11What is a Database?12SQL Basics — CREATE, SELECT, INSERT, UPDATE, DELETE 13Relational Databases — JOIN and Normalization 14Node.js + MySQL Integration 15SQL Injection and Parameterized Queries 16Code Modularization — File Separation and Structure Organization 17Express.js — Routing and CRUD 18What is Middleware 19Serving Static Files and Handling Errors 20What is a Cookie — HTTP State Management 21Sessions and Authentication — Express Session 22Passport.js — Authentication Middleware 23Implementing Multi-User Authentication 24OAuth 2.0 — The Principle of Third-Party Authentication 25Google Login Implementation — Passport + OAuth 26What is Ajax — Asynchronous Web Communication 27React Basics — Components and Props 28let, var, const — Differences in Variable Declaration 29What is the DOM — Document Object Model 30expression vs statement 31Ternary Operator — Conditions in One Line 32Arrow Function 33Template Literals — Backticks and Variable Substitution 34Optional Chaining — Safely Access with the ?. Operator 35Nullish Coalescing — The Identity of the ?? Operator 36Spread/Rest — What Three Dots Do 37Short-circuit — The Hidden Behavior of && and ||38for...of and entries — Modern patterns for loops 39try-catch — The Basics of Error Handling 40Event Loop — How JavaScript Handles Asynchronicity 41import/export — The Core of the Module System 42JSON — The Common Language for Sending and Receiving Data 43localStorage — Storing Data in the Browser 44DOM Manipulation — Changing the Screen with JavaScript 45fetch API — Communicating with a Server 46useState — Getting Started with React State Management 47useEffect — Side Effects and Lifecycle 48Props — Passing Data to Components 49Conditional Rendering — Displaying Different UIs Based on Conditions 50Lists and Keys — Displaying Arrays 51Controlled vs Uncontrolled — Handling Form Inputs 52Flexbox — Layout in a Single Line 53CSS Grid — The answer to two-dimensional layouts 54Responsive Design — Adapting to All Screens 55Git Branch and Merge — The Basics of Collaboration

BioPlayground home