xitu · leviding · Feb 23, 2017 · Jun 21, 2017 · Jun 21, 2017 · Jul 25, 2017
diff --git a/2017.md b/2017.md
@@ -6,16 +6,17 @@
 * Reactive programming continues to thrive in the JavaScript scene. (see MobX and RxJS).
 * React, more so the concept, will dominate. React itself will be completely re-written (see [React Fiber](https://github.com/acdlite/react-fiber-architecture)) or evolve (see [Inferno](https://github.com/infernojs/inferno)).
 * Angular found SEMVER so Angular 4 (even 5) is on the [roadmap](https://www.youtube.com/watch?v=aJIMoLgqU_o&feature=youtu.be&t=6m12s) for 2017.
-* A return to simple websites may happen, web 1.0 retro, but with the help of 2017 tools (i.e. [static site generation](https://github.com/vigetlabs/gulp-starter/tree/blendid))
+* A return to simple websites may happen, web 1.0 retro, but with the help of 2017 tools (i.e. [static site generation](https://github.com/vigetlabs/blendid))
 * RESTful JSON APIs will get more competition (see [GraphQL](http://graphql.org/))
 * Could be a banner year for [Vue.js](https://vuejs.org/).
-* 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).
+* More devs will abandon traditional CMS solutions for [static site generators](https://www.staticgen.com/) & [API CMS tools aka Headless CMS's](https://en.wikipedia.org/wiki/Headless_CMS).
 * More people will move from Sass to [PostCSS](http://postcss.org/) + cssnext.
 * Lots more HTTP2 and HTTPS.
 * Web components will continue to lurk and wait for significant traction by developers that might never come to be.
-* The no framework, framework, faction will gain momentum (see [Svelte](https://svelte.technology/blog/frameworks-without-the-framework/)).
+* The no framework, framework, faction will gain momentum (see [Svelte](https://svelte.technology/blog/frameworks-without-the-framework)).
 * JavaScript will settle, and hopefully, CSS will erupt and everyone will cry fatigue until it settles.
 * Hatred for apps store will grow, while the open web has no memory of wrong doing.
 * Redux will continue to get stiff competition (see [mobx](https://mobx.js.org/)).
 * YARN will win more users.
 * The idea of “front-end apps”, “Thick Client apps”, “Static apps”, “No Backend app”, “SPA's”, “Front-end driven app” might get boiled down to the term/concept called ["JAM Stack"](https://jamstack.org/).
+* While [bower](https://bower.io/) is maintained, it's recommend to use [yarn](https://yarnpkg.com/) and [webpack](https://webpack.js.org/) for new front-end projects.
diff --git a/README.md b/README.md
@@ -1,7 +1,14 @@
-# Front-End Developer Handbook 2017
+
+# AVAILABLE NOW: [Front-End Developer Handbook 2019](https://frontendmasters.com/books/front-end-handbook/2019/)
+
+***
+
+### Front-End Developer Handbook 2017
 
 Written by [Cody Lindley](http://codylindley.com/) sponsored by — [Frontend Masters](https://frontendmasters.com/)
 
+![](cover.jpg)
+
 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 2017.
 
 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.
@@ -27,14 +34,14 @@ Part III: Front-End Development Tools
 Part three briefly explains and identifies tools of the trade.
 
 ***
-
-**Download a .pdf, .epub, or .mobi File From**: 
 
-* [https://www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details](https://www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details)
+**Read Online**:
 
-**Contribute Content, Suggestions, and Fixes on GitHub**: 
+* [https://frontendmasters.com/books/front-end-handbook/2017/](https://frontendmasters.com/books/front-end-handbook/2017/)
 
-* [https://github.com/FrontendMasters/front-end-handbook-2017](https://github.com/FrontendMasters/front-end-handbook-2017)
+**Download a .pdf, .epub, or .mobi File From**:
+
+* [https://www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details](https://www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details)
 
 ***
 

diff --git a/_layouts/website/page.html b/_layouts/website/page.html
@@ -0,0 +1,30 @@
+{% extends template.self %}
+
+{% block body %}
+  <div class="FmCta">
+    <a class="FmCtaLogo" href="https://frontendmasters.com/">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 206.7 145.8" class="logo"><path d="M182.6 20c1.7-1.8 4.2-2.7 7.7-2.7 2.5 0 5 .4 7.4 1.1 3.2 1 6.2 2.3 9 4a335.5 335.5 0 0 0-14.8 49.7 357 357 0 0 0-4.6 24c-1 6.3-1.6 12.8-1.7 19.3 0 2.2.3 4.5 1 6.6a8 8 0 0 0 2.7 4.2 16.1 16.1 0 0 1-7.1 5.2 23.5 23.5 0 0 1-8.7 1.7c-4 .1-7.7-1.2-10.6-3.8-3-2.5-4.4-6.8-4.4-13 0-3 .4-6 .8-9.1a492 492 0 0 1 10.8-47.4l-1.3.1c-.4.2-.7.5-1 .9l-40.6 62a40.8 40.8 0 0 1-13 2.5c-2.4 0-4.8-.5-7-1.5a9.1 9.1 0 0 1-4.3-5.4 273.5 273.5 0 0 0 1.8-21.5 949 949 0 0 0 1.4-29.6v-5.9c0-.6-.2-1.1-.4-1.6a1.3 1.3 0 0 0-1.1-.4c-9 16.2-16.7 29.8-23.3 40.8a307.2 307.2 0 0 1-17.8 27A69 69 0 0 1 50 141.2c-4.1 3-8.1 4.5-12 4.4-4.2.1-8.2-1.6-11-4.7-3-3.1-5-7.4-6-12.8.7.2 1.4.3 2.2.3 4.7 0 9.3-2 13.7-6 5.1-4.5 9.7-9.7 13.7-15.3 4.7-6.4 9.5-13.7 14.4-21.8C69.9 77.3 75 69 80.7 60.6c2-3.4 4.6-6.6 7.5-9.4 2.2-2 5-3.1 8-3 2 0 4 .3 5.9.8 1.1.1 2.1-.7 2.1-1.9-.7-9-3.4-15.8-8-20.6-4.7-4.7-11.3-7-19.8-7-6.9-.1-13.6 1.6-19.6 4.8-6.1 3.3-11.5 7.7-15.9 13a64 64 0 0 0-14.5 40.5c0 5.1 1.6 8.5 4.7 10a20.6 20.6 0 0 1-6.9 6 17.5 17.5 0 0 1-8.4 2.2c-4.2.1-8.2-1.4-11.2-4.3S0 84.2 0 77.9c0-7 1.1-13.8 3.4-20.4A79.4 79.4 0 0 1 26.6 23a96.9 96.9 0 0 1 36-20.3C69.2 1 75.7 0 82.5 0c16.2 0 28.5 5 36.6 15.1 8.2 10 12.3 25.8 12.3 47.1a308.6 308.6 0 0 1-1 26.3c.5 0 1 0 1.4-.2.4-.2.7-.5.8-.8l15-21.9h-.1c5.1-7.2 23.7-34.6 28.8-41.9.2-.4 1.6-2.8 3.2-3.2h.4l1.2-.1h.2a5.8 5.8 0 0 0 1.4-.3z"></path></svg>
+    </a>
+    <div class="FmCtaText">
+      <a href="https://frontendmasters.com/trial/">Get free, lifetime access to 5 popular courses</a>
+    </div>
+    <button data-cta-close class="FmCtaClose">&times;</button>
+  </div>
+
+  {{ super() }}
+
+  <script>
+    var $ctaCloseButton = document.querySelector("[data-cta-close]");
+    if ($ctaCloseButton) {
+      if (sessionStorage.fmCta2017Closed) {
+        $ctaCloseButton.parentElement.remove();
+      } else {
+        $ctaCloseButton.addEventListener("click", function() {
+          sessionStorage.fmCta2017Closed = "yes";
+          $ctaCloseButton.parentElement.remove();
+        })
+      }
+    }
+  </script>
+  <script src="scripts/pathway.js"></script>
+{% endblock %}
diff --git a/book.json b/book.json
@@ -1,13 +1,20 @@
 {
+    "title": "Front End Developer Handbook 2017",
     "structure": {
         "readme": "myIntro.md"
     },
-    "plugins": ["scripts"],
+    "plugins": [
+        "scripts",
+        "canonical-link"
+    ],
     "pluginsConfig": {
         "scripts": {
             "files": [
                 "./gtm-analytics.js"
             ]
+        },
+        "canonical-link": {
+            "baseURL": "https://frontendmasters.com/books/front-end-handbook/2017"
         }
     }
-}
+}
diff --git a/learning/accessibility.md b/learning/accessibility.md
@@ -20,6 +20,8 @@
 * [Web Accessibility: Getting Started](http://www.pluralsight.com/courses/web-accessibility-getting-started) [watch][$]
 * [A Web for Everyone](http://rosenfeldmedia.com/books/a-web-for-everyone/) [read][$]
 * [Web Accessibility](https://frontendmasters.com/workshops/accessibility/) [watch][$]
+* [A11ycasts](https://www.youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g) [watch]
+* [Accessibility by Google](https://www.udacity.com/course/web-accessibility--ud891) - Udacity course [watch] 
 
 ##### Standards/Specifications:
 

diff --git a/learning/courses.md b/learning/courses.md
@@ -18,7 +18,14 @@ If you can't afford a directed education, a self directed education using screen
         <tr>
             <td>Betamore</td>
             <td><a target="_blank" href="http://betamore.com/academy/front-end-web-development/">Front-end Web Development</a></td>
-            <td>8,500</td>
+            <td>3,000</td>
+            <td>Baltimore, MD</td>
+            <td></td>
+        </tr>
+        <tr>
+            <td>Betamore</td>
+            <td><a target="_blank" href="https://betamore.com/academy/full-stack-web-development/">Introduction to Full Stack Web Development</a></td>
+            <td>3,400</td>
             <td>Baltimore, MD</td>
             <td></td>
         </tr>

diff --git a/learning/front-end-apps.md b/learning/front-end-apps.md
@@ -7,10 +7,9 @@
 
 ##### Deprecated Learning Materials:
 
-* [Build an App with React and Ampersand](http://learn.humanjavascript.com/react-ampersand) [watch][$]
+* [Build an App with React and Ampersand](http://learn.humanjavascript.com/react-ampersand) [watch]
 * [Building Modern Single-Page Web Applications](https://frontendmasters.com/courses/modern-web-apps/) [watch][$]
 * [Eloquent JavaScript: Modules](http://eloquentjavascript.net/10_modules.html) [read]
-* [A Field Guide to Static Apps](http://www.staticapps.org/) [read]
 * [Field Guide to Web Applications](http://www.html5rocks.com/webappfieldguide/toc/index/) [read]
 * [Frontend Guidelines Questionnaire](https://github.com/bradfrost/frontend-guidelines-questionnaire) [read]
 * [Human JavaScript](http://read.humanjavascript.com/) [read]

diff --git a/learning/news-podcasts.md b/learning/news-podcasts.md
@@ -4,24 +4,21 @@
 
 * [The Big Web Show](http://5by5.tv/bigwebshow)
 * [Dev Tips](https://umaar.com/dev-tips/)
-* [Front-End Dev Weekly](http://frontenddevweekly.com/)
 * [Front End Happy Hour](http://frontendhappyhour.com/)
-* [Front-End News in 5 Minutes](https://frontendfive.codeschool.com/)
 * [Front-End Front](http://frontendfront.com/)
 * [FrontEnd Focus](http://frontendfocus.co/)
-* [Front End Newsletter](http://frontendnewsletter.com/)
 * [The Frontside Podcast](https://frontsidethepodcast.simplecast.fm/)
 * [Mobile Web Weekly](http://mobilewebweekly.co/)
 * [Non Breaking Space Show](http://nonbreakingspace.tv)
-* [Open Web Platform Daily Digest](http://webplatformdaily.org/)
+* [Web Platform News Weekly](https://webplatform.news/)
 * [ShopTalk Show](http://shoptalkshow.com/)
 * [UX Design Newsletter](http://uxdesignnewsletter.com/)
 * [The Versioning Show by SitePoint](https://www.sitepoint.com/versioning-show/)
 * [The Web Ahead](http://thewebahead.net/)
 * [Web Development Reading List](https://wdrl.info/)
 * [The Web Platform Podcast](http://thewebplatform.libsyn.com/)
 * [Web Tools Weekly](http://webtoolsweekly.com/)
-
+* [Fresh Brewed Frontend](https://freshbrewed.co/frontend/)
 
 ##### HTML/CSS Newsletters:
 

diff --git a/learning/perf.md b/learning/perf.md
@@ -9,7 +9,7 @@
 * [Browser Rendering Optimization](https://www.udacity.com/course/browser-rendering-optimization--ud860) [watch]
 * [Even Faster Web Sites: Performance Best Practices for Web Developers](https://www.amazon.com/Even-Faster-Web-Sites-Performance/dp/0596522304?&_encoding=UTF8&tag=frontend-handbook-20&linkCode=ur2&linkId=4fe6a82bbf727209ba337ecaa0e516bc&camp=1789&creative=9325) [read][$]
 * [High Performance Web Sites: Essential Knowledge for Front-End Engineers](https://www.amazon.com/High-Performance-Web-Sites-Essential/dp/0596529309/?&_encoding=UTF8&tag=frontend-handbook-20&linkCode=ur2&linkId=e93ab3ea06b7e3e93ee0d868249d0e3f&camp=1789&creative=9325) [read][$]
-* [JavaScript Performance Rocks](http://javascriptrocks.com/) [read]
+* [JavaScript Performance Rocks](http://javascriptrocks.com/) [read][$]
 * [PageSpeed Insights Rules](https://developers.google.com/speed/docs/insights/rules) [read]
 * [perf-tooling.today](http://www.perf-tooling.today/) [read]
 * [Performance Calendar](http://calendar.perfplanet.com) [read]

diff --git a/learning/react-redux.md b/learning/react-redux.md
@@ -2,7 +2,7 @@
 
 ##### React:
 
-* [React.js Introduction For People Who Know Just Enough jQuery To Get By](http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/) [read]
+* [React.js Introduction For People Who Know Just Enough jQuery To Get By](http://chibicode.com/react-js-introduction-for-people-who-know-just-enough-jquery-to-get-by/) [read]
 * [React.js Fundamentals](https://online.reacttraining.com/courses/enrolled/reactjsfundamentals) [watch]
 * [13 things you need to know about React](http://aimforsimplicity.com/post/13-things-you-need-to-know-about-react/) [read]
 * [Tutorial: Intro To React](https://facebook.github.io/react/tutorial/tutorial.html) [read]

diff --git a/myIntro.md b/myIntro.md
@@ -1,9 +1,13 @@
-# Front-End Developer Handbook 2017
+# AVAILABLE NOW: [Front-End Developer Handbook 2018](https://frontendmasters.com/books/front-end-handbook/2018/)
 
-![](cover.jpg)
+***
+
+### Front-End Developer Handbook 2017
 
 Written by [Cody Lindley](http://codylindley.com/) sponsored by — [Frontend Masters](https://frontendmasters.com/)
 
+![](cover.jpg)
+
 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 2017.
 
 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.
@@ -30,20 +34,14 @@ Part three briefly explains and identifies tools of the trade.
 
 ***
 
-**Download a .pdf, .epub, or .mobi file from**: 
+**Download a .pdf, .epub, or .mobi file from**:
 
 * [https://www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details](https://www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details)
 
-**Contribute content, suggestions, and fixes on github**: 
+**Contribute content, suggestions, and fixes on github**:
 
 * [https://github.com/FrontendMasters/front-end-handbook-2017](https://github.com/FrontendMasters/front-end-handbook-2017)
 
 ***
 
 <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License</a>.
-
-
-
-
-
-