Creating a Quiz with AngularJS 1.x

Course

Online

£ 10 + VAT

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

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 linksThe 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

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

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

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 4 years

Subjects

  • Project
  • Web
  • Layout
  • Email
  • HTML

Course programme

Introduction 4 lectures 06:34 Introduction to this course About this course What you should know about this course. Software requirements The software you'll need in order to complete this course. About the exercise files See what's included in the exercise files. When you purchase this course, you can download the files from Section 2, Lecture 1 (Use download link in the top-right area of screen). Introduction 4 lectures 06:34 Introduction to this course About this course What you should know about this course. Software requirements The software you'll need in order to complete this course. About the exercise files See what's included in the exercise files. When you purchase this course, you can download the files from Section 2, Lecture 1 (Use download link in the top-right area of screen). Introduction to this course Introduction to this course Introduction to this course Introduction to this course About this course What you should know about this course. About this course What you should know about this course. About this course What you should know about this course. About this course What you should know about this course. What you should know about this course. What you should know about this course. Software requirements The software you'll need in order to complete this course. Software requirements The software you'll need in order to complete this course. Software requirements The software you'll need in order to complete this course. Software requirements The software you'll need in order to complete this course. The software you'll need in order to complete this course. The software you'll need in order to complete this course. About the exercise files See what's included in the exercise files. When you purchase this course, you can download the files from Section 2, Lecture 1 (Use download link in the top-right area of screen). About the exercise files See what's included in the exercise files. When you purchase this course, you can download the files from Section 2, Lecture 1 (Use download link in the top-right area of screen). About the exercise files See what's included in the exercise files. When you purchase this course, you can download the files from Section 2, Lecture 1 (Use download link in the top-right area of screen). About the exercise files See what's included in the exercise files. When you purchase this course, you can download the files from Section 2, Lecture 1 (Use download link in the top-right area of screen). See what's included in the exercise files. When you purchase this course, you can download the files from Section 2, Lecture 1 (Use download link in the top-right area of screen). See what's included in the exercise files. When you purchase this course, you can download the files from Section 2, Lecture 1 (Use download link in the top-right area of screen). Creating the Layout and Interaction States 10 lectures 01:02:11 Preparing the base layout Adding the HTML and CSS for the base quiz container. Download the exercise files using the link in the top-right area of this lecture. Adding main content containers Adding the main containers for the heading, intro, questions, answers and results. Adding style to the intro screen Adding content and style for the intro screen. Styling the main heading Creating a heading lock-up with HTMl and CSS styles. Styling the questions and answers Style and layout for the questions and answers. Styling the answer states Creating styles to indicate correct and incorrect answers selected by the user. Setting the answered state of the question Checking and setting the state of the answer selected by the user. Adding content and style to the feedback container Adding feedback for the answer selected by the user. Adding content and style to the results container Adding content and style to let the user know the results of their answers. Creating the progress bar Adding and populating the progress bar. Creating the Layout and Interaction States 10 lectures 01:02:11 Preparing the base layout Adding the HTML and CSS for the base quiz container. Download the exercise files using the link in the top-right area of this lecture. Adding main content containers Adding the main containers for the heading, intro, questions, answers and results. Adding style to the intro screen Adding content and style for the intro screen. Styling the main heading Creating a heading lock-up with HTMl and CSS styles. Styling the questions and answers Style and layout for the questions and answers. Styling the answer states Creating styles to indicate correct and incorrect answers selected by the user. Setting the answered state of the question Checking and setting the state of the answer selected by the user. Adding content and style to the feedback container Adding feedback for the answer selected by the user. Adding content and style to the results container Adding content and style to let the user know the results of their answers. Creating the progress bar Adding and populating the progress bar. Preparing the base layout Adding the HTML and CSS for the base quiz container. Download the exercise files using the link in the top-right area of this lecture. Preparing the base layout Adding the HTML and CSS for the base quiz container. Download the exercise files using the link in the top-right area of this lecture. Preparing the base layout Adding the HTML and CSS for the base quiz container. Download the exercise files using the link in the top-right area of this lecture. Preparing the base layout Adding the HTML and CSS for the base quiz container. Download the exercise files using the link in the top-right area of this lecture. Adding the HTML and CSS for the base quiz container. Download the exercise files using the link in the top-right area of this lecture. Adding the HTML and CSS for the base quiz container. Download the exercise files using the link in the top-right area of this lecture. Adding main content containers Adding the main containers for the heading, intro, questions, answers and results. Adding main content containers Adding the main containers for the heading, intro, questions, answers and results. Adding main content containers Adding the main containers for the heading, intro, questions, answers and results. Adding main content containers Adding the main containers for the heading, intro, questions, answers and results. Adding the main containers for the heading, intro, questions, answers and results. Adding the main containers for the heading, intro, questions, answers and results. Adding style to the intro screen Adding content and style for the intro screen. Adding style to the intro screen Adding content and style for the intro screen. Adding style to the intro screen Adding content and style for the intro screen. Adding style to the intro screen Adding content and style for the intro screen. Adding content and style for the intro screen. Adding content and style for the intro screen. Styling the main heading Creating a heading lock-up with HTMl and CSS styles. Styling the main heading Creating a heading lock-up with HTMl and CSS styles. Styling the main heading Creating a heading lock-up with HTMl and CSS styles. Styling the main heading Creating a heading lock-up with HTMl and CSS styles. Creating a heading lock-up with HTMl and CSS styles. Creating a heading lock-up with HTMl and CSS styles. Styling the questions and answers Style and layout for the questions and answers. Styling the questions and answers Style and layout for the questions and answers. Styling the questions and answers Style and layout for the questions and answers. Styling the questions and answers Style and layout for the questions and answers. Style and layout for the questions and answers. Style and layout for the questions and answers. Styling the answer states Creating styles to indicate correct and incorrect answers selected by the user. Styling the answer states Creating styles to indicate correct and incorrect answers selected by the user. Styling the answer states Creating styles to indicate correct and incorrect answers selected by the user. Styling the answer states Creating styles to indicate correct and incorrect answers selected by the user.Creating styles to indicate correct and incorrect answers selected by the user.Creating styles to indicate correct and incorrect answers selected by the user. Setting the answered state of the question Checking and setting the state of the answer selected by the user. Setting the answered state of the question Checking and setting the state of the answer selected by the user. Setting the answered state of the question Checking and setting the state of the answer selected by the user. Setting the answered state of the question Checking and setting the state of the answer selected by the user. Checking and setting the state of the answer selected by the user. Checking and setting the state of the answer selected by the user. Adding content and style to the feedback container Adding feedback for the answer selected by the user. Adding content and style to the feedback container Adding feedback for the answer selected by the user. Adding content and style to the feedback container Adding feedback for the answer selected by the user. Adding content and style to the feedback container Adding feedback for the answer selected by the user. Adding feedback for the answer selected by the user. Adding feedback for the answer selected by the user. Adding content and style to the results container Adding content and style to let the user know the results of their answers. Adding content and style to the results container Adding content and style to let the user know the results of their answers. Adding content and style to the results container Adding content and style to let the user know the results of their answers. Adding content and style to the results container Adding content and style to let the user know the results of their answers. Adding content and style to let the user know the results of their answers. Adding content and style to let the user know the results of their answers. Creating the progress bar Adding and populating the progress bar. Creating the progress bar Adding and populating the progress bar. Creating the progress bar Adding and populating the progress bar. Creating the progress bar Adding and populating the progress bar. Adding and populating the progress bar. Adding and populating the progress bar. Preparing the Scripts and Data p Generating custom, data-driven, links for email...

Additional information

Some HTML and CSS is recommended General idea of JavaScript Willingness to learn something new

Creating a Quiz with AngularJS 1.x

£ 10 + VAT