Creating a Quiz with AngularJS 1.x

Creating a Quiz with AngularJS 1.x, available at $19.99, has an average rating of 4.25, with 30 lectures, based on 93 reviews, and has 688 subscribers.

You will learn about 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 This course is ideal for individuals who are Web Designers or Web Developers or Interactive / UX Designers It is particularly useful for Web Designers or Web Developers or Interactive / UX Designers.

Enroll now: Creating a Quiz with AngularJS 1.x

Summary

Title: Creating a Quiz with AngularJS 1.x

Price: $19.99

Average Rating: 4.25

Number of Lectures: 30

Number of Published Lectures: 30

Number of Curriculum Items: 30

Number of Published Curriculum Objects: 30

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

Web Designers
Web Developers
Interactive / UX Designers

Target Audiences

Web Designers
Web Developers
Interactive / UX Designers

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)

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction to this course

Lecture 2: About this course

Lecture 3: Software requirements

Lecture 4: About the exercise files

Chapter 2: Creating the Layout and interaction States

Lecture 1: Preparing the base layout

Lecture 2: Adding main content containers

Lecture 3: Adding style to the intro screen

Lecture 4: Styling the main heading

Lecture 5: Styling the questions and answers

Lecture 6: Styling the answer states

Lecture 7: Setting the answered state of the question

Lecture 8: Adding content and style to the feedback container

Lecture 9: Adding content and style to the results container

Lecture 10: Creating the progress bar

Chapter 3: Preparing the Scripts and Data

Lecture 1: Setting up the AngularJS app and controller

Lecture 2: Preparing and formatting the JSON file

Lecture 3: Loading JSON data into our app

Chapter 4: Manipulating the HTML based on the JSON data

Lecture 1: Setting up the progress bar and intro screen

Lecture 2: Creating a click event to begin the quiz

Lecture 3: Generating the questions and answers

Lecture 4: Setting up a custom function

Lecture 5: Setting active and answered states for questions

Lecture 6: Setting active and answered states for answers

Lecture 7: Preparing the answers to support images

Lecture 8: Adding the feedback content

Lecture 9: Setting active and answered states for the progress bar

Lecture 10: Calculating the user’s results

Lecture 11: Creating custom share links

Lecture 12: Making your quiz responsive

Chapter 5: Conclusion

Lecture 1: Where to go from here

Instructors

Chris Converse
Designer and Developer at Codify Design Studio

Rating Distribution

1 stars: 1 votes
2 stars: 4 votes
3 stars: 11 votes
4 stars: 23 votes
5 stars: 54 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu