Building an Application with AngularJS

Simpliv

Course

Online

£ 100 VAT inc.

The best Other Education courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Get creative with AngularJS to develop exciting applications.AngularJS helps you build dynamic web apps quickly and easily. If you are looking for scalability and modularity in your apps, then AngularJS is the technology for you. It provides you with all the tools necessary to develop apps that are both attractive and functional.This video course will show you how to write a complex application using AngularJS, one step at a time.You will begin with preparing the system by setting up the necessary prerequisites. Then you will scaffold your application and write your first controllers and views using data binding to stitch them together. You will then move on to implementing your own custom services as well as directives to make your app flexible and extensible. Finally, you will turn your attention to testing the code before the course ends and you are ready to write your own Angular application.You will start with an empty slate but by the end of the course, creating and implementing complex AngularJS applications will be easier than ever.About the AuthorGabriel SchenkerGabriel Schenker grew up in Switzerland on a wonderful farm located on top of a hill where the stars seem to touch the earth. He studied Physics at the Federal Institute of Technology in Zurich, Switzerland. There, he also got his PhD. in Physics. After working in behavioral science for a couple of years, which included training trainers, he went freelance as a software developer, consultant, mentor, and trainer. In 2009 he moved to Austin, Texas, where he is currently working as Chief Software Architect for a company writing software for pharmaceuticals, hospitals, and universities working in the area of new drug development.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Utilize controllers to create a neat workflow and business logic for your app
Use Dependency Injection in controllers, services, and other Angular objects to give a professional touch to your app
Understand JavaScript promises and use them in your code to deal with asynchronous operations effectively
Write and execute end-to-end tests to produce robust code for your application
Implement views and tie them with controllers using data binding
Maximize your efficiency by creating your own custom services
Create and implementing custom directives that wrap arbitrary content for you

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

  • Editors
  • GCSE Physics
  • Install
  • Programming
  • Import
  • Team Training
  • Writing
  • Technology
  • Web
  • Scaffolding training
  • Server
  • Visual Studio
  • Testing
  • Translation

Course programme

Getting Started 5 lectures 16:53 Introducing a Minimal Angular Application Whenever we learn a new programming language or framework, we want to know how the hello world program is implemented.
  • Create an HTML5 page and import the angular library from a CDN
  • Add the ng-app directive to the body tag
  • Add an input with an ng-model directive and a div with an angular expression
Showcasing the Application Learning a lot of facts and techniques of angular is important, but it is also important to see all these isolated methods work together in a sample application.
  • Showing the main page
  • Discussing the translation page
  • Presenting the learning page
Installing the Prerequisites Before we can start to develop an angular application, we need to prepare our system and install some tools that facilitate and automate our development process.
  • Install npm, which is the Node package manger for server-side components
  • Install Bower, which is the client-side package manager
  • Install the testing frameworks, which are karma and protractor
Scaffolding an Angular Application When writing a complex application in a team, it is important to set the stage properly and include some conventions. All team members need to be on the same page.
  • Install Yeoman
  • Use Yeoman to automatically scaffold an application
  • Manually scaffold an application and define conventions
Selecting an Editor or IDE We all want to use the right tool for the job; developing an angular application is no exception. We get a quick overview of the most popular editors and IDEs
  • Introducing Sublime Text and VIM as lightweight editors
  • Presenting Visual Studio and Web Storm as powerful IDEs
  • Mentioning other editors such as Notepad++ or TexMate
Getting Started 5 lectures 16:53 Introducing a Minimal Angular Application Whenever we learn a new programming language or framework, we want to know how the hello world program is implemented.
  • Create an HTML5 page and import the angular library from a CDN
  • Add the ng-app directive to the body tag
  • Add an input with an ng-model directive and a div with an angular expression
Showcasing the Application Learning a lot of facts and techniques of angular is important, but it is also important to see all these isolated methods work together in a sample application.
  • Showing the main page
  • Discussing the translation page
  • Presenting the learning page
Installing the Prerequisites Before we can start to develop an angular application, we need to prepare our system and install some tools that facilitate and automate our development process.
  • Install npm, which is the Node package manger for server-side components
  • Install Bower, which is the client-side package manager
  • Install the testing frameworks, which are karma and protractor
Scaffolding an Angular Application When writing a complex application in a team, it is important to set the stage properly and include some conventions. All team members need to be on the same page.
  • Install Yeoman
  • Use Yeoman to automatically scaffold an application
  • Manually scaffold an application and define conventions
