Sharing Is Caring:

AngularJS For Beginners

Create Web Applications, Create Hybrid Apps for Android & iOS,Create single page applications

Free tutorial

4.6

Created by Stone River eLearning

English

What you’ll learn

  • Create Web Applications
  • Create Hybrid Apps for Android & Ios that use sdks that implement Angular.js
  • Understand how to work with Angular.js fundamentally
  • Grasp how to work with MVC Architecture

Requirements

  • Basic understanding of HTML, CSS, and javascript

Description

HTML works perfectly fine as far as static documents are concerned. If a web application requires dynamic views however, it’s less than ideal. That’s where AngularJS comes in; an open-source framework that extends HTML vocabulary for you application, resulting in intuitive, expressive single page applications. For an AngularJS crash course to get you up to speed with this widely used framework, look no further.

Create flawless Single Page Applications with Angular JS

  • Learn framework fundamentals for AngularJS projects
  • Apply your knowledge to real world uses
  • Build towards creating your own Web and Hybrid applications
  • Gain insight into working with MVC architecture

Build frameworks with a versatile, cutting edge toolset

Although only officially released in 2012, AngularJS has taken the world by storm thanks to official support from Google, a community of developers constantly improving it, and some of the internet’s biggest websites making use of it. One of its best features is its data binding; dynamic views are automatically updated whenever a model changes, and vice versa. Furthermore, it combines the benefits of deep linking with desktop app-like behaviors, allows you to invent new HTML syntax and is designed to be testable. The result is simplified development and testing of applications and, ultimately, faultless single page and hybrid applications.

Read Also -->   Google Trends Data Mining Using R

Course Overview

This AngularJS crash course is aimed at those who already have a basic understanding of HTML, CSS and Javascript, but who may have limited experience of AngularJS projects. With 3 hours of content and over 50 lectures, it’s a fast and efficient way to get yourself up to speed with this framework and start using it in the real world.

This course will allow you to grasp the basic concepts of AngularJS and its main features. You’ll be provided with functional examples throughout to compound your learning, giving you the opportunity to put it to practical use.

After an overview of environment setup and MVC architecture, you’ll get to grips with the more complex attributes of AngularJS, including modules and dependency injection, controllers, expressions, directives, scopes, filter, routing, and two-way data binding.

From Section 4 onwards, you’ll build up a framework for your own dynamic app using bootstrap layouts, filters, list routing and setting parameters. You’ll learn how to add useful functions like adding, updating and deleting elements, form validation and more. You’ll even tackle debugging with Chrome console and add custom directives to make your HTML as readable as it can be.

By the end of the course, you will be confident enough to begin your own AngularJS projects, using the framework for creating web and hybrid applications of your own. You will have solidified your understanding of the AngularJS language and will be more than capable of putting to real world use with immediate effect.

Who this course is for:

  • SHOULD: Those that have a basic understanding of HTML, CSS and javascript.
  • SHOULD :Those that have possibly dabbled in Angular.js and want to solidify there understanding of the language.
  • SHOULD: Those that are looking to learn the course by working on a practical application.
  • SHOULDN’T : Looking for more advanced Angular.js material
Read Also -->   The Vocabulary of Science: First Steps to Science Literacy

Show less

Course content

9 sections • 51 lectures • 2h 45m total lengthCollapse all sections

Course Introduction2 lectures • 6min

  • Course Overview (Download the course files here)03:12
  • Final Project Demo03:00

Introduction to Angular5 lectures • 13min

  • Intro To Section 201:01
  • Overview of Angular03:04
  • Environment Setup04:36
  • MVC Architecture03:12
  • Section 2 Recap00:40
  • Section 2 Quiz9 questions

Angular Core Features Overview12 lectures • 43min

  • Intro to Section 300:47
  • Modules And Dependency Injection04:24
  • Controllers05:02
  • Expressions04:01
  • Two Way Data Binding03:11
  • Directives05:02
  • Services04:26
  • Scopes02:29
  • Filters03:07
  • Routing – Setup03:32
  • Routing – Implementation05:41
  • Section 3 Recap01:01
  • Section 3 Quiz10 questions

Intro To Grocery List App5 lectures • 13min

  • Intro to Section 400:52
  • Grocery List Bootstrap Layout04:33
  • Listing Grocery List Using ng-repeat04:01
  • Beautifying Our List With Filters02:14
  • Section 4 Recap00:58
  • Section 4 Quiz5 questions

Easy Navigation In Grocery List Using Routing5 lectures • 12min

  • Intro to Section 501:01
  • Setting Up Grocery List Routing03:15
  • Implementing Grocery List Routing04:04
  • Routing Parameters03:15
  • Section 5 Recap00:44
  • Section 5 Quiz5 questions

Adding, Updating & Deleting Grocery Items12 lectures • 49min

  • Intro to Section 601:58
  • Abstracting Grocery Items Using Services03:34
  • Adding Grocery Items04:20
  • Debugging App Using Chrome Console03:37
  • Generating Unique Grocery Entry ID’s05:35
  • Updating Grocery Items – Part 104:45
  • Updating Grocery Items – Part 206:36
  • Form Validation04:47
  • Deleting Grocery Items03:19
  • Adding Custom Directives – Making Our HTML More Readable03:13
  • Marking Grocery Items As Completed With ng-class04:50
  • Section 6 Recap02:15
  • Section 6 Quiz8 questions

Connecting Our App To The Cloud6 lectures • 20min

  • Intro to Section 700:54
  • Loading Entries06:09
  • Creating Entries04:14
  • Updating Entries03:32
  • Deleting Grocery Items04:02
  • Section 7 Recap01:06
  • Section 7 Quiz5 questions

Conclusion3 lectures • 10min

  • Course Recap03:36
  • Additional Resources05:21
  • Closing Message01:02

Bonus Material1 lecture • 1min

  • Bonus Lecture00:13

👇👇👇👇 Click Below to Enroll in Free Udemy Course 👇👇👇👇

Go to Course

👇👇 See Also 👇👇

Join Us Join Us Join Us
Sharing Is Caring:

Leave a Comment

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock