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
Google site: https://sites.google.com/view/createdbyudacitystudents/home/fend
HTML
CSS
Learn JavaScript
- JS for cats
- Learn JS
- Eloquent JS
- JS garden
- Learning JS Design Patterns
- Understanding ECMAScript 6
- Human JS
- Developing Backbone.js
- You Don’t Know JS
- JS the right way
- Programming JS Applications
- JS.Info
- JS Robot
- JavaScript is sexy
- ES6 Features
- Watch and Code
Jquery
Git
Courses and online learning
- Udacity
- FreeCodeCamp
- Team Tree House
- Sololearn
- Dash
- The new Boston
- Cybrary
- The Odin Project
- Codecademy
- edX
- Udemy
- Coursera
- Lynda
- HTML CSS JS Tutorials
- W3Schools
- Khan academy
- Code School
- Bento
- Sitepoint
- Code.org
- TutorialsPoint
- Hackr
- Pluralsight
- Internet is hard
- Egg Head
- Sabe
- Platzi
- Laracasts
- Codemonk on Hackerearth
- Coding Heroes
- Wes Bos
- Edabit
- Paqmind
- Open Classrooms
- Learn Code The Hard Way
- Beginner's Book
- Upskill Courses
- Learn to Code HTML and CSS
- Scotch.io
- Progate
Coding challenges
- Coderbyte
- Codewars
- Code Fights
- CodinGame
- Top Coder challenges
- HackerRank
- LeetCode
- Code Chef
- Geeks for geeks
- Code Forces
- JS30 challenge
Fonts and typography
- Google Fonts
- Just my type
- Google Web fonts
- Typogui
- Typography Handbook
- Typewolf
- Canva
- Font Squirrel
- DaFont
- 1001FreeFonts
- Font Pair
- Font Combinations
- typ.io
Online Tools
- CSSmatic
- CSS3gen
- Dans Tools
- Website Speed Test
- Can I use?
- Chrome DevTools
- Responsive screenshots
- Am I Responsive?
- Firefox DevTools
- Abstract browsing
- Front-End Checklist
- Thimble by Mozilla
- Glyphter custom icon fonts
- Regular Expressions tester
- JavaScript Object Explorer
- Code visualizer
- Flexbox playground
- Our Own Thing
- Squoosh
Colors and Palettes
- Adobe Color
- Paletton
- Color Palettes
- Polychroma Gradient
- UI Gradients
- Coolors
- Material Palette
- Flaticons UI Colors
- Material Design
- Colour Lovers
- UI Gradients
- 0to255
- Lol Colors
- Web Gradients
- HailPixel
- ColourCode
- Color Hunt
- Pigment
- GradientLab
- Picular
Flexbox
- A Complete Guide to Flexbox
- CSS Flexbox Toolbox
- Learn Layout (flexbox)
- Flexbox.io
- CSS Flebox Mozilla developers
CSS Grid and Bootstrap
- CSS Grid by example
- JenSimmons Labs CSS Grid
- CSS grid starter layouts
- CSS grid Mozilla developers
- cssgrid.io
- Bootstrap Framework
- Bootstrap grid builder
Images
- Unsplash
- Stocksnap
- Pexels
- Pixabay
- Free images
- Burst Shopify
- Isorepublic
- Gratisography
- Jay Mantri
- Foodies Feed
- Negative Space
- Freestocks
- Picography
- MMT
- Skitterphoto
- Shot Stash
- Styled Stock
- Freepik
- Magdeleine
- Cupcake
- Avopix
- Little Visuals
- Skuawk
- SplitShire
- Food Shot
- Pickup Image
- Life of pix
- DesignersPics
- Good Stock Photos
- Free Image Bank
- Travel coffee book
- Finda photo
- Wesaturate
Icons
- Font Awesome
- Flaticons
- Iconfinder
- Freepik
- Icon Store
- Iconmonstr
- Linea
- Ionicons
- Noun Project
- Devicon
- Fontello
- We Love Icon Fonts
- Orion Icon Library
- Tilda Icons
Backgrounds
Podcasts
- Castbox
- CodeNewbie
- Learn to Code With Me
- ShopTalk
- Front End Happy Hour
- Friends Talk Frontend
- Late Nights with Trav and Los
- The Web Platform Podcast
- A Responsive Web Design Podcast
- Developer Tea
- The Big Web Show
- The freeCodeCamp Podcast
- The Stack Overflow Podcast
- All JavaScript Podcasts by Devchat.tv
- Hanselminutes
- Soft Skills Engineering
- CTRL+CLICK CAST
- Full Stack Radio
- Start Here: Web Development
- Syntax.fm
Ebooks
- 50 ebooks about web development
- The missing link
- HTML&CSS
- HTML ebook
- 15 Best Front-end Development Books
- Free Programming Books
- Speaking JavaScript
- JS Books
- Front-End Developer Handbook 2017
- Coding Interview University
- GoalKicker
Games
Mobile Apps
- Encode (itunes) (android)
- Udacity (itunes) (android)
- Khan Academy (itunes) (android)
- Code Hub (android)
- SoloLearn (itunes) (android)
- Programming Hub (android)
- Enki (itunes) (android)
Design
- Design Inspiration
- Behance
- The Inspiration Grid
- Site Inspire
- Dribbble
- Awwards
- Co Design
- Inspire Design
- Designify
- Call To Idea
- One Page Love
- Land Book
UI / UX Design
Resources for women & girls
- Women Who Code
- Mother Coders
- Girl Develop It
- Hackbright Academy
- Pyladies
- Rails Girls
- Hire Tech Ladies
- Girls Who Code
- Astia
- Ada Initiative
- Anitab.org
- Girls in Tech
- Webgrrls
- Women2
- Women in Wireless
- Women Who Tech
- Witi
- Women in Technology
- She's coding
- Woman Tech Makers
- Django Girls
- Code like a girl
- Made with code
- Codelikeagirl
- Coding Girls
- Girls teaching girls to code
Bookmarks
- Front-end Dev Bookmarks
- Awesome Algorithms
- Awesome Resources
- Front-end Resources
- Become a Full Stack Web Developer
- Awesome pictures
- Pretty Awesome Lists
Youtube channels
- The Net Ninja
- Derek Banas
- CodingTutorials360
- Traversy Media
- Coding Tech
- LearnCode.academy
- Le Wagon
- Fun Fun Function
- JavaBrains
- TheNewBoston
Reddit threads
Learning Paths
Miscellaneous
- Stackoverflow
- GitHub
- Devdocs API documentation
- CodePen
- Emmet CheatSheet
- Makerbook
- Dirty Markup
- Collection of JavaScript libraries, resources and shiny things
- Codeburst
- JavaScripting
- Nodeschool
- Speckyboy
- Testdome
- InterviewBit
- Computer Science in laymens terms
- g5code
- The Code Player
- Simple CSS
Last update: November 19th, 2018