Creating a Quiz with AngularJS 1.x

Learn to create an engaging, animated, and interactive promotional quiz for your website or digital publication.

4.25 (93 reviews)
Udemy
platform
English
language
Web Design
category
instructor
Creating a Quiz with AngularJS 1.x
687
students
3 hours
content
Sep 2015
last update
$19.99
regular price

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

Why take this course?

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)

Screenshots

Creating a Quiz with AngularJS 1.x - Screenshot_01Creating a Quiz with AngularJS 1.x - Screenshot_02Creating a Quiz with AngularJS 1.x - Screenshot_03Creating a Quiz with AngularJS 1.x - Screenshot_04

Reviews

Kirk
December 18, 2020
I took this course years ago. I simply followed along, mindlessly. Now, after some years of elementary coding, I understand the function of the code simply by reading it. It is Converse's impeccable instructional design that I'm able to follow along with much greater ease.
Christopher
August 11, 2017
It was a good course. But it would have been a great help if full coding examples were provided at the end of each section.
Margie
March 6, 2017
I've taken courses from Chris before. His voice is so relaxing and his instructions very clear. Completed! This course was awesome. Love the way Chris explains everything and he is SO organized.. I learned a lot about setting up css elements properly as well.
Alfonso
February 7, 2017
Overall a great instructor and course. The only reason why I did not rate it as a five-star course is because the instructor does not provide incremental working files, so if your code has a typo, it's hard to locate exactly where you went wrong. Also, the instructor began to rush towards the end of the class, and the class is labeled as intermediate but the angluarJs concepts barely touched the surface; the instructor took up too much time with the CSS and HTML code.
Joe
December 7, 2016
So far it's well organized, files needed are available and the instructor uses time wisely. Great course so far. Oh yeah, I'm still new at web designing, therefore nice to go over positioning elements as well as other tricks of the trade.
Anonymized
August 10, 2016
The instructor again did a great job with this course for which I am grateful. I should now with the code details be able to create a small angular application of my own.
Ken
June 6, 2016
This is a quick refresher and everything works perfectly! Probably the cleanest project (most error free) I have seen on udemy for Angular. Nice job! It's a simple intro though and doesn't really get into using your own directives or other powerful features of angular. So keep that in mind. I would highly recommend this for someone new to angular.
J
April 10, 2016
Succinct and to the point information and presentation. Very good, detailed commentary about development of app throughout the course. You will learn a lot about dynamic web app programming with this course.
Murthy
April 9, 2016
This is best course I've found so far for anyone who's looking to learn Angular JS. Also great if you are new to HTML and CSS. A complete course to start your Web Development.
Chris
March 30, 2016
This course is excellent. Really helping me to get a grip of AngularJS in an educational environment.
Greg
March 11, 2016
After taking several AngularJS courses on here, this was a great opportunity to broaden my skill set with a real world application. I would recommend taking other courses solely focused on AngularJS before taking this course or you may get lost on the "why" part of the AngularJS code. The course was very CSS intensive for a newbie, but Chris explained what was happening every step of the way. This is one of those courses you would probably have to go through 2 or 3 times to fully understand what is happening if you aren't a CSS guru. I think the CSS is much more clear after you know exactly what is happening in the application, so I found going back through it very valuable. I loved the course and hope Chris continues to create future courses that focus on real world applications. I plan to use this as a model for a future project with a more dynamic back-end database approach.
Donovan
January 29, 2016
The instructor is very knowledgeable and explains things very well. I recommend this course if you want to create a simplistic easy to learn Angular App or just a fun cool Web based quiz with cool CSS style animations.
Pierre
November 25, 2015
Very impressive course and lots of content covered in a short amount of time. Don't be fooled by length of the course. This course is fast-paced, if not it would have been twice the length. Best of all you are building a real fully functional project. All steps are explained. Lots to learn here!
Jim
October 15, 2015
Excellent walk-through of building a quiz with Angularjs. Just the right pace for my stage (beginner/intermediate).
Steve
October 15, 2015
The course delivered exactly as advertised. Chris Converse gives clear concise instruction the whole way through. I also received good support when I ran into a small glitch in my code. I am now enrolled in the iPad Web App tutorial taught by Chris Converse as well. I use a variety of on-line tutorial services (TreeHouse, Codecademy). I like most of them. What makes or breaks a tutorial for me is the instructor style, proper production and editing. This allows me to focus on the content. Highly recommended. I stuck with it and am very happy with my adaptable quiz code.

Charts

Price

Creating a Quiz with AngularJS 1.x - Price chart

Rating

Creating a Quiz with AngularJS 1.x - Ratings chart

Enrollment distribution

Creating a Quiz with AngularJS 1.x - Distribution chart
532936
udemy ID
6/20/2015
course created date
2/8/2020
course indexed date
Bot
course submited by