Famo.us Javascript Framework
2.8 (6 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
212 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Famo.us Javascript Framework to your Wishlist.

Add to Wishlist

Famo.us Javascript Framework

Create Stunning, Powerful, User Interfaces That Work on Any Size Screen
2.8 (6 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
212 students enrolled
Last updated 10/2016
Current price: $10 Original price: $25 Discount: 60% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 4.5 hours on-demand video
  • 1 Article
  • 9 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Installing Famo.us
  • Produce Hello World with Famo.us
  • Work with Famo.us Surfaces
  • Adjust Surface Properties
  • Surface Placements with Align and Origin
  • Modifying Opacity
  • Understanding State Modifiers
  • Utilize Shape Translation
  • Understand How to Scale and Rotate Surfaces
  • Stacking Elements
  • Understanding and Creating Transformations
  • Combining Transformations
  • Understanding setTransform parameters
  • Employ Physics and Dampening to Create Realistic Transformations
  • Creating User Interaction with Events
  • Working with Click and Hover Events
  • Understand and Employ Event Layering
  • Dealing with Key-Press Events
  • Emit and Receive Events
  • Understand How to Create Custom Transformations
  • Employ Modifiers with Transformations
  • Utilized Mapped States to Create Toggles and Switches
  • Map Projects and Transitions Using Flowcharts
  • Understand how Famo.us Design Relates to Web Standards
View Curriculum
  • Working Knowledge of HTML and Javascript
  • Mac, PC or Linux
  • Text Editor and Web Browser

In a world of multiple screen sizes and platforms, creating elegant, usable and noticeable user interfaces is becoming increasingly difficult. Developers have to support not just traditional web users but tablet, mobile and even television based users. Creating interfaces that support all types of users can be pleasurable and efficient— if you know the Famo.us Javascript Framework.

In this fast-paced and fun course LearnToProgram's Reece Siksay will take you through the features of the Famo.us Javascript framework and show you how to create elegant User Interfaces. Including over four and a half hours of demonstration, you'll learn what Famo.us has to offer, and how you can take advantage of it. In this course you won't sit idly by and watch Reece demo the framework's features... Nine lab exercises included will have you reinforce your skills and challenge you as you master the Famo.us Framework.

You'll begin with the basics of the Famo.us Javascript framework, installing the necessary libraries. You'll then progress through the fundamentals, including surfaces, animations and events. More advanced content on event handling is also included.

If you're a developer who wants an elegant and powerful solution for design across the device spectrum, Famo.us is what you're looking for. You’ll become productive with the Famo.us Javascript framework very quickly, allowing you to create beautiful interfaces in just a few hours.

Who is the target audience?
  • Web Developers
  • Web Designers
  • Front End Developers
  • Javascripters
  • Students and Teachers
  • Anyone who wants to Learn Famo.us
Students Who Viewed This Course Also Viewed
Curriculum For This Course
51 Lectures
Getting Started
6 Lectures 23:16

In this video, your instructor Reece gives you a basic introduction to Famo.us.

Preview 01:04

In this video, Reece discusses a couple of updates in the latest version of Famo.us that relate to this course.

Preview 03:10

Reece gives a brief overview of what will be learned in course.

Preview 06:12

Reece, your instructor, shows you how to download the famo.us package and explains how the content delivery network replaces the need for storage of source.

Preview 06:42

Follow along with Reece as he navigates the download and creates a template to work from.

Preview 06:08

5 Lectures 25:25

Reece discusses what surfaces can be.

Preview 00:58

In this video Reece creates and edits css properties of a surface.

Surface Properties

Reece shows you placement of surfaces by using align and origin.

Align and Origin

Your instructor Reece shows you how to modify opacity and change the background image.

Opacity and Background Imaging

Lab Exercise 2
2 pages
State Modifiers and Transformations
5 Lectures 31:38

Similar to align and origin, many changes applied to surfaces require a state modifier. These can do a multitude of actions.

State Modifiers

In this video, Reece creates a basic image of a city skyline while learning translation of shapes.


Reece shows you how to scale and rotate surfaces and goes over the importance of order of modifiers.

Scaling and Turning

Reece, your instructor, goes over placing elements over or under one another and discusses the natural height of elements.

In front and Behind

Lab Exercise 3
2 pages
Active and Moving Transformations
6 Lectures 33:25

Reece shows what setTransform is and how it will bring to life your motionless page.

Transforming in Style

In this video Reece teaches you how to create a tree of transformations by setting a variable at an upper level.

Combined Transforms from a variable

Reece demonstrates how to use set transform and some examples of parameters.

setTransform Part 1

In this video Reece explores more examples and parameters.

setTransform Part 2

Reece uses physics and dampening to explain spring transforms.

Spring to life

Lab Exercise 4
2 pages
6 Lectures 32:59

Reece shows how interactions can be useful and gives you a brief overview of what they can do.

Creating interaction with events

Reece teaches you how to bind actions to click and hover and goes over touchscreen event capturing.

Clicks and Hover

In this video, Reece goes over the various layers which events can be bound to and their priorities.

Layering of Events

Your instructor Reece demonstrates the actions and abilities of key presses.

Key-Press Events

Reece shows you how to listen and transmit event data. This simplifies modularity and can have several events act without interference.

Emit and Receive

Lab Exercise 5
2 pages
Custom Transforms with Modifiers
5 Lectures 28:21

By using modifiers and states, Reece shows you that you can alleviate the need for extra code.

Active and Recursive Tran

Reece shows how to use modifiers to create actions that don't just activate once.


Reece demonstrates how to add map states to your objects to create toggles or switches.

Mapped States

In this video Reece shows how to retrieve data for a modifier from another object, creating dependency.

____ from

Lab Exercise 6
2 pages
Flowchart Project
5 Lectures 32:16

Learning and Application go hand in hand. Without application, learned material is often forgotten.

Applied Knowledge

Code along with Reece as he creates surfaces to traverse with your flowchart.

Creating our Topic and Surfaces

Your instructor, Reece, creates modifiers for each transition of your flowchart.

Adding Motion to our chart

Reece creates events for each click on your flowchart.

Creating Events

Lab Exercise 7
2 pages
Web Standards
6 Lectures 31:52

Most webpages follow some basic outlines for construction. Famo.us recognizes and supports this with simple integration.


Reece shows you how to create and adjust the header, footer, and content of a page.


Reece goes over how to make a grid display and how to change the surfaces and dimensions.


Reece creates a flexible layout.

Flexible Layout

In this video Reece demonstrates how to nest these web standards by creating a grid within a header-footer page.


Lab Exercise 8
2 pages
Advanced Event Handling
6 Lectures 36:01

Reece discusses some of the other capabilities of Famo.us and the limits of our code.

Advanced topics and farther

In this video Reece shows you how to properly modulate views to simplify code.

Compartmentalizing views

Reece goes over dragging surfaces with the mouse and piping.

Dragging Surfaces

Reece finishes up with creating actions on scroll.

Other syncs

Reece shows you how to create the slideshow used in chapter one.

Creation of Slideshow!

Lab Exercise 9
1 page
Bonus Lecture
1 Lecture 00:32

Here's some bonus material to help you continue learning.

About the Instructor
LearnToProgram, Inc.
4.3 Average rating
4,560 Reviews
143,644 Students
46 Courses
Learn Web, Mobile and Game Development

LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram's valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses.

With a mission of “teaching the world to code" LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace.

With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company's most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.

The company is based outside of Hartford, Connecticut.

Reece Siksay
2.8 Average rating
10 Reviews
281 Students
2 Courses
Instructor: LearnToProgram, Inc.

Reece Siksay joined the LearnToProgram in 2014 as a host of the web series QuickBytes. A graduate of the University of Connecticut with a degree in economics, Reece enjoys mathematics and problem-solving. A largely self-taught programmer, Reece is proud to share his knowledge in order to help others learn new languages. In his spare time, Reece likes to go thrifting, all while drinking Arizona iced tea, eating a bagel, listening to Eminem, and wearing only the classiest of suspenders.