Here's where you'll find some helpful tips for learning and workshopping ideas from around the Internet. I'd consider this the "other" category of resources, so suggest anything in the Slack that you feel devs could benefit from!
For Googling something
⭐ **MDN Web Docs** → Resources for developers, by developers
-
Provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. It also has some developer-oriented documentation for Mozilla products, such as Firefox Developer Tools.
-
More up-to-date because Mozilla essentially own web dev standards, so should be the default resource for that.
-
W3Schools → An educational website for learning web technologies online
<aside>
💡 Disclaimer: These days, W3School recommendations can be outdated. If you have a choice, we recommend reading the MDN docs first whenever you Google!
</aside>
- Content includes tutorials and references relating to HTML, CSS, JavaScript, JSON, PHP, Python, AngularJS, React.js, SQL, Bootstrap, Sass, Node.js, jQuery, XQuery, AJAX, XML, Raspberry Pi, C++, C# and Java.
-
**GeeksforGeeks →** Computer Science portal for Computer Science students
- It contains well-written, well-thought and well-explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions.
- This is a good resource for studying/classes but also has good explanations for why code does what it does and how-tos for certain tasks you might want to implement
For sandboxing ideas
⭐️ CodeSandbox → An all-in-one sandbox for big boy frontends
- Offers templates in all your favorite frameworks (React, Vue, TypeScript, etc.)
- Demo frontend apps using anything npm with a live browser preview
- Amazing when you need to sandbox custom plugins, package configs, and more
- Seemless importing for GitHub repositories. See how
- Stackblitz → A lightweight sandbox for whipping up shareable React demos
- Has hot reloading with a live browser preview
- Easily share and fork projects + GitHub login support
- Leaned on by the Bits of Good bootcamp pretty heavily!
- **CodePen** → A social development environment for front-end designers and developers
- Build and deploy a website, show off work, build test cases to learn and debug, and find inspiration.
- For testing and showcasing user-created HTML, CSS and JavaScript code snippets.
- It functions as an online code editor and open-source learning environment, where developers can create code snippets, called "pens," and test them.