Back

General Resources for Learning Web Development

• MDN Web Docs: A resource for developers, maintained by the community of developers and technical writers and hosting many documents on a wide variety of subjects, such as: HTML, CSS, HTTP, JavaScript, Web APIs, Web components, Graphics, Audio, video and multimedia, MathML.

• W3Schools: A great resource for web developers with tutorials( with good examples ) and references on web development. This resource covers subjects such as: HTML, CSS, JavaScript, PHP, SQL, Python, jQuery, Java, W3.CSS, and Bootstrap, covering most aspects of web programming.

• StackOverflow: A massive resource of questions and answers having to do with coding. If you have a question regarding web development or coding in general, chances are it has already been answered on StackOverflow.

• Code School: A number of web development tutorials, some available for free. A great place to learn coding.

• freeCodeCamp.org: A free site for learning web development. Optionally, you can pledge to donate money to charities while you learn, giving incentive to keep working. In particular, this site features a number of JavaScript algorithms for practice and preparation for technical job interviews.

• Udacity: A website for learning different concepts of computer science.

• CSS-Tricks: One of the best sites to learn CSS and responsive design.

• CodePen: A development environement for front-end designers and developers, to showcasing user-created HTML, CSS and JavaScript code snippets.

• CodeShare: Quickly share a piece of code with team members in a matter of seconds.

• Trello: A web-based Kanban-style application. Manage the objectives, tasks and deadlines in all your projects on a user friendly interface.

• Codrops: A website to find cutting edge modern web development templates, useful tutorials and snippets for your next web project

• StackExchange: StackOverflow’s less specialized (and oft-overlooked) cousin. Depending on what you’re looking for, you can often find help on one of the more specialized StackExchange forums, including the exisitng forums for Aruduino, superusers, and programming challenges (known as “code golf”).

• Educative.io: A website to find online course at a very cheap price with an interactive way of teaching, reading and practice what you’ve learned.

• Linkedin Learning: Linkedin supplies courses through Linkedin learning that instruct a potpourri of topics which include HTML, CSS, JS etc. Requires Linkedin account.

• SoloLearn : Great free resource to learn several different programming languages. Along with community support, challenges, and coaching now also.

• Visualize Code Execution: Visualize Python, Java, JavaScript, C, C++, Ruby code execution.

• Internetingishard.com: Friendly web development tutorials for complete beginners; Learn HTML & CSS for free.
• Scrimba Video Tutorials for free, and some to pay for. Comes with weekly dev challenges, which you can win prizes every week if you contribute.

• Can I Use See what bits of code is compatible with different web browsers and versions.

• Git Reference Learn Git, and some of their commands!

• Full Stack open This course will introduce you to modern JavaScript-based web development. The main focus is on building single page applications with ReactJS that use REST APIs built with Node.js. The course covers testing, configuration and environment management, and the use of MongoDB for storing the application’s data.

• Codementor Events Codementor Events is a developer community and virtual events platform where developers learn and share new tools, technical concepts, and career tips.

• daily.dev: A browser extension that replaces a new tab with a personalised feed of articles relating to everything from Software Development, Machine Learning, DevOps and Open Source and more.

• GitHub Student Developer Pack: Resources from a wide range of well known organisations provided for free or at a discount through the GitHub Student Developer Pack, very useful for those in university or recently graduated. STUDENT CARD AND STUDENT EMAIL REQUIRED.

• roadmap.sh: Displays dedicated roadmaps for a specific field or technology including Front End, Back End, Full Stack, React, Java etc.

• CompSciLib: A free site for learning and practicing Computer Science theory topics in courses such as Computer Organization, Discrete Math, Networking, etc. Think Khan Academy, but for Computer Science.

• frontend Mentor: Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs.

• PerfectBugReport.io: A simple checklist of the essential items to include in bug reports.

• useful Github repository: This repository is a compilation of well-written, step-by-step guides for re-creating our favorite technologies from scratch.