Image credit: https://www.youtube.com/watch?v=iJR-TbIjb2w

Looking for a career change? Master web development (and other useful skills) using this treasure trove of knowledge!

7 min readJan 4, 2017

Last updated: 22nd February 2024.
We live at a very special time — literally all the information you will ever need is at your finger tips (provided you have a connection to the internet), and you don’t even need to leave your home. But where do you start when it comes to web development & IT, in what can seem like an endless maze of information overload? Hopefully I can save you a bit of hassle by sharing some helpful links & resources I’ve discovered during my time exploring the world wide web.

Tutorials, Guides & Tips

A Detailed PSD to HTML Tutorial — Learn how to design web layouts in Adobe Photoshop and convert them into responsive HTML websites. (This probably has now been superseded by Figma, however some may still go old school when designing Email Marketing templates)
CSS Animations — Move, rotate and transform objects while learning the basics of object animation in CSS.
First Aid git — A searchable collection of the most frequently asked Git questions (collected from personal experience, Stackoverflow, and the official Git documentation).
Flexbox Froggy — Guide the frog to the lilypad by writing CSS code.
Flywheel Resources & E-books — All things web design, WordPress & Flywheel (a WordPress hosting provider).
Foundations in Design Thinking — Learn and practice the core concepts of design thinking.
freeCodeCamp — A community of people from all around the world who are learning to code together. Build dozens of projects, step-by-step, right in your browser, code editor, or mobile app — and earn free verified certifications along the way.
Front end standards—A little online book about a shared understanding of front-end development best practice. Deliver high quality content that works better, reaches more people — not only in today’s browsers & devices, but in tomorrows.
FutureLearn — Free online courses from top universities and specialist organisations.
Getting Started with Vim — Command-line editors can be a scary thing to learn and use for beginners, and Vim is probably the scariest of them all — but it doesn’t have to be.
Grid Garden — Write CSS code to grow your carrot garden.
How does CSS work — Understanding the Default Behavior of Styles in Our Browsers.
HTML5 Mobile Pro — A self-taught course about mobile web app development with HTML5 and specifically devices using WebKit-based browsers.
In Plain English — Home to some of the world’s most recognisable tech publications.
Let’s Scaffold a Web App with Yeoman — In this 25-minutes codelab, you will build a fully functional web application from scratch with the help of Yeoman and FountainJS. (Note: The versions of JavaScript frameworks can become outdated quickly)
Magical Dev School — Each of the courses are designed to give you the skills and knowledge you need to trust yourself to figure things out.
MongoDB For Beginners — Learn how to use MongoDB for web development in this comprehensive guide. Mongo is an open source schemaless database system which is very different from the more popular MySQL.
Open Source eBooks — Learn more about open source and the growing open source movement with this comprehensive list of books
Open Source Guide — A community guide for open source creators. Learn how to launch and grow your project.
O’Reilly Web Programming — A take on Web technologies, tools, and methods.
React2025 — Build and deploy a modern SaaS application using the most popular open-source software.
Resilient Web Design — You might think that this is a handbook for designing robust websites. This is not a handbook. It’s more like a history book.
Scrimba — Don’t spend $15K on a coding bootcamp. This Frontend Career Path helps motivated students become hireable developers for a fraction of the cost.
Servers for Hackers — Teaching the server tech you need for development and production. Eliminating the frustration of server configuration.
SilverStripe CMS Tutorials — Silverstripe CMS is the intuitive content management system and flexible framework loved by editors and developers alike.
Software engineer reading list — A continuously updated list with a programmers favourite programming books.
Start Reactive Native — Learn React Native Gesture Handler and Reanimated to build user experiences that run at 60 fps, even on low-end devices.
Style Manual — An absolutely incomplete, personal reference of the rules of punctuation.
Talks to help you become a better Front End Engineer — Many of us care deeply about developing our craft. But staying up to date can be a true challenge, because the quantity of fresh information we’re regularly exposed to can be a lot to take in. (Note: Published in 2013, but still interesting nevertheless)
The Developer Experience Book — All about how easily and effectively developers can get things done.
The U.S. Digital Services Playbook — Today, too many of our digital services projects do not work well, are delivered late, or are over budget. A playbook of 13 key “plays” drawn from successful practices from the private sector and government that, if followed together, will help government build effective digital services.
Web Developer’s Handbook 2.0 — A collection of useful links.
What is IT Service Management (ITSM) — IT service management — often referred to as ITSM — is simply how IT teams manage the end-to-end delivery of IT services to customers.
Web Font Anti-Patterns — Clarifies existing practices (good and bad) and guide you towards better web font usage.

It should go without saying that there is also plenty of inspiration/information that you can find with enough digging around from the following usual suspects…

Looking for a career change? Master web development (and other useful skills) using this treasure trove of knowledge!

Tutorials, Guides & Tips

Podcasts

Talks & YouTube Channels

Written by Ravi Sundram