Selecting an Editor or IDE We all want to use the right tool for the job; developing an angular application is no exception. We get a quick overview of the most popular editors and IDEs
  • Introducing Sublime Text and VIM as lightweight editors
  • Presenting Visual Studio and Web Storm as powerful IDEs
  • Mentioning other editors such as Notepad++ or TexMate
Introducing a Minimal Angular Application Whenever we learn a new programming language or framework, we want to know how the hello world program is implemented.
  • Create an HTML5 page and import the angular library from a CDN
  • Add the ng-app directive to the body tag
  • Add an input with an ng-model directive and a div with an angular expression
Introducing a Minimal Angular Application Whenever we learn a new programming language or framework, we want to know how the hello world program is implemented.
  • Create an HTML5 page and import the angular library from a CDN
  • Add the ng-app directive to the body tag
  • Add an input with an ng-model directive and a div with an angular expression
Introducing a Minimal Angular Application Whenever we learn a new programming language or framework, we want to know how the hello world program is implemented.
  • Create an HTML5 page and import the angular library from a CDN
  • Add the ng-app directive to the body tag
  • Add an input with an ng-model directive and a div with an angular expression
Introducing a Minimal Angular Application Whenever we learn a new programming language or framework, we want to know how the hello world program is implemented.
  • Create an HTML5 page and import the angular library from a CDN
  • Add the ng-app directive to the body tag
  • Add an input with an ng-model directive and a div with an angular expression
Whenever we learn a new programming language or framework, we want to know how the hello world program is implemented.
  • Create an HTML5 page and import the angular library from a CDN
  • Add the ng-app directive to the body tag
  • Add an input with an ng-model directive and a div with an angular expression
Whenever we learn a new programming language or framework, we want to know how the hello world program is implemented.
  • Create an HTML5 page and import the angular library from a CDN
  • Add the ng-app directive to the body tag
  • Add an input with an ng-model directive and a div with an angular expression
Showcasing the Application Learning a lot of facts and techniques of angular is important, but it is also important to see all these isolated methods work together in a sample application.
  • Showing the main page
  • Discussing the translation page
  • Presenting the learning page
Showcasing the Application Learning a lot of facts and techniques of angular is important, but it is also important to see all these isolated methods work together in a sample application.
  • Showing the main page
  • Discussing the translation page
  • Presenting the learning page
Showcasing the Application Learning a lot of facts and techniques of angular is important, but it is also important to see all these isolated methods work together in a sample application.
  • Showing the main page
  • Discussing the translation page
  • Presenting the learning page
Showcasing the Application Learning a lot of facts and techniques of angular is important, but it is also important to see all these isolated methods work together in a sample application.
  • Showing the main page
  • Discussing the translation page
  • Presenting the learning page
Learning a lot of facts and techniques of angular is important, but it is also important to see all these isolated methods work together in a sample application.
  • Showing the main page
  • Discussing the translation page
  • Presenting the learning page
Learning a lot of facts and techniques of angular is important, but it is also important to see all these isolated methods work together in a sample application.
  • Showing the main page
  • Discussing the translation page
  • Presenting the learning page
Installing the Prerequisites Before we can start to develop an angular application, we need to prepare our system and install some tools that facilitate and automate our development process.
  • Install npm, which is the Node package manger for server-side components
  • Install Bower, which is the client-side package manager
  • Install the testing frameworks, which are karma and protractor
Installing the Prerequisites Before we can start to develop an angular application, we need to prepare our system and install some tools that facilitate and automate our development process.
  • Install npm, which is the Node package manger for server-side components
  • Install Bower, which is the client-side package manager
  • Install the testing frameworks, which are karma and protractor
Installing the Prerequisites Before we can start to develop an angular application, we need to prepare our system and install some tools that facilitate and automate our development process.
  • Install npm, which is the Node package manger for server-side components
  • Install Bower, which is the client-side package manager
  • Install the testing frameworks, which are karma and protractor
Installing the Prerequisites Before we can start to develop an angular application, we need to prepare our system and install some tools that facilitate and automate our development process.
  • Install npm, which is the Node package manger for server-side components
  • Install Bower, which is the client-side package manager
  • Install the testing frameworks, which are karma and protractor
Before we can start to develop an angular application, we need to prepare our system and install some tools that facilitate and automate our development process.
  • Install npm, which is the Node package manger for server-side components
  • Install Bower, which is the client-side package manager
  • Install the testing frameworks, which are karma and protractor
