Front-end Developer Handbook 2018

Front-end Developer Handbook (2018)

Written by Cody Lindley Cody Lindley sponsored by — Frontend Masters Frontend Masters.

This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2018.

It is specifically written with the intention of being a professional resource for potential and currently practicing front-end developers to equip themselves with learning materials and development tools. Secondarily, it can be used by managers, CTOs, instructors, and head hunters to gain insights into the practice of front-end development.

The content of the handbook favors web technologies (HTML, CSS, DOM, and JavaScript) and those solutions that are directly built on top of these open technologies. The materials referenced and discussed in the book are either best in class or the current offering to a problem.

The book should not be considered a comprehensive outline of all resources available to a front-end developer. The value of the book is tied up in a terse, focused, and timely curation of just enough categorical information so as not to overwhelm anyone on any one particular subject matter.

The intention is to release an update to the content yearly.
The handbook is divided into the following three parts:

Part I. The Front-end Practice

Part one broadly describes the practice of front-end engineering.

Part II: Learning Front-end Development

Part two identifies self-directed and direct resources for learning to become a front-end developer.

Part III: Front-end Development Tools

Part three briefly explains and identifies tools of the trade.

Download a .pdf, .epub, or .mobi file from:

Front-end Developer Handbook (2018)

Contribute content, suggestions, and fixes on github:

Ardour ⏤ The digital audio workstation

Ardour ⏤ The digital audio workstation

Ardour is an open source, collaborative effort of a worldwide team including musicians, programmers, and professional recording engineers.

Ardour is a hard disk recorder and digital audio workstation application. It runs on Linux, macOS, FreeBSD and Microsoft Windows. Its primary author is Paul Davis, who is also responsible for the JACK Audio Connection Kit.

Svg Porn

Svg Porn

SVG Logos

A collection of 900+ svg vector logos.

All the logos are optimized (removed duplicated paths / excessive grouping / empty defs, linting, etc).


"Since I optimize all the files manually I won't accept pull requests with new logos. Please add your requests in the issues preferably with links to the vector files."

Tips for SVGs
  • Always convert borders to paths. They use a fixed size and behave strangely when resized.
  • Join all the paths into one and use it as a background/mask. Or at least overlap your paths.
All logos appearing on the site are the property of their respective owners.

Sketch ⏤ Professional digital design for Mac

Sketch ⏤ Professional digital design for Mac

Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package.
Finally you can focus on what you do best: Design.

Sketch is built for modern graphic designers, and it shows in every fibre of the app. From a flexible workflow with support for Multiple Pages and Artboards. Powerful features like Symbols and Shared Styles are there to make reusing elements quick and easy.
Easily create complex shapes with our state-of-the-art vector boolean operations and take advantage of our extensive layer styles. Sketch’s fully vector-based workflow makes it easy to create beautiful, high-quality artwork from start to finish.

Get started with Sketch.
Available exclusively on the Mac for just $99.
Requires Mac OS X 10.11+. Special prices for EducationAdding Seats to your license and Renewing your expired license are available.

Browse multiple websites at the same time

Browse multiple websites at the same time

A smart news reader built for productivity, powered by integrations.

Check more than one website at a glance. Choose amongst 8 layouts.
Why use Panda?
Customize your new tab, reach the news easily.
Panda has no investors, it's a community driven app.

Improve your workflow with integrations.
Reach any website / blog. Save time.
Personalise your new tab.
Take notes, add beautiful images, to do lists, clock and more.

Browse multiple websites at the same time.
Personalise your new tab.
Distraction free reading.
Extensive search.
Built-in bookmarking.
Power features with integrations.