Tuesday, July 4, 2023

Free resources links on web development over the internet

Free resources on web development

ONLINE LEARNING PLATFORM
  1. Free Code Camp https://www.freecodecamp.org/
  2. Udemy https://www.udemy.com/
  3. Treehouse https://teamtreehouse.com/
  4. Udacity https://www.udacity.com/
  5. Cousera https://www.coursera.org/
  6. Sololearn https://www.sololearn.com/
  7. Frontend Masters https://frontendmasters.com/
  8. W3Schools https://www.w3schools.com/
  9. Codeacademy https://www.codecademy.com/
  10. Traversy Media https://www.traversymedia.com/
YOUTUBE CHANNELS
  1. FreeCodeCamp https://youtube.com/c/Freecodecamp
  2. Traversy Media https://youtube.com/c/TraversyMedia
  3. Dev Ed https://youtube.com/c/DevEd
  4. Programming With Mosh https://youtube.com/c/programmingwithmosh
  5. Tyler Moore https://youtube.com/user/Conutant
  6. Web Bos https://youtube.com/c/WesBos
  7. Coding The Smart Way https://youtube.com/c/Codingthesmartway
  8. Code With Harry https://youtube.com/c/CodeWithHarry
  9. Clever Programmer https://youtube.com/c/CleverProgrammer
  10. Yahoo Baba https://youtube.com/c/YahooBaba
  11. Design Course https://youtube.com/c/DesignCourse
DOCUMENTS
  1. Dev Docs https://devdocs.io/
  2. GeeksForGeeks https://devdocs.io/
  3. Tutorials Point https://www.tutorialspoint.com/
  4. W3Schools https://www.w3schools.com/
  5. Java Point https://www.javatpoint.com/
APPLICATIONS
  1. Programming Hub https://programminghub.io/
  2. Grasshopper https://careerkarma.com/blog/grasshopper-app-review/
  3. Encode https://play.google.com/store/apps/details?id=com.upskew.encode&hl=en
  4. Mimo https://getmimo.com/
  5. Programming Hero https://www.programming-hero.com/
  6. Sololearn https://www.sololearn.com/
  7. Khan Academy https://www.khanacademy.org/computing/computer-programming
  8. W3Schools https://www.w3schools.com/
BLOG WEBSITES
  1. CSS Tricks https://css-tricks.com/
  2. Smashing Magazine https://www.smashingmagazine.com/
  3. Site Point https://www.sitepoint.com/
  4. Dev Community https://dev.to/
  5. Evanto Tuts https://tutsplus.com/
  6. Medium https://medium.com/
CHEAT SHEETS
  1. Over API https://overapi.com/
  2. Awesome Cheat Sheets https://lecoupa.github.io/awesome-cheatsheets/
  3. HTML5 Element Index http://html5doctor.com/element-index/
  4. HTML CheatSheet https://htmlcheatsheet.com/
  5. Can I Use https://caniuse.com/
  6. CSS Animation http://www.justinaguilar.com/animations/
  7. CSS Grid Cheat Sheet https://grid.malven.co/
  8. CSS Flexbox Cheat Sheet https://flexbox.malven.co/
  9. CSS Easing Functions https://easings.net/
FREE COURSES
  1. Web Development Learn By Doing HTML5 & CSS3 From Scratch https://www.u
  2. Master The Basics Of HTML5 & CSS3 Beginner Web Development https://www.udemy.com/c
  3. HTML And CSS Foundations https://www.udemy.com/course/html-and-css-foundations/
  4. Build Your First Website In 1 Week https://www.udemy.com/course/build-your-first-website-in-1-week/
  5. Introduction To CSS Beginners Guide To CSS Web Design https://www.udemy.com/course
BOOKS
  1. CSS Pocket Reference https://drive.google.com/file/d/1fqKiCvkESei14Oh3RoGCBBJkewZ3-
  2. CSS3 The Missing Manual https://drive.google.com/file/d/1deKgQjs9O0MoivQvDH3wyLz_nrU
  3. Head First HTML & CSS https://drive.google.com/file/d/1Ig31aq3gEd6qyOuLuvL1aeJXlE_A1B
  4. HTML & CSS Design & Build Websites - https://drive.google.
  5. HTML5 https://drive.google.com/file/d/1nxYanqOOsA3olZkfIL5BZsMoax_MMQ0R/vi ew?
  6. CSS3 https://drive.google.com/file/d/1clN8z5fH0cjR4NiBZTNXbS6dfw0GOjhr/vie w?usp=shari
