Angular for Beginners – Build a Language-Learning App

Course

Online

Price on request

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Build powerful, single-page webapps by exploring Angular!

Inspired by the Model-View-Controller design pattern, the open-source, TypeScript-based Angular framework was designed to separate app logic from the front-end – resulting in cleaner code and easier DOM manipulation for rich data injection. You’ll get to explore both the tools and features of Angular while building a dynamic language-learning quiz game complete with timer and scoring. Not only will this let you enhance your web development skills, but also prepare you to build any number of interactive apps usable on mobile and desktop.

You will learn how to:

Set up an Angular project
Utilize Components to control various app elements
Style webapps with Bootstrap and CSS
Bind backend data with frontend rendering
Detect user interaction
Add game logic like timers and scoring

… and more!

Frameworks and tools covered: Node.js 12.19.0, npm 6.14, TypeScript 3.9.5, Angular CLI 10, Angular 10.0, Bootstrap 4.5, RxJS 6.5.5, TSLint 6.1, TSLib 2.0, Zone.js 0.10.3

Your Courses, Your Way

All of our project-based courses are designed to be flexible – you can access courses 24/7 to fit them around your schedule, and choose the learning materials that suit you best.

You can even download your course videos and watch them offline using the Zenva app, available on iOS and Android.

Learn from World-Class Instructors

Our course instructors participate in elite developer programs and have been recognized for their demonstrated excellence in development and teaching.

That way, you can be confident that you’re learning the most up-to-date content from industry experts.

Interactive Lessons with Codemurai

Our unlimited access package comes with free access to all of the courses in our mobile app, Codemurai!

Available on iOS and Android, it’s full of interactive programming lessons and exercises so you can continue your learning on the go.

Achieve Real Results

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

b
Why should I learn programming?
b
What will I achieve by taking these courses?
b
Technology changes quickly. What happens if the content becomes outdated?
b
I’m an absolute beginner who’s never coded before. Can I still do these courses?
b
What time commitment is needed?
b
Will these courses help me to change my career?
b
Can I watch the videos offline?

Experience with HTML, JavaScript, CSS, and NPM
A code editor installed. Visual Studio Code is recommended for this course.

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 2 years

Subjects

  • Access
  • Logic
  • Project

Course programme

Introduction 2:58


Introduction 2:58



2:58

Project Setup 6:55


Project Setup 6:55



6:55

Hello World 9:47


Hello World 9:47



9:47

Components - Part 1 7:52


Components - Part 1 7:52



7:52

Components - Part 2 5:19


Components - Part 2 5:19



5:19

Bootstrap 4:17


Bootstrap 4:17



4:17

Basic App Content 10:06


Basic App Content 10:06



10:06

Styling 4:19


Styling 4:19



4:19

Component Challenge 3:51


Component Challenge 3:51



3:51

Component Challenge Solution 3:18


Component Challenge Solution 3:18



3:18

App Components 9:46


App Components 9:46



9:46

App Components Challenge 1:01


App Components Challenge 1:01



1:01

App Component Challenge Solution 9:40


App Component Challenge Solution 9:40



9:40

Font Awesome 3:24


Font Awesome 3:24



3:24

Data Binding 2:29


Data Binding 2:29



2:29

Input Data Binding 5:59


Input Data Binding 5:59



5:59

Services 6:03


Services 6:03



6:03

Dependency Injection 5:07


Dependency Injection 5:07



5:07

Random Images 8:17


Random Images 8:17



8:17

Start Game Logic 6:09


Start Game Logic 6:09



6:09

Update Card Images 7:34


Update Card Images 7:34



7:34

Card Row Challenge 1:03


Card Row Challenge 1:03



1:03

Card Row Challenge Solution 3:12


Card Row Challenge Solution 3:12



3:12

NgClass 4:45


NgClass 4:45



4:45

NgIf 5:13


NgIf 5:13



5:13

Timer Component 5:19


Timer Component 5:19



5:19

Card Clicked 6:42


Card Clicked 6:42



6:42

Message Service 7:46


Message Service 7:46



7:46

NgOnDestroy 4:53


NgOnDestroy 4:53



4:53

Game Over 6:12


Game Over 6:12



6:12

High Score 3:13


High Score 3:13



3:13

Conclusion 1:19


Conclusion 1:19



1:19

Additional information

On-demand, 24/7 access 2.9 hours of video Certificate of completion Source code and PDF notes Closed captions

Angular for Beginners – Build a Language-Learning App

Price on request