woop

The Woopest Woop

Resources

1. https://scrimba.com/ - Scrimba is a powerful new way of learning code. Play around with the instructors code any time, right in the player.
2. https://postmake.io/ - A directory of the best tools and resources for your projects
3. https://www.cnet.com/how-to/21-chrome-shortcuts-you-need-to-know/
4. https://workona.com/ - worth checking plugin for chrome tab management
5. https://jsbin.com/?html,output - a playground for html, css & js if you just want to experiment
6. https://www.learnenough.com/command-line-tutorials/basics - bad boy hacks for mastering the terminal
7. https://www.theodinproject.com/ open source/free alternative to codecademy (.js is worth checking out)
8. https://javascript.works-hub.com/learn/ - a bit more advanced, but how to build various things in .js, node, react
9. https://resilientwebdesign.com/
10. https://developer.mozilla.org/en-US/docs/Web/CSS/color_value - Hex color list
11. https://alistapart.com/article/responsive-web-design - How responsive web started
12. https://news.ycombinator.com/hn.js - Javascript file from HackerNews
13. https://caniuse.com - Testing cross browser support for various properties
14. https://www.arun.is/blog/10-year-challenge/ - 10 years
15. https://github.com/charlax/professional-programming - A collection of full-stack resources for programmers.
16. https://google-webfonts-helper.herokuapp.com/fonts - Fonts helper tool
17. https://medium.com/level-up-web/the-ultimate-guide-to-css-103b0f883de3 - CSS cheatsheets
18. https://usefyi.com/templates/ - Use FYI templates
19. https://daneden.github.io/animate.css/ - Simple animations with CSS
20. https://www.udemy.com/advanced-css-and-sass/?couponCode=LAUNCHSITE4 Jonas' advanced CSS class with coupon
21. https://bennettfeely.com/clippy/ - Easy clip-path (HTML5) tool to clip images in browser.
22. https://discoverthreejs.com/ - upcoming threejs book. Free first chapter.
23. https://www.cncf.io/the-childrens-illustrated-guide-to-kubernetes/ kubernetes explained
24. https://www.nngroup.com/articles/breadcrumbs/ Breadcrumbs - UIUX design guidelines.

On editors]

1. https://app.programmingfonts.org/ - test yer fonts

VSCode

1. https://vscodecandothat.com/ - VS Code tips and tricks
2. https://vscodecandothat.com/ - What VS Code can do... even makes coffee!🙊

On Javascript

1. https://github.com/bpesquet/thejsway
2. https://scrimba.com/search?q=javascript (Videos and tutorials)
3. https://scrimba.com/c/cast-24 @Tom Belton a nice way to "buidl" and apply what you're learning by creating a very simple submission form. @Jacob Papageorgiou schweeeet thnx m8!
4. https://codepen.io/JohnPaulFich/pen/MXmzzM A simple "To-do" list in .js to explore functions.
5. https://reacthandbook.com/ Flavio Copes. For when we make better haxz0rz
6. https://learnjavascript.online/
7. https://dustinpfister.github.io/2017/12/04/lodash_once/ closures
8. https://javascript.info detailed JS text tutorials
9. https://medium.freecodecamp.org/state-in-javascript-explained-by-cooking-a-simple-meal-2baf10a787ee JS State explained 👨🏻‍🍳
10. https://medium.com/@bretcameron/12-javascript-tricks-you-wont-find-in-most-tutorials-a9c9331f169d

APIs

1. https://public-apis.xyz/ - here lie the public APIs

Email newsletter worth subscribing to

1. https://hackernewsletter.com/ - Weekly picks from https://news.ycombinator.com/
2. https://github.com/zudochkin/awesome-newsletters/blob/master/README.md many more newsletters but not sure what would be best. 🤔
3. https://www.webdesignernews.com/ - I enjoy this as it has a variety of links on a daily basis - however these are still FOMO inducing emails
4. https://labnotes.org/ - Definitely worth subscribing to - a weekly email about code, design, technology, and people
5. https://frontendfoc.us/ - Front End Focus. All things front end, with latest updates.

Git

1. https://medium.com/@i_AnkurBiswas/common-git-mistakes-and-how-to-fix-them-10184cd5fa77

Music

1. https://musicforprogramming.net/

Time Wasters, Resource finders

1. https://www.producthunt.com/golden-kitty-awards-2018 - Some great products in here
2. https://hackernewsletter.com/2018/ - Some good linkage here - also subscribe to
3. https://github.com/mostmojo/Cookbook - "Recipe Cookbook" - could waste lots of time debugging but it works 🤭

Noob How To's...

1. https://stackoverflow.com/questions/21012203/how-can-i-install-macvim-on-os-x
2. https://stackoverflow.com/questions/2933192/what-is-parsing-in-terms-that-a-new-programmer-would-understand/2933218#2933218 (If I gave you an english sentence, and asked you to break down the sentence into its parts of speech (nouns, verbs, etc.), you would be parsing the sentence).
3. https://www.sitepoint.com/nokogiri-fundamentals-extract-html-web/ (extract an html page to terminal for initial scraping)
4. https://www.youtube.com/watch?v=-9ZheXYOMeM&t=2s Build a landing page in 2hrs
5. https://help.github.com/articles/fork-a-repo/ How to commit from local machine to github
6. https://flexboxfroggy.com Children's frog game to learn grid