Literature for front-end developer

You are reading this [...] for two reasons. First, you are a programmer. Second, you want to be a better programmer. Good. We need better programmers.

-Robert C. Martin (from Clean Code)

We have, again and again, experienced that it’s not enough to be a good developer — let alone be a developer. We also have experienced in our team that once a developer has studied the correct content, the code quality and the collective peace of mind have multiplied. That’s why we have curated a great deal of material for ourselves to become better.

In IxDF, it is essential for developers to study the content in our library. This list is not here for a developer to ignore. An IxDF developer should have read the whole library — at the least.

The frenetic rate of change in our industry means that software developers must continue to learn copious quantities just to keep up. Woe to the architects who stop coding—they will rapidly find themselves irrelevant. Woe to the programmers who stop learning new languages—they will watch as the industry passes them by. Woe to the developers who fail to learn new disciplines and techniques—their peers will excel as they decline.

-Robert C. Martin (from Clean Coder)


You can find all books and videos on the shared folder IxDF - Shared Reading - Library of Development literature and videos. Warning for devs having small SSDs: The videos may take up more than 10gb on your disk. That’s why you may want to selectively sync those you want to study into your computer when you want to study them.

  1. Back-end Foundations
  2. Frontend
    1. Foundations
    2. Subscriptions
    3. Awesome lists


Every frontend developer should have some backend knowledge to have basic working skills & collaborate with backend developers.


  1. Laravel Blade (opens new window) - PHP template engine. Frontend developers should understand how to use @extend, @include, @component, @section, @push, @foreach and @if directives. They should also understand when they should use and {!! $variable !!} (display escaped/unescaped data).
  2. How to get an instance of the authenticated Member at the view layer and how to determine whether the visitor is a guest or not (see 🔒 Authenticated Member instance (opens new window)).
  3. How to 🔒 create a new route and a new test view for it (opens new window) for testing purposes. Sometimes it’s a faster way to implement a new feature.

For more back-end hints, please see 🔒 backend hints dir (opens new window).


Every frontend developer should

  • have a basic set of programming skills (Foundations),
  • be aware of modern techniques, tools, and APIs (Subscriptions and Awesome lists).


  1. Classic programming skills: Clean Code: JavaScript: Software engineering principles, from Robert C. Martin's book Clean Code, adapted for JavaScript.
  2. Eloquent JavaScript (opens new window) (free ebook) or use pdf version from shared library.
  3. Martin Fowler - Refactoring - Improving the Design of Existing Code, 2nd edition (opens new window) (book) or use pdf version from shared library.
  4. Design Patterns (book): Addy Osmani - Learning JavaScript Design Patterns - 2017 (opens new window)
  5. CSS (book): Verou L. - CSS Secrets - 2015.
  6. Topic: BEM CSS methodology: MindBEMding (opens new window), BEM 101 (opens new window).
  7. Topic: KISS, YAGNI & DRY Principles (opens new window)
  8. Optional: Network (book): Ilya Grigorik - High Performance Browser Networking (opens new window).


It’s very useful to subscribe to some weekly newsletters or podcasts and be aware of all the events and news in the front-end world.

  1. JavaScript Weekly newsletter: javascriptweekly (opens new window)
  2. Frontend Focus weekly newsletter: frontendfoc (opens new window)
  3. YouTube channel: Google Chrome Developers (opens new window).
  4. Dev Channel by ChromiumDev @medium: RSS (opens new window)
  5. Optional: CSS weekly newsletter: css-weekly (opens new window)
  6. Optional: Inclusive Components: all about designing inclusive web interfaces: RSS (opens new window)
  7. Optional: Articles inside Articles directory.

Awesome lists

Awesome lists are great starting points for any material you'd like to find: Documentation, articles, talks, tools, etc. All of them are community curated and always up to date 🌲.

  1. Awesome Javascript (opens new window) - a curated list of awesome javascript lists
  2. Awesome CSS (opens new window) - a curated list of awesome frameworks, style guide and other cool nuggets for the amazing CSS.
  3. Awesome BEM (opens new window)