Skip to content

Latest commit

 

History

History
46 lines (34 loc) · 3.66 KB

README.md

File metadata and controls

46 lines (34 loc) · 3.66 KB

dev-toolbox

A curated list of useful tools for those just getting started with Web Development. This is by no means a list of everything you need to know, nor is it exhaustive. Merely a collection of tools & resources we have found to be useful while on the development path.

Education Resources

  • Brad Traversy: This is probably the best starting point to get a feel of what Web Development is today.
  • freeCodeCamp: Tutorial based learning, good starting point for html, css & js.
  • Open Source Contribution: The most comprehensive guide for beginners to open source software contribution.

Basic Toolbox - Items you're likely to use everyday

  • Text Editors: Check all these text-editors out and choose one you're comfortable with.

  • Mozilla: When dealing with CSS grid & flexbox, Mozilla delivers much more solid dev tools.

  • Netlify: Host static sites for free from github repo, start learning how to deploy sites and a lot more.

Essential Text Editor plugins

  • Live server: Development local server.
  • Prettier: Code formater, for consistency across all your projects' code.
  • GitHub intergration: Makes for easier learning of git for beginners.

Design Toolbox

  • Figma & XD: Recommended for prototyping, an essential part of the design process.
  • HTML5up: Free HTML & CSS3 templates
  • ScrollWatch: Easily add lazy loading, infinite scrolling, or any other dynamic interaction based on scroll position.(Javascript)
  • Fonts: Google fonts
  • Color Palettes: An essential part of the design process.
  • Fun Dummy text generators: Plain lorem ipsum gets a bit boring, for me at least. Also, this site is very beautiful.
  • Curated Design tools: More extensive design toolbox

Slightly more advanced toolbox - Want to challenge yourself more?

  • App Ideas: Tired of hearing about building a to-do list web-app? A teacher worth following has a bunch of ideas listed .

Freelance Development useful links

  • Drafting your own contract: Blog post to help with drafting your contracts for clients, a must before taking up any jobs. 
  • More contract drafting links
  • Free SSL Certificates: Provided by Let's encrypt, good for dealing with real SSL certificates whilsst learning or deploying client sites. Most hosting providers these days however, provide SSL certificates in their packages.

Similar Repositories & References

Networking

  • ZWTech: Zim Tech, Slack Channel