Developer Toolkit Repo
3hTS + ESLint + Prettier + Husky setup
GitTypeScriptTooling
REQUIREMENTS
- Initialize with TypeScript
- Configure ESLint & Prettier
- Add pre-commit hooks
UNITS
8 LESSONS
01
How the Internet Works
// ...DNS, HTTP/HTTPS, and request lifecycle
Understand DNS resolutionExplain HTTP request/response cycleUse browser DevTools network tab
02
HTTP Request Lifecycle
// ...Deep dive into requests with interactive diagrams
Trace a request from browser to serverUnderstand headers and status codes
03
Browser DevTools Mastery
// ...Debug like a pro
Inspect elementsDebug network issuesProfile performance
04
Terminal Fundamentals
// ...Command line essentials
Navigate filesystemFile manipulationProcess management
05
Git: Commits & History
// ...Version control basics
Initialize reposStage and commitView history
06
Git: Branches & Merging
// ...Branching workflows
Create branchesMerge strategiesResolve conflicts
07
GitHub: PRs & Collaboration
// ...Team workflow essentials
Create pull requestsCode reviewsGitHub Actions intro
08
Editor Setup & Optimization
// ...VS Code power user
ExtensionsKeybindingsSnippets
PROJECTS
2 BUILDS
Git Drills
2hBranching exercises with PR workflow
GitGitHubCollaboration
REQUIREMENTS
- Complete 5 branching challenges
- Submit PR for review
INTERACTIVE
2 TOOLS
HTTP Request Visualizer
Interactive diagram showing request/response flow
15 minGit Branch Simulator
Visual branching playground
20 min