Description
Learn to create an engaging, animated, and interactive web experience using AngularJS. In this course, we'll harness the power AngularJS to create, score, and share results from an interactive quiz.
Quizzes are an effective way to engage users, promote brand awareness, and create a fun, interactive, learning experience on your web site.
While building this project, you'll learn to create a JSON file, design and style a web layout, create animated transitions, add develop interactive components that will engage, and test your user's knowledge, of any given subject matter.
This course will show you a step-by-step approach for creating an interactive web project that includes:
Creating a web layout with HTML and CSS
Understanding the Model-View-Controller (MVC) construct
Defining an HTML document as an AngularJS App
Creating and accessing data in JSON format
Adding interactivity with Angular Directives
Creating animations with CSS
Calculating a user's score
Creating custom Twitter and email links
The class files include all graphics, a copy of AngularJS, HTML and CSS documents, and a copy of the final project, which can be used to gauge your progress throughout the course.
Running Time: 2:55 (175 minutes)
Who is the target audience?
Web Designers
Web Developers
Interactive / UX Designers
Basic knowledge
Some HTML and CSS is recommended
General idea of JavaScript
Willingness to learn something new
What will you learn
Build brand awareness with fun, engaging content
Create a web layout in HTML and CSS
Create, store, and retrieve data with AngularJS
Create an interactive Quiz, that scores users
Load JSON data into a web page