At pubs.code.blog, I’m not just here to teach — I want to equip you.
This Resources page is your go-to collection of handpicked tools, platforms, frameworks, learning materials, and code resources that I personally use or recommend. Whether you’re just starting your coding journey or already building advanced apps, you’ll find something helpful here.
Let’s cut through the noise and focus on what actually works.
🛠️ Developer Tools
These tools are essential in my day-to-day development workflow. They’re reliable, efficient, and designed to help you code smarter.
👨💻 Code Editors
- VS Code – My primary editor; feature-rich, highly customizable
- Sublime Text – Lightweight and fast for quick edits
- CodeSandbox – Great for prototyping frontend projects in the browser
🧪 Testing Tools
- Postman – API testing and documentation
- Jest – JavaScript testing framework for React and Node.js
- Cypress – End-to-end testing made simple
🐙 Version Control
- Git – Essential for version control
- GitHub – Code hosting, collaboration, and open-source community
- GitKraken – Git GUI for visual commits and branching
📚 Learning Resources
Want to learn faster, better, and more deeply? These platforms and materials will help you upskill in a structured and practical way.
💡 Online Learning Platforms
- freeCodeCamp – Full curriculum, completely free
- Codecademy – Interactive learning with career paths
- Scrimba – Best for learning frontend (React, JavaScript)
- Frontend Masters – Deep dive into web technologies
- CS50 (Harvard) – Intro to Computer Science (free course)
📖 Books I Recommend
- Eloquent JavaScript – Excellent for beginners/intermediates
- You Don’t Know JS – Deep JavaScript insights
- Clean Code by Robert C. Martin – Must-read for writing better code
- Python Crash Course – Beginner-friendly Python book
- The Pragmatic Programmer – Software engineering mindset booster
🧱 Libraries & Frameworks
These are the building blocks for modern web development. I use them across different projects and tutorials.
⚛️ Frontend Libraries
- React – My primary choice for building dynamic UIs
- Tailwind CSS – Utility-first CSS framework I use in almost every project
- Bootstrap – Rapid UI prototyping
- Next.js – React framework with server-side rendering (currently learning)
🔧 Backend Tools
- Node.js – JavaScript runtime for backend
- Express.js – Lightweight web framework
- MongoDB – NoSQL database I use in several apps
- Firebase – Real-time database, auth, hosting
- Flask – Lightweight Python framework
📤 Deployment & Hosting Platforms
You need to publish your work. These platforms help make that process fast, free, and scalable.
- Vercel – Best for React/Next.js apps
- Netlify – Ideal for static site hosting
- Render – Full-stack deployment with easy setup
- GitHub Pages – Free hosting for GitHub repos
- Firebase Hosting – Easy to use and good for personal projects
🌐 APIs & Data Sources
APIs bring your apps to life. These are some of the best free and freemium APIs I’ve used.
- OpenWeather API – Weather data
- REST Countries – Country data for projects
- NewsAPI – Fetch global news headlines
- GIPHY API – For fun and GIF-based apps
- JSONPlaceholder – Fake data for testing
🧰 Developer Utilities
These tools help you debug, design, test, and optimize faster.
📊 Code & Data Tools
- Regex101 – Learn and test Regular Expressions
- JSONLint – Validate and format JSON
- CodePen – Great for HTML/CSS/JS experimentation
- Figma – Design prototypes and mockups
- Canva – Design banners, blog images, thumbnails
🔐 Security & Optimization
Don’t forget performance and safety. Here are my go-to tools for both:
- Lighthouse – Analyze site performance
- SSL Checker – Verify HTTPS setup
- UptimeRobot – Monitor if your site goes down
- Snyk – Check for vulnerabilities in your dependencies
🧠 Developer Communities
Learning in isolation can be hard. These communities offer support, networking, and feedback.
- Stack Overflow – Ask and answer questions
- Dev.to – Developer blogging and sharing
- Hashnode – Dev-focused blogging with SEO features
- Reddit (r/webdev, r/learnprogramming) – For quick advice and idea validation
- GitHub Discussions – Project-specific collaboration
💡 My Personal Favorites
Here’s a shortlist of my absolute favorite tools I almost can’t live without:
| Tool | Why I love it |
|---|---|
| VS Code | Extensions, speed, flexibility |
| Tailwind CSS | Utility-first, clean CSS |
| GitHub | Versioning and community sharing |
| Vercel | Instant deploys for React apps |
| Figma | UI/UX design for devs |
| freeCodeCamp | Hands-on coding with certificates |
🧭 How I Keep My Stack Updated
Technology changes fast. Here’s how I stay updated:
- Weekly reading from Smashing Magazine
- Following creators on YouTube (e.g., Fireship, The Net Ninja)
- Listening to podcasts like Syntax.fm
- Participating in Hacktoberfest and open-source
- Experimenting and breaking things 😅
🧾 Summary
This Resources page is meant to:
- Save you time
- Guide your learning path
- Improve your dev workflow
- Support your projects
- Empower your curiosity
I’ll keep updating it with new tools and links regularly. Bookmark it, revisit it, and feel free to suggest tools that helped you!
💬 Got a Tool to Recommend?
If you’ve used something helpful that’s not listed here, let me know via the Contact Page. I’d love to explore it and possibly feature it.
—
— Sohaib Abbasi
Founder, pubs.code.blog
Code Blog 