Projects

Project videos show you how to create real-world sites and apps, from start to finish. All example files are downloadable. Subscribe to Gold to view or watch a preview.

• First Sprint

  Learn how a designer and developer can work together to develop a web application.

  Start Project

• Second Sprint

  In this chapter we will cover the second sprint of the Easy Jobs website.

  Start Project

• Third Sprint

  In this chapter, we will cover the third sprint in the Easy Jobs website.

  Start Project

• Fourth Sprint

  In this chapter, we continue working on the Easy Jobs website

  Start Project

• Mockups for Responsive Design

  Learn how to wireframe and design websites that work across multiple devices and screen resolutions. We'll cover everything you need to know in order to create low fidelity and high fidelity mockups for responsive designs.

  Start Project

• Fluid Grids

  Learn how to create fluid grid layouts using percentage based widths. We'll go over everything you need to know to extract fluid grid calculations from high fidelity mockups.

  Start Project

• Media Queries

  In this Master Class Series, we'll prepare our project and write all the media queries and CSS we need to make our layout respond. Then we will test our layout across a few browsers.

  Start Project

• HTML5 Mobile UI

  In this first section in the HTML5 Mobile Web Application Project Series, we take a look at the final project, organize our development environment, and then begin work on the Mobile UI.

  Start Project

• HTML5 Mobile JavaScript

  In this second Project in the series on HTML5 Mobile Web Applications, we continue to build our HTML5 mobile note taking application and learn how to utilize Backbone.js to manage the data in our application.

  Start Project

• Geolocation

  In the final Project in the series on HTML5 Web Applications, we build the Geolocation feature for our note-taking application.

  Start Project

• CSS3 Master Class

  Learn how to build a real-world site using everything from Border Radius, Border Image, Box Shadow, Linear and Radial Gradients and more.

  Start Project

New Badges

• 

  Storyboards

  A storyboard is a visual representation of the user interface for an iOS application. A storyboard is composed of a sequence of scenes, each of which is represented by a view controller and its views. Scenes are connected by a segue, which represents the transition between two view controllers.

  Start Badge
• 

  Websites

  Accessibility on a static website has a lot to do with creating semantic markup. However, creating an aesthetic with CSS is equally important and can help users with various types of vision and motor impairments.

  Start Badge
• 

  Objects, Classes, and Variables

  The Objects, Classes, and Variables badge gets you familiar with the Ruby language. You'll learn about how to tell the Ruby interpreter what to do, set variables, and create and instantiate classes.

  Start Badge