├── .editorconfig
├── LICENSE
├── media
└── logo.svg
└── readme.md
/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | indent_style = space
5 | indent_size = 2
6 | end_of_line = lf
7 | charset = utf-8
8 | trim_trailing_whitespace = true
9 | insert_final_newline = true
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2020 Ismile Hossain
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/media/logo.svg:
--------------------------------------------------------------------------------
1 |
16 |
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 |
13 |
14 | ---
15 |
16 | This is a complete web development resource you need to build your next project. More than 150+ resources are included here. Feel free to explore and use in your projects.
17 |
18 | ---
19 |
20 | ## Contents
21 |
22 | - [Developer Roadmaps](#-developer-roadmaps)
23 | - [Documentations and Cheatsheets](#-documentations-and-cheatsheets)
24 | - [Design Tools](#-design-tools)
25 | - [How the WEB works?](#-how-the-web-works)
26 | - [HTML and CSS](#-html-and-css)
27 | - [Front End Challenges or Skills](#-front-end-challenges-or-skills)
28 | - [Fonts and Typography](#-fonts-and-typography)
29 | - [Colors and Tools](#-colors-and-tools)
30 | - [Image Resources](#-image-resources)
31 | - [Illustrations](#-illustrations)
32 | - [Icons](#-icons)
33 | - [Generators](#-generators)
34 | - [Accessibility](#-accessibility)
35 | - [Site Analyzers](#-site-analyzers)
36 | - [Terminals for Windows](#-terminals-for-windows)
37 | - [Online IDE, Editor](#-online-ide-editor)
38 | - [JavaScript](#-javascript)
39 | - [Node.js](#-nodejs)
40 | - [Python](#-python)
41 | - [React](#-react)
42 | - [APIs](#-apis)
43 | - [Developer Tools](#-developer-tools)
44 | - [Online Learning Resources](#-online-learning-resources)
45 | - [Resume](#-resume)
46 | - [Others](#-others)
47 | - [Developer Blog Sites](#-developer-blog-sites)
48 | - [YouTube Channels](#-youtube-channels)
49 |
50 | ## Resources
51 |
52 | ### 💻 DEVELOPER ROADMAPS
53 |
54 | - [Frontend](https://roadmap.sh/frontend) - Frontend Development Roadmap.
55 | - [Backend](https://roadmap.sh/backend) - Backend Development Roadmap.
56 | - [React](https://roadmap.sh/react) - React Development Roadmap.
57 | - [Android](https://roadmap.sh/android) - Android Development Roadmap.
58 | - [DevOps](https://roadmap.sh/devops) - DevOps Roadmap.
59 |
60 | ### 📚 DOCUMENTATIONS AND CHEATSHEETS
61 |
62 | - [MDN Web Docs](https://developer.mozilla.org/en-US/) - The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
63 | - [DevDocs](https://devdocs.io) - Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app.
64 | - [DEVHINTS](https://devhints.io) - A modest collection of cheatsheets.
65 | - [FLEX - Malven](https://flexbox.malven.co) - A visual cheatsheet for CSS flex layout.
66 | - [GRID - Malven](https://grid.malven.co) - A visual cheatsheet for CSS grid layout.
67 | - [CSS Grid Cheat Sheet](https://alialaa.github.io/css-grid-cheat-sheet/) - Your ultimate CSS grid visual guide.
68 | - [OverAPI](https://overapi.com) - Collection Of Cheat Sheets.
69 | - [Awesome Cheatsheets](https://lecoupa.github.io/awesome-cheatsheets/) - Awesome cheatsheets for popular programming languages, frameworks and development tools.
70 | - [GitSheet](https://gitsheet.wtf) - A dead simple git cheatsheet.
71 | - [HTML5 Doctor](http://html5doctor.com/element-index/) - This is a quick reference of elements that are new or have been redefined in HTML5.
72 | - [HTML5 Canvas Cheat Sheet ](https://simon.html5.org/dump/html5-canvas-cheat-sheet.html) - HTML5 Canvas Cheat Sheet.
73 | - [Cheatography](https://cheatography.com/programming/) - Programming Cheat Sheets.
74 | - [CSS 3, Media Queries Cheat Sheet](https://mac-blog.org.ua/css-3-media-queries-cheat-sheet/) - CSS 3, Media Queries Cheat Sheet.
75 | - [SEO Cheat Sheet](https://moz.com/learn/seo/seo-cheat-sheet) - The Web Developer's SEO Cheat Sheet.
76 | - [Bootstrap 5 Cheat Sheet](https://bootstrap-cheatsheet.themeselection.com/) - ThemeSelection's Bootstrap 5 Cheat Sheet.
77 |
78 | ### 🎭 DESIGN TOOLS
79 |
80 | - [Figma](https://www.figma.com) - Figma helps teams create, test, and ship better designs from start to finish.
81 | - [Adobe XD](https://www.adobe.com/products/xd.html) - Share your story with designs that look and feel like the real thing. Wireframe, animate, prototype, collaborate, and more — it's all right here, all in one place.
82 | - [Sketch](https://www.sketch.com) - Create, prototype, collaborate, and bring your ideas to life with the design platform used by over one million people — from freelancers, to the world's largest teams.
83 | - [Whimsical](https://whimsical.com) - Communicate visually at the speed of thought – collaborative flowcharts, wireframes, sticky notes, and mind maps.
84 | - [Undesign](https://undesign.learn.uno) - Collection of free design tools and resources for makers, developers and designers.
85 | - [FlyonUI](https://flyonui.com/) - The Easiest Components Library For Tailwind CSS.
86 | - [Shadcn Studio](https://shadcnstudio.com/) - Preview your theme changes across different components and layouts.
87 |
88 | ### 🌐 HOW THE WEB WORKS?
89 |
90 | - [How the Internet Works Video](https://www.youtube.com/watch?v=x3c1ih2NJEg) - How does the Internet Works?
91 | - [How the Internet Works Brief Videos](https://www.youtube.com/playlist?list=PLzdnOPI1iJNfMRZm5DDxco3UdsFegvuB7) - A brief explanations on, how does the Internet works?
92 | - [DNS](https://howdns.works) - How DNS works?
93 | - [HTTPS](https://howhttps.works) - How HTTPS works?
94 |
95 | ### 🖼 HTML AND CSS
96 |
97 | - [freeCodeCamp](https://www.freecodecamp.org/learn) - Free course to learn Web Development.
98 | - [Interneting Is Hard](https://www.internetingishard.com) - Friendly web development tutorials for complete beginners.
99 | - [Learn to Code HTML & CSS](https://learn.shayhowe.com) - The guide covers a variety of web design and development topics, ranging from beginner to advanced skill levels.
100 | - [HTML Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element) - HTML elements reference by MDN.
101 | - [HTML Entity](https://css-tricks.com/snippets/html/glyphs/) - HTML Entity Reference by CSS-Tricks.
102 | - [HTML Shark](https://html-shark.com) - Smart moves and dirty tricks for coding websites, effects and elements in HTML.
103 | - [CSS3 Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference) - CSS reference by MDN.
104 | - [CSS Reference](https://cssreference.io) - A free visual guide to CSS.
105 | - [CSS Layout](https://csslayout.io) - A collection of popular layouts and patterns made with CSS.
106 | - [Modern CSS Solutions](https://moderncss.dev) - A series examining modern CSS solutions to problems.
107 | - [CSS Diner](https://flukeout.github.io) - A fun game to help you learn and practice CSS selectors.
108 | - [Flexbox Froggy](https://flexboxfroggy.com) - A game that helps you to learn CSS Flex.
109 | - [CSS TRICKS - Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) - A Complete Guide to Flexbox.
110 | - [Grid by Example](https://gridbyexample.com) - Everything you need to learn CSS Grid Layout.
111 | - [Grid Garden](https://cssgridgarden.com) - A game for learning CSS Grid.
112 | - [CSS TRICKS - A Complete Guide to Grid](https://css-tricks.com/snippets/css/complete-guide-grid/) - A comprehensive guide to CSS grid, focusing on all the settings both for the grid parent container and the grid child elements.
113 | - [Learn CSS Grid](https://learncssgrid.com) - A comprehensive guide to help you understand and learn CSS Grid Layout, by Jonathan Suh.
114 | - [Can I Use](https://caniuse.com) - Up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
115 | - [CSS Effects](https://web.archive.org/web/20201108000840/https://emilkowalski.github.io/css-effects-snippets/) - CSS animations.
116 | - [UI Snippets](https://ui-snippets.dev/) - Even more CSS animations.
117 | - [Keyframes](https://keyframes.app) - Create basic or complex CSS @keyframe animations with a visual timeline editor.
118 | - [Animista](https://animista.net) - Play with a collection of ready to use CSS animations.
119 | - [BEM](https://9elements.com/bem-cheat-sheet) - BEM naming cheat sheet.
120 | - [Autoprefixer](https://autoprefixer.github.io) - Autoprefixer is a PostCSS plugin which parses your CSS and adds vendor prefixes.
121 | - [CSS Formatter](https://www.cleancss.com/css-beautify/) - Online CSS Formatter, CSS Beautifier.
122 | - [Placeholder](https://placeholder.com) - How To Use Our Placeholders. Just specify the image size after our URL and you'll get a placeholder image.
123 | - [DevProjects](https://www.codementor.io/projects/html_css) - Practice your coding skills with free HTML/CSS projects. Projects vary from beginner to advanced level.
124 | - [HTML Cheat Sheet](https://www.interviewbit.com/html-cheat-sheet/) - A Complete HTML Cheat Sheet to help you master HTML.
125 | - [CSS Cheat Sheet](https://www.interviewbit.com/css-cheat-sheet/) - Brush up on your CSS Skills with this comprehensive Cheat Sheet.
126 | - [HTML and HTML5 Interview Questions](https://www.interviewbit.com/html-interview-questions/) - A Complete list of HTML Interview Questions to help you ace your interview.
127 | - [ReadyTools HTML Structure Generator](https://www.readytools.co/code-hub/html-structure/) - Generate HTML Structures in seconds. Use Bootstrap or your style/javascript.
128 | - [ReadyTools Components Generator](https://www.readytools.co/code-hub/components/) - Generate HTML Components easily.
129 | - [ReadyTools Generated Buttons](https://www.readytools.co/code-hub/buttons/) - Copy fancy buttons with one click and use it on your website.
130 | - [ReadyTools HTML Minifier](https://www.readytools.co/code-hub/html-minifier/) - Compress your HTML files for faster loading times and better performance.
131 | - [HTMLrev](https://htmlrev.com/) - HTMLrev provides free HTML templates for websites and landing pages.
132 |
133 | ## 🖥 FRONT END CHALLENGES OR SKILLS
134 |
135 | - [CodePen](https://codepen.io) - Build, share, and learn JavaScript, CSS, and HTML with our online code editor
136 | - [Frontend Mentor](https://www.frontendmentor.io) - Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working on professional designs.
137 | - [Good Code](https://moeminm.github.io/goodcode/) - Browse through dozens of front end coding challenges, complete with Adobe XD files and styleguides.
138 | - [codier](https://codier.io) - Explore and attempt front-end coding challenges.
139 | - [CSSBattle](https://cssbattle.dev) - CSS code-golfing is here! Use your CSS skills to replicate targets with smallest possible code. Feel free to check out the targets below and put your CSS skills to test.
140 |
141 | ### 🖋 FONTS AND TYPOGRAPHY
142 |
143 | - [Google Fonts](https://fonts.google.com) - The #1 resource for free and easy-to-use webfonts.
144 | - [Fonts Arena](https://fontsarena.com) - Free fonts, free alternatives to premium fonts, done-for-you-research articles.
145 | - [Fontjoy](https://fontjoy.com) - Fontjoy helps designers choose the best font combinations. Mix and match different fonts for the perfect pairing.
146 | - [FontPair](https://fontpair.co) - Font Pair helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.
147 | - [Font Playground](https://play.typedetail.com) - Play with variable fonts.
148 | - [Font Anything](https://app.typeanything.io) - Type Anything is a free and awesome typography tool to create and test font combinations for your projects.
149 |
150 | ### 🌈 COLORS AND TOOLS
151 |
152 | - [Coolors](https://coolors.co) - Generate or browse beautiful color combinations for your designs.
153 | - [0to255](https://www.0to255.com) - A color tool that makes it easy to lighten and darken colors.
154 | - [ColorBox](https://colorbox.io) - Create amazing color sets superfast.
155 | - [color x color](https://colorcolor.in) - A tool to create accessible color systems for UIs
156 | - [Colors and Fonts](https://www.colorsandfonts.com) - Find colors and typography combinations ready to copy paste in one click.
157 | - [ColorSpace](https://mycolor.space) - Generate nice Color Palettes.
158 | - [CSS Gradient](https://cssgradient.io) - Free css gradient generator tool.
159 | - [uiGradients](uigradients.com) - A handpicked collection of beautiful color gradients for designers and developers.
160 | - [Picular](https://picular.co) - The color of anything.
161 | - [Colorable](https://colorable.jxnblk.com) - Choose font colors based on your background color.
162 | - [Happy Hues](https://www.happyhues.co) - Curated colors in context.
163 | - [Branition Colors](https://branition.com/colors) - Hand-curated collection of color pallets best fitted for branding.
164 | - [Color Picker](https://www.readytools.co/tools/color-picker/) - Get a free color picker with color names, hex, rgb and hsl codes.
165 | - [Color Palettes](https://www.readytools.co/color-palette/) - Free categorized Color Palettes for your projects. Get hex and rgb codes.
166 | - [Color Contrast Checker](https://www.readytools.co/color/color-contrast-checker/) - Check color contrast easily to ensure your designs are accessible and visually appealing.
167 | - [Color Gradient Generator](https://www.readytools.co/color/color-gradient-generator/) - Create stunning color gradients effortlessly.
168 |
169 | ### 📷 IMAGE RESOURCES
170 |
171 | - [Unsplash](https://unsplash.com) - Free images and photos.
172 | - [Pexels](https://www.pexels.com) - Free stock photos.
173 | - [Pixabay](https://pixabay.com) - Free image or video.
174 | - [LOADING.IO](https://loading.io) - Free spinner for your projects.
175 | - [LottieFiles](https://lottiefiles.com) - LottieFiles is a collection of animations designed for Lottie - gone are the days of bugging your developer.
176 | - [removebg](https://www.remove.bg) - Remove Image Background.
177 | - [Remove Photo Data](removephotodata.com/) - Remove personal data from photos before sharing them on the internet.
178 | - [befunky](https://www.befunky.com) - BeFunky's all-in-one online Creative Platform has everything you need to easily edit photos, create graphic designs, and make photo collages.
179 |
180 | ### 🎨 ILLUSTRATIONS
181 |
182 | - [unDraw](https://undraw.co/illustrations) - Browse to find the illustrations that fit your needs and click to download.
183 | - [manypixels](https://www.manypixels.co/gallery/) - Free illustrations to power up your projects. Use them in a commercial or non-commercial way for your landing pages, blog posts, email newsletters, social media graphics and more.
184 | - [DrawKit](https://www.drawkit.io) - Hand-drawn vector illustration and icon resources, perfect for your next project.
185 | - [freepik](https://www.freepik.com) - Free graphic resources.
186 | - [Illustrations figma](https://www.artify.co/illustrations-figma) - More than 5000 vector illustrations you can use inside Figma. All the figma illustrations are in SVG & PNG formats and includes styles like flat, lined, abstract and more.
187 | - [Vector Illustrations](https://www.artify.co/vector-illustrations) - Search over 5000 vector illustrations and more than 70 design styles, with an integrated editor to adjust the design at you wish.
188 |
189 | ### 💧 ICONS
190 |
191 | - [Ionicons](https://ionicons.com) - Open-Sourced and MIT licensed icon pack.
192 | - [Font Awesome](https://fontawesome.com) - Vector icons and social logos.
193 | - [Material Icons](https://material.io/resources/icons/?style=baseline) - Material icons are delightful, beautifully crafted symbols for common actions and items. Download on desktop to use them in your digital products for Android, iOS, and web.
194 | - [Icones](https://icones.js.org) - Icons collection.
195 | - [icons8](https://icons8.com/icons) - Download free icons in PNG and SVG.
196 | - [flaticon](https://www.flaticon.com) - Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT.
197 | - [Tabler Icons](https://tablericons.com) - Fully customizable free SVG icons.
198 | - [icofont](https://icofont.com/icons) - 2100+ free icons to spice up your creative designs.
199 | - [Simple Icons](https://simpleicons.org) - 1463 Free SVG icons for popular brands.
200 | - [Get Emoji](http://getemoji.com) - ✂️ Copy and 📋 Paste Emoji 👍.
201 | - [Ikonate](https://ikonate.com) - Customizable icons pack.
202 | - [useAnimations](https://useanimations.com) - Free animated icons.
203 | - [3dicons](https://www.3dicons.com/) - A collection of over 5000 3D icons and characters with 4k resolution, each icon delivered in 5 color palettes, front and perspective views.
204 | - [Iconshock](https://www.iconshock.com/) - The biggest icon pack with over 2 million professional icons in +400 icon sets with more than 30 design styles: material, flat, 3d, realistic, iOS, and more.
205 |
206 | ### ⚙ GENERATORS
207 |
208 | - [Lorem Ipsum](https://loremipsum.io) - Lorem Ipsum generator.
209 | - [RealFaviconGenerator](https://realfavicongenerator.net) - Favicon generator
210 | - [Favicon Maker](https://formito.com/tools/favicon) - Free Favicon maker.
211 | - [App Icon Generator](https://launchyourapp.dev/tools/app-icon-generator) - App Icon Generator.
212 | - [Meta Tags](https://metatags.io) - Meta Tags generator, preview how your webpage will look on Google, Facebook, Twitter and more!
213 | - [Clippy](https://bennettfeely.com/clippy/) - CSS clip-path maker.
214 | - [i Hate Regex](https://ihateregex.io) - i Hate Regex is a regex cheat sheet that also explains the commonly used expressions so that you understand it.
215 | - [Regex101](https://regex101.com) - Online regex tester.
216 | - [Pyrexp](https://pythonium.net/regex) - Online visual regex tester.
217 | - [Web Code Tools](https://webcode.tools) - Generate HTML5, CSS3, Microdata, JSON-LD, Twitter Cards, Open Graph and more!
218 | - [Carbon](https://carbon.now.sh) - Create and share beautiful images of your source .
219 | - [CSS Grid Generator](https://grid.layoutit.com) - Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web layouts with our interactive CSS Grid Generator.
220 | - [CSS Scroll Shadows](https://css-scroll-shadows.now.sh) - Adjust the controls (👇) and see the CSS scroll shadows change.
221 | - [CSS Shadow Generator](https://brumm.af/shadows) - Make a smooth shadow.
222 | - [Haikei](https://haikei.app) - Generate unique SVG design assets.
223 | - [transform](https://transform.tools) - Transform | A polyglot web converter.
224 | - [Perflink | JS Benchmarks](https://perf.link) - JavaScript performance benchmarks you can share via URL.
225 | - [Optimizeimages](https://www.optimizeimages.com) - Optimize images online with this free tool, compress & convert images in PNG, JPEG, SVG, AVIF, WebP and GIF formats, and even get picture HTML tags for correct implementation.
226 | - [ReadyTools HTML and CSS Generator](https://www.readytools.co/code-hub/) - Effortlessly create HTML and CSS code with ReadyTools Code Hub. Enhance your website's appearance by copying generated buttons.
227 |
228 | ### 👓 ACCESSIBILITY
229 |
230 | - [Accessibility Blog - Medium](https://uxdesign.cc/designing-for-accessibility-is-not-that-hard-c04cc4779d94) - Seven easy-to-implement guidelines to design a more accessible web.
231 | - [Accessibility Blog - Dev](https://dev.to/erhannah/13-ways-to-level-up-your-site-s-accessibility-22c6) - 13 ways to level up your site's accessibility.
232 | - [Accessibility Cheatsheet](https://moritzgiessmann.de/accessibility-cheatsheet) - Practical approaches to Universal Design for making your website/webapp accessible to everyone.
233 |
234 | ### 📉 SITE ANALYZERS
235 |
236 | - [web.dev](web.dev/measure) - See how well your website performs. Then, get tips to improve your user experience.
237 | - [Lighthouse Metrics](lighthouse-metrics.com) - Lighthouse Metrics provides easy insights for your site's performance.
238 |
239 | ### 📄 TERMINALS FOR WINDOWS
240 |
241 | - [Windows Terminal](https://www.microsoft.com/en-us/p/windows-terminal/9n0dx20hk701?activetab=pivot:overviewtab)
242 | - [FluentTerminal](https://github.com/felixse/FluentTerminal)
243 | - [Hyper](https://hyper.is)
244 | - [Cmder](https://cmder.net//)
245 |
246 | ### 📝 ONLINE IDE, EDITOR
247 |
248 | - [Repl.it](https://repl.it/)
249 | - [CodeSandbox](https://codesandbox.io)
250 | - [CodePen](https://codepen.io)
251 | - [JS Bin](https://jsbin.com/)
252 | - [JSFiddle](https://jsfiddle.net/)
253 | - [goormIDE](https://ide.goorm.io)
254 | - [InterviewBit](https://ide.new/c)
255 | - [CodiLink](https://codi.link)
256 | - [OneCompiler](https://onecompiler.com/)
257 |
258 | ### ⚡ JAVASCRIPT
259 |
260 | - [freeCodeCamp](https://www.freecodecamp.org/learn) - Best free resource to learn JavaScript interactively.
261 | - [Codecademy](https://www.codecademy.com/learn/introduction-to-javascript) - Free course to learn JavaScript interactively.
262 | - [JavaScript.info](https://javascript.info) - Modern JavaScript Tutorial.
263 | - [JavaScripture](https://www.javascripture.com) - JavaScripture.com is a testing ground and reference for all JavaScript APIs.
264 | - [Eloquent JavaScript](https://eloquentjavascript.net) - This is a book about JavaScript, programming, and the wonders of the digital. You can read it online here.
265 | - [JavaScript30](https://javascript30.com) - 30 days vanilla JS coding challenge. Build 30 things in 30 days with 30 tutorials.
266 | - [How JavaScript works](https://blog.sessionstack.com/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5)
267 | - [JavaScript Reference By MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference)
268 | - [JavaScript Event Reference](https://developer.mozilla.org/en-US/docs/Web/Events)
269 | - [JavaScript Tutorial](https://www.scaler.com/topics/javascript/) - Learn important concepts in JavaScript such as operators, loops, functions, OOPs, and much more.
270 | - [DOM Manipulation Reference](http://youmightnotneedjquery.com)
271 | - [JavaScript Design Patterns](https://addyosmani.com/resources/essentialjsdesignpatterns/book/)
272 | - [RegexOne](https://regexone.com) - Learn Regular Expressions with simple, interactive exercises.
273 | - [Scaler](https://www.scaler.com/topics/javascript/) - Best Free Resources to learn JavaScript by top geeks.
274 | - [JavaScript Cheat Sheet](https://www.interviewbit.com/javascript-cheat-sheet/)- A Complete JavaScript Cheat Sheet to help you master JavaScript.
275 | - [JavaScript Interview Questions](https://www.interviewbit.com/javascript-interview-questions/) - A Complete list of top JavaScript Interview Questions to help you ace your interview.
276 |
277 | ### ⚡ NODEJS
278 |
279 | - [Node.js Tutorial](https://www.youtube.com/playlist?list=PL4cUxeGkcC9jsz4LDYc6kv3ymONOKxwBU) - Node.js Crash Course Tutorial by Net Ninja.
280 | - [Mixu's Node book](http://book.mixu.net/node/index.html) - A book about using Node.js.
281 | - [Node JS](https://nodejs.dev/learn) - Node.js original documentation.
282 | - [30 Days of Node](https://www.nodejsera.com/30-days-of-node.html) - 30 days of node, a node.js tutorial series.
283 | - [nodebestpractices](https://github.com/goldbergyoni/nodebestpractices) - Huge list of best practices for building node apps. Important for big projects.
284 | - [The Node Way](http://thenodeway.io) - An entire philosophy of Node.js best practices a0nd guiding principles exists for writing maintainable modules, scalable applications, and code that is actually pleasant to read.
285 | - [You Don't Know Node.js](https://github.com/azat-co/you-dont-know-node)
286 | - [Awesome Nodejs](https://github.com/sindresorhus/awesome-nodejs) - Delightful Node.js packages and resources.
287 | - [Express.js Security Tips](https://www.freecodecamp.org/news/express-js-security-tips/) - How You Can Save and Secure Your App.
288 | - [Node.js Interview Questions](https://www.interviewbit.com/node-js-interview-questions/) - A Complete list of top Node.js Interview Questions to help you ace your interview.
289 |
290 | ### ⚡ PYTHON
291 |
292 | - [Learn Python Programming](https://pythonbasics.org) - This site contains materials and exercises for the Python 3 programming language.
293 | - [PY4E](https://www.py4e.com) - Python for Everybody.
294 | - [Dive Into Python 3](https://diveintopython3.net/index.html) - Dive Into Python 3 covers Python 3 and its differences from Python 2. Compared to Dive Into Python, it's about 20% revised and 80% new material. The book is now complete.
295 | - [Codecademy](https://www.codecademy.com/learn/learn-python) - Free course to learn Python interactively.
296 | - [Programiz PRO](https://programiz.pro/learn/master-python) - Offers a curated learning path for Python beginners that provides structured, in-depth courses with interactive quizzes, coding challenges, and real-world projects.
297 | - [Programiz](https://www.programiz.com/python-programming) - Learn Python Programming.
298 | - [Awesome Python](https://github.com/vinta/awesome-python) - A curated list of awesome Python frameworks, libraries, software and resources.
299 | - [Flask Tutorial](https://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-i-hello-world) - The Flask Mega-Tutorial by Miguel Grinberg.
300 | - [Scaler Topics](https://www.scaler.com/topics/python/) - Free Resources to learn Python by top geeks.
301 | - [Python Interview Questions](https://www.interviewbit.com/python-interview-questions/) - A Complete list of top Python Interview Questions to help you ace your interview.
302 | - [Python Cheat Sheet](https://www.interviewbit.com/python-cheat-sheet/)- A Comprehensive Cheat Sheet to help you master Python.
303 | - [Python Tutorial](https://wiingy.com/learn/python/python-overview/) - Python Tutorial: A Comprehensive Guide for Beginners
304 | - [Python Developer Skills](https://www.scaler.com/blog/python-developer-skills/) - Boost your tech career with 20+ Python developer skills you need in 2024.
305 |
306 | ### ⚡ REACT
307 |
308 | - [React](https://reactjs.org) - Official site documentations, tutorial.
309 | - [Codecademy](https://www.codecademy.com/learn/react-101) - Free React course of Codecademy.
310 | - [freeCodeCamp](https://www.freecodecamp.org/learn) - Free web development resourse, where you can also learn react.
311 | - [React Tutorial](https://www.youtube.com/watch?v=iZhV0bILFb0) - React Tutorial - Fundamentals, Hooks, Context API, React Router, Custom Hooks by Coding Addict.
312 | - [React Beach Resort](https://www.youtube.com/watch?v=l0JbuMVXaTs) - React Beach Resort project by Coding Addict.
313 | - [Awesome React](https://github.com/enaqx/awesome-react) - A collection of awesome things regarding React ecosystem.
314 | - [React Icons](https://react-icons.github.io/react-icons/) - Include popular icons in your React projects easily with react-icons.
315 | - [React Interview Questions](https://www.interviewbit.com/react-interview-questions/) - A Complete list of top React Interview Questions to help you ace your interview.
316 | - [100+ React Redux Interview Questions and Answers (2023)](https://www.adaface.com/blog/react-interview-questions/)-A collection of React Redux Questions and answers.
317 |
318 | ### 🎮 APIs
319 |
320 | - [Public APIs](https://public-apis.io) - A collective list of more than 1000 Free Public and Open REST APIs for developers.
321 | - [JSONPlaceholder](https://jsonplaceholder.typicode.com) - Free to use fake Online REST API for testing and prototyping.
322 | - [OpenWeather](https://openweathermap.org/guide) - Simple and fast and free weather API from OpenWeatherMap you have access to current weather data, hourly, 5- and 16-day forecasts.
323 | - [SWAPI](https://swapi.dev) - The Star Wars API.
324 | - [Quotes REST API](http://quotes.rest) - They Said So has more than 1 million+ quotes in the database, the largest such database in the world. And Quotes API gives easy way to access the data.
325 | - [Rapid API](https://rapidapi.com/hub) - Rapid api contains is one of the largest API tool suite which contains lots of free APIs along with their documnetation, a dedeicated section called [Rapid API learn](https://rapidapi.com/learn), which contains guides and tutorials about using and creating APIs.
326 |
327 | ### 🛠 DEVELOPER TOOLS
328 |
329 | - [DevToolLab](https://devtoollab.com) - A comprehensive platform that helps developers discover and explore the best tools for their development workflow. Features tools across various categories with user reviews and recommendations.
330 | - [Postman](https://www.postman.com) - Postman makes API development easy. Simplify each step of building an API and streamline collaboration so you can create better APIs—faster.
331 | - [Insomnia](https://insomnia.rest) - Leading Open Source API Client, and Collaborative API Design Platform for GraphQL, and REST.
332 | - [JSON Server](https://github.com/typicode/json-server) - Get a full fake REST API with zero coding in less than 30 seconds (seriously). Created with <3 for front-end developers who need a quick back-end for prototyping and mocking.
333 | - [JSONing](https://jsoning.com/api/) - Instantly Mock a REST API from a JSON Object for Testing and Prototyping.
334 | - [npm trends](https://www.npmtrends.com) - Which NPM package should you use? Compare NPM package download stats over time. Spot trends, pick the winner.
335 | - [BUNDLEPHOBIA](https://bundlephobia.com) - Find the cost of adding a npm package to your bundle.
336 |
337 | ### 📖 ONLINE LEARNING RESOURCES
338 |
339 | - [freeCodeCamp](https://www.w3schools.com) - Learn to code at home. Build projects. Earn certifications.
340 | - [w3schools](https://www.w3schools.com) - The world's largest Web Developer site. Tutorials references, examples, exercies, certificates.
341 | - [Codecademy](https://www.codecademy.com/) - Learn the technical skills you need for the job you want. As leaders in online education and learning to code.
342 | - [Real Python](https://realpython.com) - Learn Python online: Python tutorials for developers of all skill levels, Python books and courses, Python news, code examples, articles, and more.
343 | - [Study Tonight](https://www.studytonight.com) - Best place to learn Engineering subjects like Core Java, C++, DBMS, Data Structures etc through Hand-written simple Tutorial, Tests, Video tutorials.
344 | - [Programiz](https://www.programiz.com) - Learn to code in Python, C/C++, Java, and other popular programming languages with our easy to follow tutorials, examples, online compiler and references.
345 | - [Bold Coder](https://boldcoder.blogspot.com) - Best place to learn Java programming with online tutorials, examples and interview questions.
346 | - [JavaScript Info](https://javascript.info) - The Modern JavaScript Tutorial.
347 | - [Command Line Tutorial](https://dev.to/iamismile/command-line-tutorial-58km) - Basic UNIX commands tutorial.
348 | - [Try Git](https://try.github.io) - An interactive series of challenges to learn about and experiment with Git.
349 | - [Scaler Topics](https://www.scaler.com/topics/) - Understand how programming works, Learn Python, Java, Data Structure, C/C++ and other popular programming languages with easy to follow tutorials and example programs.
350 | - [InterviewBit](https://www.interviewbit.com/practice/) - Level up your programming skills with our comprehensive guide containing interview questions, practice problems, coding challenges and alot more.
351 | - [Scaler Blogs](https://www.scaler.com/blog/) - Navigate the tech career with comprehensive roadmap articles, guiding the tech aspirants from the beginner to expert level in the ever-evolving tech industry.
352 | - [PerfectBugReport.io](https://www.perfectbugreport.io/) - A simple checklist of the essential items to include in bug reports.
353 |
354 | ### 🧑 RESUME
355 |
356 | - [ResumeGenius](https://resumegenius.com) - The only online resume builder that'll land you interviews. Create a professional resume in minutes, download, and print.
357 | - [resume.io](https://resume.io) - Free online resume maker, allows you to create a perfect resume in minutes. See how easy it is to write a professional resume and apply for jobs today!
358 | - [Resume Now](https://www.resume-now.com/resume/builder) - It Only Takes A Few Minutes. An online resume maker shouldn't take long to use—and our free-to-use resume builder doesn't.
359 | - [Canva](https://www.canva.com/create/resumes/) - With Canva's free resume builder, applying for your dream job is easy and fast. Choose from hundreds of free.
360 | - [novoresume](https://novoresume.com) - Make a perfect resume in 2020 and get your dream job using the free resume builder. Select a template. Personalize it.
361 | - [RX-Resume](https://rx-resume.web.app) - Easily build your resume.
362 | - [Overleaf](https://www.overleaf.com/) - Overleaf is a LaTeX editor which can be used to create ATS friendly resumes.
363 | - [Resume Worded](https://resumeworded.com/) - Resume Worded can be used to check whether your resume is ATS friendly or not.
364 | - [Open Resume](https://www.open-resume.com/) - Open Resume is an open source Resume builder and parser.
365 |
366 | ### 📦 OTHERS
367 |
368 | - [mailsac](https://mailsac.com) - Disposable testing email inbox service.
369 | - [Ethereal Email](https://ethereal.email) - Ethereal is a fake SMTP service, mostly aimed at Nodemailer users (but not limited to).
370 | - [HTTP Status Codes](https://httpstatuses.com) - HTTP Status Code directory, with definitions, details and helpful code references.
371 | - [Play With Docker](https://labs.play-with-docker.com) - A simple, interactive and fun playground to learn Docker.
372 | - [Tiny Helpers](https://tiny-helpers.dev) - A collection of free single-purpose online tools for web developers.
373 | - [Free for Developers](https://free-for.dev#/) - This is a list of software and other offerings that have free tiers for developers.
374 | - [Dev Resources](https://devresourc.es) - Dev Resources has everything for your developer journey, all presented in curated lists.
375 | - [Themeselection](https://themeselection.com) - Selected high quality, modern design, professional and easy-to-use Free Admin Dashboard Template, HTML Themes and UI Kits to create your applications faster.
376 | - [TshirtDesigns](https://www.tshirtdesigns.com/mockups) - Create your own t shirt and apparel mockups with this free mockup builder.
377 |
378 | ### 📔 DEVELOPER BLOG SITES
379 |
380 | - [DEV](https://dev.to) - A constructive and inclusive social network. Open source and radically transparent.
381 | - [Medium](https://medium.com) - Medium is an open platform where readers find dynamic thinking, and where expert and undiscovered voices can share their writing on any topic.
382 | - [Hacker News](news.ycombinator.com) - Get the latest from Hacker News!
383 | - [Hacker Noon](https://hackernoon.com) - Hacker Noon reflects the technology industry with unfettered stories and opinions written by real tech professionals.
384 | - [freeCodeCamp News](https://www.freecodecamp.org/news/) - Free Code Camp community news.
385 | - [Smashing Magazine](https://www.smashingmagazine.com) - Smashing Magazine — for web designers and developers.
386 | - [Hashnode](https://hashnode.com) - Hashnode is a free content creation platform and community that allows you to publish articles on your own domain.
387 |
388 | ### 📺 YOUTUBE CHANNELS
389 |
390 | - [The Net Ninja](https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg)
391 | - [Traversy Media](https://www.youtube.com/user/TechGuyWeb)
392 | - [freeCodeCamp.org](https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ)
393 | - [Coding Addict](https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA)
394 | - [Fireship](https://www.youtube.com/channel/UCsBjURrPoezykLs9EqgamOA)
395 | - [LearnCode.academy](https://www.youtube.com/channel/UCVTlvUkGslCV_h-nSAId8Sw)
396 | - [Wes Bos](https://www.youtube.com/channel/UCoebwHSTvwalADTJhps0emA)
397 | - [Codevolution](https://www.youtube.com/channel/UC80PWRj_ZU8Zu0HSMNVwKWw)
398 |
--------------------------------------------------------------------------------
4 |