CODE SNIPPETS
  1. Codepen https://codepen.io/
  2. Free Frontend https://freefrontend.com/
  3. Code My UI https://codemyui.com/
  4. Play Code https://playcode.io/
  5. JS Bin https://jsbin.com/
  6. JS Fiddle https://jsfiddle.net/
  7. CodeSandBox https://codesandbox.io/
  8. Web Code Tools https://webcode.tools/
  9. CSS Flow https://www.cssflow.com/
  10. CodePly https://www.codeply.com/
  11. CodePad https://coderpad.io/
  12. CSS Deck https://cssdeck.com/
  13. Code Interview https://codeinterview.io/
FREE WEB HOSTING
  1. GitHub Pages https://github.com/
  2. Netlify https://www.netlify.com/
  3. AWS https://aws.amazon.com/
  4. Firebase https://firebase.google.com/
  5. Infinity Free https://infinityfree.net/
  6. WordPress https://wordpress.com/
  7. Wix https://www.wix.com/
  8. Weebly https://www.weebly.com/in
  9. Shopify https://www.shopify.in/
CODE CHALLENGING WEBSITES
  1. TopCoder https://www.topcoder.com/challenges/?pageIndex=1
  2. Coderbyte https://www.coderbyte.com/
  3. HackerRank https://www.hackerrank.com/domains
  4. CodeChef https://www.codechef.com/
  5. Codewars https://www.codewars.com/
  6. LeetCode https://leetcode.com/
FREE ONLINE GAMES
  1. Floxbox Defense http://www.flexboxdefense.com/
  2. Unflod https://unfold.com/
  3. Grid Garden https://cssgridgarden.com/
  4. CSS Diner https://flukeout.github.io/
  5. Code Combat https://codecombat.com/
  6. Coding Game https://www.codingame.com/
  7. Screeps https://screeps.com/
  8. Flexbox Froggy https://flexboxfroggy.com/
  9. Code Monkey https://www.codemonkey.com/
  10. Cyber Dojo https://www.cyber-dojo.org/creator/home
CSS GENERATORS
  1. CSS Grid Generator https://cssgrid-generator.netlify.app/
  2. CSS Flexbox Generator https://cssflex-generator.netlify.app/
  3. CSS Matic https://www.cssmatic.com/
  4. Patternify http://www.patternify.com/
  5. ColorZilla Gradients https://www.colorzilla.com/gradient-editor/
  6. Gradient Generator https://cssgradient.io/
  7. CSS Layout Generator https://csslayout.io/
  8. Animation Generator https://cssanimate.com/
  9. CSS3 Generator https://css3generator.com/
  10. Web Code Tools https://webcode.tools/generators/css
FREE TEMPLATES
  1. Templated https://themewagon.com/author/templated/
  2. Zero Theme https://www.zerotheme.com/
  3. UI Deck https://uideck.com/
  4. Admin UI Themes https://athemes.com/collections/free-bootstrap-admin-templates/
  5. HTML5 Up https://html5up.net/
  6. Theme Wagon https://themewagon.com/
  7. ColorLib https://colorlib.com/
  8. W3Layouts https://w3layouts.com/
GITHUB REPOSITORIES
  1. Awesome CSS https://github.com/awesome-css-group/awesome-css
  2. Web Developer Roadmap https://github.com/kamranahmedse/developer-roadmap
  3. JavaScript Algorithms https://github.com/trekhleb/javascript-algorithms
  4. Awesome Learning Resources https://github.com/lauragift21/awesome-learning-resources
  5. Clean Code JavaScript https://github.com/ryanmcdermott/clean-code-javascript
  6. Frontend Checklist https://github.com/thedaviddias/Front-End-Checklist
  7. JavaScript Concepts https://github.com/leonardomso/33-js-concepts
  8. 30 Seconds Of Code https://github.com/30-seconds/30-seconds-of-code
  9. CSS Protips https://github.com/AllThingsSmitty/css-protips
COLOR PALETTES
  1. Color Hunt https://colorhunt.co/
  2. HTML Color Code https://htmlcolorcodes.com/
  3. Coolors https://coolors.co/
  4. UI Gradients https://uigradients.com/
  5. Gradient Genarator https://www.colorzilla.com/gradient-editor/
  6. Flat UI Colors https://flatuicolors.com/
