mirror of
https://github.com/mojpm/frontend-development.git
synced 2025-06-06 09:04:56 +02:00
update README
This commit is contained in:
parent
c06f0f14ad
commit
6ef28a643c
484
README.md
484
README.md
@ -22,121 +22,125 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
|
||||
|
||||
## Table of Contents
|
||||
|
||||
- [HTML](#html)
|
||||
- [CSS](#css)
|
||||
- [JavaScript](#javascript)
|
||||
- [Git](#git)
|
||||
- [React](#react)
|
||||
- [Vue](#vue)
|
||||
- [Browser extensions](#browser-extensions)
|
||||
- [Icons](#icons)
|
||||
- [Fonts and Typography](#fonts-and-typography)
|
||||
- [Illustrations](#illustrations)
|
||||
- [Optimization](#optimization)
|
||||
- [Color Inspiration](#color-inspiration)
|
||||
- [Images and Videos](#images-and-videos)
|
||||
- [Hosting Sites](#hosting-sites)
|
||||
- [Design Inspiration](#design-inspiration)
|
||||
- [Portfolio Inspiration](#portfolio-inspiration)
|
||||
- [Youtube Channels](#youtube-channels)
|
||||
- [Podcasts](#podcasts)
|
||||
- [Blogs](#blogs)
|
||||
- [Interview Prep](#interview-prep)
|
||||
- [Newsletters](#newsletters)
|
||||
- [Contributing](#contributing)
|
||||
1. [How The Internet Works](##how-the-internet-works)
|
||||
2. [HTML](##html)
|
||||
3. [CSS](##css)
|
||||
4. [JavaScript](##javascript)
|
||||
5. [Git](##git)
|
||||
6. [React](##react)
|
||||
7. [Vue](##vue)
|
||||
8. [Browser extensions](##browser-extensions)
|
||||
9. [Icons](##icons)
|
||||
10. [Fonts and Typography](##fonts-and-typography)
|
||||
11. [Illustrations](##illustrations)
|
||||
12. [Optimization](##optimization)
|
||||
13. [Color Inspiration](##color-inspiration)
|
||||
14. [Images and Videos](##images-and-videos)
|
||||
15. [Hosting Sites](##hosting-sites)
|
||||
16. [Design Inspiration](##design-inspiration)
|
||||
17. [Portfolio Inspiration](##portfolio-inspiration)
|
||||
18. [Youtube Channels](##youtube-channels)
|
||||
19. [Podcasts](##podcasts)
|
||||
20. [Blogs](##blogs)
|
||||
21. [Interview Prep](##interview-prep)
|
||||
22. [Newsletters](##newsletters)
|
||||
23. [Contributing](##contributing)
|
||||
|
||||
## How the Internet Works
|
||||
|
||||
### Documentation
|
||||
|
||||
- [How does the Internet work? — MDN](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work)
|
||||
|
||||
### Articles
|
||||
|
||||
- [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 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)
|
||||
- Youtube - [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)
|
||||
- Youtube - [The World Wide Web: Crash Course Computer Science](https://www.youtube.com/watch?v=guvsH5OFizE&list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo&index=31&ab_channel=CrashCourse)
|
||||
- [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)
|
||||
- [The Internet: Crash Course Computer Science](https://www.youtube.com/watch?v=AEaKrq3SpW8&list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo&index=30&ab_channel=CrashCourse)
|
||||
- [Computer Networks: Crash Course Computer Science](https://www.youtube.com/watch?v=3QhU9jd03a0&list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo&index=29&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)
|
||||
|
||||
# HTML
|
||||
## HTML
|
||||
|
||||
- Documentation
|
||||
### Documentation
|
||||
|
||||
- Cheat Sheet - [HTML Cheat Sheet](https://websitesetup.org/html5-cheat-sheet/)
|
||||
- Cheat Sheet - [OverAPI - Links To MDN](https://overapi.com/html)
|
||||
- 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)
|
||||
- [Structuring the web with HTML MDN](https://developer.mozilla.org/en-US/docs/Learn/HTML)
|
||||
- [HTML Reference](https://htmlreference.io/)
|
||||
|
||||
- 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)
|
||||
- [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)
|
||||
- [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)
|
||||
- EDX - [HTML5 and CSS Fundemantals](https://www.edx.org/course/html5-and-css-fundamentals)
|
||||
- FreeCodeCamp - [Introduction to Basic HTML & HTML5 ](https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/)
|
||||
- Pluralsight - [HTML Fundamentals 💵](https://www.pluralsight.com/courses/html-fundamentals)
|
||||
- Scrimba - [Introduction to HTML](https://scrimba.com/learn/html)
|
||||
- Team Treehouse - [Introduction to HTML and CSS 💵](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)
|
||||
- [HTML & CSS The Odin Project](https://www.theodinproject.com/courses/html-and-css)
|
||||
- [Introduction to HTML Scrimba](https://scrimba.com/learn/html)
|
||||
- [Introduction to Basic HTML & HTML5 FreeCodeCamp](https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/)
|
||||
- [HTML5 and CSS Fundemantals EDX](https://www.edx.org/course/html5-and-css-fundamentals)
|
||||
- [Learn HTML CodeCademy 💵](https://www.codecademy.com/learn/learn-html)
|
||||
- [Introduction to HTML and CSS Team Treehouse 💵](https://teamtreehouse.com/library/introduction-to-html-and-css)
|
||||
|
||||
- Websites
|
||||
### Websites
|
||||
|
||||
- [HTML5 Doctor](http://html5doctor.com/) - A great reference for HTML Elements
|
||||
- [HTML-5-TUTORIAL](https://www.html-5-tutorial.com/) - Another Great Website for everything HTML
|
||||
- [HTML5 Up](http://html5up.net/) - Responsive HTML5 and CSS3 site templates.
|
||||
- [HTML Validator](https://validator.w3.org/) - Check if your HTML markup is valid and contains no errors.
|
||||
- [Templated](http://templated.co/) - A collection of 845 free CSS & HTML5 site templates.
|
||||
- [HTML5 Doctor - A great reference for HTML Elements](http://html5doctor.com/)
|
||||
- [HTML-5-TUTORIAL - A Great Website for everything HTML](https://www.html-5-tutorial.com/)
|
||||
- [HTML5 Up - Responsive HTML5 and CSS3 site templates](http://html5up.net/)
|
||||
- [HTML Validator - Check if your HTML markup is valid and contains no errors.](https://validator.w3.org/)
|
||||
- [Templated - A collection of 845 free CSS & HTML5 site templates.](http://templated.co/)
|
||||
|
||||
[👆 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/)
|
||||
- [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: 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)
|
||||
- [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)
|
||||
- FreeCodeCamp - [Introduction to Basic CSS ](https://www.freecodecamp.org/learn/responsive-web-design/basic-css/)
|
||||
- Scrimba - [Introduction to CSS](https://scrimba.com/learn/introtocss)
|
||||
- Team Treehouse - [CSS Basics 💵](https://teamtreehouse.com/library/css-basics)
|
||||
- W3School - [CSS Tutorial](https://www.w3schools.com/css/)
|
||||
- [Introduction to CSS - Scrimba](https://scrimba.com/learn/introtocss)
|
||||
- [Introduction to Basic CSS - FreeCodeCamp ](https://www.freecodecamp.org/learn/responsive-web-design/basic-css/)
|
||||
- [Learn CSS - CodeCademy💵](https://www.codecademy.com/learn/learn-css)
|
||||
- [CSS Basics - Team Treehouse 💵](https://teamtreehouse.com/library/css-basics)
|
||||
|
||||
- Frameworks and Libraries
|
||||
### Frameworks and Libraries
|
||||
|
||||
- [Animate.css](https://daneden.github.io/animate.css/)
|
||||
- [Base](https://getbase.org/)
|
||||
- [Bootstrap](https://getbootstrap.com/)
|
||||
- [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)
|
||||
- [Foundation](https://foundation.zurb.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/)
|
||||
- [UI Kit](https://getuikit.com/)
|
||||
|
||||
- Practice your CSS Skills
|
||||
### Practice your CSS Skills
|
||||
|
||||
- [Codepen](http://codepen.io/)
|
||||
- [CodeSandbox](https://codesandbox.io/)
|
||||
@ -164,65 +168,66 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
|
||||
- [Plunker](http://plnkr.co/)
|
||||
- [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/)
|
||||
- [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)
|
||||
|
||||
- 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.
|
||||
- [Clippy](https://bennettfeely.com/clippy/) - A small tool to help you using the new and powerful clip-path property.
|
||||
- [CSSBattle](https://cssbattle.dev) - Learn CSS through a fun code-golfing game
|
||||
- [CSS Easing functions](https://easings.net/) - An amazing collection of easing functions bo be used in CSS transitions and animations.
|
||||
- [CSS Diner](https://flukeout.github.io/) - Learn CSS Selectors through a game
|
||||
- [CSS for People Who Hate CSS](https://paulcpederson.com/articles/css-for-people-who-hate-css/)
|
||||
- [CSS Grid Garden](https://cssgridgarden.com/) - Learn CSS Grid through a game
|
||||
- [CSS Layout](https://csslayout.io/) - A collection of popular layouts and patterns made with CSS
|
||||
- [CSS reference by Codrops](http://tympanus.net/codrops/css_reference/) - Excellent guide on how to write better, cleaner and more reusable CSS code.
|
||||
- [CSS-tricks](https://css-tricks.com) - A wonderful blog site for everything CSS
|
||||
- [Cubic Berzier Function Generator](https://cubic-bezier.com/#.17,.67,.83,.67) - Free insights about traffic, visitors and conversions.
|
||||
- [Flexbox Froggy](https://flexboxfroggy.com/) - Learn CSS Flexbox through a game
|
||||
- [Responsinator](https://www.responsinator.com/) - A quick tool to check the responsiveness of a site across different devices.
|
||||
- [Responsive Grid System](http://www.responsivegridsystem.com/) - A quick, flexible and easy fluid grid for easy responsive web design.
|
||||
### Websites
|
||||
|
||||
- [**7 Days, 7 Websites** - Build 7 websites in 7 days](https://7days7websites.glitch.me/)
|
||||
- [**Can I use** - Up-to-date browser support tables for front-end technologies](https://caniuse.com/)
|
||||
- [**Clippy** - A tool to help use the new clip-path property](https://bennettfeely.com/clippy/)
|
||||
- [**CSSBattle** - Learn CSS through a fun code-golfing game](https://cssbattle.dev)
|
||||
- [**CSS Easing functions** - A collection of easing functions used in CSS transitions and animations.](https://easings.net/)
|
||||
- [**CSS Diner** - Learn CSS Selectors through a game](https://flukeout.github.io/)
|
||||
- [**CSS for People Who Hate CSS**](https://paulcpederson.com/articles/css-for-people-who-hate-css/)
|
||||
- [**CSS Grid Garden** - Learn CSS Grid through a game](https://cssgridgarden.com/)
|
||||
- [**CSS Layout** - A collection of popular layouts and patterns made with CSS](https://csslayout.io/)
|
||||
- [**CSS reference by Codrops** - Excellent guide on how to write better, cleaner and more reusable CSS code.](http://tympanus.net/codrops/css_reference/)
|
||||
- [**CSS-tricks** - A blog site for everything CSS](https://css-tricks.com)
|
||||
- [**Cubic Berzier Function Generator**](https://cubic-bezier.com/#.17,.67,.83,.67)
|
||||
- [**Flexbox Froggy** - Learn CSS Flexbox through a game](https://flexboxfroggy.com/)
|
||||
- [**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)
|
||||
|
||||
# JavaScript
|
||||
## JavaScript
|
||||
|
||||
- Documentation
|
||||
### Documentation
|
||||
|
||||
- Cheat Sheet - [OverAPI - Links To MDN](https://overapi.com/javascript)
|
||||
- MDN - [JavaScript Reference ]()
|
||||
- MDN - [Operator Precedence Table]()
|
||||
- MDN - [JavaScript Event Refernce]()
|
||||
- [JavaScript — Dynamic client-side scripting - MDN](https://developer.mozilla.org/en-US/docs/Learn/JavaScript)
|
||||
|
||||
- Courses
|
||||
### Reference & Cheat Sheets
|
||||
|
||||
- CodeCademy - [Learn JavaScript](https://www.codecademy.com/learn/introduction-to-javascript)
|
||||
- EDX - [Programming the Web with JavaScript](https://www.edx.org/course/programming-for-the-web-with-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/)
|
||||
- [JavaScript Reference - MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference)
|
||||
- [JavaScript Cheat Sheet - OverAPI](https://overapi.com/javascript)
|
||||
|
||||
- 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/)
|
||||
- [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 For Cats](http://jsforcats.com/)
|
||||
- [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)
|
||||
- [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)
|
||||
- [JavaScrit and JQuery💵](http://javascriptbook.com/)
|
||||
|
||||
- Challenge Websites
|
||||
### Challenge Websites
|
||||
|
||||
- [AtCoder](https://atcoder.jp/)
|
||||
- [CodeChef](https://www.codechef.com/)
|
||||
@ -231,12 +236,11 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
|
||||
- [Codewars](https://www.codewars.com/)
|
||||
- [CodinGame](https://www.codingame.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/)
|
||||
- [HackerEarth](https://www.hackerearth.com/)
|
||||
- [Hackerrank](https://www.hackerrank.com/)
|
||||
- [Leetcode](https://leetcode.com/)
|
||||
- [Mintbean](https://mintbean.io/) - Free learnathons instead of just algorithms.
|
||||
- [Pramp](https://www.pramp.com/#/)
|
||||
- [Project Euler](https://projecteuler.net/)
|
||||
- [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)
|
||||
- [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)
|
||||
- [Google JavaScript Style Guide](https://google.github.io/styleguide/jsguide.html)
|
||||
- [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
|
||||
- [Bracket Pair Colorizer 2](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2) - Matches brackets with same color.
|
||||
- [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) - Debugging tool.
|
||||
- [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.
|
||||
- [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.
|
||||
- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) - Automatically reload the web page whenever there are changes in your code.
|
||||
- [npm](https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script) - npm support for Visual Studio Code
|
||||
- [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense) -Aauto-complete the path of the file you are trying to import
|
||||
- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Responsible for code formatting.
|
||||
- [Paste JSON as Code](https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype) - Copy JSON paste as JavaScript or Typescript
|
||||
- [Quokka.js](https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode) - Prototyping playground that displays the results of an operation inside your IDE
|
||||
- [REST Client](https://marketplace.visualstudio.com/items?itemName=humao.rest-client) - REST Client for Visual Studio Code
|
||||
- [Settings Sync](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync) - Synchronise your editor settings using Github.
|
||||
- [Snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets) - Snippets for JavaScript ES6 syntax and TypeScript.
|
||||
- [**Babel JavaScript** - Syntax highlighting for today's JavaScript](https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel)
|
||||
- [**Bracket Pair Colorizer 2** - Match brackets with same color](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2)
|
||||
- [**Debugger for Chrome** - Debugging tool](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)
|
||||
- [**ESLint** - Code Linter](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
|
||||
- [**Intellisense** - Code completion and Information](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense)
|
||||
- [**Live Server** - Live Web Page Reload.](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
|
||||
- [**NPM** - npm support for VsCode](https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script)
|
||||
- [**Path Intellisense** - Auto-complete path files](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)
|
||||
- [**Prettier** - Code Formatting.](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
|
||||
- [**Paste JSON as Code** - Copy JSON paste as JavaScript or Typescript](https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype)
|
||||
- [**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** - REST Client for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=humao.rest-client)
|
||||
- [**Settings Sync** - Synchronise your editor settings using Github.](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync)
|
||||
- [**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
|
||||
- [this vs that](https://thisthat.dev/) - The differences between **_ and _** in the front-end development
|
||||
- [HTML DOM](https://htmldom.dev/)
|
||||
- [this vs that](https://thisthat.dev/)
|
||||
|
||||
### Articles
|
||||
|
||||
- Articles
|
||||
- [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 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)
|
||||
|
||||
# Git
|
||||
## Git
|
||||
|
||||
- Courses
|
||||
### Courses
|
||||
|
||||
- [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)
|
||||
@ -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/)
|
||||
- [Getting Started with Git 💵](https://www.pluralsight.com/courses/getting-started-git/)
|
||||
|
||||
- Books
|
||||
### Books
|
||||
|
||||
- [Pro Git](https://git-scm.com/book/en/v2)
|
||||
|
||||
- Tools
|
||||
### Tools
|
||||
|
||||
- [Bitbucket](https://bitbucket.org/)
|
||||
- [Github](http://github.com/)
|
||||
- [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)
|
||||
|
||||
# React
|
||||
## React
|
||||
|
||||
- Documentation
|
||||
### Documentation
|
||||
|
||||
- [React Official Docs ](https://reactjs.org/docs/getting-started.html)
|
||||
|
||||
### Cheat Sheets
|
||||
|
||||
- [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)
|
||||
- freeCodeCamp - [Introduction to React ](https://www.freecodecamp.org/learn/front-end-libraries/react/)
|
||||
- FullStackOpen - [Introduction to React](https://fullstackopen.com/en/part1)
|
||||
- Pluralsight - [React Getting Started](https://www.pluralsight.com/courses/react-js-getting-started)
|
||||
- Scrimba - [Learn React](https://scrimba.com/course/glearnreact)
|
||||
- Wes Bos - [React for Beginners ](https://reactforbeginners.com/)
|
||||
- EpicReact - [Epic React 💵 ](https://epicreact.dev/)
|
||||
- [The Beginner's Guide to React - Egghead](https://egghead.io/courses/the-beginner-s-guide-to-react)
|
||||
- [Introduction to React - freeCodeCamp](https://www.freecodecamp.org/learn/front-end-libraries/react/)
|
||||
- [Introduction to React - FullStackOpen](https://fullstackopen.com/en/part1)
|
||||
- [React Getting Started - Pluralsight](https://www.pluralsight.com/courses/react-js-getting-started)
|
||||
- [Learn React - Scrimba](https://scrimba.com/course/glearnreact)
|
||||
- [React for Beginners - Wes Bos](https://reactforbeginners.com/)
|
||||
- [Epic React - Kent C. Dodds💵 ](https://epicreact.dev/)
|
||||
|
||||
- Books
|
||||
### Books
|
||||
|
||||
- [Build Your Own React](https://pomb.us/build-your-own-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/)
|
||||
- [Road to React 💵](https://www.roadtoreact.com/)
|
||||
|
||||
- Projects
|
||||
### Project Ideas
|
||||
|
||||
- [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)
|
||||
- [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/)
|
||||
- [Kent C. Dodds' Blog ](https://blog.kentcdodds.com/)
|
||||
- [useHooks Blog](https://usehooks.com/)
|
||||
|
||||
- Youtube Channels
|
||||
### Youtube Channels
|
||||
|
||||
- [Coding Addict](https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA)
|
||||
- [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)
|
||||
- [Traversy Media](https://www.youtube.com/user/TechGuyWeb)
|
||||
|
||||
- React Tooling
|
||||
### React Tooling
|
||||
|
||||
- [ESLint](https://eslint.org/)
|
||||
- [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)
|
||||
- [Storybook](https://storybook.js.org/)
|
||||
|
||||
- State Management
|
||||
### State Management
|
||||
|
||||
- [Mobx](https://mobx.js.org/README.html)
|
||||
- [Recoil](https://github.com/facebookexperimental/Recoil)
|
||||
- [Redux](https://github.com/reduxjs/redux)
|
||||
|
||||
- UI Framework / UI Library
|
||||
### UI Frameworks & Libraries
|
||||
|
||||
- [Grommet](https://v2.grommet.io/components)
|
||||
- [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/)
|
||||
- [Rebass](https://rebassjs.org/)
|
||||
- [Semantic UI React](https://react.semantic-ui.com/)
|
||||
- [Chakra UI](https://chakra-ui.com/)
|
||||
|
||||
- Unit Testing
|
||||
### Unit Testing
|
||||
|
||||
- [Enzyme](https://github.com/enzymejs/enzyme)
|
||||
- [Jest](https://jestjs.io/docs/en/tutorial-react)
|
||||
- [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)
|
||||
- [React Boilerplate](https://github.com/react-boilerplate/react-boilerplate)
|
||||
- [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/)
|
||||
|
||||
- Remote Data Fetching
|
||||
### Remote Data Fetching
|
||||
|
||||
- [Axios](https://www.npmjs.com/package/axios)
|
||||
- [React Query](https://github.com/tannerlinsley/react-query)
|
||||
- [swr](https://github.com/vercel/swr)
|
||||
- [Axios](https://axios-http.com/)
|
||||
- [React Query](https://react-query.tanstack.com/)
|
||||
- [swr](https://swr.vercel.app/)
|
||||
|
||||
- Server Side Rendering
|
||||
### Server Side Rendering
|
||||
|
||||
- [Gatsby](https://www.gatsbyjs.com/)
|
||||
- [Next.js](https://nextjs.org/)
|
||||
|
||||
- Experts on Twitter
|
||||
### Experts on Twitter
|
||||
|
||||
- [Andrew Clark](https://twitter.com/acdlite)
|
||||
- [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)
|
||||
- [Seth Webster](https://twitter.com/sethwebster)
|
||||
|
||||
- Conferences
|
||||
### Conferences
|
||||
|
||||
- [ReactNext](https://react-next.com/)
|
||||
- [React Rally](http://www.reactrally.com/)
|
||||
- [ReactFest](https://reactfest.uk/)
|
||||
- [React Europe](https://www.react-europe.org/)
|
||||
|
||||
- Community
|
||||
### Community
|
||||
|
||||
- [React Forum](https://discuss.reactjs.org/)
|
||||
- [Reactiflux](https://www.reactiflux.com/)
|
||||
- [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)
|
||||
|
||||
# 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 Cookbook](https://vuejs.org/v2/cookbook/)
|
||||
- [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/)
|
||||
- Frontend Masters - [Advanced Vue.js Features from the Ground Up](https://frontendmasters.com/courses/advanced-vue/)
|
||||
- Laracasts - [Learn Vue 2: Step By Step](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)
|
||||
- Testdriven - [Learn Vue by Building and Deploying a CRUD App](https://testdriven.io/courses/learn-vue/)
|
||||
- Vue-Exercises Ninja Squad - [Become a Ninja with Vue 3](https://vue-exercises.ninja-squad.com)
|
||||
- Vuemastery - [Intro to Vue 2](https://www.vuemastery.com/courses/intro-to-vue-js/vue-instance/)
|
||||
- VueSchool - [Learn Vue 💵](https://vueschool.io/)
|
||||
- Vuemastery - [Premium Beginner to Advanced Vue Course 💵 ](https://www.vuemastery.com/courses)
|
||||
- [Learn Vue.js - Full Course for Beginners - freeCodeCamp](https://www.freecodecamp.org/news/vue-js-full-course/)
|
||||
- [Advanced Vue.js Features from the Ground Up - Frontend Masters](https://frontendmasters.com/courses/advanced-vue/)
|
||||
- [Learn Vue 2: Step By Step - Laracasts](https://laracasts.com/series/learn-vue-2-step-by-step)
|
||||
- [Getting Started with Vue.js - Scotch](https://scotch.io/courses/getting-started-with-vuejs?ref=home-start-here)
|
||||
- [Learn Vue by Building and Deploying a CRUD App - Testdriven](https://testdriven.io/courses/learn-vue/)
|
||||
- [Become a Ninja with Vue 3 - Vue-Exercises Ninja Squad](https://vue-exercises.ninja-squad.com)
|
||||
- [Intro to Vue 2 - Vuemastery](https://www.vuemastery.com/courses/intro-to-vue-js/vue-instance/)
|
||||
- [Learn Vue - VueSchool💵](https://vueschool.io/)
|
||||
- [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)
|
||||
|
||||
- Books
|
||||
### Books
|
||||
|
||||
- [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)
|
||||
@ -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 in Action 💵](https://www.manning.com/books/vue-js-in-action)
|
||||
|
||||
- Podcasts
|
||||
### Podcasts
|
||||
|
||||
- [Cynical Developer Episode 99](https://cynicaldeveloper.com/podcast/99/)
|
||||
- [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/)
|
||||
- [Views on Vue](https://devchat.tv/views-on-vue)
|
||||
|
||||
- Youtube Channels
|
||||
### Youtube Channels
|
||||
|
||||
- [freeCodeCamp](https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ)
|
||||
- [Traversy Media](https://www.youtube.com/user/TechGuyWeb)
|
||||
- [Vue NYC](https://www.youtube.com/vuenyc)
|
||||
- [VueConf EU](https://www.youtube.com/channel/UC9dJjbYeXjirDYYVfUD3bSw)
|
||||
|
||||
- Tools
|
||||
### Tools
|
||||
|
||||
- [Bit](https://github.com/teambit/bit)
|
||||
- [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)
|
||||
- [Vuetify](https://vuetifyjs.com/en/)
|
||||
|
||||
- Blogs
|
||||
### Blogs
|
||||
|
||||
- [Aligator.io](https://alligator.io/vuejs/)
|
||||
- [CSS-Tricks - Vue ](https://css-tricks.com/guides/vue/)
|
||||
- [The Vue Point](https://medium.com/the-vue-point)
|
||||
- [Vue.js Developers](https://vuejsdevelopers.com/)
|
||||
|
||||
- Community
|
||||
### Community
|
||||
|
||||
- [Reddit](https://www.reddit.com/r/vuejs/)
|
||||
- [Vuejs Forum](https://forum.vuejs.org/)
|
||||
- [Vue Land](https://vue-land.js.org/)
|
||||
|
||||
- Conferences
|
||||
### Conferences
|
||||
|
||||
- [Vue Conf](https://conf.vuejs.org/)
|
||||
- [Vue Conf US](http://us.vuejs.org/)
|
||||
- [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)
|
||||
|
||||
# Browser extensions
|
||||
## Browser extensions
|
||||
|
||||
- [CSS Spider](https://cssspider.fresalabs.com/) - The quickest and convenient way to copy, visualize, edit and export CSS
|
||||
- [Check Browsers Support 💵](https://checkbrowsers.support/) - Check browser compatibility without leaving your tab
|
||||
- [CSS Inspector 💵](https://cssinspector.com/) - Get the CSS code of any web element with CSS Inspector
|
||||
- [CSS Scan 💵](https://getcssscan.com/) - The fastest and easiest way to check, copy and edit CSS
|
||||
- [CSS Spider](https://cssspider.fresalabs.com/)
|
||||
- [Check Browsers Support 💵](https://checkbrowsers.support/)
|
||||
- [CSS Inspector 💵](https://cssinspector.com/)
|
||||
- [CSS Scan 💵](https://getcssscan.com/)
|
||||
|
||||
[👆 Back To Top](#table-of-contents)
|
||||
|
||||
# Icons
|
||||
## Icons
|
||||
|
||||
- [BoxIcons](https://boxicons.com/)
|
||||
- [CSS.gg](https://css.gg/)
|
||||
@ -568,7 +582,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
|
||||
|
||||
[👆 Back To Top](#table-of-contents)
|
||||
|
||||
# Fonts and Typography
|
||||
## Fonts and Typography
|
||||
|
||||
- [1001Fonts](https://www.1001fonts.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)
|
||||
|
||||
# Illustrations
|
||||
## Illustrations
|
||||
|
||||
- [Blob maker](https://www.blobmaker.app/)
|
||||
- [Blush](https://blush.design/)
|
||||
@ -602,22 +616,22 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
|
||||
|
||||
[👆 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.
|
||||
- [Google Analytics](https://marketingplatform.google.com/about/analytics/) - Free insights about traffic, visitors and conversions.
|
||||
- [Nibbler](https://nibbler.silktide.com/en_US) - Website testing tool for 10 key areas including accessibility, SEO, social media and technology.
|
||||
- [Namecheap](https://www.namecheap.com/) - Premium and cost-effective domain names and web hosting.
|
||||
- [Optimizilla](http://optimizilla.com/) - Compress up to 20 JPEG and PNG images while keeping a good level of quality.
|
||||
- [PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/) - Quick tool to test your webpage for performance on all devices.
|
||||
- [Sizzy](https://sizzy.co/) - A tool for developing responsive websites crazy-fast. See your page on multiple devices at once.
|
||||
- [Usability Checklist](https://stayintech.com/info/UX) - Catch common usability problems of your website before deployment.
|
||||
- [Who Is](https://who.is/) - Quick tool to check the availability of a domain name.
|
||||
- [Woorank](https://www.woorank.com/) - Get a review of your website to address issues and identify opportunities to get ahead of competition.
|
||||
- [CSS Validator](https://jigsaw.w3.org/css-validator/)
|
||||
- [Google Analytics](https://marketingplatform.google.com/about/analytics/)
|
||||
- [Nibbler](https://nibbler.silktide.com/en_US)
|
||||
- [Namecheap](https://www.namecheap.com/)
|
||||
- [Optimizilla](http://optimizilla.com/)
|
||||
- [PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/)
|
||||
- [Sizzy](https://sizzy.co/)
|
||||
- [Usability Checklist](https://stayintech.com/info/UX)
|
||||
- [Who Is](https://who.is/)
|
||||
- [Woorank](https://www.woorank.com/)
|
||||
|
||||
[👆 Back To Top](#table-of-contents)
|
||||
|
||||
# Color Inspiration
|
||||
## Color Inspiration
|
||||
|
||||
- [0to255](https://www.0to255.com/)
|
||||
- [Coolors](https://coolors.co/)
|
||||
@ -632,7 +646,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
|
||||
|
||||
[👆 Back To Top](#table-of-contents)
|
||||
|
||||
# Images and Videos
|
||||
## Images and Videos
|
||||
|
||||
- [Burst](https://burst.shopify.com/)
|
||||
- [Coverr](http://www.coverr.co/)
|
||||
@ -652,7 +666,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
|
||||
|
||||
[👆 Back To Top](#table-of-contents)
|
||||
|
||||
# Hosting Sites
|
||||
## Hosting Sites
|
||||
|
||||
- [Amazon Web Services](https://aws.amazon.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)
|
||||
|
||||
# Design Inspiration
|
||||
## Design Inspiration
|
||||
|
||||
- [Awwwards](https://www.awwwards.com/)
|
||||
- [Behance](https://www.behance.net/)
|
||||
@ -684,20 +698,20 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
|
||||
|
||||
[👆 Back To Top](#table-of-contents)
|
||||
|
||||
# Portfolio Inspiration
|
||||
## Portfolio Inspiration
|
||||
|
||||
- [Aral Tasher](https://araltasher.com/)
|
||||
- [Brittany Chiang](https://brittanychiang.com/)
|
||||
- [Developer Portfolios](https://github.com/emmabostian/developer-portfolios)
|
||||
- [Fidalgo Pedro](https://fidalgo.dev/)
|
||||
- [Jack Jeznach](http://jacekjeznach.com/)
|
||||
- [Julia Johnson](https://www.juliacodes.com/)
|
||||
- [Matt Farley](http://mattfarley.ca/)
|
||||
- [Nathan Simpson](https://nathansimpson.design/)
|
||||
- [Developer Portfolios - Github Repo](https://github.com/emmabostian/developer-portfolios)
|
||||
|
||||
[👆 Back To Top](#table-of-contents)
|
||||
|
||||
# Youtube Channels
|
||||
## Youtube Channels
|
||||
|
||||
- [Academind](https://www.youtube.com/c/Academind)
|
||||
- [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)
|
||||
|
||||
# Podcasts
|
||||
## Podcasts
|
||||
|
||||
- [codeNewbies](https://www.codenewbie.org/podcast)
|
||||
- [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)
|
||||
|
||||
# Blogs
|
||||
## Blogs
|
||||
|
||||
- [Codrops](https://tympanus.net/codrops/)
|
||||
- [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)
|
||||
|
||||
# Interview Prep
|
||||
## Interview Prep
|
||||
|
||||
- Resume Templates
|
||||
### Resume Templates
|
||||
|
||||
- [Canva](https://www.canva.com/)
|
||||
- [Creddle](http://creddle.io/)
|
||||
@ -766,17 +780,14 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
|
||||
- [Resume.io](https://resume.io/)
|
||||
- [Resume Maker](https://www.resumemaker.online/)
|
||||
|
||||
- Resume Editing
|
||||
### Resume Editing
|
||||
|
||||
- [Grammarly](https://www.grammarly.com/)
|
||||
|
||||
- ATS Resources
|
||||
|
||||
- [JobScan](https://www.jobscan.co/)
|
||||
- [SkillSyncer](https://skillsyncer.com/)
|
||||
- [Top Resume](https://www.topresume.com/)
|
||||
|
||||
- Job Sites
|
||||
### Job Sites
|
||||
|
||||
- [Angel List](https://angel.co/jobs)
|
||||
- [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)
|
||||
- [Honeypot](https://honeypot.io)
|
||||
|
||||
- Freelance Jobs Sites
|
||||
### Freelance Jobs Sites
|
||||
|
||||
- [Codementor](https://www.codementor.io/)
|
||||
- [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/)
|
||||
- [Upwork](https://www.upwork.com/)
|
||||
|
||||
- Mock Interviews
|
||||
### Mock Interviews
|
||||
|
||||
- [Interviewing.io](https://interviewing.io/)
|
||||
- [Pramp](https://www.pramp.com/)
|
||||
|
||||
- Project Pair Programming
|
||||
### Project Pair Programming
|
||||
|
||||
- [Chingu](https://chingu.io/)
|
||||
|
||||
- Open Source
|
||||
### Open Source
|
||||
|
||||
- [Github Explore](https://github.com/explore)
|
||||
- [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/)
|
||||
- [Open Source Fridays](https://opensourcefriday.com/)
|
||||
|
||||
- YouTube Series
|
||||
- Danny Thompson - [Ge A Job Using LinkedIn (Series)](https://www.youtube.com/playlist?list=PL54X5yR8qizsMpvTCqUIEFMeEp-chvcxk)
|
||||
- Articles
|
||||
### YouTube Series
|
||||
|
||||
- [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/)
|
||||
- [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 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/)
|
||||
@ -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/)
|
||||
- [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 Weekly](https://css-weekly.com/)
|
||||
@ -861,7 +875,7 @@ Be sure to read [How To Contribute](CONTRIBUTING.MD)
|
||||
|
||||
[👆 Back To Top](#table-of-contents)
|
||||
|
||||
# Contributing
|
||||
## Contributing
|
||||
|
||||
You're very welcome to contribute to this list.
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user