A personally curated list of resources for starting in Front-End development, curated by Ivan Oung with nothing but bacon greese.
Details
- Official Documentation
- Directories
- Reading List
- Individual Articles
- Videos
- Youtube Channels
- Tools
- Learning Platforms
- Coding Challenges Platforms
- Tutorials
- Git - To start version controlling your projects
- Getting noticed - feature your work
- Font pairing and usage
- RSS worthy - To keep them in your reading list
- Shileds.io - the little status thing you see on mostly Github
- CSS-tricks: Quality daily read for CSS-related techniques
- Simple tech Good read to kickoff your HTML learning curve
- CSS Grid: Bringing true two-dimensional layout to the web
- Learn Git in 20 Minutes Straight to the point, less jargon, best for starters
- Learn Angular 5 in less than 60 Minutes - Best Angular Tutorial from set up to writting a full workable demo.
- Announcing CSS Grid & the Firefox Grid Inspector Tool
- CSS Grid Cheat Sheet - Another CSS Grid Tool, by Ali Alaa
- CSS Grid Garden - A game for learning CSS Grid
- CSS Grid Playground by Mozilla
- CSS Grid Template Builder - A simple tool to build complex CSS Grid templates
- Griddy - A nice tool to experiment with CSS Grid Layout
- FreeCodeCamp - Great challenges for starters and the most comprehensive and in-depth free tutorial you can ever get
- Javascript.info - In-depth explaination of 99.99% you need to know about vanilla Javascript
- #postAboutYourPen - Get your pens featured on Codepen
- Sitepoint Exclusive deals for members($9/mth) for affliated online lessons
- Code My UI Snippets of interesting CSS effects
- Freebiesbug Huge library of curated designs
- Codrops
- Codyhouse
- Land-book
- Product Pages Curated directory of the best product pages
- Web Code Tools
- Website Showcase & Inspiration
- The Best Web Designers - Freelance Web designers and design agencies
- siteInspire
- Awwwards One of the most recognized award for front-end experiences
- Creative Bloq
- CSS Design Awards
- Heynishi
- Behance
- Free Front End Clean reminder of a simplier age
- Codepen.io One of the largest site with front-end elements with codes
- NucleoApp Icon Organizer & Icon Library
- Stackoverflow answer - Deal with comments while committing
To the extent possible under law, Ivan Oung has waived all copyright and related or neighboring rights to this work.