CHROME EXTENSIONS
  1. CSS Peeper https://chrome.google.com/webstore/detail/css- peeper/mbnbehi
  2. Colorpick Eyedropper https://chrome.google.com/webstore/detail/
  3. Window Resizer https://chrome.google.com/webstore/detail/window- res
  4. Lorem Ipsum Generator https://chrome.google.com/webstore/d
  5. CSS Scan https://chrome.google.com/webstore/detail/css- scan/gieabiemggnpn
  6. CSS Viewer https://chrome.google.com/webstore/detail/css-v
  7. HTML Validator https://chrome.google.com/webstore/detail/k
  8. Wappalyzer https://chrome.google.com/webstore/detail/wappalyzer/gppongmhj
  9. JSON Viewer https://chrome.google.com/webstore/detail/json- 19
  10. viewer/gbmdgpbipfallnflgajpaliibnhdgobh?hl=en US
ICONS
  1. Font Awesome https://fontawesome.com/
  2. Icons8 https://icons8.com/
  3. Flaticon https://www.flaticon.com/
  4. Pixeden https://www.pixeden.com/
  5. Fontello https://fontello.com/
  6. Icon Finder https://www.iconfinder.com/
  7. Captain Icon https://mariodelvalle.github.io/CaptainIconWeb/
  8. Endless Icons https://endlessicons.com/
  9. Icon Icons - https://icon-icons.com/
  10. Round Icons https://roundicons.com/
ILLUSTRATIONS
  1. Freepik https://www.freepik.com/
  2. Undraw https://undraw.co/
  3. Drawkit https://www.drawkit.io/
  4. Humaaans https://www.humaaans.com/
  5. Handz https://www.handz.design/
  6. Open Doodles https://www.opendoodles.com/
  7. Illustration. co http://illustration.co/
  8. Vivid Js https://webkul.github.io/vivid/
  9. Many Pixels https://www.manypixels.co/
NEWSLETTERS
  1. JavaScript Weekly https://javascriptweekly.com/
  2. Node.js Weekly https://nodeweekly.com/
  3. FrontEnd Focus https://frontendfoc.us/
  4. WebTools Weekly https://webtoolsweekly.com/
  5. CSS Weekly https://css-weekly.com/
  6. JavaScript Kicks https://javascriptkicks.com/
WEB DESIGN INSPIRATION
  1. Behance https://www.behance.net/
  2. Awwwards http://www.awwwards.com/
  3. CSS Nectar http://cssnectar.com/
  4. SiteInspire https://www.siteinspire.com/
  5. Frontend Mentor https://www.frontendmentor.io/
ANIMATION LIBRARIES
  1. Animate. CSS http://daneden.github.io/animate.css/
  2. Bounce JS http://bouncejs.com/
  3. Anime JS http://anime-js.com/
  4. CSShake http://elrumordelaluz.github.io/csshake/#1
  5. Hover. CSS http://ianlunn.github.io/Hover/
SOME MORE USEFUL WEBSITES
  1. Hidden Tools https://hiddentools.dev/
  2. Iconscout https://iconscout.com/
  3. CSS Zen Garden http://www.csszengarden.com/
  4. A List Apart https://alistapart.com/
  5. Code Project https://www.codeproject.com/
  6. Scotch https://scotch.io/
  7. The Odin Project https://www.theodinproject.com/
  8. CSS Autor https://cssauthor.com/
  9. Gradient Magic https://www.gradientmagic.com/
  10. Trianglify https://trianglify.io/
  11. CSS Reference https://cssreference.io/
  12. HTML Reference https://htmlreference.io/
  13. Free CSS https://www.free-css.com/
  14. Fun JavaScript Projects https://fun-javascript-projects.com/
  15. Daily Dev https://daily.dev/
  16. Dev Docs https://devdocs.io/
  17. What Runs https://www.whatruns.com/
  18. 1LOC https://1loc.dev/
  19. Am i Responsive http://ami.responsivedesign.is/
  20. Shape Divider https://www.shapedivider.app/
SOME MORE USEFUL WEBSITES
  1. Fancy Border Radius https://9elements.github.io/fancy-border-radius/
  2. CSS Clip Path https://bennettfeely.com/clippy/
  3. 30 Seconds Of Code https://www.30secondsofcode.org/
  4. Undraw https://undraw.co/
  5. Humaaans https://www.humaaans.com/

No comments:

Post a Comment

Your feedback is always appreciated. I will try to reply to your queries as soon as time allows.Please don't spam,spam comments will be deleted upon reviews.