AngularJS 1.0 Masterclass - Deep Dive & Understand AngularJS

BY
Udemy

Develop a thorough understanding of the AngularJS principles and techniques to create single-page applications.

Mode

Online

Fees

₹ 499 1999

Quick Facts

particular details
Medium of instructions English
Mode of learning Self study
Mode of Delivery Video and Text Based

Course overview

AngularJS is an open-source, absolutely free JavaScript framework that is utilized by professional developers worldwide. It is employed in projects involving single-page applications. It introduces extra attributes to the HTML DOM and makes it more responsive to user actions. AngularJS 1.0 Masterclass - Deep Dive & Understand AngularJS online certification is designed by Sandip Gautam - Full Stack Architect & Web Developer and is presented by Udemy

AngularJS 1.0 Masterclass - Deep Dive & Understand AngularJS online course is a comprehensive programme that includes 6 hours of learning resources and 79 articles for participants who want to learn how to develop web applications in AngularJS. AngularJS 1.0 Masterclass - Deep Dive & Understand AngularJS online training includes all of the exercise files, which are separated into two folders, one for starting and one for finishing, and cover JavaScript, clean code, HTML, design patterns, dependency injection, data binding custom directives, and more.

The highlights

  • Certificate of completion
  • Self-paced course
  • 6 hours of pre-recorded video content
  • 79 articles 
  • Learning resources

Program offerings

  • Online course
  • Learning resources
  • 30-day money-back guarantee
  • Unlimited access
  • Accessible on mobile devices and tv

Course and certificate fees

Fees information
₹ 499  ₹1,999
certificate availability

Yes

certificate providing authority

Udemy

What you will learn

Web application development skills

After completing the AngularJS 1.0 Masterclass - Deep Dive & Understand AngularJS certification course, participants will acquire a solid understanding of the concepts involved with AngularJS for developing applications. In this AngularJS course, participants will explore the methodologies helpful in creating web applications and single-page applications. Participants will learn about the fundamentals of javascript and HTML as well as will acquire knowledge of the methods associated with dependency injection, data binding, and scope-to-scope communication. In this AngularJS certification, participants will also acquire the skills to work with design patterns, clean code, $apply, $watch, custom derivatives, and Mongo Lab API.

The syllabus

Introduction

  • Whats Inside This Course
  • What You Should Know, Before Taking This Course
  • How to Take This Course
  • Softwares To Be Installed
  • Course Material - All Source Code

Why AngularJS

  • "The Problem"... and How AngularJS Solves "The Problem"

AngularJS Core Concepts: Get Your ToolBox Filled with Tools

  • JavaScript Specials: Modules Can Help You Remain Organized
  • Angular Modules: One Stop Shop for All the Components
  • JavaScript Specials: IIFE
  • Moving our First Module to IIFE
  • HTML Specials: Now you can decorate me with Custom Attributes
  • Connecting Module and HTML: I am Peter Parker, I wanna be a Spiderman
  • JavaScript Specials: Problems with addition of two numbers in JavaScript
  • Design Pattern Specials: MVC can make your weekend more enjoyable
  • Directives: I am HTML, I am good at Presentations
  • Controllers: I am JavaScript, I can Handle the Business Logic
  • Models: Not so Old, We are POJO
  • Pattern Specials: Dependency Injection can help reduce your emotional attachment
  • My Name is $scope and I have been Gifted to Controller by the Secret Santa
  • JavaScript Specials: Data Binding in Classical Template Systems
  • Angular Data Binding: Continuous Updates, Model is a Single Source of Truth
  • Pattern Specials: SRP to handle one task at one place
  • Services: What can I do for you Sir!
  • Filters: Please give me data and not the WATER
  • AngularJS Core Concepts

Directives & Filters for Presentation

  • Programming Specials: Imperative vs. Declarative
  • Binding Directives: One Way Binding Directives
  • AngularJS Specials: Multiple ways of applying Directives
  • Binding Directives: Two Way Binding Directives
  • Template Directives: Give me Collection, I will give you Table
  • Template Directives: Views Abstraction using ng-include Directive
  • Template Directives: Switching Elements using ng-switch Directive
  • Template Directives: Hiding Unprocessed Inline Template Binding Expressions
  • Element Directives: Showing, Hiding and Conditionally Removing Elements
  • Element Directives: Manage State & Enhance Elements
  • Style Directives: Manage Classes & CSS
  • Events Directives: Manage User Interaction
  • Formatting Filters
  • Array Transforming Filters

Scope for Data and Controllers for Business Logic

  • AngularJS Specials: Bootstrapping of AngularJS Applications
  • Organizing Controllers: One for Small and Many for Big Applications
  • Scope Communication: Pub-Sub Model Using $rootScope
  • Controller Inheritance - How Properties Work
  • Controller Inheritance - How Methods Work
  • Explicitly Updating Scope: Using $apply & $watch

AngularJS Services & Custom Services to Encapsulate Responsibilities

  • AJAX Specials: Server Side Interaction Using Pure JavaScript
  • Meet $http Service
  • MongoLab Specials: Creating a Database and Tables
  • CRUD Using $http and MongoLab - Part 1
  • CRUD Using $http and MongoLab - Part 2
  • Design Pattern Specials: The Singleton Design Pattern
  • Custom Services to Encapsulate Responsibilities
  • $q Service: Promises Are Made to be Kept

Single Page Applications

  • Single Page Applications, What are They and Why We Need Them
  • SPA Specials: Story of HASH & Your Own Mini-SPA
  • $location Service: Knows Everything About Browser URL
  • Planning The Shell and Partials of The Application
  • $routeProvider Service: Configuring The Routes and Controllers
  • $routeParams Service: Getting Passed Information From URL

Presentation using Custom Directives & Custom Filters

  • Domain Specific Language: Your Own Custom Elements
  • Component Directive
  • Component Directive: Dynamic Binding Using Parent Scope
  • Component Directive: Directives Can Have Other Directives As Well
  • Component Directive: Taking Template Out of Directive Definition
  • Component Directive: Handling User Interaction in Directives Controller
  • The Misunderstood Concept of Directives Scope Made Understood
  • OOB Directive: Use "=" Symbol to Pass Objects
  • OOB Directive: Use "@" Symbol to Pass String Values
  • OOB Directive: Use "&" Symbol to Call the Function on Parent Scope
  • Custom Filter - Because We Need Our Own Data Transformation

Presentation using Custom Directives - 102

  • Link Function - Handle DOM Access, Manipulation & Events
  • Bootstrapping Services: $parse, $interpolate & $compile
  • Compile Function - Auto Compile Using Compile Function
  • Transclusion - Injecting HTML Parts as a Reference

Hands On - Lets Make an App Using Modularized Approach

  • The Requirement
  • Analysis & Design
  • Folder Structure
  • Application Layout - 101
  • Application Layout - 102
  • First Directive of Application
  • First Service of Application
  • Render Data Using First Service
  • Render Data Using Second Service
  • Render Data Using Third Service
  • The Chart Directive
  • Code Refactoring

Instructors

Mr Sandip Gautam

Mr Sandip Gautam
Web Developer
Freelancer

Trending Courses

Popular Courses

Popular Platforms

Learn more about the Courses

Download the Careers360 App on your Android phone

Regular exam updates, QnA, Predictors, College Applications & E-books now on your Mobile

Careers360 App
150M+ Students
30,000+ Colleges
500+ Exams
1500+ E-books