Before we can start to develop an angular application, we need to prepare our system and install some tools that facilitate and automate our development process.
  • Install npm, which is the Node package manger for server-side components
  • Install Bower, which is the client-side package manager
  • Install the testing frameworks, which are karma and protractor
Scaffolding an Angular Application When writing a complex application in a team, it is important to set the stage properly and include some conventions. All team members need to be on the same page.
  • Install Yeoman
  • Use Yeoman to automatically scaffold an application
  • Manually scaffold an application and define conventions
Scaffolding an Angular Application When writing a complex application in a team, it is important to set the stage properly and include some conventions. All team members need to be on the same page.
  • Install Yeoman
  • Use Yeoman to automatically scaffold an application
  • Manually scaffold an application and define conventions
Scaffolding an Angular Application When writing a complex application in a team, it is important to set the stage properly and include some conventions. All team members need to be on the same page.
  • Install Yeoman
  • Use Yeoman to automatically scaffold an application
  • Manually scaffold an application and define conventions
Scaffolding an Angular Application When writing a complex application in a team, it is important to set the stage properly and include some conventions. All team members need to be on the same page.
  • Install Yeoman
  • Use Yeoman to automatically scaffold an application
  • Manually scaffold an application and define conventions
When writing a complex application in a team, it is important to set the stage properly and include some conventions. All team members need to be on the same page.
  • Install Yeoman
  • Use Yeoman to automatically scaffold an application
  • Manually scaffold an application and define conventions
When writing a complex application in a team, it is important to set the stage properly and include some conventions. All team members need to be on the same page.
  • Install Yeoman
  • Use Yeoman to automatically scaffold an application
  • Manually scaffold an application and define conventions
Selecting an Editor or IDE We all want to use the right tool for the job; developing an angular application is no exception. We get a quick overview of the most popular editors and IDEs
  • Introducing Sublime Text and VIM as lightweight editors
  • Presenting Visual Studio and Web Storm as powerful IDEs
  • Mentioning other editors such as Notepad++ or TexMate
Selecting an Editor or IDE We all want to use the right tool for the job; developing an angular application is no exception. We get a quick overview of the most popular editors and IDEs
  • Introducing Sublime Text and VIM as lightweight editors
  • Presenting Visual Studio and Web Storm as powerful IDEs
  • Mentioning other editors such as Notepad++ or TexMate
Selecting an Editor or IDE We all want to use the right tool for the job; developing an angular application is no exception. We get a quick overview of the most popular editors and IDEs
  • Introducing Sublime Text and VIM as lightweight editors
  • Presenting Visual Studio and Web Storm as powerful IDEs
  • Mentioning other editors such as Notepad++ or TexMate
Selecting an Editor or IDE We all want to use the right tool for the job; developing an angular application is no exception. We get a quick overview of the most popular editors and IDEs
  • Introducing Sublime Text and VIM as lightweight editors
  • Presenting Visual Studio and Web Storm as powerful IDEs
  • Mentioning other editors such as Notepad++ or TexMate
We all want to use the right tool for the job; developing an angular application is no exception. We get a quick overview of the most popular editors and IDEs
  • Introducing Sublime Text and VIM as lightweight editors
  • Presenting Visual Studio and Web Storm as powerful IDEs
  • Mentioning other editors such as Notepad++ or TexMate
We all want to use the right tool for the job; developing an angular application is no exception. We get a quick overview of the most popular editors and IDEs
  • Introducing Sublime Text and VIM as lightweight editors
  • Presenting Visual Studio and Web Storm as powerful IDEs
  • Mentioning other editors such as Notepad++ or TexMate
Introducing the View and the Controller. 6 lectures 20:34 Introducing Angular Directives With directives, we attach behavior to DOM elements and make our application dynamic and an angular application.
  • Add an ng-app directive to the HTML page
  • Use the ng-controller directive to control DOM elements and their children with a controller
  • Define data binding using the ng-model directive
Introducing a Controller Angular encourages the use of the MVC pattern. Behavior, that is, code belongs in the controller and not in the view.
  • Define a new angular module or application
  • Add a controller to the module
  • Define a simple model in the scope of the controller
Explaining the Scope and the Model In angular, the model is the data that we want to interact within our application. The scope is an object on which we define the model and the behavior, and it is the execution context for expressions how the DOM elements
  • Use the ng-if directive to add...

    • Additional information

    Knowledge of HTML, CSS, and JavaScript is assumed.

    See related categories

    Building an Application with AngularJS

    £ 100 VAT inc.

    The best Other Education courses

    See all

    See all