Web Development with AngularJS and Bootstrap

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

Use dynamic AngularJS code and Bootstrap styling to create effective web applicationsAngularJS is an open source JavaScript library built by Google that allows you to extend and dynamically change HTML. Bootstrap is an open source set of styling rules and components built by Twitter to make building web pages quick and easy. With AngularJS and Bootstrap joining forces, we get tools to quickly and easily create interactive and dynamic websites that look and behave similar to popular websites.This video course will take you through a journey of building your first web application with AngularJS and Bootstrap. Each video will build on the functionality already learned in the previous video, always leaving you with a new feature of the running application.Starting with no knowledge of AngularJS or Bootstrap, you will build up your knowledge through practical examples covered throughout the course. You will cover topics including external libraries to improve the ease of use, dynamic data bindings, dynamic styling, multi-view pages, form feedback, and AJAX form submission.By the end of the video course, you will be able to successfully build a fully functioning web application.About the AuthorSimeon Cheeseman is a JavaScript developer primarily focussed on AngularJS and NodeJS. He started off his career coding Coldfusion HTML pages before teaching himself AngularJS and later NodeJS as they started getting traction. He has been employed building a variety of web-based applications from content management systems, phone bill re-rating programs, customer resource management, and billings systems. He is currently heavily involved in several open source AngularJS projects and when he has the time, he helps out on StackOverflow and Wizperts.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Explore the documentation for AngularJS and Bootstrap
Navigate through the basic steps to get going with AngularJS and Bootstrap
Use AngularJS and Bootstrap to validate and display feedback on forms
Display multiple views without needing to refresh the page
Implement AngularJS’ AJAX POST and GET functions to send and receive data
Excel at one way and two way bindings to display and store data from the user
Display repeating data dynamically
Create filters to format data according to your expectations
Utilize third-party modules to improve the look and feel of your application

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

  • Web Development
  • Systems
  • Web
  • Ajax
  • Javascript
  • HTML
  • Javascript training

Course programme

Getting Started - Strapping Your Boots 3 lectures 18:04 Course Overview An overview of the course will be presented, and the presenter will be introduced.
  • Demonstrate the app that we will have built on completion of this course
  • Describe the technologies and libraries we need to be familiar with
  • Outline the steps we will perform to understand the concepts
Using AngularJS with Bootstrap How Bootstrap and AngularJS improve the classic HTML Input field?
  • Show bootstrap.com, the download page, and how to look up things in the documents
  • Show angularjs.org, the download page, and how to navigate the documents
  • Take a look at the examples on the angularjs.com home page that explains how to integrate AngularJS and Bootstrap
Getting Started; “Hello, World” Set up a very basic AngularJS and Bootstrap web page as a basis for the rest of the course.
  • Build the basic HTML page, add libraries, standard bindings for AngularJS, and basic classes from Bootstrap
  • Describe the difference between modules, controllers, and directives in JavaScript
  • Write the code to demonstrate data being passed back and forth from JavaScript to the front page
Getting Started - Strapping Your Boots 3 lectures 18:04 Course Overview An overview of the course will be presented, and the presenter will be introduced.
  • Demonstrate the app that we will have built on completion of this course
  • Describe the technologies and libraries we need to be familiar with
  • Outline the steps we will perform to understand the concepts
Using AngularJS with Bootstrap How Bootstrap and AngularJS improve the classic HTML Input field?
  • Show bootstrap.com, the download page, and how to look up things in the documents
  • Show angularjs.org, the download page, and how to navigate the documents
  • Take a look at the examples on the angularjs.com home page that explains how to integrate AngularJS and Bootstrap
Getting Started; “Hello, World” Set up a very basic AngularJS and Bootstrap web page as a basis for the rest of the course.
  • Build the basic HTML page, add libraries, standard bindings for AngularJS, and basic classes from Bootstrap
  • Describe the difference between modules, controllers, and directives in JavaScript
  • Write the code to demonstrate data being passed back and forth from JavaScript to the front page
Course Overview An overview of the course will be presented, and the presenter will be introduced.
  • Demonstrate the app that we will have built on completion of this course
  • Describe the technologies and libraries we need to be familiar with
  • Outline the steps we will perform to understand the concepts
Course Overview An overview of the course will be presented, and the presenter will be introduced.
  • Demonstrate the app that we will have built on completion of this course
  • Describe the technologies and libraries we need to be familiar with
  • Outline the steps we will perform to understand the concepts
Course Overview An overview of the course will be presented, and the presenter will be introduced.
  • Demonstrate the app that we will have built on completion of this course
  • Describe the technologies and libraries we need to be familiar with
  • Outline the steps we will perform to understand the concepts
