Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/BycorSanchez/resources

📑Useful resources for developers
https://github.com/BycorSanchez/resources

courses resource-list resources

Last synced: 3 months ago
JSON representation

📑Useful resources for developers

Awesome Lists containing this project

README 

        
# Resources

#### List of resources for ~~web~~ developers. Collected at the forum during the Google / Udacity Front-End Developer Scholarship.  



#### URL: [https://bycorsanchez.github.io/resources](https://bycorsanchez.github.io/resources/)

#### Google site: [https://sites.google.com/view/createdbyudacitystudents/home/fend](https://sites.google.com/view/createdbyudacitystudents/home/fend)



## HTML

* [HTML 5.3](http://w3c.github.io/html/)

* [HTML MDN](https://developer.mozilla.org/en-US/docs/Web/HTML)

* [HTML CheatSheet](https://digital.com/tools/html-cheatsheet/)

* [Mega HTML CheatSheet](https://medium.com/level-up-web/the-mega-html5-cheatsheet-e8c479b1c521)

* [HTML Reference](http://htmlreference.io)

* [Guide to head elements](https://gethead.info)



## CSS

* [CSS MDN](https://developer.mozilla.org/en-US/docs/Web/CSS)

* [CSS-Tricks](https://css-tricks.com)

* [CSS CheatSheet](https://www.onblastblog.com/css3-cheat-sheet/)

* [CSS Reference](http://cssreference.io)

* [CSS zen garden](http://www.csszengarden.com)

* [CSS reference by Codrops](https://tympanus.net/codrops/css_reference/)



## Learn JavaScript

* [JS for cats](http://jsforcats.com)

* [Learn JS](https://gitbookio.gitbooks.io/javascript/)

* [Eloquent JS](http://eloquentjavascript.net)

* [JS garden](http://bonsaiden.github.io/JavaScript-Garden/)

* [Learning JS Design Patterns](https://addyosmani.com/resources/essentialjsdesignpatterns/book/)

* [Understanding ECMAScript 6](https://leanpub.com/understandinges6/read)

* [Human JS](http://read.humanjavascript.com)

* [Developing Backbone.js](https://addyosmani.com/backbone-fundamentals/)

* [You Don’t Know JS](https://github.com/getify/You-Dont-Know-JS)

* [JS the right way](http://jstherightway.org)

* [Programming JS Applications](http://chimera.labs.oreilly.com/books/1234000000262/index.html)

* [JS.Info](http://javascript.info)

* [JS Robot](https://lab.reaal.me/jsrobot/)

* [JavaScript is sexy](http://javascriptissexy.com)

* [ES6 Features](http://es6-features.org/)

* [Watch and Code](https://watchandcode.com/)



## Jquery

* [Documentation](http://api.jquery.com)

* [JQuery Tutorial](http://try.jquery.com)

* [JQuery CheatSheet](https://oscarotero.com/jquery/)



## Git

* [Try Git](https://try.github.io)

* [Git immersion](http://gitimmersion.com)



## Courses and online learning

* [Udacity](https://www.udacity.com)

* [FreeCodeCamp](https://www.freecodecamp.org)

* [Team Tree House](https://teamtreehouse.com)

* [Sololearn](https://www.sololearn.com)

* [Dash](https://dash.generalassemb.ly)

* [The new Boston](https://thenewboston.com)

* [Cybrary](https://www.cybrary.it)

* [The Odin Project](https://www.theodinproject.com/home)

* [Codecademy](https://www.codecademy.com)

* [edX](https://www.edx.org)

* [Udemy](https://www.udemy.com)

* [Coursera](https://www.coursera.org)

* [Lynda](https://www.lynda.com)

* [HTML CSS JS Tutorials](http://htmldog.com)

* [W3Schools](https://www.w3schools.com)

* [Khan academy](https://www.khanacademy.org)

* [Code School](https://www.codeschool.com)

* [Bento](https://bento.io/tracks)

* [Sitepoint](https://www.sitepoint.com)

* [Code.org](https://code.org)

* [TutorialsPoint](https://www.tutorialspoint.com)

* [Hackr](https://hackr.io)

* [Pluralsight](https://www.pluralsight.com)

* [Internet is hard](https://internetingishard.com)

* [Egg Head](https://egghead.io)

* [Sabe](https://sabe.io)

* [Platzi](https://courses.platzi.com)

* [Laracasts](https://laracasts.com)

* [Codemonk on Hackerearth](https://www.hackerearth.com/practice/codemonk/)

* [Coding Heroes](http://codingheroes.io/index.html)

* [Wes Bos](http://wesbos.com/courses/)

* [Edabit](https://edabit.com)

* [Paqmind](http://paqmind.com)

* [Open Classrooms](https://openclassrooms.com)

* [Learn Code The Hard Way](https://learncodethehardway.org)

* [Beginner's Book](https://beginnersbook.com)

* [Upskill Courses](https://upskillcourses.com)

* [Learn to Code HTML and CSS](https://learn.shayhowe.com)

* [Scotch.io](https://scotch.io/courses)

* [Progate](https://progate.com)



## Coding challenges

* [Coderbyte](https://coderbyte.com/)

* [Codewars](https://www.codewars.com)

* [Code Fights](https://codefights.com)

* [CodinGame](https://www.codingame.com/)

* [Top Coder challenges](https://www.topcoder.com/challenges/)

* [HackerRank](https://www.hackerrank.com)

* [LeetCode](https://leetcode.com/)

* [Code Chef](https://www.codechef.com/)

* [Geeks for geeks](https://www.geeksforgeeks.org/)

* [Code Forces](http://codeforces.com/)

* [JS30 challenge](https://javascript30.com)



## Fonts and typography

* [Google Fonts](https://fonts.google.com)

* [Just my type](https://www.justmytype.co)

* [Google Web fonts](https://femmebot.github.io/google-type/)

* [Typogui](http://www.typogui.de)

* [Typography Handbook](http://www.typographyhandbook.com)

* [Typewolf](https://www.typewolf.com)

* [Canva](https://www.canva.com)

* [Font Squirrel](https://www.fontsquirrel.com)

* [DaFont](https://www.dafont.com)

* [1001FreeFonts](https://www.1001freefonts.com)

* [Font Pair](http://fontpair.co)

* [Font Combinations](https://www.canva.com/font-combinations/)

* [typ.io](http://typ.io)



## Online Tools

* [CSSmatic](https://www.cssmatic.com)

* [CSS3gen](https://css3gen.com)

* [Dans Tools](https://www.danstools.com)

* [Website Speed Test](https://tools.pingdom.com)

* [Can I use?](https://caniuse.com)

* [Chrome DevTools](https://developers.google.com/web/tools/)

* [Responsive screenshots](https://responsive-screenshots.com)

* [Am I Responsive?](http://ami.responsivedesign.is)

* [Firefox DevTools](https://developer.mozilla.org/en-US/docs/Tools)

* [Abstract browsing](http://www.abstractbrowsing.net)

* [Front-End Checklist](https://frontendchecklist.io)

* [Thimble by Mozilla](https://thimble.mozilla.org/en-GB/)

* [Glyphter custom icon fonts](https://glyphter.com)

* [Regular Expressions tester](https://regex101.com)

* [JavaScript Object Explorer](https://sdras.github.io//object-explorer/)

* [Code visualizer](http://www.pythontutor.com/visualize.html)

* [Flexbox playground](https://codepen.io/enxaneta/full/adLPwv/)

* [Our Own Thing](http://www.ourownthing.co.uk)

* [Squoosh](https://squoosh.app)



## Colors and Palettes

* [Adobe Color](https://color.adobe.com)

* [Paletton](http://paletton.com/)

* [Color Palettes](http://colorpalettes.net)

* [Polychroma Gradient](https://polychroma.now.sh)

* [UI Gradients](https://uigradients.com)

* [Coolors](https://coolors.co)

* [Material Palette](https://www.materialpalette.com)

* [Flaticons UI Colors](https://flatuicolors.com)

* [Material Design](https://material.io)

* [Colour Lovers](http://www.colourlovers.com)

* [UI Gradients](https://uigradients.com/)

* [0to255](http://www.0to255.com/)

* [Lol Colors](https://www.webdesignrankings.com/resources/lolcolors/)

* [Web Gradients](https://webgradients.com)

* [HailPixel](https://color.hailpixel.com/)

* [ColourCode](https://colourco.de)

* [Color Hunt](http://colorhunt.co)

* [Pigment](https://pigment.shapefactory.co)

* [GradientLab](https://gradientlab.space/)

* [Picular](https://picular.co)



## Flexbox 

* [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)

* [CSS Flexbox Toolbox](https://speckyboy.com/css-flexbox-toolbox/)

* [Learn Layout (flexbox)](http://learnlayout.com/flexbox.html)

* [Flexbox.io](https://flexbox.io)

* [CSS Flebox Mozilla developers](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout)



## CSS Grid and Bootstrap

* [CSS Grid by example](https://gridbyexample.com)

* [JenSimmons Labs CSS Grid](http://labs.jensimmons.com)

* [CSS grid starter layouts](https://css-tricks.com/snippets/css/css-grid-starter-layouts/)

* [CSS grid Mozilla developers](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout)

* [cssgrid.io](https://cssgrid.io)

* [Bootstrap Framework](https://getbootstrap.com/docs/3.3/)

* [Bootstrap grid builder](http://shoelace.io)



## Images

* [Unsplash](https://unsplash.com)

* [Stocksnap](https://stocksnap.io)

* [Pexels](https://www.pexels.com)

* [Pixabay](https://pixabay.com)

* [Free images](https://www.freeimages.com)

* [Burst Shopify](https://burst.shopify.com)

* [Isorepublic](https://isorepublic.com)

* [Gratisography](https://gratisography.com)

* [Jay Mantri](http://jaymantri.com/)

* [Foodies Feed](https://www.foodiesfeed.com/)

* [Negative Space](https://negativespace.co/)

* [Freestocks](https://freestocks.org)

* [Picography](https://picography.co/)

* [MMT](https://mmtstock.com/)

* [Skitterphoto](https://skitterphoto.com/)

* [Shot Stash](https://shotstash.com)

* [Styled Stock](https://styledstock.co/)

* [Freepik](https://www.freepik.com)

* [Magdeleine](https://magdeleine.co/)

* [Cupcake](http://cupcake.nilssonlee.se)

* [Avopix](https://avopix.com)

* [Little Visuals](http://littlevisuals.co)

* [Skuawk](http://skuawk.com)

* [SplitShire](https://www.splitshire.com)

* [Food Shot](https://foodshot.co)

* [Pickup Image](http://pickupimage.com)

* [Life of pix](http://www.lifeofpix.com)

* [DesignersPics](http://www.designerspics.com)

* [Good Stock Photos](https://goodstock.photos)

* [Free Image Bank](http://www.freemagebank.com)

* [Travel coffee book](http://travelcoffeebook.com)

* [Finda photo](http://finda.photo)

* [Wesaturate](https://www.wesaturate.com)



## Icons

* [Font Awesome](http://fontawesome.io/)

* [Flaticons](http://flaticons.net)

* [Iconfinder](https://www.iconfinder.com)

* [Freepik](https://www.freepik.com/free-icons)

* [Icon Store](https://iconstore.co)

* [Iconmonstr](https://iconmonstr.com)

* [Linea](http://linea.io)

* [Ionicons](http://ionicons.com)

* [Noun Project](https://thenounproject.com)

* [Devicon](http://konpa.github.io/devicon/)

* [Fontello](http://fontello.com)

* [We Love Icon Fonts](http://weloveiconfonts.com)

* [Orion Icon Library](https://orioniconlibrary.com)

* [Tilda Icons](https://tilda.cc/free-icons/)



## Backgrounds

* [Cool Backgrounds](https://coolbackgrounds.io)

* [The Pattern Library](http://thepatternlibrary.com/)

* [Hero Patterns](http://www.heropatterns.com)

* [Subtle Patterns](https://www.toptal.com/designers/subtlepatterns/)

* [Patterninja](https://patterninja.com)



## Podcasts 

* [Castbox](https://castbox.fm)

* [CodeNewbie](https://www.codenewbie.org/podcast)

* [Learn to Code With Me](https://player.fm/series/learn-to-code-with-me)

* [ShopTalk](https://player.fm/series/shoptalk-19036)

* [Front End Happy Hour](https://player.fm/series/front-end-happy-hour-131187)

* [Friends Talk Frontend](https://player.fm/series/friends-talk-frontend-1415844)

* [Late Nights with Trav and Los](https://player.fm/series/series-1401623)

* [The Web Platform Podcast](https://player.fm/series/the-web-platform-podcast)

* [A Responsive Web Design Podcast](https://player.fm/series/a-responsive-web-design-podcast-1337183)

* [Developer Tea](https://player.fm/series/developer-tea-1402099)

* [The Big Web Show](https://player.fm/series/the-big-web-show)

* [The freeCodeCamp Podcast](https://player.fm/series/the-freecodecamp-podcast)

* [The Stack Overflow Podcast](https://player.fm/series/the-stack-overflow-podcast-1395548	)

* [All JavaScript Podcasts by Devchat.tv](https://player.fm/series/all-javascript-podcasts-by-devchattv)

* [Hanselminutes](https://player.fm/series/hanselminutes)

* [Soft Skills Engineering](https://player.fm/series/soft-skills-engineering-133571)

* [CTRL+CLICK CAST](https://player.fm/series/ctrlclick-cast-57056)

* [Full Stack Radio](https://player.fm/series/series-1401837)

* [Start Here: Web Development](https://soundcloud.com/starthere-webdev)

* [Syntax.fm](https://syntax.fm)



## Ebooks 

* [50 ebooks about web development](https://speckyboy.com/free-web-design-ebooks/)

* [The missing link](https://textbooks.opensuny.org/the-missing-link-an-introduction-to-web-development-and-programming/)

* [HTML&CSS](http://wtf.tw/ref/duckett.pdf)

* [HTML ebook](https://www.tutorialspoint.com/html/html_tutorial.pdf)

* [15 Best Front-end Development Books](http://whatpixel.com/best-frontend-development-books/)

* [Free Programming Books](https://github.com/EbookFoundation/free-programming-books/blob/master/free-programming-books.md#javascript)

* [Speaking JavaScript](http://speakingjs.com/es5/)

* [JS Books](https://jsbooks.revolunet.com)

* [Front-End Developer Handbook 2017](https://github.com/FrontendMasters/front-end-handbook-2017)

* [Coding Interview University](https://github.com/jwasham/coding-interview-university)

* [GoalKicker](http://goalkicker.com)



## Games

* [Flexbox Froggy](http://flexboxfroggy.com)

* [Grid Garden](http://cssgridgarden.com)

* [Flexbox Zombies](https://geddski.teachable.com/p/flexbox-zombies)

* [Grid Critters](https://geddski.teachable.com/p/gridcritters)

* [CheckiO](https://checkio.org)

* [CSS Diner](https://flukeout.github.io)

* [Flukeout (CSS exercises)](http://flukeout.github.io)



## Mobile Apps

* Encode [(itunes)](https://itunes.apple.com/us/app/encode-learn-to-code/id1198851756?mt=8) [(android)](https://play.google.com/store/apps/details?id=com.upskew.encode)

* Udacity [(itunes)](https://itunes.apple.com/us/app/udacity/id819700933?mt=8) [(android)](https://play.google.com/store/apps/details?id=com.udacity.android)

* Khan Academy [(itunes)](https://itunes.apple.com/am/app/khan-academy/id469863705?mt=8) [(android)](https://play.google.com/store/apps/details?id=org.khanacademy.android)

* Code Hub [(android)](https://play.google.com/store/apps/details?id=trycodehub.com)

* SoloLearn [(itunes)](https://itunes.apple.com/us/app/sololearn-learn-to-code/id1210079064?mt=8) [(android)](https://play.google.com/store/apps/details?id=com.sololearn)

* Programming Hub [(android)](https://play.google.com/store/apps/details?id=com.freeit.java)

* Enki [(itunes)](https://itunes.apple.com/us/app/enki-improve-programming-skills-learn-to-code/id993753145?mt=8) [(android)](https://play.google.com/store/apps/details?id=com.enki.insights)



## Design

* [Design Inspiration](https://www.designspiration.net)

* [Behance](https://www.behance.net)

* [The Inspiration Grid](http://theinspirationgrid.com)

* [Site Inspire](https://www.siteinspire.com)

* [Dribbble](https://dribbble.com)

* [Awwards](https://www.awwwards.com)

* [Co Design](https://www.fastcodesign.com)

* [Inspire Design](http://inspiredesign.me/)

* [Designify](http://designify.me/)

* [Call To Idea](http://www.calltoidea.com)

* [One Page Love](https://onepagelove.com)

* [Land Book](https://land-book.com)



## UI / UX Design



* [Codrops](https://tympanus.net/codrops/)

* [UX Design](https://uxdesign.cc)

* [Code My UI](https://codemyui.com/)

* [Good UI](http://goodui.org)



## Resources for women & girls

* [Women Who Code](https://www.womenwhocode.com)

* [Mother Coders](http://www.mothercoders.org)

* [Girl Develop It](https://www.girldevelopit.com)

* [Hackbright Academy](https://hackbrightacademy.com)

* [Pyladies](http://www.pyladies.com)

* [Rails Girls](http://railsgirls.com)

* [Hire Tech Ladies](https://www.hiretechladies.com)

* [Girls Who Code](https://girlswhocode.com)

* [Astia](http://astia.org)

* [Ada Initiative](https://adainitiative.org)

* [Anitab.org](https://anitab.org)

* [Girls in Tech](http://girlsintech.org)

* [Webgrrls](http://www.webgrrls.com)

* [Women2](https://www.women2.com)

* [Women in Wireless](https://womeninwireless.org)

* [Women Who Tech](https://www.womenwhotech.com)

* [Witi](https://www.witi.com)

* [Women in Technology](http://www.womenintechnology.org)

* [She's coding](http://shescoding.org)

* [Woman Tech Makers](https://www.womentechmakers.com)

* [Django Girls](https://djangogirls.org)

* [Code like a girl](https://code.likeagirl.io)

* [Made with code](https://www.madewithcode.com)

* [Codelikeagirl](https://codelikeagirl.org)

* [Coding Girls](https://www.coding-girls.com)

* [Girls teaching girls to code](http://girlsteachinggirlstocode.org)



## Bookmarks

* [Front-end Dev Bookmarks](https://github.com/dypsilon/frontend-dev-bookmarks)

* [Awesome Algorithms](https://github.com/tayllan/awesome-algorithms)

* [Awesome Resources](https://github.com/dreamtocode/awesome-resources)

* [Front-end Resources](https://enboard.co/frontend/)

* [Become a Full Stack Web Developer](https://github.com/bmorelli25/Become-A-Full-Stack-Web-Developer/)

* [Awesome pictures](https://github.com/heyalexej/awesome-images)

* [Pretty Awesome Lists](https://www.prettyawesomelists.com)



## Youtube channels 

* [The Net Ninja](https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg)

* [Derek Banas](https://www.youtube.com/user/derekbanas)

* [CodingTutorials360](https://www.youtube.com/user/pizzapokerguy87)

* [Traversy Media](https://www.youtube.com/channel/UC29ju8bIPH5as8OGnQzwJyA)

* [Coding Tech](https://www.youtube.com/channel/UCtxCXg-UvSnTKPOzLH4wJaQ)

* [LearnCode.academy](https://www.youtube.com/channel/UCVTlvUkGslCV_h-nSAId8Sw)

* [Le Wagon](https://www.youtube.com/channel/UChCDYcBCrb8tuPAO6e0P-Hw)

* [Fun Fun Function](https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q)

* [JavaBrains](https://www.youtube.com/channel/UCYt1sfh5464XaDBH0oH_o7Q)

* [TheNewBoston](https://www.youtube.com/user/thenewboston)



## Reddit threads

* [HTML](https://www.reddit.com/r/HTML/)

* [CSS](https://www.reddit.com/r/css/)

* [Javascript](https://www.reddit.com/r/javascript/)

* [Web development](https://www.reddit.com/r/webdev/)

* [Web design](https://www.reddit.com/r/web_design/)

* [JQuery](https://www.reddit.com/r/jquery/)

* [Learn Programming](https://www.reddit.com/r/learnprogramming/)



## Learning Paths

* [Developer Roadmap](https://github.com/kamranahmedse/developer-roadmap)

* [Coggle Diagram](https://coggle.it/diagram/Vz9LvW8byvN0I38x)

* [Guides in a variety of domains (including web development)](https://github.com/P1xt/p1xt-guides)



## Miscellaneous

* [Stackoverflow](https://stackoverflow.com)

* [GitHub](https://github.com)

* [Devdocs API documentation](http://devdocs.io)

* [CodePen](https://codepen.io)

* [Emmet CheatSheet](https://docs.emmet.io/cheat-sheet/)

* [Makerbook](http://makerbook.net)

* [Dirty Markup](https://www.10bestdesign.com/dirtymarkup/)

* [Collection of JavaScript libraries, resources and shiny things](https://github.com/sorrycc/awesome-javascript)

* [Codeburst](https://codeburst.io)

* [JavaScripting](http://www.javascripting.com)

* [Nodeschool](https://nodeschool.io)

* [Speckyboy](https://speckyboy.com)

* [Testdome](https://www.testdome.com)

* [InterviewBit](https://www.interviewbit.com)

* [Computer Science in laymens terms](http://carlcheo.com/compsci)

* [g5code](http://www.g5code.com/)

* [The Code Player](http://thecodeplayer.com)

* [Simple CSS](http://simplecss.eu)



Last update: November 19th, 2018