Building Single Page Web Apps with AngularJS

Simpliv

Course

Online

£ 10 VAT inc.

The best Other Education courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

A practical comprehensive guide on AngularJS, taking you from the basics to rich client-side applications in no time.Building web applications that can manage huge chunks of data consistently is becoming increasingly difficult and this affects the efficiency of your app. Single Page Applications (SPA) solve this issue as its design principles make life easy for data-intensive applications by updating the constant stream of data in the same page, making the application more intuitive for the user.Doing this with pure JavaScript is hard. To help with the implementation of single-page applications, Google developed a framework called AngularJS that allows you to build well-structured, easily testable, and maintainable frontend Single Page Applications.This course will take you from the very basics of developing rich client-side Single Page Applications (SPA) through a series of practical examples of incremental complexity, including a full review of AngularJS’ built-in features and testability features.At the beginning of the course, you will be introduced to the advantages and limitations of AngularJS and its compatibility with SPAs. As we move on, we'll dive head-first into the application coding, starting from your first application and going all the way from building a to-do list app to a fully featured movie database, understanding every key aspect of the framework in the process. Later on, we'll focus on reviewing AngularJS' built-in components (directives, filters, and services) including every detail of how to write your own custom components of every kind. And finally, we'll wrap up with automated testing clearly guiding you on how to write and execute automated tests on AngularJS and introducing best practices on both unit and end-to-end testing.Building Single Page Web Apps with AngularJS will take you from zero to hero, covering all important aspects of the framework and preparing you to hit the ground running on any single page application.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Understand how SPA’s work with the advantages and limitations of frameworks such as AngularJS
Integrate AngularJS applications with any server-side technology of your choice using meaningful APIs
Skillfully write and debug AngularJS apps by mastering the directives, filters, and services available in the framework
Implement the best practices of Angular’s MVC architecture into your SPA
Delve into the advanced features of the framework, such as routing, server communication, and module injection/management very quickly
Effectively use npm and Bower to deal with dependencies, and manage the common tasks of your SPA
Discover how to write custom components, including custom directives, filters, and all types of services
Practice proper test-driven development using the testing tools available within the framework

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

  • Install
  • Project
  • Web
  • Approach
  • Javascript
  • HTML
  • Testing
  • Javascript training

Course programme

Introduction to AngularJS 3 lectures 14:24 The Course Introduction and Objectives Introducing the course and its prerequisites.
  • Introduce the author and then define AngularJS, its basic characteristics, and usefulness
  • Learn about single-page applications and what sets them apart from the classical approach
  • Present the course objectives and goals
Prerequisites Understanding the prerequisites for taking the course.
  • Understand the prerequisites of the course in terms of JavaScript and HTML markup language knowledge
  • Pick a text editor of your choice
  • Learn where to find Git and Node.js and how to install them
Understanding the Basics of AngularJS and the MVC Architecture A review of the basic terms and concepts of AngularJS as well as an overview of the MVC architecture.
  • Learn about expressions, directives, two-way data binding, and filters
  • Learn about the MVC architecture and what each one of the layers represent in AngularJS
  • Learn about modules and dependency injection
Introduction to AngularJS 3 lectures 14:24 The Course Introduction and Objectives Introducing the course and its prerequisites.
  • Introduce the author and then define AngularJS, its basic characteristics, and usefulness
  • Learn about single-page applications and what sets them apart from the classical approach
  • Present the course objectives and goals
Prerequisites Understanding the prerequisites for taking the course.
  • Understand the prerequisites of the course in terms of JavaScript and HTML markup language knowledge
  • Pick a text editor of your choice
  • Learn where to find Git and Node.js and how to install them
Understanding the Basics of AngularJS and the MVC Architecture A review of the basic terms and concepts of AngularJS as well as an overview of the MVC architecture.
  • Learn about expressions, directives, two-way data binding, and filters
  • Learn about the MVC architecture and what each one of the layers represent in AngularJS
  • Learn about modules and dependency injection
The Course Introduction and Objectives Introducing the course and its prerequisites.
  • Introduce the author and then define AngularJS, its basic characteristics, and usefulness
  • Learn about single-page applications and what sets them apart from the classical approach
  • Present the course objectives and goals
The Course Introduction and Objectives Introducing the course and its prerequisites.
  • Introduce the author and then define AngularJS, its basic characteristics, and usefulness
  • Learn about single-page applications and what sets them apart from the classical approach
  • Present the course objectives and goals
The Course Introduction and Objectives Introducing the course and its prerequisites.
  • Introduce the author and then define AngularJS, its basic characteristics, and usefulness
  • Learn about single-page applications and what sets them apart from the classical approach
  • Present the course objectives and goals
The Course Introduction and Objectives Introducing the course and its prerequisites.
  • Introduce the author and then define AngularJS, its basic characteristics, and usefulness
  • Learn about single-page applications and what sets them apart from the classical approach
  • Present the course objectives and goals
Introducing the course and its prerequisites.
  • Introduce the author and then define AngularJS, its basic characteristics, and usefulness
  • Learn about single-page applications and what sets them apart from the classical approach
  • Present the course objectives and goals
Introducing the course and its prerequisites.
  • Introduce the author and then define AngularJS, its basic characteristics, and usefulness
  • Learn about single-page applications and what sets them apart from the classical approach
  • Present the course objectives and goals
Prerequisites Understanding the prerequisites for taking the course.
  • Understand the prerequisites of the course in terms of JavaScript and HTML markup language knowledge
  • Pick a text editor of your choice
  • Learn where to find Git and Node.js and how to install them
Prerequisites Understanding the prerequisites for taking the course.
  • Understand the prerequisites of the course in terms of JavaScript and HTML markup language knowledge
  • Pick a text editor of your choice
  • Learn where to find Git and Node.js and how to install them
Prerequisites Understanding the prerequisites for taking the course.
  • Understand the prerequisites of the course in terms of JavaScript and HTML markup language knowledge
  • Pick a text editor of your choice
  • Learn where to find Git and Node.js and how to install them
Prerequisites Understanding the prerequisites for taking the course.
  • Understand the prerequisites of the course in terms of JavaScript and HTML markup language knowledge
  • Pick a text editor of your choice
  • Learn where to find Git and Node.js and how to install them
Understanding the prerequisites for taking the course.
  • Understand the prerequisites of the course in terms of JavaScript and HTML markup language knowledge
  • Pick a text editor of your choice
  • Learn where to find Git and Node.js and how to install them
Understanding the prerequisites for taking the course.
  • Understand the prerequisites of the course in terms of JavaScript and HTML markup language knowledge
  • Pick a text editor of your choice
  • Learn where to find Git and Node.js and how to install them
Understanding the Basics of AngularJS and the MVC Architecture A review of the basic terms and concepts of AngularJS as well as an overview of the MVC architecture.
  • Learn about expressions, directives, two-way data binding, and filters
  • Learn about the MVC architecture and what each one of the layers represent in AngularJS
  • Learn about modules and dependency injection
Understanding the Basics of AngularJS and the MVC Architecture A review of the basic terms and concepts of AngularJS as well as an overview of the MVC architecture.
  • Learn about expressions, directives, two-way data binding, and filters
  • Learn about the MVC architecture and what each one of the layers represent in AngularJS
  • Learn about modules and dependency injection
Understanding the Basics of AngularJS and the MVC Architecture A review of the basic terms and concepts of AngularJS as well as an overview of the MVC architecture.
  • Learn about expressions, directives, two-way data binding, and filters
  • Learn about the MVC architecture and what each one of the layers represent in AngularJS
  • Learn about modules and dependency injection
Understanding the Basics of AngularJS and the MVC Architecture A review of the basic terms and concepts of AngularJS as well as an overview of the MVC architecture.
  • Learn about expressions, directives, two-way data binding, and filters
  • Learn about the MVC architecture and what each one of the layers represent in AngularJS
  • Learn about modules and dependency injection
A review of the basic terms and concepts of AngularJS as well as an overview of the MVC architecture.
  • Learn about expressions, directives, two-way data binding, and filters
  • Learn about the MVC architecture and what each one of the layers represent in AngularJS
  • Learn about modules and dependency injection
A review of the basic terms and concepts of AngularJS as well as an overview of the MVC architecture.
  • Learn about expressions, directives, two-way data binding, and filters
  • Learn about the MVC architecture and what each one of the layers represent in AngularJS
  • Learn about modules and dependency injection
Your First AngularJS App 5 lectures 29:27 Angular-seed Introducing the Angular-seed boilerplate and starting up the project.
  • Clone the Angular-seed repository
  • Install dependencies using NPM and Bower
  • Learn how to run your AngularJS application
Building a “To-do App” - Part 1 Start coding the first application: a to-do list.
  • Learn the basics about project structuring and templates
  • Write your first view and controller
  • Analyze a couple of examples of data binding
Building a “To-do App” - Part 2 Continue coding the To-do application.
  • Learn to deal with data by creating the task list
  • Learn to bind methods and models to form elements
  • Write some event handling code
