React and React Native allow you to build cross-platform desktop and mobile applications using Facebook's innovative UI libraries. Combined with the Flux data architecture and Relay, you can now create powerful and feature-complete applications from one code base. In this three part book, you'll start crafting composable UIs using React, build Native UIs using React Native, and create React applications that run on every platform. Craft reusable React components Control navigation using the React router to help keep your UI in sync w/ URLs Build isomorphic web applications using Node.js Use the Flexbox layout model to create responsive mobile designs Leverage the native APIs of Android & iOS to build engaging applications w/ React Native Respond to gestures in a way that's intuitive for the user Use Relay to build a unified data architecture for your React UIs

Responsive web design is a collection of techniques for building websites that work on multiple screen sizes. In these lessons, we're going to use the foundational principles of responsive design as a framework for thinking about page layout. By the end, you should have a better understanding of how to approach common decisions in responsive design.

Flexbox is a set of CSS properties that give you a flexible way to lay out content. With flexbox you can change the direction, alignment, size and order of elements, regardless of their original size and order in the HTML. You can even stretch and shrink elements and distribute space, all with just a few lines of CSS!

Sass is a stylesheet language that extends CSS with features like variables, nested rules, mixins and functions, in a CSS-compatible syntax. In this course, you'll learn to use the powers of Sass to boost your front end workflow. The examples will teach you why you should use Sass in your projects. By the end, you will be writing more efficient CSS using code that is easy to read and maintain.

CSS Grid Layout provides a built-in, more efficient way of designing grid-based layouts in the browser. It brings a new set of properties, functions and flexible units that let you control the exact placement and sizing of grid components.

Explore the modern world of web layout with the Flexible Box Module and CSS Grid Layout.

In this course, we will learn how to utilize the amazing power of flexbox by understanding how it works through a beginner introduction with two hands-on projects. Software required: Adobe Photoshop CC 2015, Sublime Text 2.

Learning how to use HTML5 and CSS3 to create a web page is one of the most useful skills in the world. This course will show you the basics of creating a single page web site, including HTML, CSS ,and integrating with jQuery and JavaScript code.

Front-end trends come and go but at the core of all of these tools, they are still HTML, CSS and JavaScript. You'll take it back to the basics but also will dive in a little deeper to gain a better understanding of front-end languages.

This course is an introduction to concepts behind mobile-first responsive web design.