A-collection-of-useful-resources.

This is a collection of very helpful resources. Feel free to add your own resources and create a PR :)

ONLINE TOOLS

CODING

online editors

• https://codesandbox.io/?from-app=1
• https://codepen.io/
• https://stackblitz.com/

code validators

• https://validator.w3.org/
• https://jshint.com/

code beautifiers

• https://www.cleancss.com/html-beautify/
• https://beautifier.io/
• https://e10host.com/css-beautifier

---

IMAGES

tools

• compressing
• resizing
• what is favico and converter to ico
• vector designer
• image clipper

free images and vectors

• https://www.pexels.com/
• https://unsplash.com/
• https://www.iconfinder.com/search/?q=error&license=2&price=free

image placeholders

• https://placekitten.com/
• https://placeholder.com/
• https://placebear.com/

for image hosting

• http://pichost.org/
• https://imgur.com/
• https://postimages.org/

---

GUIDES AND RESOURSES

Git AND GitHub

• https://rogerdudler.github.io/git-guide/

PLAY AND LEARN

• Git branching
• flexbox froggy
• flexbox zombies

train your coding skills

• codewars
• codecata

Free Learning Resources

Platforms

• freecodecamp
• sololearn

Youtube Channels

• net-ninja
• Traversy Media
• Fun-Fun-Function
• Computable Multiverse

---

INTERVIEW PREPARATION and QUIZES

• https://interviewing.io/
• https://frontendmasters.com/books/front-end-handbook/2018/practice/interview-q.html
• https://www.freecodecamp.org/news/beaucarnes/fearless-interview--9kN7Oks
• https://www.youtube.com/watch?v=oxoFVqetl1E
• https://www.youtube.com/watch?v=yo3MJPcVJc8
• https://github.com/yangshun/front-end-interview-handbook
  Quizes
  
• http://davidshariff.com/js-quiz/
• https://quiz.triplebyte.com/
• https://www.hackerrank.com/tests/sample
• https://github.com/jayshah19949596/CodingInterviews

other useful links

• markdown-cheatSheet
• Create a mind-map

---