first commit

Author: codylindley

.gitignore

@@ -0,0 +1,16 @@
+# Node rules:
+## Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+## Dependency directory
+## Commenting this out is preferred by some people, see
+## https://docs.npmjs.com/misc/faq#should-i-check-my-node_modules-folder-into-git
+node_modules
+
+# Book build output
+_book
+
+# eBook build output
+*.epub
+*.mobi
+*.pdf

README.md

@@ -0,0 +1,51 @@
+# Front-End Developer Handbook
+
+Written by [Cody Lindley](http://codylindley.com/) sponsored by — [Frontend Masters](https://frontendmasters.com/)
+
+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.
+
+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 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.
+
+***
+
+**Read Online At**: 
+
+* [frontendhandbook.com](http://www.frontendhandbook.com/)
+ 
+**Download a .pdf, .epub, or .mobi File From**: 
+
+* [https://www.gitbook.com/book/frontendmasters/front-end-handbook/details](https://www.gitbook.com/book/frontendmasters/front-end-handbook/details)
+
+**Contribute Content, Suggestions, and Fixes on GitHub**: 
+
+* [https://github.com/FrontendMasters/front-end-handbook](https://github.com/FrontendMasters/front-end-handbook)
+
+***
+
+<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>.
+
+
+
+
+
+

SUMMARY.md

@@ -0,0 +1,95 @@
+# Summary
+
+* [What Is a Front-End Developer?](what-is-a-FD.md)
+* [Part I: The Front-End Practice](practice.md)
+	* [Front-End Jobs Titles](practice/types-of-front-end-dev.md)
+    * [Common Web Tech Employed](practice/tech-employed-by-fd.md)
+	* [Front-End Dev Skills](practice/skills.md)
+    * [Front-End Devs Develop For...](practice/fd-dev-for.md)
+	* [Front-End on a Team](practice/team.md)
+	<!--- * [Front-End Terms](template.md) -->
+    * [Generalist Myth](practice/myth.md)
+	* [Front-End interview questions](practice/interview-q.md)
+	* [Front-End Job Boards](practice/jobboards.md)
+	* [Front-End Salaries](practice/salaries.md)
+    * [How FDs Are Made](practice/making-fd.md)
+* [Part II: Learning Front-End Dev](learning.md)
+    * [Self Directed Learning](learning/self-direct-learning.md)
+        * [Learn Internet/Web](learning/internet.md)
+    	* [Learn Web Browsers](learning/browsers.md)
+        * [Learn DNS](learning/dns.md)
+        * [Learn HTTP/Networks](learning/http-networks.md)
+        * [Learn Web Hosting](learning/hosting.md)
+        * [Learn General Front-End Dev](learning/front-end.md)
+        * [Learn UI/Interaction Design](learning/ui-design-patterns.md)
+    	* [Learn HTML & CSS](learning/html-css.md)
+        * [Learn SEO](learning/seo.md)
+    	* [Learn JavaScript](learning/javascript.md)
+        * [Learn Web Animation](learning/animation.md) 
+    	* [Learn DOM, BOM & jQuery](learning/dom.md)
+        * [Learn Web Fonts](learning/fonts.md)
+        * [Learn Accessibility](learning/accessibility.md)
+        * [Learn Web/Browser APIs](learning/web-api.md) 
+        * [Learn JSON](learning/json.md)
+        * [Learn JS Templates](learning/templates.md)
+        * [Learn Static Site Generators](learning/static.md)
+        * [Learn Front-End App Architecture](learning/front-end-apps.md)
+        * [Learn Interface/API Design](learning/api.md)
+    	* [Learn Web Dev Tools](learning/browser-dev-tools.md)
+    	* [Learn Command Line](learning/cli.md)
+        * [Learn Node.js](learning/node.md)
+        * [Learn Module Loader](learning/module.md)
+        * [Learn Package Managers](learning/package-manager.md)
+    	* [Learn Version Control](learning/version-control.md)
+        * [Learn Build & Task Automation](learning/build.md) 
+        * [Learn Site Performance Optimization](learning/perf.md) 
+    	* [Learn JS Testing](learning/test.md)
+        * [Learn Headless Browsers](learning/headless-browsers.md)
+        * [Learn Offline Dev](learning/offline.md)
+        * [Learn Security](learning/security.md)
+        * [Learn Multi-Thing Dev (e.g., RWD)](learning/multi-thing-dev.md)
+    * [Directed Learning](learning/direct-learning.md)
+    	* [Front-End Schools, Courses, & Bootcamps](learning/courses.md)
+    * [Front-End Devs to Learn From](learning/learn-from.md)
+    * [Newsletters, News, & Podcasts](learning/news-podcasts.md)
+* [Part III: Front-End Dev Tools](tools.md)
+    * [General Front-End Dev Tools](tools/general-tools.md)
+    * [Doc/API Browsing Tools](tools/browsedocs.md)
+    * [SEO Tools](tools/seo.md)
+    * [Prototyping & Wireframing Tools](tools/proto.md)
+    * [Diagramming Tools](tools/diagram.md)
+    * [HTTP/Network Tools](tools/http.md)
+    * [Code Editing Tools](tools/code-editor.md)
+    * [Browser Tools](tools/browser.md)
+    * [HTML Tools](tools/html.md)
+	* [CSS Tools](tools/css.md)
+    * [DOM Tools](tools/dom.md)
+	* [JavaScript Tools](tools/js.md)
+    * [Static Site Generators Tools](tools/static.md)
+    * [App (Desktop, Mobile, Tablet, etc.) Tools](tools/apps.md)
+    * [Scaffolding Tools](tools/scaffolding.md)
+    * [Templating Tools](tools/templates.md)
+    * [UI Widgets & Components Tools](tools/ui.md)
+    * [Data Visualization (e.g., Charts) Tools](tools/charting.md)
+    * [Graphics (e.g., SVG, canvas, webgl) Tools](tools/graphics.md)
+    * [Animation Tools](tools/animation.md)
+    * [JSON Tools](tools/json.md)
+    * [Testing Framework Tools](tools/testing.md)
+    * [Data Storage Tools](tools/db.md)
+    * [Module/Package Loading Tools](tools/loaders.md)
+    * [Module/Package Repo. Tools](tools/repo.md)
+    * [Web/Cloud/Static Hosting Tools](tools/hosting.md)
+    * [Project Management & Code Hosting](tools/project-hosting.md)
+    * [Collaboration & Communication Tools](tools/comm.md)
+    * [CMS Hosted/API Tools](tools/cms.md)
+    * [BAAS (for Front-End Devs) Tools](tools/baas.md)
+    * [Offline Tools](tools/offline.md)
+    * [Security Tools](tools/security.md)
+	* [Tasking (aka Build) Tools](tools/task.md)
+    * [Deployment Tools](tools/deploy.md) 
+	* [Site/App Monitoring Tools](tools/uptime.md)
+    * [JS Error Monitoring Tools](tools/error.md)
+    * [Performance Tools](tools/perf.md)
+
+
+

book.json

@@ -0,0 +1,13 @@
+{
+    "structure": {
+        "readme": "myIntro.md"
+    },
+    "plugins": ["scripts"],
+    "pluginsConfig": {
+        "scripts": {
+            "files": [
+                "./gtm-analytics.js"
+            ]
+        }
+    }
+}

cover.jpg

@@ -0,0 +1,11 @@
+/*
+ * Google Tag Manager Tracking
+ */
+(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+    '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-NF375C');
+/*
+ * End Google Tag Manager
+ */