/Front-End-Web-Developer-Path

This repository contains content which will be helpful in your journey as a front-end Web Developer

MIT LicenseMIT

A list of useful resources for Front End Developers


Table of Contents


Learning

  • A Complete Guide to Flexbox | CSS-Tricks - A comprehensive guide to the Flexbox layout.
  • CodeCademyπŸ‘ - A series of interactive courses teaching the world how to code. Offering free and paid subscriptions across a variety of languages.
  • Coursera - A selection of courses from highly reputable schools like Stanford and Yale.
  • CSS Almanac | CSS-TricksπŸ‘ - A quick reference guide to the many features of CSS.
  • Design Resources - Design Resources from Skullface.
  • edx - A series of University-level courses from Harvard, MIT, Wharton and more.
  • EggHead - Web development video tutorials in "bite-size" segments. Has both free and "Pro" (paid) memberships.
  • FlexboxπŸ‘ - Level up your Flexbox knowledge –  an online, Zombie-centric story course.
  • Flexbox Froggy
  • freeCodeCampπŸ‘ - A free resource incorporating programming projects and interview preparation for developer jobs.
  • Grid Garden - Interactive CSS code game. Practice your CSS skills by watering your garden!
  • LearnAnything - Search interactive mind maps to learn anything.
  • Mozilla Developer NetworkπŸ‘ - The latest information about Open Web technologies.
  • Pluralsight - Unlimited online developer training from industry experts.
  • Saylor - An open, online learning solution offering college credit opportunities for students.
  • Scotch - Many web development courses. Has both free and "Premium" (paid) memberships.
  • Search Courses - A selection of trending courses and tutorials.
  • Team Treehouse - Self-paced learning across a variety of languages and subjects.
  • The Odin Project - An Open-Source Curriculum for Learning Web Development
  • Tutorials point - Tutorials for many different languages with interactive code examples.
  • UdacityπŸ‘ - Learn anything online – deep learning, machine learning, front end languages.
  • Udemy - An online learning and teaching marketplace.
  • W3School - Web developlment reference library. Covers HTML, CSS, Javascript (jQuery, AJAX, and more), as well as some server-side langages. Includes descriptions and interactive examples.
  • Web APIs | MDN - Everything a beginner needs to know about Web APIs.

Youtube channels

Blogs

Tools

CSS Frameworks

Icons

Colors

Typography

Animation Frameworks

Stock Resources

Geolocation

APIs

Mockups

Books

Challenges

  • CSS Zen Garden A demonstration of what can be accomplished through CSS-based design, and a chance to do your own.
  • JavaScript30 A free challenge course, building 30 little projects with HTML, CSS and plain JavaScript.