frontendmasters/front-end-handbook-2017 — explained in plain English
Analysis updated 2026-06-26
Get an overview of what front-end development involves and what skills to learn as a complete beginner.
Find a curated list of learning resources for HTML, CSS, JavaScript, and browser fundamentals without being overwhelmed by options.
Use as a reference to understand the tools and build systems that front-end developers were using in 2017.
Share with a manager or employer as a quick orientation to what front-end developers actually do.
| frontendmasters/front-end-handbook-2017 | suitcss/suit | seanpowell/email-boilerplate | |
|---|---|---|---|
| Stars | 3,783 | 3,790 | 3,794 |
| Language | HTML | HTML | HTML |
| Setup difficulty | easy | moderate | easy |
| Complexity | 1/5 | 2/5 | 1/5 |
| Audience | developer | developer | developer |
Figures from each repo's GitHub metadata at analysis time.
This is a readable handbook, no setup required, just open the HTML files or read the online version. Note: content reflects 2017 practices.
This repository holds the source files for the Front-End Developer Handbook 2017, a freely available guide written by Cody Lindley and sponsored by Frontend Masters. The handbook is aimed at anyone who wants to understand what front-end development is, how to learn it, and which tools practitioners use. It works as a starting point for beginners, a reference for working developers, and an orientation resource for managers or employers who want to understand the field. The handbook is organized into three sections. The first covers what front-end development actually is as a practice: the skills involved, the kinds of work front-end developers do, and how the role fits into a broader team. The second section points to learning resources, both self-directed (tutorials, courses, books) and more structured paths. The third section surveys the tools commonly used in the field at the time of writing, from code editors to build systems to testing tools. The content centers on the core web technologies: HTML, CSS, the browser document model, and JavaScript. It sticks to those and to tools built directly on top of them. The authors describe the handbook as a curated shortlist rather than an exhaustive catalog, with the goal of giving readers enough context on each topic without going so deep that any one section becomes overwhelming. Note that this is the 2017 edition, and a newer 2019 edition is available at the Frontend Masters website. The 2017 content reflects the tools and practices that were current at that time, so some recommendations may be outdated. The handbook is published under a Creative Commons license that allows reading and sharing but not commercial use or modification. The full text is readable online and was also available for download in several ebook formats.
Source for the free 2017 Front-End Developer Handbook, a beginner-friendly guide to what front-end development is, how to learn it, and which tools professionals use (HTML, CSS, JavaScript, and build tools).
Mainly HTML. The stack also includes HTML, CSS, JavaScript.
Free to read and share for personal or educational use, but not for commercial purposes and you may not modify it (Creative Commons BY-NC-ND).
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Verify against the repo before relying on details.