Ultimate List of Free Web Development Resources -.

Topics Covered 👇

🔹Online Learning Platforms
🔹 Free Code Snippets
🔹 Documents
🔹 Learn By Playing Games
🔹 Icons
🔹 Illustrations
🔹 Free Web Hosting
🔹 YouTube Channel

Let's Start 🔥


🔶 Online Leaning Platforms


🔹 Free Code Camp -
https://www.freecodecamp.org/

🔹 Udemy -
https://www.udemy.com/

🔹 Treehouse -
https://teamtreehouse.com/

🔹 Udacity -
https://www.udacity.com/

🔹 Cousera -
https://www.coursera.org/

🔹 Sololearn -
https://www.sololearn.com/

🔹 Frontend Masters -
https://frontendmasters.com/

🔹 W3Schools -
https://www.w3schools.com/

🔹 Codeacademy -
https://www.codecademy.com/

🔹 Traversy Media -
https://www.traversymedia.com/

🔹 Alison -
https://alison.com/

🔹 Skillshare -
https://www.skillshare.com/

🔹 MDN Docs -
https://developer.mozilla.org/en-US/




🔶 Free Code Snippets

🔹 Codepen -
https://codepen.io/

🔹 Free Frontend -
https://freefrontend.com/

🔹 Code My UI -
https://codemyui.com/

🔹 Play Code -
https://playcode.io/

🔹 JS Bin -
https://jsbin.com/

🔹 JS Fiddle -
https://jsfiddle.net/

🔹 CodeSandBox -
https://codesandbox.io/

🔹 Web Code Tools -
https://webcode.tools/

🔹CSS Flow -
https://www.cssflow.com/

🔹 CodePly -
https://www.codeply.com/

🔹 CodePad -
https://coderpad.io/

🔹 CSS Deck -
https://cssdeck.com/

🔹 Code Interview -
https://codeinterview.io/



🔶 Documentation


🔹 Dev Docs -
https://devdocs.io/

🔹 GeeksForGeeks -
https://devdocs.io/

🔹 Tutorials Point -
https://www.tutorialspoint.com/

🔹 W3Schools -
https://www.w3schools.com/

🔹 Java Point -
https://www.javatpoint.com/



🔶 Online Games


🔹 Floxbox Defense -
http://www.flexboxdefense.com/

🔹 Unflod -
https://unfold.com/

🔹 Grid Garden -
https://cssgridgarden.com/

🔹 CSS Diner -
https://flukeout.github.io/

🔹 Code Combat -
https://codecombat.com/

🔹 Coding Game -
https://www.codingame.com/

🔹 Screeps -
https://screeps.com/

🔹 Flexbox Froggy -
https://flexboxfroggy.com/

🔹 Code Monkey -
https://www.codemonkey.com/

🔹 Cyber Dojo -
https://www.cyber-dojo.org/creator/home



🔶 Free Icons


🔹 Font Awesome -
https://fontawesome.com/

🔹 Icons8 -
https://icons8.com/

🔹 Flaticon -
https://www.flaticon.com/

🔹 Pixeden -
https://www.pixeden.com/

🔹 Fontello -
https://fontello.com/

🔹 Icon Finder -
https://www.iconfinder.com/

🔹 Captain Icon -
https://mariodelvalle.github.io/CaptainIconWeb/

🔹 Endless Icons -
https://endlessicons.com/

🔹 Icon-Icons -
https://icon-icons.com/

🔹 Round Icons -
https://roundicons.com/



🔶 Illustrations


🔹 Freepik -
https://www.freepik.com/

🔹 Undraw -
https://undraw.co/

🔹 Drawkit -
https://www.drawkit.io/

🔹 Humaaans -
https://www.humaaans.com/

🔹 Handz -
https://www.handz.design/

🔹 Open Doodles -
https://www.opendoodles.com/

🔹 Illustration. co -
http://illustration.co/

🔹 Vivid Js -
https://webkul.github.io/vivid/

🔹 Many Pixels -
https://www.manypixels.co/



🔶 Free Web Hosting


🔹 GitHub Pages -
https://github.com/

🔹 Netlify -
https://www.netlify.com/

🔹 AWS -
https://aws.amazon.com/

🔹 Firebase -
https://firebase.google.com/

🔹 Infinity Free -
https://infinityfree.net/

🔹 WordPress -
https://wordpress.com/

🔹 Wix -
https://www.wix.com/

🔹 Weebly -
https://www.weebly.com/in

🔹 Shopify -
https://www.shopify.in/



🔶 YouTube Channel


🔹 FreeCodeCamp -
https://youtube.com/c/Freecodecamp

🔹Traversy Media -
https://youtube.com/c/TraversyMedia

🔹 Dev Ed -
https://youtube.com/c/DevEd

🔹 Programming With Mosh -
https://youtube.com/c/programmingwithmosh

🔹 Tyler Moore -
https://youtube.com/user/Conutant

🔹 Web Bos -
https://youtube.com/c/WesBos

🔹 Coding The Smart Way -
https://youtube.com/c/Codingthesmartway

🔹 Code With Harry -
https://youtube.com/c/CodeWithHarry

🔹 Clever Programmer -
https://youtube.com/c/CleverProgrammer

🔹 Yahoo Baba -
https://youtube.com/c/YahooBaba

🔹 Design Course -
https://youtube.com/c/DesignCourse

The Best Color Tools For Web Designers

https://color.hailpixel.com/
https://colorsnapper.com/
https://coolors.co/
https://www.colourlovers.com/
https://color.adobe.com/create/color-wheel
https://labs.tineye.com/multicolr/
http://colorhunter.com/
https://colors.lol/
https://cssgradient.io/
https://www.adobe.com/products/capture.html

#collected

Adding the Progressive Web Application (PWA) to an Angular application

https://dev.to/rodrigokamada/adding-the-progressive-web-application-pwa-to-an-angular-application-4g1e

Javascript Weekly 18

• News Make JS Games: How to Code Games with JavaScript
• News Publishing & Consuming ES Modules Via Packages: The Big Picture
• News Retool Is the Fast Way to Build Internal Tools
• News Eleventy v1.0: The JS-Powered Static Site Generator
• News JavaScript Developer Breaks Two Popular npm Packages
• News Parcel CSS: A New CSS Parser, Compiler, and Minifier Written in Rust
• News How Not to Learn TypeScript
• News How Storybook Migrated 541 Components From Styled Components to Emotion (Without Bugs)
• News Build an Interplanetary Chatbot, from Scratch
• News Ace, CodeMirror, and Monaco: A Comparison of Browser-Based Code Editors
• News Form Validation with the Constraint Validation API
• News Evan You on 'The New Vue'
• News Shepherd 9.0: Guide Your Users Through a Tour of Your App
• News Heapify v0.6: The 'Fastest JavaScript Priority Queue Out There'
• News Shortcut Puts the Agile in Agile and the “Can” in Kanban
• News Ohm: Library and Language for Building Parsers, Interpreters and Compilers
• News Danfo.js 1.0: Data Analysis Toolkit and Structures
• News Two.js: A Renderer-Agnostic 2D Drawing Library
• News Window.js: A Prototype JavaScript Runtime for Desktop Graphics Programming
• News Doppler - All Your Environment Variables in One Place
• News deno_lint: Fast Linter for JS and TS Written in Rust


Tags: #Javascriptweekly #Javascript #JS #weekly