📦 #003 - Learning Resources for Web Developers
Take your web development skills to the next level with the list below.
Hi, this is Madza! 👋
Welcome to The Third issue of The Developer Toolbox!
I’ve been frequently asked about my recommendations for the best learning resources from aspiring developers looking to learn to code.
So I decided to manually curate a list of my favorites and send it out, so everyone can use it as a shortcut in their learning path.
To make it easier to navigate, I divided everything into categories, gave descriptions, and included direct links.
First, I want to thank the Sponsor of this issue! 💖
OneEntry CMS is a cloud-based headless CMS designed to simplify content management for users without any technical background.
It comes with an intuitive UI, providing a clear logic for user interaction, that simplifies the overall process of managing websites and applications. Also, it is easily scalable and comes with great documentation to get started.
Users can enjoy the convenience of accessing and managing their data from anywhere, facilitating collaboration and productivity.
Take your content management experience to new heights with an easy-to-use interface, fast data storage, and great customization options for your needs!
Sign up now and experience the power of OneEntry CMS yourself!
📒 Learning sites
Resources to find the tutorials for web dev and more.
W3Schools - Includes tutorials and references, optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding.
FreeCodeCamp - Learn to code for free. Build projects. Earn certifications. The community includes thousands of videos, articles, and interactive coding lessons.
Web Dev - Explore structured learning paths to discover everything you need to know about building for the modern web. Learn why and how other developers have used the web to create unique web experiences for their users.
MDN Web Docs - An open-source, collaborative project documenting Web platform technologies, including CSS, HTML, JavaScript, and Web APIs. They also provide extensive learning resources for beginning developers and students.
JavaScript .info - The best resource to learn JavaScript: simple, but detailed explanations with examples and tasks, including closures, events, object-oriented programming, and more.
React Tutorial - Learn in an interactive environment. Understand how React works not just how to build with React.
Git Immersion - A guided tour that walks through the fundamentals of Git, inspired by the premise that to know a thing is to do it.
LearnPython .org - Whether you are an experienced programmer or not, this website is intended for everyone who wishes to learn the Python programming language.
SQLBolt - SQLBolt is a series of interactive lessons and exercises designed to help you quickly learn SQL right in your browser.
🎓 Coding Courses
Platforms you need to find the best coding courses.
Udemy - An online learning platform that offers courses on a wide range of topics, including web development, programming, design, business, and personal development.
Coursera - Offers online courses in web development from top universities and institutions.
Codecademy - An online learning platform that teaches coding skills in an accessible, flexible, and engaging way. It's interactive and fun, and you can do it with your friends.
Khan Academy - The platform features video lectures, interactive exercises, and personalized learning tools to help learners master different concepts and skills.
edX - Learn new skills in various ways, from engaging video lectures and dynamic graphics to data visualizations. Programs provide a space to practice with quizzes, open-response assessments, virtual environments, and more.
Edabit - Learn to code with bite-sized challenges. Gain experience, unlock achievements, and level up.
TutorialsPoint - Tutorials Point is one of the leading companies striving to provide the best learning material on technical and non-technical subjects.
Scrimba - Offering a fun learning experience, Scrimba is a platform providing many courses and tutorials. Students can learn via interactive code screencasts.
Treehouse - Provides interactive video courses in web development, including HTML, CSS, JavaScript, and various frameworks.
MIT Open Courseware - MIT OpenCourseWare is an online publication of materials from over 2,500 MIT courses, freely sharing knowledge with learners and educators around the world.
🧑💻 Projects
Projects that allow you to learn by building stuff.
Frontend Mentor - Improve your front-end skills by building real projects. Solve real-world HTML, CSS, and JavaScript challenges while working on professional designs.
DevChallanges - Web Development Resources and Community that help you become a Web Developer by working with real-life projects and practices.
CSS Battle - Use your CSS skills to replicate targets with the smallest possible code. Feel free to check out the targets below and put your CSS skills to the test.
Codier - Explore and attempt front-end coding challenges.
iCodeThis - Daily practical projects you can build to improve your coding skills!
JavaScript 30 - Starter Files + Completed solutions for the JavaScript 30-Day Challenge by Wes Bos.
JSChallenger - Provides a variety of exercises, including coding tasks, coding challenges, lessons, and quizzes.
Project-Based Learning - A curated list of project-based tutorials.
⚡ Cheatsheets
A useful collection of code snippets, references, etc.
DevHints - A modest collection of cheatsheets.
HTML5 Doctor - A quick reference of elements that are new or have been redefined in HTML5.
HTML Canvas - Everything you will need to know about the canvas.
CSS3 Media Queries - Everything you will need to know about CSS3 media queries.
Malven - Flex - Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app.
Malven - GRID - A visual cheat sheet for CSS GRID layout.
Tailwind Cheat Sheet - A free tool to view and search for all the class names and CSS properties from the world's most popular utility-first CSS framework.
Bootstrap5 Cheat Sheet - ThemeSelection's Bootstrap 5 Cheat Sheet.
GitSheet - A dead simple Git cheat sheet.
SEO Cheat Sheet - The Web Developer's SEO Cheat Sheet.
Cheatography - Programming Cheat Sheets in various tech.
OverAPI - Collection Of Cheat Sheets.
I hope these resources provided practical value for you! If so, make sure to connect with me on Twitter and LinkedIn for daily content!
Also, I already have tons of ideas for the upcoming issues, so if you liked the first one make sure to share it with your friends and subscribe below!