Building a “To-do App” - Part 3 Take care of the To-do application's templating and CSS.
  • Learn how to add a CSS framework to your project (Bootstrap)
  • Write the basic CSS for your app
  • Learn about the AngularJS UI Bootstrap
Building a “To-do App” - Part 4 Polishing the To-do application.
  • Implement a task counter and learn about $watch
  • Add a task cleaning method and form
  • Show/hide view elements based on the model state
Your First AngularJS App. 5 lectures 29:27 Angular-seed Introducing the Angular-seed boilerplate and starting up the project.
  • Clone the Angular-seed repository
  • Install dependencies using NPM and Bower
  • Learn how to run your AngularJS application
Building a “To-do App” - Part 1 Start coding the first application: a to-do list.
  • Learn the basics about project structuring and templates
  • Write your first view and controller
  • Analyze a couple of examples of data binding
Building a “To-do App” - Part 2 Continue coding the To-do application.
  • Learn to deal with data by creating the task list
  • Learn to bind methods and models to form elements
  • Write some event handling code
Building a “To-do App” - Part 3 Take care of the To-do application's templating and CSS.
  • Learn how to add a CSS framework to your project (Bootstrap)
  • Write the basic CSS for your app
  • Learn about the AngularJS UI Bootstrap
Building a “To-do App” - Part 4 Polishing the To-do application.
  • Implement a task counter and learn about $watch
  • Add a task cleaning method and form
  • Show/hide view elements based on the model state
Angular-seed Introducing the Angular-seed boilerplate and starting up the project.
  • Clone the Angular-seed repository
  • Install dependencies using NPM and Bower
  • Learn how to run your AngularJS application
Angular-seed Introducing the Angular-seed boilerplate and starting up the project.
  • Clone the Angular-seed repository
  • Install dependencies using NPM and Bower
  • Learn how to run your AngularJS application
Angular-seed Introducing the Angular-seed boilerplate and starting up the project.
  • Clone the Angular-seed repository
  • Install dependencies using NPM and Bower
  • Learn how to run your AngularJS application
Angular-seed Introducing the Angular-seed boilerplate and starting up the project.
  • Clone the Angular-seed repository
  • Install dependencies using NPM and Bower
  • Learn how to run your AngularJS application
Introducing the Angular-seed boilerplate and starting up the project.
  • Clone the Angular-seed repository
  • Install dependencies using NPM and Bower
  • Learn how to run your AngularJS application
Introducing the Angular-seed boilerplate and starting up the project.
  • Clone the Angular-seed repository
  • Install dependencies using NPM and Bower
  • Learn how to run your AngularJS application
Building a “To-do App” - Part 1 Start coding the first application: a to-do list.
  • Learn the basics about project structuring and templates
  • Write your first view and controller
  • Analyze a couple of examples of data binding
Building a “To-do App” - Part 1 Start coding the first application: a to-do list.
  • Learn the basics about project structuring and templates
  • Write your first view and controller
  • Analyze a couple of examples of data binding
Building a “To-do App” - Part 1 Start coding the first application: a to-do list.
  • Learn the basics about project structuring and templates
  • Write your first view and controller
  • Analyze a couple of examples of data binding
Building a “To-do App” - Part 1 Start coding the first application: a to-do list.
  • Learn the basics about project structuring and templates
  • Write your first view and controller
  • Analyze a couple of examples of data binding
Start coding the first application: a to-do list.
  • Learn the basics about project structuring and templates
  • Write your first view and controller
  • Analyze a couple of examples of data binding
Start coding the first application: a to-do list.
  • Learn the basics about project structuring and templates
  • Write your first view and controller
  • Analyze a couple of examples of data binding
Building a “To-do App” - Part 2 Continue coding the To-do application.
  • Learn to deal with data by creating the task list
  • Learn to bind methods and models to form elements
  • Write some event handling code
Building a “To-do App” - Part 2 Continue coding the To-do application.
  • Learn to deal with data by creating the task list
  • Learn to bind methods and models to form elements
  • Write some event handling code
Building a “To-do App” - Part 2 Continue coding the To-do application.
  • Learn to deal with data by creating the task list
  • Learn to bind methods and models to form elements
  • Write some event handling code
Building a “To-do App” - Part 2 Continue coding the To-do application Building a Complex Single Page Application - Part...

Additional information

For this course, you're expected to know at least the basics of HTML, CSS, and JavaScript programming. Previous experience using MVC frameworks is not a requirement, but will certainly help you

See related categories

Building Single Page Web Apps with AngularJS

£ 10 VAT inc.

The best Other Education courses

See all

See all