Angular 2 Projects

Simpliv

Course

Online

£ 15 VAT inc.

The best Other Education courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Build modern, robust, and complex applications with Angular 2AngularJS is a JavaScript framework used to build web applications in large-scale, high-traffic websites that struggle with under-performance, portability issues, and complexity at scale. Angular changes that, and with Angular 2, the web application building process is made easier and more efficient.This video starts out by addressing some of the advantages that Angular 2 applications have over traditional page-based web apps. You'll build a simple weather application where you'll learn the basic concepts of Angular 2 such as writing basic components, making API calls, and routing. Next you'll build a more complex Twitter app, which will be based on the knowledge you gained while building the weather application. It will show you how to handle more complex API calling scenarios, filter data using pipes, and integrate external components into the application. Lastly, you'll build a multiplayer checkers app that will make extensive use of data binding in order to provide a responsive user interface.You'll then learn how to test the applications built in the course, and finally we’ll conclude by providing a brief example on how to deploy an Angular 2 app to AWS.About The AuthorLevi Botelho kicked off his career in software at the age of 15 writing scripts to track the lifecycles of helicopter parts. Since then, he’s worked on a number of projects in the transportation, telecommunications, and financial services sectors. While he spends his days coding in C# and F#, he spends his nights writing JavaScript, contributing to his blog, and maintaining various open source projects including his popular AngularJS tutorial, LearnAngular.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Build a weather web app using a component-based architecture, with focus on modularity and testability
Develop a Twitter application by learning to handle complex APIs, filtering data using pipes, and integrating external components
Compose Angular components into a full-functioning multiplayer checkers game
Write a web server that pre-renders Angular apps for performance and SEO
Test Angular components and account for external API calls by mocking
Deploy an app to an AWS instance

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

Emagister S.L. (data controller) will process your data to carry out promotional activities (via email and/or phone), publish reviews, or manage incidents. You can learn about your rights and manage your preferences in the privacy policy.

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

Subjects

  • Javascript training
  • Javascript
  • Works
  • Philosophy
  • Design
  • Web
  • Writing
  • Install

Course programme

Introduction to Angular 2 3 lectures 07:50 The Course Overview This video gives an overview of the entire course. What Is a Single-Page App? This video will explain the difference between a typical web application and a single-page application. This knowledge is required in order to understand how Angular 2 works.
  • Explain how a typical web app works
  • Explain how a single-page app works
  • Point out the differences between the two and the advantages of SPAs
Angular Architecture This video aims to provide an overview of the Angular architecture and the Angular design philosophy to the viewers. Viewers should have a broad understanding of Angular by the end of the video in preparation for future interactive videos.
  • Understand the Angular design philosophy
  • Learn how Angular apps are created with components and services
  • Get a complete overview by learning how Angular apps are wired through dependency injection
Introduction to Angular 2 3 lectures 07:50 The Course Overview This video gives an overview of the entire course. What Is a Single-Page App? This video will explain the difference between a typical web application and a single-page application. This knowledge is required in order to understand how Angular 2 works.
  • Explain how a typical web app works
  • Explain how a single-page app works
  • Point out the differences between the two and the advantages of SPAs
Angular Architecture This video aims to provide an overview of the Angular architecture and the Angular design philosophy to the viewers. Viewers should have a broad understanding of Angular by the end of the video in preparation for future interactive videos.
  • Understand the Angular design philosophy
  • Learn how Angular apps are created with components and services
  • Get a complete overview by learning how Angular apps are wired through dependency injection
The Course Overview This video gives an overview of the entire course. The Course Overview This video gives an overview of the entire course. The Course Overview This video gives an overview of the entire course. The Course Overview This video gives an overview of the entire course. This video gives an overview of the entire course. This video gives an overview of the entire course. What Is a Single-Page App? This video will explain the difference between a typical web application and a single-page application. This knowledge is required in order to understand how Angular 2 works.
  • Explain how a typical web app works
  • Explain how a single-page app works
  • Point out the differences between the two and the advantages of SPAs
