[Book] 2019 edition of our front-end development handbook

Overview

Front-End Developer Handbook 2019

Written by Cody Lindley

Sponsored by Frontend Masters, advancing your skills with in-depth, modern front-end engineering courses

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 2019.

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.


Read Online:

Download:


Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.

Comments
  • Remove reference to broken link

    Remove reference to broken link

    • The webpage http://www.20thingsilearned.com/en-US/what-is-the-internet/1 is no longer being hosted & redirects with a 301 to https://google.com

    Fixes #47

    opened by detj 3
  • Fix typo in diagram

    Fix typo in diagram

    This PR addresses issue #48 The diagram for frontend had the word 'Hosting' instead of 'Hoisting' so, I replaced the image with another one that contains the correct word. I got the image from one the pull requests in the original 'Developer roadmap' repo. Below, the first image shows the error, the second shows the fix.

    2 1

    opened by Eronmmer 3
  • Creating HTML5 Offline Web Applications [read]

    Creating HTML5 Offline Web Applications [read]

    opened by aesyondu 2
  • Unaccessible link

    Unaccessible link

    opened by CharlieStras 2
  • HTTP RFC

    HTTP RFC

    opened by detj 2
  • Adds frontendremotejobs.com to the job board section.

    Adds frontendremotejobs.com to the job board section.

    I know it's a little late in the year to be adding this, but thought maybe frontendremotejobs.com would be a good resource to point devs to in the job board section.

    Cheers!

    opened by benrobertsonio 1
  • Web Assembly

    Web Assembly

    Worth mentioning https://webassembly.org/docs/high-level-goals/

    Some already use it https://www.smashingmagazine.com/2019/04/webassembly-speed-web-app/

    Microsoft shipped their first version https://dotnet.microsoft.com/apps/aspnet/web-apps/client

    opened by fairmutex 1
  • Accessibility resource

    Accessibility resource

    Hi there,

    may I suggest one resource for accessibility: The AcceDe Web guides https://www.accede-web.com/en/ ?

    This is a fantastic resource and very practical to learn accessibility.

    Cheers, Nicolas

    opened by nico3333fr 1
  • Line 78 link returns a 404

    Line 78 link returns a 404

    This link https://frontendmasters.com/books/front-end-handbook/2019/owler.com/articles/serverless.html referred to the line 78 term overloaded returns a 404

    opened by silvanaweb 1
  • Update link

    Update link

    It seems that content of "How Does the Internet Work?" has updated.

    So I update link of "How Does the Internet Work?" from "http://web.stanford.edu/class/msande91si/www-spr04/readings/week1/InternetWhitepaper.htm" to "http://www.theshulers.com/whitepapers/internet_whitepaper/index.html".

    opened by CharlieStras 1
  • We should add a print stylesheet

    We should add a print stylesheet

    This is an amazingly detailed article and it would make lovely reading material for hot summer days (the UK weather is getting warm now yay!). There are some things in the print view of the page that don't work particularly well, like the fixed sidebar. We could add a print stylesheet that overrides that, as well as cleans up other parts for readability.

    I might come back to this issue with a draft snippet of stuff that I've modified to get things printing the way I want.

    opened by anevins12 1
  • 2.9 - Front-End Job Boards

    2.9 - Front-End Job Boards

    I would recommend updating: https://frontendmasters.com/books/front-end-handbook/2019/ Section 2.9 - Front-End Job Boards to include https://www.werkington.com/

    opened by werkington 2
  • Add Headless CMS learning resource

    Add Headless CMS learning resource

    Hi there! I wanted to share an article outlining all the details of Headless CMSs. I thought it would be a good additional resource for the handbook since it covers things like:

    • A brief history of the Content Management System
    • What does “headless” mean anyway?
    • What are the main differences between headless and traditional CMSs?
    • What applications can you create with a headless cms?
    • Examples of actual sites on the web using headless CMSs

    The link is here: https://buttercms.com/blog/headless-cms-learn-the-what-why-and-how

    opened by gregsnewby 1
Owner
Frontend Masters
Advance Your Skills with In-Depth JavaScript, Node.js & Front-End Engineering Courses
Frontend Masters
AweSome Book App displays the book details entered by user and saves the information in Local storage. User can add and remove a book title/author to the library and from the library.

Awesome Book App with ES6 Used npm init -y command to create package.json file. Created the entry point for the JavaScript code called index.js Create

Krishna Prasad Acharya 8 Aug 15, 2022
This is a single page web application that keeps tracks of books. Book details captured are the book title, author and ISBN. User can add a book, view a list of books and also remove any un wanted books.

