This book walks you through writing four different web applications. Each application has its own section of the book. Each chapter in a section adds new features to the application you are building.
Doing the work of building these four applications takes you from one extreme of the front-end spectrum to the other.
|
Ottergram |
In your first project, you will create a web-based photo gallery. Building Ottergram will teach you the fundamentals of programming for the browser using HTML, CSS, and JavaScript. You will build the user interface manually, learning how the browser loads and renders content. |
|
CoffeeRun |
Part coffee order form, part checklist, CoffeeRun takes you through a number of JavaScript techniques including writing modular code, taking advantage of closures, and communicating with a remote server using Ajax. Your focus will shift from manually creating the UI to creating and manipulating it programmatically. |
|
Chattrbox |
Chattrbox has the shortest section and is the most distinct of the apps. You will use JavaScript to build a chat system, writing a chat server with Node.js as well as a browser-based chat client. |
|
Tracker |
Your final project uses Ember.js, one of the most powerful frameworks for front-end development. You will create an application that catalogs sightings of rare, exotic, and mythical creatures. Along the way, you will learn your way around the rich ecosystem that powers the Ember.js framework. |
As you work through these applications, you will be introduced to a number of tools, including:
-
the Atom text editor and some useful plug-ins for working with code
-
documentation resources like the Mozilla Developer Network
-
the command line, using the OS X Terminal app or the Windows command prompt
-
browser-sync
-
Google Chrome’s Developer Tools
-
normalize.css
-
Bootstrap
-
jQuery and libraries like crypto-js and moment
-
Node.js, the Node package manager (npm), and nodemon
-
WebSockets and the wscat module
-
Babel, Babelify, Browserify, and Watchify
-
Ember.js and addons like Ember CLI, Ember Inspector, Ember CLI Mirage, and Handlebars
-
Bower
-
Homebrew
-
Watchman