1
0
mirror of https://github.com/mojpm/frontend-development.git synced 2025-07-31 17:50:15 +02:00

update README

This commit is contained in:
mojpm
2021-08-02 14:35:44 +03:00
parent c06f0f14ad
commit 6ef28a643c

484
README.md
View File

@@ -22,121 +22,125 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
## Table of Contents ## Table of Contents
- [HTML](#html) 1. [How The Internet Works](##how-the-internet-works)
- [CSS](#css) 2. [HTML](##html)
- [JavaScript](#javascript) 3. [CSS](##css)
- [Git](#git) 4. [JavaScript](##javascript)
- [React](#react) 5. [Git](##git)
- [Vue](#vue) 6. [React](##react)
- [Browser extensions](#browser-extensions) 7. [Vue](##vue)
- [Icons](#icons) 8. [Browser extensions](##browser-extensions)
- [Fonts and Typography](#fonts-and-typography) 9. [Icons](##icons)
- [Illustrations](#illustrations) 10. [Fonts and Typography](##fonts-and-typography)
- [Optimization](#optimization) 11. [Illustrations](##illustrations)
- [Color Inspiration](#color-inspiration) 12. [Optimization](##optimization)
- [Images and Videos](#images-and-videos) 13. [Color Inspiration](##color-inspiration)
- [Hosting Sites](#hosting-sites) 14. [Images and Videos](##images-and-videos)
- [Design Inspiration](#design-inspiration) 15. [Hosting Sites](##hosting-sites)
- [Portfolio Inspiration](#portfolio-inspiration) 16. [Design Inspiration](##design-inspiration)
- [Youtube Channels](#youtube-channels) 17. [Portfolio Inspiration](##portfolio-inspiration)
- [Podcasts](#podcasts) 18. [Youtube Channels](##youtube-channels)
- [Blogs](#blogs) 19. [Podcasts](##podcasts)
- [Interview Prep](#interview-prep) 20. [Blogs](##blogs)
- [Newsletters](#newsletters) 21. [Interview Prep](##interview-prep)
- [Contributing](#contributing) 22. [Newsletters](##newsletters)
23. [Contributing](##contributing)
## How the Internet Works ## How the Internet Works
### Documentation ### Documentation
- [How does the Internet work? — MDN](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work) - [How does the Internet work? — MDN](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work)
### Articles ### Articles
- [How does the Internet Work? — HowStuffWorks](https://computer.howstuffworks.com/internet/basics/internet.htm) - [How does the Internet Work? — HowStuffWorks](https://computer.howstuffworks.com/internet/basics/internet.htm)
- [How the Internet Works — Medium](https://medium.com/@User3141592/how-does-the-internet-work-edc2e22e7eb8#:~:text=It%20is%20a%20network%20that,their%20source%20to%20their%20destination.) - [How the Internet Works — Medium](https://medium.com/@User3141592/how-does-the-internet-work-edc2e22e7eb8#:~:text=It%20is%20a%20network%20that,their%20source%20to%20their%20destination.)
- [How Does the Internet Work? — Stanford](https://web.stanford.edu/class/msande91si/www-spr04/readings/week1/InternetWhitepaper.htm) - [How Does the Internet Work? — Stanford](https://web.stanford.edu/class/msande91si/www-spr04/readings/week1/InternetWhitepaper.htm)
- Videos ### Videos
- KhanAcademy - [What is the Internet](https://www.khanacademy.org/computing/computers-and-internet/xcae6f4a7ff015e7d:the-internet/xcae6f4a7ff015e7d:introducing-the-internet/v/what-is-the-internet) - [What is the Internet KhanAcademy](https://www.khanacademy.org/computing/computers-and-internet/xcae6f4a7ff015e7d:the-internet/xcae6f4a7ff015e7d:introducing-the-internet/v/what-is-the-internet)
- Youtube - [The Internet: Crash Course Computer Science](https://www.youtube.com/watch?v=AEaKrq3SpW8&list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo&index=30&ab_channel=CrashCourse) - [The Internet: Crash Course Computer Science](https://www.youtube.com/watch?v=AEaKrq3SpW8&list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo&index=30&ab_channel=CrashCourse)
- Youtube - [Computer Networks: Crash Course Computer Science](https://www.youtube.com/watch?v=3QhU9jd03a0&list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo&index=29&ab_channel=CrashCourse) - [Computer Networks: Crash Course Computer Science](https://www.youtube.com/watch?v=3QhU9jd03a0&list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo&index=29&ab_channel=CrashCourse)
- Youtube - [The World Wide Web: Crash Course Computer Science](https://www.youtube.com/watch?v=guvsH5OFizE&list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo&index=31&ab_channel=CrashCourse) - [The World Wide Web: Crash Course Computer Science](https://www.youtube.com/watch?v=guvsH5OFizE&list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo&index=31&ab_channel=CrashCourse)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# HTML ## HTML
- Documentation ### Documentation
- Cheat Sheet - [HTML Cheat Sheet](https://websitesetup.org/html5-cheat-sheet/) - [Structuring the web with HTML MDN](https://developer.mozilla.org/en-US/docs/Learn/HTML)
- Cheat Sheet - [OverAPI - Links To MDN](https://overapi.com/html) - [HTML Reference](https://htmlreference.io/)
- CSS-Tricks - [HTML Entity Refernce](https://css-tricks.com/snippets/html/glyphs/)
- Josh Buchea - [HEAD](https://htmlhead.dev/), A free guide to HTML5 `<head>` elements
- MDN - [HTML5 Reference ](https://developer.mozilla.org/en-US/docs/Web/HTML/Element)
- Reference - [HTML Reference](https://htmlreference.io/)
- W3Schools - [Introduction to HTML ](https://www.w3schools.com/html/html_intro.asp)
- Books ### Cheat Sheets
- [OverAPI](https://overapi.com/html)
- [HTML Cheat Sheet](https://websitesetup.org/html5-cheat-sheet/)
- [HTML Entity Refernce](https://css-tricks.com/snippets/html/glyphs/)
### Articles
- [A simple guide to HTML <head> elements](https://htmlhead.dev/)
### Books
- [Design and Build Websites 💵](https://www.amazon.com/HTML-CSS-Design-Build-Websites/dp/1118008189)
- [HTML Notes for Pros](https://goalkicker.com/HTML5Book/HTML5NotesForProfessionals.pdf) - [HTML Notes for Pros](https://goalkicker.com/HTML5Book/HTML5NotesForProfessionals.pdf)
- [Design and Build Websites 💵](https://www.amazon.com/HTML-CSS-Design-Build-Websites/dp/1118008189)
- [Head First HTML with CSS 💵](https://www.amazon.com/Head-First-HTML-CSS-XHTML/dp/059610197X) - [Head First HTML with CSS 💵](https://www.amazon.com/Head-First-HTML-CSS-XHTML/dp/059610197X)
- [HTML5 Pocket Reference 💵](https://www.amazon.com/HTML5-Pocket-Reference-Comprehensive-Indispensable/dp/1449363350) - [HTML5 Pocket Reference 💵](https://www.amazon.com/HTML5-Pocket-Reference-Comprehensive-Indispensable/dp/1449363350)
- Courses ### Courses
- CodeCademy - [Learn HTML 💵](https://www.codecademy.com/learn/learn-html) - [HTML & CSS The Odin Project](https://www.theodinproject.com/courses/html-and-css)
- EDX - [HTML5 and CSS Fundemantals](https://www.edx.org/course/html5-and-css-fundamentals) - [Introduction to HTML Scrimba](https://scrimba.com/learn/html)
- FreeCodeCamp - [Introduction to Basic HTML & HTML5 ](https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/) - [Introduction to Basic HTML & HTML5 FreeCodeCamp](https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/)
- Pluralsight - [HTML Fundamentals 💵](https://www.pluralsight.com/courses/html-fundamentals) - [HTML5 and CSS Fundemantals EDX](https://www.edx.org/course/html5-and-css-fundamentals)
- Scrimba - [Introduction to HTML](https://scrimba.com/learn/html) - [Learn HTML CodeCademy 💵](https://www.codecademy.com/learn/learn-html)
- Team Treehouse - [Introduction to HTML and CSS 💵](https://teamtreehouse.com/library/introduction-to-html-and-css) - [Introduction to HTML and CSS Team Treehouse 💵](https://teamtreehouse.com/library/introduction-to-html-and-css)
- The Odin Project - [HTML & CSS](https://www.theodinproject.com/courses/html-and-css)
- Udemy - [HTML and CSS3 Course 💵](https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/)
- Udacity - [Intro to HTML and CSS](https://www.udacity.com/course/intro-to-html-and-css--ud001)
- W3Schools - [HTML Tutorial ](https://www.w3schools.com/html/)
- Youtube - [HTML Full Course](https://www.youtube.com/watch?v=pQN-pnXPaVg&ab_channel=freeCodeCamp.org)
- Websites ### Websites
- [HTML5 Doctor](http://html5doctor.com/) - A great reference for HTML Elements - [HTML5 Doctor - A great reference for HTML Elements](http://html5doctor.com/)
- [HTML-5-TUTORIAL](https://www.html-5-tutorial.com/) - Another Great Website for everything HTML - [HTML-5-TUTORIAL - A Great Website for everything HTML](https://www.html-5-tutorial.com/)
- [HTML5 Up](http://html5up.net/) - Responsive HTML5 and CSS3 site templates. - [HTML5 Up - Responsive HTML5 and CSS3 site templates](http://html5up.net/)
- [HTML Validator](https://validator.w3.org/) - Check if your HTML markup is valid and contains no errors. - [HTML Validator - Check if your HTML markup is valid and contains no errors.](https://validator.w3.org/)
- [Templated](http://templated.co/) - A collection of 845 free CSS & HTML5 site templates. - [Templated - A collection of 845 free CSS & HTML5 site templates.](http://templated.co/)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# CSS ## CSS
- Documentation ### Documentation
- Cheat Sheet - [OverAPI - Links To MDN](https://overapi.com/css) - [Learn to style HTML using CSS - MDN](https://developer.mozilla.org/en-US/docs/Web/CSS)
### Cheat Sheets
- [OverAPI CSS Cheat Sheet](https://overapi.com/css)
- [Extensive CSS Reference](https://tympanus.net/codrops/css_reference/) - [Extensive CSS Reference](https://tympanus.net/codrops/css_reference/)
- [Getting to Know CSS](https://learn.shayhowe.com/html-css/getting-to-know-css/) - [Getting to Know CSS](https://learn.shayhowe.com/html-css/getting-to-know-css/)
- MDN - [CSS ](https://developer.mozilla.org/en-US/docs/Web/CSS)
- Reference - [CSS Reference](https://cssreference.io/)
- Books ### Books
- [CSS Secrets 💵](https://www.amazon.com/CSS-Secrets-Solutions-Everyday-Problems/dp/1449372635) - [CSS Secrets 💵](https://www.amazon.com/CSS-Secrets-Solutions-Everyday-Problems/dp/1449372635)
- [CSS: The Definitive Guide: Third Edition 💵](https://www.amazon.com/CSS-Definitive-Guide-Eric-Meyer/dp/0596527330)
- [The CSS Pocket Guide 💵](https://www.amazon.com/CSS-Pocket-Guide-Peachpit/dp/0321732278) - [The CSS Pocket Guide 💵](https://www.amazon.com/CSS-Pocket-Guide-Peachpit/dp/0321732278)
- [CSS: The Definitive Guide: Third Edition 💵](https://www.amazon.com/CSS-Definitive-Guide-Eric-Meyer/dp/0596527330)
- Courses ### Courses
- CodeCademy - [Learn CSS 💵](https://www.codecademy.com/learn/learn-css) - [Introduction to CSS - Scrimba](https://scrimba.com/learn/introtocss)
- FreeCodeCamp - [Introduction to Basic CSS ](https://www.freecodecamp.org/learn/responsive-web-design/basic-css/) - [Introduction to Basic CSS - FreeCodeCamp ](https://www.freecodecamp.org/learn/responsive-web-design/basic-css/)
- Scrimba - [Introduction to CSS](https://scrimba.com/learn/introtocss) - [Learn CSS - CodeCademy💵](https://www.codecademy.com/learn/learn-css)
- Team Treehouse - [CSS Basics 💵](https://teamtreehouse.com/library/css-basics) - [CSS Basics - Team Treehouse 💵](https://teamtreehouse.com/library/css-basics)
- W3School - [CSS Tutorial](https://www.w3schools.com/css/)
- Frameworks and Libraries ### Frameworks and Libraries
- [Animate.css](https://daneden.github.io/animate.css/)
- [Base](https://getbase.org/) - [Base](https://getbase.org/)
- [Bootstrap](https://getbootstrap.com/)
- [Bulma](https://bulma.io/) - [Bulma](https://bulma.io/)
- [Bootstrap](https://getbootstrap.com/)
- [Animate.css](https://daneden.github.io/animate.css/)
- [Dead Simple Grid](https://github.com/mourner/dead-simple-grid) - [Dead Simple Grid](https://github.com/mourner/dead-simple-grid)
- [Foundation](https://foundation.zurb.com/) - [Foundation](https://foundation.zurb.com/)
- [Materialize CSS](https://materializecss.com/) - [Materialize CSS](https://materializecss.com/)
@@ -152,7 +156,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [Tent CSS](https://css.sitetent.com/) - [Tent CSS](https://css.sitetent.com/)
- [UI Kit](https://getuikit.com/) - [UI Kit](https://getuikit.com/)
- Practice your CSS Skills ### Practice your CSS Skills
- [Codepen](http://codepen.io/) - [Codepen](http://codepen.io/)
- [CodeSandbox](https://codesandbox.io/) - [CodeSandbox](https://codesandbox.io/)
@@ -164,65 +168,66 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [Plunker](http://plnkr.co/) - [Plunker](http://plnkr.co/)
- [StackBlitz](https://stackblitz.com/) - [StackBlitz](https://stackblitz.com/)
- Style Guides ### Style Guides
- [AirBnb Style Guide](https://github.com/airbnb/css) - [AirBnb Style Guide - CSS](https://github.com/airbnb/css)
- [CSS Guidelines](https://cssguidelin.es/) - [CSS Guidelines](https://cssguidelin.es/)
- [Google Style Guide](https://google.github.io/styleguide/htmlcssguide.html) - [Google Style Guide - HTML & CSS](https://google.github.io/styleguide/htmlcssguide.html)
- [Trello CSS Guide](https://gist.github.com/bobbygrace/9e961e8982f42eb91b80) - [Trello CSS Guide](https://gist.github.com/bobbygrace/9e961e8982f42eb91b80)
- Websites ### Websites
- [7 Days, 7 Websites](https://7days7websites.glitch.me/) - A challenge site to build 7 websites in 7 days
- [Can I use](https://caniuse.com/) - Up-to-date browser support tables for front-end technologies on desktop and mobile browsers. - [**7 Days, 7 Websites** - Build 7 websites in 7 days](https://7days7websites.glitch.me/)
- [Clippy](https://bennettfeely.com/clippy/) - A small tool to help you using the new and powerful clip-path property. - [**Can I use** - Up-to-date browser support tables for front-end technologies](https://caniuse.com/)
- [CSSBattle](https://cssbattle.dev) - Learn CSS through a fun code-golfing game - [**Clippy** - A tool to help use the new clip-path property](https://bennettfeely.com/clippy/)
- [CSS Easing functions](https://easings.net/) - An amazing collection of easing functions bo be used in CSS transitions and animations. - [**CSSBattle** - Learn CSS through a fun code-golfing game](https://cssbattle.dev)
- [CSS Diner](https://flukeout.github.io/) - Learn CSS Selectors through a game - [**CSS Easing functions** - A collection of easing functions used in CSS transitions and animations.](https://easings.net/)
- [CSS for People Who Hate CSS](https://paulcpederson.com/articles/css-for-people-who-hate-css/) - [**CSS Diner** - Learn CSS Selectors through a game](https://flukeout.github.io/)
- [CSS Grid Garden](https://cssgridgarden.com/) - Learn CSS Grid through a game - [**CSS for People Who Hate CSS**](https://paulcpederson.com/articles/css-for-people-who-hate-css/)
- [CSS Layout](https://csslayout.io/) - A collection of popular layouts and patterns made with CSS - [**CSS Grid Garden** - Learn CSS Grid through a game](https://cssgridgarden.com/)
- [CSS reference by Codrops](http://tympanus.net/codrops/css_reference/) - Excellent guide on how to write better, cleaner and more reusable CSS code. - [**CSS Layout** - A collection of popular layouts and patterns made with CSS](https://csslayout.io/)
- [CSS-tricks](https://css-tricks.com) - A wonderful blog site for everything CSS - [**CSS reference by Codrops** - Excellent guide on how to write better, cleaner and more reusable CSS code.](http://tympanus.net/codrops/css_reference/)
- [Cubic Berzier Function Generator](https://cubic-bezier.com/#.17,.67,.83,.67) - Free insights about traffic, visitors and conversions. - [**CSS-tricks** - A blog site for everything CSS](https://css-tricks.com)
- [Flexbox Froggy](https://flexboxfroggy.com/) - Learn CSS Flexbox through a game - [**Cubic Berzier Function Generator**](https://cubic-bezier.com/#.17,.67,.83,.67)
- [Responsinator](https://www.responsinator.com/) - A quick tool to check the responsiveness of a site across different devices. - [**Flexbox Froggy** - Learn CSS Flexbox through a game](https://flexboxfroggy.com/)
- [Responsive Grid System](http://www.responsivegridsystem.com/) - A quick, flexible and easy fluid grid for easy responsive web design. - [**Responsinator** - Check the responsiveness of a site across different devices.](https://www.responsinator.com/)
- [**Responsive Grid System** - Quick flexible and easy fluid grid for easy responsive web design.](http://www.responsivegridsystem.com/)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# JavaScript ## JavaScript
- Documentation ### Documentation
- Cheat Sheet - [OverAPI - Links To MDN](https://overapi.com/javascript) - [JavaScript — Dynamic client-side scripting - MDN](https://developer.mozilla.org/en-US/docs/Learn/JavaScript)
- MDN - [JavaScript Reference ]()
- MDN - [Operator Precedence Table]()
- MDN - [JavaScript Event Refernce]()
- Courses ### Reference & Cheat Sheets
- CodeCademy - [Learn JavaScript](https://www.codecademy.com/learn/introduction-to-javascript) - [JavaScript Reference - MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference)
- EDX - [Programming the Web with JavaScript](https://www.edx.org/course/programming-for-the-web-with-javascript) - [JavaScript Cheat Sheet - OverAPI](https://overapi.com/javascript)
- freeCodeCamp - [JavaScript Algorithms and Data Structures ](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/)
- [GeekforGeeks](https://www.geeksforgeeks.org/javascript-tutorial/)
- The Odin Project[Javascript Course- includes some backend related content too](https://www.theodinproject.com/courses/javascript)
- Wes Bos - [JavaScript30 ](https://javascript30.com/)
- W3Schools - [JavaScript Tutorial](https://www.w3schools.com/js/DEFAULT.asp)
- Udemy [The Complete JavaScript Course 💵 ](https://www.udemy.com/course/the-complete-javascript-course/)
- Books ### Courses
- [Learn JavaScript - CodeCademy](https://www.codecademy.com/learn/introduction-to-javascript)
- [Programming the Web with JavaScript - EDX ](https://www.edx.org/course/programming-for-the-web-with-javascript)
- [JavaScript Algorithms and Data Structures - FreeCodeCamp](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/)
- [JavaScript Tutorial - GeekforGeeks](https://www.geeksforgeeks.org/javascript-tutorial/)
- [JavaScript30 - Wes Bos](https://javascript30.com/)
- [The Complete JavaScript Course - Udemy💵 ](https://www.udemy.com/course/the-complete-javascript-course/)
### Books
- [Eloquent JavaScript ](https://eloquentjavascript.net/) - [Eloquent JavaScript ](https://eloquentjavascript.net/)
- [JavaScript For Cats](http://jsforcats.com/) - [You Don't Know JavaScript ](https://github.com/getify/You-Dont-Know-JS)
- [JavaScript Notes for Pros](https://books.goalkicker.com/JavaScriptBook/) - [JavaScript Notes for Pros](https://books.goalkicker.com/JavaScriptBook/)
- [JavaScript For Cats](http://jsforcats.com/)
- [Learning JavaScript Design Patterns](https://addyosmani.com/resources/essentialjsdesignpatterns/book/) - [Learning JavaScript Design Patterns](https://addyosmani.com/resources/essentialjsdesignpatterns/book/)
- [Secrets of the JavaScript Ninja](https://www.manning.com/books/secrets-of-the-javascript-ninja) - [Secrets of the JavaScript Ninja](https://www.manning.com/books/secrets-of-the-javascript-ninja)
- [Speaking JavaScript](http://speakingjs.com/es5/index.html) - [Speaking JavaScript](http://speakingjs.com/es5/index.html)
- [You Don't Know JavaScript ](https://github.com/getify/You-Dont-Know-JS)
- [JavaScripts The Good Parts💵](https://www.amazon.com/gp/product/0596517742/ref=as_li_ss_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=0596517742&linkCode=as2&tag=eldoradohills-20) - [JavaScripts The Good Parts💵](https://www.amazon.com/gp/product/0596517742/ref=as_li_ss_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=0596517742&linkCode=as2&tag=eldoradohills-20)
- [JavaScrit and JQuery💵](http://javascriptbook.com/) - [JavaScrit and JQuery💵](http://javascriptbook.com/)
- Challenge Websites ### Challenge Websites
- [AtCoder](https://atcoder.jp/) - [AtCoder](https://atcoder.jp/)
- [CodeChef](https://www.codechef.com/) - [CodeChef](https://www.codechef.com/)
@@ -231,12 +236,11 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [Codewars](https://www.codewars.com/) - [Codewars](https://www.codewars.com/)
- [CodinGame](https://www.codingame.com/) - [CodinGame](https://www.codingame.com/)
- [CodeForces](https://codeforces.com/) - [CodeForces](https://codeforces.com/)
- [DevProjects](https://www.codementor.io/projects/javascript) - Free real-world JavaScript projects. - [DevProjects - Free real-world JavaScript projects](https://www.codementor.io/projects/javascript)
- [Exercism](https://exercism.io/) - [Exercism](https://exercism.io/)
- [HackerEarth](https://www.hackerearth.com/) - [HackerEarth](https://www.hackerearth.com/)
- [Hackerrank](https://www.hackerrank.com/) - [Hackerrank](https://www.hackerrank.com/)
- [Leetcode](https://leetcode.com/) - [Leetcode](https://leetcode.com/)
- [Mintbean](https://mintbean.io/) - Free learnathons instead of just algorithms.
- [Pramp](https://www.pramp.com/#/) - [Pramp](https://www.pramp.com/#/)
- [Project Euler](https://projecteuler.net/) - [Project Euler](https://projecteuler.net/)
- [SPOJ](https://www.spoj.com/) - [SPOJ](https://www.spoj.com/)
@@ -249,35 +253,36 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [Modern JavaScript Cheatsheet](https://github.com/mbeaudru/modern-js-cheatsheet) - [Modern JavaScript Cheatsheet](https://github.com/mbeaudru/modern-js-cheatsheet)
- [Short JavaScript code snippets for all your development needs](https://github.com/30-seconds/30-seconds-of-code) - [Short JavaScript code snippets for all your development needs](https://github.com/30-seconds/30-seconds-of-code)
- Style Guides ### Style Guides
- [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript) - [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript)
- [Google JavaScript Style Guide](https://google.github.io/styleguide/jsguide.html) - [Google JavaScript Style Guide](https://google.github.io/styleguide/jsguide.html)
- [Standardjs](https://standardjs.com/) - [Standardjs](https://standardjs.com/)
- Visual Studio Code Extensions ### Visual Studio Code Extensions
- [Babel JavaScript](https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel) - Syntax highlighting for today's JavaScript - [**Babel JavaScript** - Syntax highlighting for today's JavaScript](https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel)
- [Bracket Pair Colorizer 2](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2) - Matches brackets with same color. - [**Bracket Pair Colorizer 2** - Match brackets with same color](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2)
- [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) - Debugging tool. - [**Debugger for Chrome** - Debugging tool](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)
- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Code Linter that can find out any problematic patterns. You can even make your own set of rules to check and reuse logic. - [**ESLint** - Code Linter](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
- [Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense) - Can show code completion and information on a certain function, variables, and properties by hover. - [**Intellisense** - Code completion and Information](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense)
- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) - Automatically reload the web page whenever there are changes in your code. - [**Live Server** - Live Web Page Reload.](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
- [npm](https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script) - npm support for Visual Studio Code - [**NPM** - npm support for VsCode](https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script)
- [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense) -Aauto-complete the path of the file you are trying to import - [**Path Intellisense** - Auto-complete path files](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)
- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Responsible for code formatting. - [**Prettier** - Code Formatting.](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
- [Paste JSON as Code](https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype) - Copy JSON paste as JavaScript or Typescript - [**Paste JSON as Code** - Copy JSON paste as JavaScript or Typescript](https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype)
- [Quokka.js](https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode) - Prototyping playground that displays the results of an operation inside your IDE - [**Quokka.js** - Prototyping playground that displays the results of an operation inside your IDE](https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode)
- [REST Client](https://marketplace.visualstudio.com/items?itemName=humao.rest-client) - REST Client for Visual Studio Code - [**REST Client** - REST Client for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=humao.rest-client)
- [Settings Sync](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync) - Synchronise your editor settings using Github. - [**Settings Sync** - Synchronise your editor settings using Github.](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync)
- [Snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets) - Snippets for JavaScript ES6 syntax and TypeScript. - [**Snippets** - Snippets for JavaScript ES6 syntax and TypeScript.](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets)
- Websites ### Websites
- [HTML DOM](https://htmldom.dev/) - Common tasks of managing HTML DOM with vanilla JavaScript - [HTML DOM](https://htmldom.dev/)
- [this vs that](https://thisthat.dev/) - The differences between **_ and _** in the front-end development - [this vs that](https://thisthat.dev/)
### Articles
- Articles
- [70 JavaScript Interview Questions](https://dev.to/macmacky/70-javascript-interview-questions-5gfi) - [70 JavaScript Interview Questions](https://dev.to/macmacky/70-javascript-interview-questions-5gfi)
- [10 JavaScript concepts you need to know for interviews](https://codeburst.io/10-javascript-concepts-you-need-to-know-for-interviews-136df65ecce) - [10 JavaScript concepts you need to know for interviews](https://codeburst.io/10-javascript-concepts-you-need-to-know-for-interviews-136df65ecce)
- [10 Interview QuestionsEvery JavaScript Developer Should Know ](https://medium.com/javascript-scene/10-interview-questions-every-javascript-developer-should-know-6fa6bdf5ad95) - [10 Interview QuestionsEvery JavaScript Developer Should Know ](https://medium.com/javascript-scene/10-interview-questions-every-javascript-developer-should-know-6fa6bdf5ad95)
@@ -286,9 +291,9 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Git ## Git
- Courses ### Courses
- [A Guide to Git & Version Control](https://www.educative.io/courses/guide-to-git-and-version-control/) - [A Guide to Git & Version Control](https://www.educative.io/courses/guide-to-git-and-version-control/)
- [Git Cheat Sheet](http://www.ndpsoftware.com/git-cheatsheet.html) - [Git Cheat Sheet](http://www.ndpsoftware.com/git-cheatsheet.html)
@@ -297,11 +302,12 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [Version Control with Git](https://www.coursera.org/learn/version-control-with-git/) - [Version Control with Git](https://www.coursera.org/learn/version-control-with-git/)
- [Getting Started with Git 💵](https://www.pluralsight.com/courses/getting-started-git/) - [Getting Started with Git 💵](https://www.pluralsight.com/courses/getting-started-git/)
- Books ### Books
- [Pro Git](https://git-scm.com/book/en/v2) - [Pro Git](https://git-scm.com/book/en/v2)
- Tools ### Tools
- [Bitbucket](https://bitbucket.org/) - [Bitbucket](https://bitbucket.org/)
- [Github](http://github.com/) - [Github](http://github.com/)
- [Git Extensions for Windows](https://github.com/gitextensions/gitextensions) - [Git Extensions for Windows](https://github.com/gitextensions/gitextensions)
@@ -309,24 +315,27 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# React ## React
- Documentation ### Documentation
- [React Official Docs ](https://reactjs.org/docs/getting-started.html)
### Cheat Sheets
- [React Cheatsheet](https://devhints.io/react) - [React Cheatsheet](https://devhints.io/react)
- [React Docs ](https://reactjs.org/docs/getting-started.html)
- Courses ### Courses
- Egghead - [The Beginner's Guide to React ](https://egghead.io/courses/the-beginner-s-guide-to-react) - [The Beginner's Guide to React - Egghead](https://egghead.io/courses/the-beginner-s-guide-to-react)
- freeCodeCamp - [Introduction to React ](https://www.freecodecamp.org/learn/front-end-libraries/react/) - [Introduction to React - freeCodeCamp](https://www.freecodecamp.org/learn/front-end-libraries/react/)
- FullStackOpen - [Introduction to React](https://fullstackopen.com/en/part1) - [Introduction to React - FullStackOpen](https://fullstackopen.com/en/part1)
- Pluralsight - [React Getting Started](https://www.pluralsight.com/courses/react-js-getting-started) - [React Getting Started - Pluralsight](https://www.pluralsight.com/courses/react-js-getting-started)
- Scrimba - [Learn React](https://scrimba.com/course/glearnreact) - [Learn React - Scrimba](https://scrimba.com/course/glearnreact)
- Wes Bos - [React for Beginners ](https://reactforbeginners.com/) - [React for Beginners - Wes Bos](https://reactforbeginners.com/)
- EpicReact - [Epic React 💵 ](https://epicreact.dev/) - [Epic React - Kent C. Dodds💵 ](https://epicreact.dev/)
- Books ### Books
- [Build Your Own React](https://pomb.us/build-your-own-react/) - [Build Your Own React](https://pomb.us/build-your-own-react/)
- [Pure React](https://daveceddia.com/pure-react/) - [Pure React](https://daveceddia.com/pure-react/)
@@ -336,22 +345,23 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [React from Zero 💵](https://www.newline.co/react-from-zero/) - [React from Zero 💵](https://www.newline.co/react-from-zero/)
- [Road to React 💵](https://www.roadtoreact.com/) - [Road to React 💵](https://www.roadtoreact.com/)
- Projects ### Project Ideas
- [Devprojects](https://www.codementor.io/projects/reactjs) - [Devprojects](https://www.codementor.io/projects/reactjs)
- [DevChallenges](https://devchallenges.io/paths/front-end-developer)
- Podcasts ### Podcasts
- [React Round Up](https://devchat.tv/react-round-up) - [React Round Up](https://devchat.tv/react-round-up)
- [The React Podcast](https://reactpodcast.com/) - [The React Podcast](https://reactpodcast.com/)
- Blog Sites ### Blog Sites
- [Kent C. Dodds' Blog ](https://blog.kentcdodds.com/)
- [Official React Blog ](https://reactjs.org/blog/) - [Official React Blog ](https://reactjs.org/blog/)
- [Kent C. Dodds' Blog ](https://blog.kentcdodds.com/)
- [useHooks Blog](https://usehooks.com/) - [useHooks Blog](https://usehooks.com/)
- Youtube Channels ### Youtube Channels
- [Coding Addict](https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA) - [Coding Addict](https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA)
- [Codevolution](https://www.youtube.com/channel/UC80PWRj_ZU8Zu0HSMNVwKWw) - [Codevolution](https://www.youtube.com/channel/UC80PWRj_ZU8Zu0HSMNVwKWw)
@@ -359,7 +369,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [The Net Ninja](https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg) - [The Net Ninja](https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg)
- [Traversy Media](https://www.youtube.com/user/TechGuyWeb) - [Traversy Media](https://www.youtube.com/user/TechGuyWeb)
- React Tooling ### React Tooling
- [ESLint](https://eslint.org/) - [ESLint](https://eslint.org/)
- [Lodash](https://lodash.com/) - [Lodash](https://lodash.com/)
@@ -369,13 +379,13 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) - [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)
- [Storybook](https://storybook.js.org/) - [Storybook](https://storybook.js.org/)
- State Management ### State Management
- [Mobx](https://mobx.js.org/README.html) - [Mobx](https://mobx.js.org/README.html)
- [Recoil](https://github.com/facebookexperimental/Recoil) - [Recoil](https://github.com/facebookexperimental/Recoil)
- [Redux](https://github.com/reduxjs/redux) - [Redux](https://github.com/reduxjs/redux)
- UI Framework / UI Library ### UI Frameworks & Libraries
- [Grommet](https://v2.grommet.io/components) - [Grommet](https://v2.grommet.io/components)
- [Material UI](https://material-ui.com/) - [Material UI](https://material-ui.com/)
@@ -386,36 +396,38 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [React Toolbox (Material Design)](http://react-toolbox.io/) - [React Toolbox (Material Design)](http://react-toolbox.io/)
- [Rebass](https://rebassjs.org/) - [Rebass](https://rebassjs.org/)
- [Semantic UI React](https://react.semantic-ui.com/) - [Semantic UI React](https://react.semantic-ui.com/)
- [Chakra UI](https://chakra-ui.com/)
- Unit Testing ### Unit Testing
- [Enzyme](https://github.com/enzymejs/enzyme) - [Enzyme](https://github.com/enzymejs/enzyme)
- [Jest](https://jestjs.io/docs/en/tutorial-react) - [Jest](https://jestjs.io/docs/en/tutorial-react)
- [React Testing Library](https://testing-library.com/docs/react-testing-library/intro) - [React Testing Library](https://testing-library.com/docs/react-testing-library/intro)
- [Cypress](https://www.cypress.io/)
- Create React App ### Create React App
- [Create React App](https://github.com/facebook/create-react-app) - [Create React App](https://github.com/facebook/create-react-app)
- [React Boilerplate](https://github.com/react-boilerplate/react-boilerplate) - [React Boilerplate](https://github.com/react-boilerplate/react-boilerplate)
- [Divjoy](https://divjoy.com) 💵 - [Divjoy](https://divjoy.com) 💵
- CSS in JS ### CSS in JS
- [Styled Components](https://github.com/styled-components/styled-components) - [Styled Components](https://styled-components.com/)
- [Emotion (css in js)](https://emotion.sh/) - [Emotion (css in js)](https://emotion.sh/)
- Remote Data Fetching ### Remote Data Fetching
- [Axios](https://www.npmjs.com/package/axios) - [Axios](https://axios-http.com/)
- [React Query](https://github.com/tannerlinsley/react-query) - [React Query](https://react-query.tanstack.com/)
- [swr](https://github.com/vercel/swr) - [swr](https://swr.vercel.app/)
- Server Side Rendering ### Server Side Rendering
- [Gatsby](https://www.gatsbyjs.com/) - [Gatsby](https://www.gatsbyjs.com/)
- [Next.js](https://nextjs.org/) - [Next.js](https://nextjs.org/)
- Experts on Twitter ### Experts on Twitter
- [Andrew Clark](https://twitter.com/acdlite) - [Andrew Clark](https://twitter.com/acdlite)
- [Brian Vaughn](https://twitter.com/brian_d_vaughn) - [Brian Vaughn](https://twitter.com/brian_d_vaughn)
@@ -427,14 +439,15 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [Sebastian Markbåge](https://twitter.com/sebmarkbage) - [Sebastian Markbåge](https://twitter.com/sebmarkbage)
- [Seth Webster](https://twitter.com/sethwebster) - [Seth Webster](https://twitter.com/sethwebster)
- Conferences ### Conferences
- [ReactNext](https://react-next.com/) - [ReactNext](https://react-next.com/)
- [React Rally](http://www.reactrally.com/) - [React Rally](http://www.reactrally.com/)
- [ReactFest](https://reactfest.uk/) - [ReactFest](https://reactfest.uk/)
- [React Europe](https://www.react-europe.org/) - [React Europe](https://www.react-europe.org/)
- Community ### Community
- [React Forum](https://discuss.reactjs.org/) - [React Forum](https://discuss.reactjs.org/)
- [Reactiflux](https://www.reactiflux.com/) - [Reactiflux](https://www.reactiflux.com/)
- [Reddit](https://www.reddit.com/r/reactjs/) - [Reddit](https://www.reddit.com/r/reactjs/)
@@ -442,32 +455,32 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Vue ## Vue
- Documentation ### Documentation
- MDN - [Getting started with Vue ](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_getting_started) - [Getting started with Vue - MDN](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_getting_started)
- [Vue Cheatsheet](https://devhints.io/vue) - [Vue Cheatsheet](https://devhints.io/vue)
- [Vue Cookbook](https://vuejs.org/v2/cookbook/) - [Vue Cookbook](https://vuejs.org/v2/cookbook/)
- [Vue Docs ](https://vuejs.org/v2/guide/) - [Vue Docs ](https://vuejs.org/v2/guide/)
- Courses ### Courses
- freeCodeCamp - [Learn Vue.js - Full Course for Beginners](https://www.freecodecamp.org/news/vue-js-full-course/) - [Learn Vue.js - Full Course for Beginners - freeCodeCamp](https://www.freecodecamp.org/news/vue-js-full-course/)
- Frontend Masters - [Advanced Vue.js Features from the Ground Up](https://frontendmasters.com/courses/advanced-vue/) - [Advanced Vue.js Features from the Ground Up - Frontend Masters](https://frontendmasters.com/courses/advanced-vue/)
- Laracasts - [Learn Vue 2: Step By Step](https://laracasts.com/series/learn-vue-2-step-by-step) - [Learn Vue 2: Step By Step - Laracasts](https://laracasts.com/series/learn-vue-2-step-by-step)
- Scotch - [Getting Started with Vue.js ](https://scotch.io/courses/getting-started-with-vuejs?ref=home-start-here) - [Getting Started with Vue.js - Scotch](https://scotch.io/courses/getting-started-with-vuejs?ref=home-start-here)
- Testdriven - [Learn Vue by Building and Deploying a CRUD App](https://testdriven.io/courses/learn-vue/) - [Learn Vue by Building and Deploying a CRUD App - Testdriven](https://testdriven.io/courses/learn-vue/)
- Vue-Exercises Ninja Squad - [Become a Ninja with Vue 3](https://vue-exercises.ninja-squad.com) - [Become a Ninja with Vue 3 - Vue-Exercises Ninja Squad](https://vue-exercises.ninja-squad.com)
- Vuemastery - [Intro to Vue 2](https://www.vuemastery.com/courses/intro-to-vue-js/vue-instance/) - [Intro to Vue 2 - Vuemastery](https://www.vuemastery.com/courses/intro-to-vue-js/vue-instance/)
- VueSchool - [Learn Vue 💵](https://vueschool.io/) - [Learn Vue - VueSchool💵](https://vueschool.io/)
- Vuemastery - [Premium Beginner to Advanced Vue Course 💵 ](https://www.vuemastery.com/courses) - [Premium Beginner to Advanced Vue Course - Vuemastery💵 ](https://www.vuemastery.com/courses)
- Projects ### Project Ideas
- DevProjects - [Free Vue Projects and Community](https://www.codementor.io/projects/vue) - DevProjects - [Free Vue Projects and Community](https://www.codementor.io/projects/vue)
- Books ### Books
- [Fullstack Vue 💵](https://www.fullstack.io/vue/) - [Fullstack Vue 💵](https://www.fullstack.io/vue/)
- [Full-Stack Web Development with Vue.js and Node 💵](https://www.amazon.com/Full-Stack-Web-Development-Vue-js-Node/dp/1788831144) - [Full-Stack Web Development with Vue.js and Node 💵](https://www.amazon.com/Full-Stack-Web-Development-Vue-js-Node/dp/1788831144)
@@ -482,7 +495,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [Vue.js: Up and Running 💵](http://shop.oreilly.com/product/0636920103455.do) - [Vue.js: Up and Running 💵](http://shop.oreilly.com/product/0636920103455.do)
- [Vue.js in Action 💵](https://www.manning.com/books/vue-js-in-action) - [Vue.js in Action 💵](https://www.manning.com/books/vue-js-in-action)
- Podcasts ### Podcasts
- [Cynical Developer Episode 99](https://cynicaldeveloper.com/podcast/99/) - [Cynical Developer Episode 99](https://cynicaldeveloper.com/podcast/99/)
- [Enjoy the Vue](https://enjoythevue.io/) - [Enjoy the Vue](https://enjoythevue.io/)
@@ -492,14 +505,14 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [Vue News Podcast](https://news.vuejs.org/) - [Vue News Podcast](https://news.vuejs.org/)
- [Views on Vue](https://devchat.tv/views-on-vue) - [Views on Vue](https://devchat.tv/views-on-vue)
- Youtube Channels ### Youtube Channels
- [freeCodeCamp](https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ) - [freeCodeCamp](https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ)
- [Traversy Media](https://www.youtube.com/user/TechGuyWeb) - [Traversy Media](https://www.youtube.com/user/TechGuyWeb)
- [Vue NYC](https://www.youtube.com/vuenyc) - [Vue NYC](https://www.youtube.com/vuenyc)
- [VueConf EU](https://www.youtube.com/channel/UC9dJjbYeXjirDYYVfUD3bSw) - [VueConf EU](https://www.youtube.com/channel/UC9dJjbYeXjirDYYVfUD3bSw)
- Tools ### Tools
- [Bit](https://github.com/teambit/bit) - [Bit](https://github.com/teambit/bit)
- [Bootstrap Vue](https://bootstrap-vue.js.org/) - [Bootstrap Vue](https://bootstrap-vue.js.org/)
@@ -513,20 +526,21 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [Vue CLI](https://github.com/vuejs/vue-cli) - [Vue CLI](https://github.com/vuejs/vue-cli)
- [Vuetify](https://vuetifyjs.com/en/) - [Vuetify](https://vuetifyjs.com/en/)
- Blogs ### Blogs
- [Aligator.io](https://alligator.io/vuejs/) - [Aligator.io](https://alligator.io/vuejs/)
- [CSS-Tricks - Vue ](https://css-tricks.com/guides/vue/) - [CSS-Tricks - Vue ](https://css-tricks.com/guides/vue/)
- [The Vue Point](https://medium.com/the-vue-point) - [The Vue Point](https://medium.com/the-vue-point)
- [Vue.js Developers](https://vuejsdevelopers.com/) - [Vue.js Developers](https://vuejsdevelopers.com/)
- Community ### Community
- [Reddit](https://www.reddit.com/r/vuejs/) - [Reddit](https://www.reddit.com/r/vuejs/)
- [Vuejs Forum](https://forum.vuejs.org/) - [Vuejs Forum](https://forum.vuejs.org/)
- [Vue Land](https://vue-land.js.org/) - [Vue Land](https://vue-land.js.org/)
- Conferences ### Conferences
- [Vue Conf](https://conf.vuejs.org/) - [Vue Conf](https://conf.vuejs.org/)
- [Vue Conf US](http://us.vuejs.org/) - [Vue Conf US](http://us.vuejs.org/)
- [Vue.js London](http://vuejs.london/) - [Vue.js London](http://vuejs.london/)
@@ -534,16 +548,16 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Browser extensions ## Browser extensions
- [CSS Spider](https://cssspider.fresalabs.com/) - The quickest and convenient way to copy, visualize, edit and export CSS - [CSS Spider](https://cssspider.fresalabs.com/)
- [Check Browsers Support 💵](https://checkbrowsers.support/) - Check browser compatibility without leaving your tab - [Check Browsers Support 💵](https://checkbrowsers.support/)
- [CSS Inspector 💵](https://cssinspector.com/) - Get the CSS code of any web element with CSS Inspector - [CSS Inspector 💵](https://cssinspector.com/)
- [CSS Scan 💵](https://getcssscan.com/) - The fastest and easiest way to check, copy and edit CSS - [CSS Scan 💵](https://getcssscan.com/)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Icons ## Icons
- [BoxIcons](https://boxicons.com/) - [BoxIcons](https://boxicons.com/)
- [CSS.gg](https://css.gg/) - [CSS.gg](https://css.gg/)
@@ -568,7 +582,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Fonts and Typography ## Fonts and Typography
- [1001Fonts](https://www.1001fonts.com/) - [1001Fonts](https://www.1001fonts.com/)
- [Abstract Fonts](http://www.abstractfonts.com/) - [Abstract Fonts](http://www.abstractfonts.com/)
@@ -589,7 +603,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Illustrations ## Illustrations
- [Blob maker](https://www.blobmaker.app/) - [Blob maker](https://www.blobmaker.app/)
- [Blush](https://blush.design/) - [Blush](https://blush.design/)
@@ -602,22 +616,22 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Optimization ## Optimization
- [CSS Validator](https://jigsaw.w3.org/css-validator/) - Check if your CSS code is valid and contains no errors. - [CSS Validator](https://jigsaw.w3.org/css-validator/)
- [Google Analytics](https://marketingplatform.google.com/about/analytics/) - Free insights about traffic, visitors and conversions. - [Google Analytics](https://marketingplatform.google.com/about/analytics/)
- [Nibbler](https://nibbler.silktide.com/en_US) - Website testing tool for 10 key areas including accessibility, SEO, social media and technology. - [Nibbler](https://nibbler.silktide.com/en_US)
- [Namecheap](https://www.namecheap.com/) - Premium and cost-effective domain names and web hosting. - [Namecheap](https://www.namecheap.com/)
- [Optimizilla](http://optimizilla.com/) - Compress up to 20 JPEG and PNG images while keeping a good level of quality. - [Optimizilla](http://optimizilla.com/)
- [PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/) - Quick tool to test your webpage for performance on all devices. - [PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/)
- [Sizzy](https://sizzy.co/) - A tool for developing responsive websites crazy-fast. See your page on multiple devices at once. - [Sizzy](https://sizzy.co/)
- [Usability Checklist](https://stayintech.com/info/UX) - Catch common usability problems of your website before deployment. - [Usability Checklist](https://stayintech.com/info/UX)
- [Who Is](https://who.is/) - Quick tool to check the availability of a domain name. - [Who Is](https://who.is/)
- [Woorank](https://www.woorank.com/) - Get a review of your website to address issues and identify opportunities to get ahead of competition. - [Woorank](https://www.woorank.com/)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Color Inspiration ## Color Inspiration
- [0to255](https://www.0to255.com/) - [0to255](https://www.0to255.com/)
- [Coolors](https://coolors.co/) - [Coolors](https://coolors.co/)
@@ -632,7 +646,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Images and Videos ## Images and Videos
- [Burst](https://burst.shopify.com/) - [Burst](https://burst.shopify.com/)
- [Coverr](http://www.coverr.co/) - [Coverr](http://www.coverr.co/)
@@ -652,7 +666,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Hosting Sites ## Hosting Sites
- [Amazon Web Services](https://aws.amazon.com/) - [Amazon Web Services](https://aws.amazon.com/)
- [Digital Ocean](https://www.digitalocean.com/) - [Digital Ocean](https://www.digitalocean.com/)
@@ -664,7 +678,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Design Inspiration ## Design Inspiration
- [Awwwards](https://www.awwwards.com/) - [Awwwards](https://www.awwwards.com/)
- [Behance](https://www.behance.net/) - [Behance](https://www.behance.net/)
@@ -684,20 +698,20 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Portfolio Inspiration ## Portfolio Inspiration
- [Aral Tasher](https://araltasher.com/) - [Aral Tasher](https://araltasher.com/)
- [Brittany Chiang](https://brittanychiang.com/) - [Brittany Chiang](https://brittanychiang.com/)
- [Developer Portfolios](https://github.com/emmabostian/developer-portfolios)
- [Fidalgo Pedro](https://fidalgo.dev/) - [Fidalgo Pedro](https://fidalgo.dev/)
- [Jack Jeznach](http://jacekjeznach.com/) - [Jack Jeznach](http://jacekjeznach.com/)
- [Julia Johnson](https://www.juliacodes.com/) - [Julia Johnson](https://www.juliacodes.com/)
- [Matt Farley](http://mattfarley.ca/) - [Matt Farley](http://mattfarley.ca/)
- [Nathan Simpson](https://nathansimpson.design/) - [Nathan Simpson](https://nathansimpson.design/)
- [Developer Portfolios - Github Repo](https://github.com/emmabostian/developer-portfolios)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Youtube Channels ## Youtube Channels
- [Academind](https://www.youtube.com/c/Academind) - [Academind](https://www.youtube.com/c/Academind)
- [Andy Sterkowitz](https://www.youtube.com/channel/UCZ9qFEC82qM6Pk-54Q4TVWA) - [Andy Sterkowitz](https://www.youtube.com/channel/UCZ9qFEC82qM6Pk-54Q4TVWA)
@@ -716,7 +730,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Podcasts ## Podcasts
- [codeNewbies](https://www.codenewbie.org/podcast) - [codeNewbies](https://www.codenewbie.org/podcast)
- [Commit Your Code](https://anchor.fm/commityourcode) - [Commit Your Code](https://anchor.fm/commityourcode)
@@ -733,7 +747,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Blogs ## Blogs
- [Codrops](https://tympanus.net/codrops/) - [Codrops](https://tympanus.net/codrops/)
- [CSS-Tricks](https://www.css-tricks.com/) - [CSS-Tricks](https://www.css-tricks.com/)
@@ -754,9 +768,9 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Interview Prep ## Interview Prep
- Resume Templates ### Resume Templates
- [Canva](https://www.canva.com/) - [Canva](https://www.canva.com/)
- [Creddle](http://creddle.io/) - [Creddle](http://creddle.io/)
@@ -766,17 +780,14 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [Resume.io](https://resume.io/) - [Resume.io](https://resume.io/)
- [Resume Maker](https://www.resumemaker.online/) - [Resume Maker](https://www.resumemaker.online/)
- Resume Editing ### Resume Editing
- [Grammarly](https://www.grammarly.com/) - [Grammarly](https://www.grammarly.com/)
- ATS Resources
- [JobScan](https://www.jobscan.co/) - [JobScan](https://www.jobscan.co/)
- [SkillSyncer](https://skillsyncer.com/) - [SkillSyncer](https://skillsyncer.com/)
- [Top Resume](https://www.topresume.com/) - [Top Resume](https://www.topresume.com/)
- Job Sites ### Job Sites
- [Angel List](https://angel.co/jobs) - [Angel List](https://angel.co/jobs)
- [Arc.dev - Remote Developer Jobs](https://arc.dev/) - [Arc.dev - Remote Developer Jobs](https://arc.dev/)
@@ -805,7 +816,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [Circular](https://trycircular.com) - [Circular](https://trycircular.com)
- [Honeypot](https://honeypot.io) - [Honeypot](https://honeypot.io)
- Freelance Jobs Sites ### Freelance Jobs Sites
- [Codementor](https://www.codementor.io/) - [Codementor](https://www.codementor.io/)
- [Freelancer](https://www.freelancer.com/) - [Freelancer](https://www.freelancer.com/)
@@ -816,16 +827,16 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [People Per Hour](https://www.peopleperhour.com/) - [People Per Hour](https://www.peopleperhour.com/)
- [Upwork](https://www.upwork.com/) - [Upwork](https://www.upwork.com/)
- Mock Interviews ### Mock Interviews
- [Interviewing.io](https://interviewing.io/) - [Interviewing.io](https://interviewing.io/)
- [Pramp](https://www.pramp.com/) - [Pramp](https://www.pramp.com/)
- Project Pair Programming ### Project Pair Programming
- [Chingu](https://chingu.io/) - [Chingu](https://chingu.io/)
- Open Source ### Open Source
- [Github Explore](https://github.com/explore) - [Github Explore](https://github.com/explore)
- [First Contributions](https://firstcontributions.github.io/) - [First Contributions](https://firstcontributions.github.io/)
@@ -833,11 +844,14 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [Good First Issues](https://goodfirstissues.com/) - [Good First Issues](https://goodfirstissues.com/)
- [Open Source Fridays](https://opensourcefriday.com/) - [Open Source Fridays](https://opensourcefriday.com/)
- YouTube Series ### YouTube Series
- Danny Thompson - [Ge A Job Using LinkedIn (Series)](https://www.youtube.com/playlist?list=PL54X5yR8qizsMpvTCqUIEFMeEp-chvcxk)
- Articles - [Get A Job Using LinkedIn - Danny Thompson](https://www.youtube.com/playlist?list=PL54X5yR8qizsMpvTCqUIEFMeEp-chvcxk)
### Articles
- [5 things you need to know in a programming interview](https://www.freecodecamp.org/news/the-most-important-things-you-need-to-know-for-a-programming-interview-3429ac2454b/amp/) - [5 things you need to know in a programming interview](https://www.freecodecamp.org/news/the-most-important-things-you-need-to-know-for-a-programming-interview-3429ac2454b/amp/)
- [Finding your first remote job](https://joshwcomeau.com/career/remote-work-pt2/) - [Finding your first remote job - Joshua W. Cameau](https://joshwcomeau.com/career/remote-work-pt2/)
- [How to Write a Developer Résumé Hiring Managers Will Actually Read](https://www.freecodecamp.org/news/how-to-write-a-resume-that-works/) - [How to Write a Developer Résumé Hiring Managers Will Actually Read](https://www.freecodecamp.org/news/how-to-write-a-resume-that-works/)
- [How to Get a Software Engineer Job at Google and Other Top Tech Companies](https://www.freecodecamp.org/news/how-to-get-a-software-engineer-job-at-google-and-other-top-tech-companies-efa235a33a6d/) - [How to Get a Software Engineer Job at Google and Other Top Tech Companies](https://www.freecodecamp.org/news/how-to-get-a-software-engineer-job-at-google-and-other-top-tech-companies-efa235a33a6d/)
- [How to Break Into the Tech Industry—a Guide to Job Hunting and Tech Interviews](https://haseebq.com/how-to-break-into-tech-job-hunting-and-interviews/) - [How to Break Into the Tech Industry—a Guide to Job Hunting and Tech Interviews](https://haseebq.com/how-to-break-into-tech-job-hunting-and-interviews/)
@@ -850,7 +864,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
- [Want to Know How to Get a Remote Job? I Asked 30 Remote Companies - This is What They Said](https://www.freecodecamp.org/news/how-to-get-a-remote-job/) - [Want to Know How to Get a Remote Job? I Asked 30 Remote Companies - This is What They Said](https://www.freecodecamp.org/news/how-to-get-a-remote-job/)
- [Why I studied full-time for 8 months for a Google interview](https://www.freecodecamp.org/news/why-i-studied-full-time-for-8-months-for-a-google-interview-cc662ce9bb13/) - [Why I studied full-time for 8 months for a Google interview](https://www.freecodecamp.org/news/why-i-studied-full-time-for-8-months-for-a-google-interview-cc662ce9bb13/)
# Newsletters ## Newsletters
- [CSS-Tricks](https://css-tricks.com/newsletters/) - [CSS-Tricks](https://css-tricks.com/newsletters/)
- [CSS Weekly](https://css-weekly.com/) - [CSS Weekly](https://css-weekly.com/)
@@ -861,7 +875,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
[👆 Back To Top](#table-of-contents) [👆 Back To Top](#table-of-contents)
# Contributing ## Contributing
You're very welcome to contribute to this list. You're very welcome to contribute to this list.