HTML
Structure for web pages: headings, paragraphs, links, forms, images.
<h1>Hello</h1>
Different languages do different jobs. You do not need all of them at once.
One of the biggest beginner problems is assuming all languages are basically the same. They are not. Some describe pages, some style interfaces, some automate tasks, some build systems, and some query data. This page helps you place each one.
What each one is for
CSS
Style for web pages: layout, colors, spacing, typography, responsiveness.
h1 { color: teal; }
Markdown
Readable notes and README files for docs, guides, repos, and project communication.
# Project Title
JavaScript
Browser logic, Node.js, web apps, interactivity, and product behavior.
console.log("Hello from JS");
TypeScript
JavaScript with stronger type safety for larger systems and cleaner team work.
const name: string = "EruditeWBT";
Python
Great beginner language for scripts, automation, data work, and AI-related exploration.
print("Hello from Python")
SQL
Queries and updates for relational databases.
SELECT * FROM users;
Shell scripting
Useful for terminal automation in PowerShell, bash, and build workflows.
echo "Hello from shell"
Dart / C# / C++
Paths for app development, game development, and systems-level work later.
// language-specific later path
Activity: make one folder with many tiny hello files
mkdir language-lab cd language-lab
Create these files:
index.html style.css README.md hello.py hello.js
Suggested contents:
# hello.py
print("Hello from Python")
# hello.js
console.log("Hello from JavaScript");
Then run:
python hello.py node hello.js
Good first repo decisions
I want fast scripting and AI experiments -> go to
HACKCLUB.I want web and app logic -> go to
JAVASCRIPT.I want stricter team-ready web systems -> go to
TYPESCRIPT.I want interfaces, visuals, and product experience -> go to
VISUALSANDHCI.I want cross-platform apps -> go to
DARTANDFLUTTER.