Course Overview An overview of the course will be presented, and the presenter will be introduced.
  • Demonstrate the app that we will have built on completion of this course
  • Describe the technologies and libraries we need to be familiar with
  • Outline the steps we will perform to understand the concepts
An overview of the course will be presented, and the presenter will be introduced.
  • Demonstrate the app that we will have built on completion of this course
  • Describe the technologies and libraries we need to be familiar with
  • Outline the steps we will perform to understand the concepts
An overview of the course will be presented, and the presenter will be introduced.
  • Demonstrate the app that we will have built on completion of this course
  • Describe the technologies and libraries we need to be familiar with
  • Outline the steps we will perform to understand the concepts
Using AngularJS with Bootstrap How Bootstrap and AngularJS improve the classic HTML Input field?
  • Show bootstrap.com, the download page, and how to look up things in the documents
  • Show angularjs.org, the download page, and how to navigate the documents
  • Take a look at the examples on the angularjs.com home page that explains how to integrate AngularJS and Bootstrap
Using AngularJS with Bootstrap How Bootstrap and AngularJS improve the classic HTML Input field?
  • Show bootstrap.com, the download page, and how to look up things in the documents
  • Show angularjs.org, the download page, and how to navigate the documents
  • Take a look at the examples on the angularjs.com home page that explains how to integrate AngularJS and Bootstrap
Using AngularJS with Bootstrap How Bootstrap and AngularJS improve the classic HTML Input field?
  • Show bootstrap.com, the download page, and how to look up things in the documents
  • Show angularjs.org, the download page, and how to navigate the documents
  • Take a look at the examples on the angularjs.com home page that explains how to integrate AngularJS and Bootstrap
Using AngularJS with Bootstrap How Bootstrap and AngularJS improve the classic HTML Input field?
  • Show bootstrap.com, the download page, and how to look up things in the documents
  • Show angularjs.org, the download page, and how to navigate the documents
  • Take a look at the examples on the angularjs.com home page that explains how to integrate AngularJS and Bootstrap
How Bootstrap and AngularJS improve the classic HTML Input field?
  • Show bootstrap.com, the download page, and how to look up things in the documents
  • Show angularjs.org, the download page, and how to navigate the documents
  • Take a look at the examples on the angularjs.com home page that explains how to integrate AngularJS and Bootstrap
How Bootstrap and AngularJS improve the classic HTML Input field?
  • Show bootstrap.com, the download page, and how to look up things in the documents
  • Show angularjs.org, the download page, and how to navigate the documents
  • Take a look at the examples on the angularjs.com home page that explains how to integrate AngularJS and Bootstrap
Getting Started; “Hello, World” Set up a very basic AngularJS and Bootstrap web page as a basis for the rest of the course.
  • Build the basic HTML page, add libraries, standard bindings for AngularJS, and basic classes from Bootstrap
  • Describe the difference between modules, controllers, and directives in JavaScript
  • Write the code to demonstrate data being passed back and forth from JavaScript to the front page
Getting Started; “Hello, World” Set up a very basic AngularJS and Bootstrap web page as a basis for the rest of the course.
  • Build the basic HTML page, add libraries, standard bindings for AngularJS, and basic classes from Bootstrap
  • Describe the difference between modules, controllers, and directives in JavaScript
  • Write the code to demonstrate data being passed back and forth from JavaScript to the front page
Getting Started; “Hello, World” Set up a very basic AngularJS and Bootstrap web page as a basis for the rest of the course.
  • Build the basic HTML page, add libraries, standard bindings for AngularJS, and basic classes from Bootstrap
  • Describe the difference between modules, controllers, and directives in JavaScript
  • Write the code to demonstrate data being passed back and forth from JavaScript to the front page
Getting Started; “Hello, World” Set up a very basic AngularJS and Bootstrap web page as a basis for the rest of the course.
  • Build the basic HTML page, add libraries, standard bindings for AngularJS, and basic classes from Bootstrap
  • Describe the difference between modules, controllers, and directives in JavaScript
  • Write the code to demonstrate data being passed back and forth from JavaScript to the front page
Set up a very basic AngularJS and Bootstrap web page as a basis for the rest of the course.
  • Build the basic HTML page, add libraries, standard bindings for AngularJS, and basic classes from Bootstrap
  • Describe the difference between modules, controllers, and directives in JavaScript
  • Write the code to demonstrate data being passed back and forth from JavaScript to the front page
Set up a very basic AngularJS and Bootstrap web page as a basis for the rest of the course.
  • Build the basic HTML page, add libraries, standard bindings for AngularJS, and basic classes from Bootstrap
  • Describe the difference between modules, controllers, and directives in JavaScript
  • Write the code to demonstrate data being passed back and forth from JavaScript to the front page