What Is a Single-Page App? This video will explain the difference between a typical web application and a single-page application. This knowledge is required in order to understand how Angular 2 works.
  • Explain how a typical web app works
  • Explain how a single-page app works
  • Point out the differences between the two and the advantages of SPAs
What Is a Single-Page App? This video will explain the difference between a typical web application and a single-page application. This knowledge is required in order to understand how Angular 2 works.
  • Explain how a typical web app works
  • Explain how a single-page app works
  • Point out the differences between the two and the advantages of SPAs
What Is a Single-Page App? This video will explain the difference between a typical web application and a single-page application. This knowledge is required in order to understand how Angular 2 works.
  • Explain how a typical web app works
  • Explain how a single-page app works
  • Point out the differences between the two and the advantages of SPAs
This video will explain the difference between a typical web application and a single-page application. This knowledge is required in order to understand how Angular 2 works.
  • Explain how a typical web app works
  • Explain how a single-page app works
  • Point out the differences between the two and the advantages of SPAs
This video will explain the difference between a typical web application and a single-page application. This knowledge is required in order to understand how Angular 2 works.
  • Explain how a typical web app works
  • Explain how a single-page app works
  • Point out the differences between the two and the advantages of SPAs
Angular Architecture This video aims to provide an overview of the Angular architecture and the Angular design philosophy to the viewers. Viewers should have a broad understanding of Angular by the end of the video in preparation for future interactive videos.
  • Understand the Angular design philosophy
  • Learn how Angular apps are created with components and services
  • Get a complete overview by learning how Angular apps are wired through dependency injection
Angular Architecture This video aims to provide an overview of the Angular architecture and the Angular design philosophy to the viewers. Viewers should have a broad understanding of Angular by the end of the video in preparation for future interactive videos.
  • Understand the Angular design philosophy
  • Learn how Angular apps are created with components and services
  • Get a complete overview by learning how Angular apps are wired through dependency injection
Angular Architecture This video aims to provide an overview of the Angular architecture and the Angular design philosophy to the viewers. Viewers should have a broad understanding of Angular by the end of the video in preparation for future interactive videos.
  • Understand the Angular design philosophy
  • Learn how Angular apps are created with components and services
  • Get a complete overview by learning how Angular apps are wired through dependency injection
Angular Architecture This video aims to provide an overview of the Angular architecture and the Angular design philosophy to the viewers. Viewers should have a broad understanding of Angular by the end of the video in preparation for future interactive videos.
  • Understand the Angular design philosophy
  • Learn how Angular apps are created with components and services
  • Get a complete overview by learning how Angular apps are wired through dependency injection
This video aims to provide an overview of the Angular architecture and the Angular design philosophy to the viewers. Viewers should have a broad understanding of Angular by the end of the video in preparation for future interactive videos.
  • Understand the Angular design philosophy
  • Learn how Angular apps are created with components and services
  • Get a complete overview by learning how Angular apps are wired through dependency injection
This video aims to provide an overview of the Angular architecture and the Angular design philosophy to the viewers. Viewers should have a broad understanding of Angular by the end of the video in preparation for future interactive videos.
  • Understand the Angular design philosophy
  • Learn how Angular apps are created with components and services
  • Get a complete overview by learning how Angular apps are wired through dependency injection
Getting Set Up 2 lectures 31:14 Introduction to TypeScript Viewers need to know how to get their development environment set up for developing Angular apps.
  • Install Node JS and required Node modules
  • Configure the node modules and write a hello world page
  • Run the hello world page and see that it renders on screen
The Development Environment In this video, we will have our development environment in place so we can start developing applications.
  • A quick overview of the application we are going to need for development
  • Explore the build chain that we are going to put in place in order to build our applications
  • Create a "hello world"application to gain hands on experience on how an angular application is built
Getting Set Up 2 lectures 31:14 Introduction to TypeScript Viewers need to know how to get their development environment set up for developing Angular apps.
  • Install Node JS and required Node modules
  • Configure the node modules and write a hello world page
  • Run the hello world page and see that it renders on screen
