O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

What is Responsive Web Design?

Multiple devices, multiple environments, and the Web has to work across all of it. Responsive Web design offers a saner path through the maze.

from Responsive Web Design: Learn by Video by Tim Kadlec

Adopting the Mobile First Approach

If you can make it work on mobile, you’re that much closer to presenting it everywhere. Mobile first is the place to start.

from Responsive Web Design: Learn by Video by Tim Kadlec

Introduction to Build Tools and Gulp

As developers create ever more intricate interfaces for the front-end, build tools have become a key solution to the challenges of cross-compatibility. Managing them, however, brings its own challenges.

from Introduction to Modern Front-End Development by Adam Scott

Introduction to HTML Templates and Handlebars

Programmers adding data to documents rarely create the entire document any more. Templates make it much easier for designers to figure out the structure and the look, and for programmers to fill in the blanks.

from Introduction to Modern Front-End Development by Adam Scott

Overview of AngularJS

Angular does so many things for you and with you. Start your projects with a broad orientation.

from Angular JS for Beginners by Stone River

MVC Architecture

The Model-View-Controller (MVC) paradigm dominates development, but every framework uses it a bit differently. Whether you’ve used MVC before or not, it’s best to get Angular’s perspective.

from Angular JS for Beginners by Stone River

Understand the core components of AngularJS modules

Angular includes a huge library of components and directives, but you’ll use a few of them constantly.

from Learning AngularJS LiveLessons (Video Training) by Marc Wandschneider

Using AngularJS with Bootstrap

Angular provides the logic, but not the formatting. If you’re looking for a framework to help with formatting, Bootstrap can be an excellent complement to Angular.

from Web Development with AngularJS and Bootstrap by Simeon Cheeseman

Creating Controllers Using AngularJS Best Practices

Controllers are at the core of Angular logic, but they’re easy to tangle when you mix different needs in an app. Start with these best practices, and it will be easier to keep things thin and smooth.

from Mastering AngularJS UI Development by Leon Revill

Implementing Services Using Best Practice Methods

As you develop more complicated Angular applications, you’ll need to move logic away from controllers to keep them thin. Services give you a clean on-demand way to handle a wide variety of program needs.

from Mastering AngularJS UI Development by Leon Revill

Why React?

Is React for you? Smaller and simpler can be great, but React also (deliberately) does much less than its competitors. Take a tour and decide if React fits your needs.

from A Practical Introduction to React.js by Mike Sugarbaker

A Simple Component

Components are at the core of React development. Mastering basic component development is the key first step into applying React effectively.

from A Practical Introduction to React.js by Mike Sugarbaker

Writing Unit Tests for React Components

Do your components work the way you expected? Unit tests can help you establish a baseline for monitoring what works and what doesn’t, giving you the confidence you need to put code into production.

from Mastering ReactJS by Simon Højberg

Server-side Rendering and Routing

While React’s primary mission is on the front end, you may want to move it to the server side to handle situations where bandwidth or processing power are limited, or to create a faster initial load.

from Mastering ReactJS by Simon Højberg

React and Flux: Two Great Tastes that Taste Great Together

React handles views, but you need more than React to establish a fully functioning and communicating application. The Flux pattern offers a clear path for managing data flow through your React-based applications.

from Fluent Conference 2015 Complete Video Compilation by Bill Fisher

Re-evaluating Front-end Performance Best Practices

Your front-end looks awesome, and it does everything. But does it work well beyond a local desktop? Developing for performance will force you to make some different decisions.

from Fluent Conference 2015 Complete Video Compilation by Ben Vinegar

Simon St. Laurent is Senior Editor at O’Reilly Media, Inc., focusing primarily on JavaScript and Web-related projects. He is co-chair of the Fluent conference. He’s authored or co-authored books including Introducing Elixir, Introducing Erlang, Learning Rails 3, XML Pocket Reference, 3rd, XML: A Primer, and Cookies. You can find more of his writing on technology, Quakerism, and the Town of Dryden at simonstl.com.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required