Amazing Web Development Resources and More! 💻

The ultimate repository full of resources to learn about web development, design, git, and more!

This repository started as an extension guide for web development resources that Kode With Klossy Web Dev students can refer to as a way to further expand their webdev abilities after the camp. However, I've expanded this doc for anyone willing to learn webdev here, not just those in Kode With Klossy. The list will be updated throughout time and feel free to look around or make a pull request here!

Happy Learning!

Contents

• Learning Web Development

• Designs

• Site Templates

• Prototyping

• Github

• IDEs

• Blogs

• Challenges

• Additional Resources

📝 Contributing

---

WebDevelopment

Best Sites for Learning ANYTHING Web Development Related

• W3Schools
• FreeCodeCamp
• Codecademy
• Educative
• Django Tutorial
• ReactJS
  • Setting Up React
  • More React
  • Practicing React.js alongside s'more resources
  • Mini Web Dev Bootcamp
• Mozilla
• LearnJS
• Techntonica Curriculum
• Harvard CS50 Web Programming

Designs

• Google Fonts
• HTML ColorCode
• Font Awesome
• unDraw
• emojipedia
• Dribble
• CSS Animated & Gradient Background
• Bootstrap

Templates

• HTML5UP
• JSON Resume
• urspace customized templates
• Terminal-like Portfolio
• Some more templates
• w3 Schools Bootstrap Theme Bootstrap is a front-end framework that allows your site to be more responsive across all devices!

Prototyping

• Proto.io - keep in mind you only have a 14 day free trial
• Figma
• Bubble.io Easy and free tool to create mockups
• Check this Medium blog out

Github

• Github Guides
• Introduction to Github
• More GitHub Courses
• Practicing How to Use Git
• Gitbook
• Importance of Having a good READ.ME - very useful to include for your final project!
• Why you need a clear README if you want a "coding" job
• Github Student Developer Pack
• Showcase Portfolio through Github Pages
• FORK this repo

IDEs

• Repl.it
• Code Pen
• Glitch
• Atom
• VSCode

Blogs

📰 BLOGS TO CHECK OUT

• freeCodeCamp
• CodePath
• Tech Together
• Better Programming

Challenges

Doing challenges are a great way to expand your skill set and to create projects! Here are some challenges to look at below

• 7 Days, 7 Websites
• #100DaysOfCode
• Contributing to Open Source Projects
• List of Hackathons
• [JS Challenges] (https://jsbeginners.com/javascript-projects-for-beginners/#list)

Additional Resources

• Ways to get involved with Women in Tech!
• Impactful
• Adding Google Analytics to Website
• How to make a Chrome Extension
• Contributing to Open Source
• Missing Semester of your CS Education
• Developer Roadmaps
• Github Student Pack

📝 Contributing

See contributing.md