frontendmasters/front-end-handbook-2017

2017 edition of our front-end development guide

front-end-handbook-2017's Issues

Request for Simplified Chinese translation

Awesome document 💯. Could we translate this document into simplified Chinese and share with more Chinese developers? We have an organization, and we have translated more than 400 articles. We are looking forward to hearing from you.

About our organization: github.com/xitu/gold-miner/

Add sanitize.css to CSS Reset section

I noticed the omission of sanitize.css in the CSS Reset section, which is developed in sync with normalize.css. As a dev who needs to produce pixel-perfect UI, this library saves me from having to manually unset various useragent styles!

JSON Tool for your consideration

I've been tasked with a front-end project, with invitation to make suggestions to the API which outputs JSON. So in my spare time I created a JSON refactor tool and released to the public: https://tools.notmybase.com/json-refactor/

The user enters the JSON in the current state, and makes a list of changes. As the changes are visible in real time, so the list of changes can be passed over to the API developer, while the front-end dev can instantly generate mocks based on those rules.

Please feel free to share this tool in the next edition/update of your list of "JSON Tools"

"Front-End Developers to Learn From" should link to "Newsletters, News, and Podcasts"

Text currently links to the page it is on, https://frontendmasters.gitbooks.io/front-end-handbook-2017/content/learning/learn-from.html. It should link to https://frontendmasters.gitbooks.io/front-end-handbook-2017/content/learning/news-podcasts.html

Open for translations?

Learn JavaScript - Eloquent JavaScript

The Eloquent JavaScript is duplicated.
It's on sections: Getting Started and Deprecated JS Learning Resources

Data Viz - charting tools - amCharts

https://frontendmasters.gitbooks.io/front-end-handbook-2017/content/tools/charting.html

In the data visualization section, there is a bullet point for amCharts which implies amCharts is only available in a paid version.

I believe that is incorrrect, and that amCharts is just like Highcharts and others where if you want to use the commercial version, and remove link back to product inside the chart, then you have to buy the commercial version.

• https://www.amcharts.com/
• https://www.amcharts.com/licenses/javascript-charts-free-license/

README: typo in link

The end of the README seems to have a typo:

• https://github.com/FrontendMasters/front-end-handbook-2017k

should have "k" removed:

• https://github.com/FrontendMasters/front-end-handbook-2017

differences between the versions

I use this guide as a base to my studies.
Which the difference between the old version(2016) and this version(2017)?

Recommend to use a plugin for generating "Treeview" for each article in the book

gitbook-treeview is a Gitbook plugin designed for generating structures for articles of a book. As the following picture shown, the main structure of a whole article has been clearly shown before contents, and each title has also been directed to a corresponding part. Front-end Handbook is a large book, which has integrated with Gitbook, and I hope that the plugin can helps to enhance readability. If you like it, I hope you can star my project too, and thanks for your appreciations. As for the picture, it's an article named "Asynchronous Programming" in my personal wiki book.

Add Freecodecamp

Part II: Learning Front-End Development

• Self-directed learning

1. Freecodecamp

Bower is deprecated/dead

Resources:

• https://community.plone.org/t/bower-is-now-officially-dead/4246
• bower/bower#2298
• bower/bower#2467
• Bower now deprecated, suggested to use Yarn or webpack.
• https://www.quora.com/Is-Bower-dying
• yarnpkg/yarn#1441
• http://holloway.nz/modern-javascript/bower.png
• yeoman/generator#964

Add RSCSS in Architecting CSS

Hi! Please, can you add this style css in section "Architecting CSS" too?

Link RSCSS

Thank you!

Learn Site Performance Optimization: http://javascriptrocks.com/ is paid

Page 9, "Note: Note Edge, IE9 to IE11" - too many "Note"s and it isn't quite clear what is being said.

On page 9, In the most common browser listing the 2nd item for "Internet Explorer has the following suffix: "(Note: Note Edge, IE9 to IE11)" - I'm not quite sure what this should say but it has "note" repeated twice, I'm guessing the second should be "not"?

Add Chromeheadless to Headless browsers

Chrome 59 now ships with chromeheadless

Resources:

• https://developers.google.com/web/updates/2017/04/headless-chrome
• https://developers.google.com/web/updates/2017/06/headless-karma-mocha-chai

Front-end and API Design

Why does a Front End developer need to learn API Design?

https://frontendmasters.com/books/front-end-handbook/2017/learning/data-api.html

Jsmodules not working

http://jsmodules.io/

Is not working, the link is in Learn Modules section.

Great project!

Cheers

In section "In 2017 expect..." link "API CMS tools." seems to be broken

But I'm not sure what it should have been, by providing google-like link:

"More devs will abandon traditional CMS solutions for static site generators & API CMS tools."

https://www.google.com/webhp?sourceid=chrome-instant&rlz=1C5CHFA_enUS712US713&ion=1&espv=2&ie=UTF-8#q=api%20cms

@codylindley what was that for? Do you have some valid URL/location/resource?

Outdated newsletters/news sources

From what I could see on Front-End Newsletters, News Sites, & Podcasts, the following sites are no longer maintained (based on their latest updates) and should be removed:

• http://frontenddevweekly.com
• https://frontendfive.codeschool.com
• http://frontendnewsletter.com
• https://webplatformdaily.org/