Creating a Quiz with AngularJS 1.x
What you'll 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
Requirements
- Some HTML and CSS is recommended
- General idea of JavaScript
- Willingness to learn something new
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 this course is for:
- Web Designers
- Web Developers
- Interactive / UX Designers
Course content
- Preview01:03
- Preview01:15
- Preview02:07
- Preview02:08
Instructor
Chris has over 25 years experience in graphic and interactive design, with a unique focus on both design and development. As a graduate of the Rochester Institute of Technology (RIT), he has focused his career on merging design and technology to create the optimal execution across various media. In addition to graduating from the Rochester Institute of Technology, he is also a featured speaker at various industry-related conferences, including the Adobe MAX, NAB, CreativePro Week and Keyframes. Watch his step-by-step courses online at LinkedIn Learning, Udemy, Skillshare, CPDForumula, CreativeLive, Pluralsight, or on Amazon Video.