Project Name This is a single page web application that keeps tracks of books. Book details captured are the book title, author and ISBN. User can add

Olivier 6 Nov 20, 2022
BMI Calculator can give us the bmi result of our bmi on the basis of our corresponding height and weight.

BMI means body mass index. Body Mass Index (BMI) is a person's weight in kilograms divided by the square of height in meters.

Bipronath Saha 1 Jan 20, 2022
MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

MUI Core MUI Core contains foundational React UI component libraries for shipping new features faster. Material UI is a comprehensive library of compo

MUI 83.6k Dec 30, 2022
Generate link preview using our app, API or our NPM package.

get-link-preview ?? View the link preview using our App. Use the API to generate link preview in your app or use the NPM package to use the custom hoo

Siddhi Gate 25 Dec 21, 2022
10lift Applicant Test Senior Front End Development

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Barış ÖZDEMİRCİ 2 Sep 27, 2021
Personal Blog - a project developed with Angular for the front-end interface and Wordpress for the back-end API served with Docker containers

PersonalBlog This project was generated with Angular CLI version 13.0.1. Front-end Interface Development server Run ng serve or ng serve --configurati

null 9 Oct 5, 2022
Pass trust from a front-end Algorand WalletConnect session, to a back-end web service

AlgoAuth Authenticate to a website using only your Algorand wallet Pass trust from a front-end Algorand WalletConnect session, to a back-end web servi

Nullable Labs 16 Dec 15, 2022
It consists of a recreation of Twitter, to put into practice both Front-end and Back-end knowledge by implementing the MERN Stack together with other technologies to add more value to the project.

Twitter-Clone_Back-end ✨ Demo. ?? About the project. ?? Descriptions. It consists of a recreation of Twitter, to put into practice knowledge of both F

Mario Quirós Luna 5 Apr 12, 2022
It consists of a recreation of Twitter, to put into practice knowledge of both Front-end and Back-end implementing the MERN Stack along with other technologies to add more value to the project.

Twitter-Clone_Front-end ✨ Demo. Login Home Profile Message Notifications Deployed in: https://twitter-clone-front-end.vercel.app/ ?? About the project

Mario Quirós Luna 5 Jun 26, 2022
:books: The definitive guide to TypeScript and possibly the best TypeScript book :book:. Free and Open Source 🌹

TypeScript Deep Dive I've been looking at the issues that turn up commonly when people start using TypeScript. This is based on the lessons from Stack

Basarat Ali Syed 18.7k Jan 4, 2023
The Bookstore is a website that allows the user to :display a list of books , Add a book and remove a selected book.

Book Store The Bookstore is a website that allows the user to : -Display a list of books. -Add a book. -Remove a selected book. Built With ?? Basic CS

Nedjwa Bouraiou 4 Sep 6, 2022
BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book.

Project Name : BookStore CMS BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book. In or

Chris Siku 10 Aug 22, 2022
This is an app that displays a list of books, allow users add a book and remove a selected book.

BookStore This is an app that displays a list of books, allow users add a book and remove a selected book. Built With HTML CSS -React -Redux -JavaScri

ABDUL ALI 5 Jul 22, 2022
The Bookstore is a website where the user can display a list of books, add a book by providing a title, an author, and selecting from the categories, and remove a selected book.

Bookstore The Book Store is a website where the user can display a list of books, add a book and remove a selected book. Microverse's Bookstore API wa

Virag Kormoczy 9 Jan 1, 2023
Awesome-book is an online library website where a user can store a collection of books. Different book can be added and removed. Built with JavaScript using Dom

Awesome-book Description Awesome-book is an online library website where a user can store a collection of books. Differents book can be added and remo

tarike bouari 8 Sep 9, 2022
Awesome Books project : An online Book Library. Storing book information using local storage and displaying it as a list on HTML page

This is project is my based on building an online Book Library. Storing book information using local storage and displaying it as a list on html page

Richard Chileya 7 Nov 11, 2022
A single-page application that allows users to keep track of their books. Users can add the book details (book title and author) and also, and the books can also be removed. Built with JavaScript, HTML, and CSS

Project Name Awesome book with ES6 Description the project. This is a single page application that allows users to keep track of their books. Users ca

Micheal Oguntayo 4 Oct 13, 2022
This app is the capstone project we built at the end of our JavaScript module

This app is the capstone project we built at the end of our JavaScript module. It's a nostalgic interpretation of a pokedex, and we hope you enjoy it as much as we did putting it together. Go and catch 'em all!

Fabiano Frank 2 Oct 19, 2022