Asking Users in a Good Way; Getting Inputs 4 lectures 19:38 Introducing the Input Introduce the input as read by Bootstrap and AngularJS.
  • Show the document page on angularjs.org
  • Add some input to our page with the Bootstrap styling
  • Demonstrate how the data is being stored
Validating Inputs Use Bootstrap and AngularJS to show the user feedback on the input’s validity.
  • Get the styling we want from the Bootstrap site and make it appear on our page statically
  • Describe ng-class by referencing the AngularJS documents
  • Add the code to make the validations appear/disappear at the correct time
Taking a Closer Look at ngModel What is ngModel and how can it be used?
  • Examine the ngModel documentation
  • Specify where we have used ngModel in the code
  • Explore what goes on in validation
Bonus: Angular-Better-Placeholders for Open Source UX Integrating open-source libraries into your application.
  • Get the library from the site
  • Add dependencies to the project, touching on Directive Insertion
  • Display the elegance of the site
Asking Users in a Good Way; Getting Inputs. 4 lectures 19:38 Introducing the Input Introduce the input as read by Bootstrap and AngularJS.
  • Show the document page on angularjs.org
  • Add some input to our page with the Bootstrap styling
  • Demonstrate how the data is being stored
Validating Inputs Use Bootstrap and AngularJS to show the user feedback on the input’s validity.
  • Get the styling we want from the Bootstrap site and make it appear on our page statically
  • Describe ng-class by referencing the AngularJS documents
  • Add the code to make the validations appear/disappear at the correct time
Taking a Closer Look at ngModel What is ngModel and how can it be used?
  • Examine the ngModel documentation
  • Specify where we have used ngModel in the code
  • Explore what goes on in validation
Bonus: Angular-Better-Placeholders for Open Source UX Integrating open-source libraries into your application.
  • Get the library from the site
  • Add dependencies to the project, touching on Directive Insertion
  • Display the elegance of the site
Introducing the Input Introduce the input as read by Bootstrap and AngularJS.
  • Show the document page on angularjs.org
  • Add some input to our page with the Bootstrap styling
  • Demonstrate how the data is being stored
Introducing the Input Introduce the input as read by Bootstrap and AngularJS.
  • Show the document page on angularjs.org
  • Add some input to our page with the Bootstrap styling
  • Demonstrate how the data is being stored
Introducing the Input Introduce the input as read by Bootstrap and AngularJS.
  • Show the document page on angularjs.org
  • Add some input to our page with the Bootstrap styling
  • Demonstrate how the data is being stored
Introducing the Input Introduce the input as read by Bootstrap and AngularJS.
  • Show the document page on angularjs.org
  • Add some input to our page with the Bootstrap styling
  • Demonstrate how the data is being stored
Introduce the input as read by Bootstrap and AngularJS.
  • Show the document page on angularjs.org
  • Add some input to our page with the Bootstrap styling
  • Demonstrate how the data is being stored
Introduce the input as read by Bootstrap and AngularJS.
  • Show the document page on angularjs.org
  • Add some input to our page with the Bootstrap styling
  • Demonstrate how the data is being stored
Validating Inputs Use Bootstrap and AngularJS to show the user feedback on the input’s validity.
  • Get the styling we want from the Bootstrap site and make it appear on our page statically
  • Describe ng-class by referencing the AngularJS documents
  • Add the code to make the validations appear/disappear at the correct time
Validating Inputs Use Bootstrap and AngularJS to show the user feedback on the input’s validity.
  • Get the styling we want from the Bootstrap site and make it appear on our page statically
  • Describe ng-class by referencing the AngularJS documents
  • Add the code to make the validations appear/disappear at the correct time
Validating Inputs Use Bootstrap and AngularJS to show the user feedback on the input’s validity.
  • Get the styling we want from the Bootstrap site and make it appear on our page statically
  • Describe ng-class by referencing the AngularJS documents
  • Add the code to make the validations appear/disappear at the correct time
Validating Inputs Use Bootstrap and AngularJS to show the user feedback on the input’s validity.
  • Get the styling we want from the Bootstrap site and make it appear on our page statically
  • Describe ng-class by referencing the AngularJS documents
  • Add the code to make the validations appear/disappear at the correct time
Use Bootstrap and AngularJS to show the user feedback on the input’s validity.
  • Get the styling we want from the Bootstrap site and make it appear on our page statically
  • Describe ng-class by referencing the AngularJS documents
  • Add the code to make the validations appear/disappear at the correct time
Use Bootstrap and AngularJS to show the user feedback on the input’s validity How to submit a form via Ajax over the $http service and how to simulate this for testing?
  • Look at the $http service...

Additional information

No prior exposure to AngularJS, Bootstrap, or similar libraries is needed. Some CSS knowledge is useful but not essential

See related categories

Web Development with AngularJS and Bootstrap

£ 15 VAT inc.

The best Other Education courses

See all

See all