2015
Lynda
Chris Converse
2h 54m
English
Test your user's knowledge or increase your brand awareness in a fun way with attractive and engaging quizzes built with AngularJS. In this project-based course, you'll learn to build the quiz layout, add questions and answers, display a progress bar, keep score and calculate results, and create custom sharing links that will allow quiz takers to challenge friends via email and Twitter. It all starts with a bit of HTML, CSS, and some AngularJS hooks, plus code snippets that are provided for free to all members in the exercise files. Get started creating your own quiz today.
Introduction
7m 33s
Introduction to this course
1m 6s
About this course
1m 15s
Software requirements
2m 7s
About the exercise files
3m 5s
1. Creating the Layout and Interaction States
1h 2m
Preparing the base layout
3m 35s
Adding main content containers
2m 26s
Adding style to the intro screen
7m 42s
Styling the main heading
3m 18s
Styling the questions and answers
6m 36s
Styling the answer states
7m 29s
Setting the answered state of the question
4m 14s
Adding content and style to the feedback container
7m 45s
Adding content and style to the results container
7m 56s
Creating the progress bar
11m 5s
2. Preparing the Scripts and Data
25m 7s
Setting up the AngularJS app and controller
8m 18s
Preparing and formatting the JSON file
10m 27s
Loading JSON data into our app
6m 22s
3. Manipulating the HTML Based on the JSON Data
1h 19m
Setting up the progress bar and intro screen
7m 56s
Creating a click event to begin the quiz
4m 46s
Generating the questions and answers
5m 27s
Setting up a custom function
6m 8s
Setting active and answered states for questions
7m 28s
Setting active and answered states for answers
6m 37s
Preparing the answers to support images
5m 34s
Adding the feedback content
4m 59s
Setting active and answered states for the progress bar
3m 28s
Calculating the user's results
8m 58s
Creating custom share links
10m 0s
Making your quiz responsive
8m 4s
Conclusion
42s
Where to go from here
42s
www.lynda.com/AngularJS-tutorials/Creating-Quiz-AngularJS/373557-2.html
Download File Size:333.18 MB
|
