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.
213 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.
213 students enrolled
Last updated 10/2016
English
Current price: $10 Original price: $25 Discount: 60% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4.5 hours on-demand video
  • 1 Article
  • 9 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
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
Requirements
  • Working Knowledge of HTML and Javascript
  • Mac, PC or Linux
  • Text Editor and Web Browser
Description

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
Expand All 51 Lectures Collapse All 51 Lectures 04:52:42
+
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

+
Surfacing
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
07:27

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

Align and Origin
07:48

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

Opacity and Background Imaging
09:12

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
01:01

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

Translation
11:19

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

Scaling and Turning
12:06

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

In front and Behind
07:12

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
01:00

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
08:46

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

setTransform Part 1
06:41

In this video Reece explores more examples and parameters.

setTransform Part 2
07:05

Reece uses physics and dampening to explain spring transforms.

Spring to life
09:53

Lab Exercise 4
2 pages
+
Events
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
00:59

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

Clicks and Hover
07:01

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

Layering of Events
08:25

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

Key-Press Events
08:33

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

Emit and Receive
08:01

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
00:33

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

Modifiers
08:16

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

Mapped States
10:51

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

____ from
08:41

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
00:39

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

Creating our Topic and Surfaces
12:00

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

Adding Motion to our chart
09:52

Reece creates events for each click on your flowchart.

Creating Events
09:45

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.

Appearances
00:31

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

Header-Footer
08:09

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

Grid
07:12

Reece creates a flexible layout.

Flexible Layout
07:54

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

Nesting
08:06

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
00:30

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

Compartmentalizing views
08:26

Reece goes over dragging surfaces with the mouse and piping.

Dragging Surfaces
08:51

Reece finishes up with creating actions on scroll.

Other syncs
10:07

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

Creation of Slideshow!
08:07

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

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

Bonus
00:32
About the Instructor
LearnToProgram, Inc.
4.4 Average rating
3,728 Reviews
140,256 Students
44 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
277 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.