The Development Environment In this video, we will have our development environment in place so we can start developing applications.
  • A quick overview of the application we are going to need for development
  • Explore the build chain that we are going to put in place in order to build our applications
  • Create a "hello world"application to gain hands on experience on how an angular application is built
Introduction to TypeScript Viewers need to know how to get their development environment set up for developing Angular apps.
  • Install Node JS and required Node modules
  • Configure the node modules and write a hello world page
  • Run the hello world page and see that it renders on screen
Introduction to TypeScript Viewers need to know how to get their development environment set up for developing Angular apps.
  • Install Node JS and required Node modules
  • Configure the node modules and write a hello world page
  • Run the hello world page and see that it renders on screen
Introduction to TypeScript Viewers need to know how to get their development environment set up for developing Angular apps.
  • Install Node JS and required Node modules
  • Configure the node modules and write a hello world page
  • Run the hello world page and see that it renders on screen
Introduction to TypeScript Viewers need to know how to get their development environment set up for developing Angular apps.
  • Install Node JS and required Node modules
  • Configure the node modules and write a hello world page
  • Run the hello world page and see that it renders on screen
Viewers need to know how to get their development environment set up for developing Angular apps.
  • Install Node JS and required Node modules
  • Configure the node modules and write a hello world page
  • Run the hello world page and see that it renders on screen
Viewers need to know how to get their development environment set up for developing Angular apps.
  • Install Node JS and required Node modules
  • Configure the node modules and write a hello world page
  • Run the hello world page and see that it renders on screen
The Development Environment In this video, we will have our development environment in place so we can start developing applications.
  • A quick overview of the application we are going to need for development
  • Explore the build chain that we are going to put in place in order to build our applications
  • Create a "hello world"application to gain hands on experience on how an angular application is built
The Development Environment In this video, we will have our development environment in place so we can start developing applications.
  • A quick overview of the application we are going to need for development
  • Explore the build chain that we are going to put in place in order to build our applications
  • Create a "hello world"application to gain hands on experience on how an angular application is built
The Development Environment In this video, we will have our development environment in place so we can start developing applications.
  • A quick overview of the application we are going to need for development
  • Explore the build chain that we are going to put in place in order to build our applications
  • Create a "hello world"application to gain hands on experience on how an angular application is built
The Development Environment In this video, we will have our development environment in place so we can start developing applications.
  • A quick overview of the application we are going to need for development
  • Explore the build chain that we are going to put in place in order to build our applications
  • Create a "hello world"application to gain hands on experience on how an angular application is built
In this video, we will have our development environment in place so we can start developing applications.
  • A quick overview of the application we are going to need for development
  • Explore the build chain that we are going to put in place in order to build our applications
  • Create a "hello world"application to gain hands on experience on how an angular application is built
In this video, we will have our development environment in place so we can start developing applications.
  • A quick overview of the application we are going to need for development
  • Explore the build chain that we are going to put in place in order to build our applications
  • Create a "hello world"application to gain hands on experience on how an angular application is built
Weather App 4 lectures 37:13 Component Syntax Viewers are unfamiliar with components and how they are a part of Angular 2 apps.
  • Recognize the need for components in an application
  • Understand how a component is structured
  • Write the component
Templates Viewers don't know what templates are or how they are used.
  • Explain what templates are for
  • Write a basic template with simple HTML
  • Write a more complex template with directives
Routing As Angular is used to create single-page applications, viewers will not know how to create pages and how to navigate between them.
  • Learn how to configure the router
  • Inject the router into the application
  • Link pages together using the routerLink directive
Services Viewers may be tempted to write all of their application logic inside components. Instead, they should use services for modularity and testability.
  • Understand the role of services versus components
  • See how to write components (and write one)
  • Integrate components into the application
Weather App. 4 lectures 37:13 Component Syntax Viewers are unfamiliar with components and how they are a part of Angular 2 apps...

Additional information

Prior experience in building web apps is essential This step-by-step practical video tutorial will show you how to code an Angular application and deploy an app to an AWS instance

See related categories

Angular 2 Projects

£ 15 VAT inc.

The best Other Education courses

See all

See all