# Resources and Links

## Validation
- [W3C Validation Service](https://validator.w3.org/)

## Online IDE's
- [w3schools](https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default)
- [CodePen](https://codepen.io)
- [CodeSandbox](https://codesandbox.io)
- [Repl.it](https://repl.it)
- [JSFiddle](https://jsfiddle.net/)
- [JS Bin](https://jsbin.com/?html,output)

## Good go to resources
- [GeeksforGeeks](https://www.geeksforgeeks.org/)
- [w3schools](https://www.w2schools.com)
- [MDN](https://developer.mozilla.org)
- [Node](https://nodejs.org/en/)
- [JS](https://www.javascript.com/)
- [CSS](https://css-tricks.com)
- [Git Documentaion](https://git-scm.com/doc)
- [Github Documentation](https://docs.github.com/en)
- [VS Code Documentation](https://code.visualstudio.com/docs)

## Other Good Resources or Reading Material
- [The Coding Steps](https://thecodingsteps.tech/?page_id=2)

## Hackathons & Events - Things you can join and have fun
Some of these happen every year some are always going on. Many will allow you to connect through your github account. Some even offer prizes.
- [October - Hacktober Fest](https://hacktoberfest.digitalocean.com/)
- [November - Nodevember](https://nodevember.io/)
- [November - Codevember](http://codevember.xyz/)
- [100 Days of Code](https://www.100daysofcode.com/)
- [December - Advent of Code](https://adventofcode.com/)
- [24 Days of JavaScriptmas](https://scrimba.com/learn/adventcalendar)

## Playgrounds
- [Grid Garden](https://cssgridgarden.com/)
- [FlexBox Zombies - yes it's free](https://mastery.games/flexboxzombies/)
- [FlexBox Froggy](https://flexboxfroggy.com/)
- [Box Model](https://css-playground.com/view/53/box-model-introduction-playground)
- [CodePen Box Model](https://codepen.io/Ampix0/pen/oWXLeR)
- [CSS PlayGround](https://css-playground.com/)

## HTML & CSS
- [Smarter Way to Learn HTML & CSS](http://www.asmarterwaytolearn.com/htmlcss/h.html)
- [Self Learning Resources](https://thecodingsteps.tech/?page_id=2)

## CSS
- [HTML Color Names](http://www.html-color-names.com/)
- [Archetype - Fonts](https://archetypeapp.com/#)
- [w3schools - HTML Color Picker](https://www.w3schools.com/colors/colors_picker.asp)
- [Transparent Textures](https://www.transparenttextures.com/)
- [CSS Reset](https://meyerweb.com/eric/tools/css/reset/)
- [CSS Tricks - Centering](https://css-tricks.com/centering-css-complete-guide/)
- [CSS Reset Collection](https://perishablepress.com/a-killer-collection-of-global-css-reset-styles/)

### Box Model
- [w3Schools - Box Model](https://www.w3schools.com/css/css_boxmodel.asp)
- [MDN - Box Model](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model)
- [CSS Tricks - Box Model](https://css-tricks.com/the-css-box-model/)

### FlexBox
- [CSS Tricks - Complete Guide to FlexBox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
- [MDN - FlexBox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox)
- [MDN - FlexBox Explained](https://www.freecodecamp.org/news/an-animated-guide-to-flexbox-d280cf6afc35/)

### BootStrap
- [Bootstrap Cheat Sheet](https://hackerthemes.com/bootstrap-cheatsheet/)
- [Bootstrap](https://getbootstrap.com/docs/5.0/getting-started/introduction/)
- [Bootstrap Version](https://www.bootstrapcdn.com/)

## JavaScript
- [JavaScript Functions](https://codeburst.io/javascript-functions-understanding-the-basics-207dbf42ed99)
- [Array Methods](https://css-tricks.com/an-illustrated-and-musical-guide-to-map-reduce-and-filter-array-methods/)

## Coding Challenges
- [FreeCodeCamp](https://www.freecodecamp.org/learn/)
- [HackerRank](https://www.hackerrank.com)
- [LeetCode](https://leetcode.com/)
- [The Coding Train](https://thecodingtrain.com/)

## jQuery
- [Useful Tips and Tricks](https://crunchify.com/5-cool-useful-jquery-tips-tricks-solutions/)