Projects in AngularJS - Learn by building 10 Projects
4.2 (830 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
8,156 students enrolled

Projects in AngularJS - Learn by building 10 Projects

Learn professional web development in AngularJS while building ten unique web apps
4.2 (830 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
8,156 students enrolled
Last updated 12/2018
English
English [Auto]
Current price: $27.99 Original price: $39.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 13.5 hours on-demand video
  • 1 article
  • 41 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Build Angular JS Apps and Websites
  • Implement JS concepts learned during the course
  • Build professional websites using cutting edge Angular JS techniques
  • Learn professional web development using Angular JS
  • Get royalty free apps to build money making websites
Course content
Expand all 72 lectures 13:22:33
+ Basic Angular Website
6 lectures 01:05:54
Plunkr Setup & Main Controller - Basic Architecture
12:08
Plunkr Setup & Main Controller - Implementation
11:58
Fetching Data with http - Basic Design
10:52
Fetching Data with http - Implementation
11:25
Chapter 1 Quiz
6 questions
+ Web Template Store
6 lectures 01:01:34
Project Intro
00:59
Angular Seed Setup
17:34
Creating Views - Basic Design
10:02
Creating Views - Implementation
11:19
Get & Display Templates
10:53
Get & Display Templates - Final Steps
10:47
Chapter 2 Quiz
5 questions
+ ngSocial Facebook App
8 lectures 01:25:18
Project Intro
00:55
Create Facebook App
12:09
Facebook App UI
18:47
Facebook Login - Initial Design
10:39
Facebook Login - Implementation
11:59
Display User Info & Posts - Implementation Steps
10:05
Display User Info & Posts - Final View
12:40
Posting From ngSocial
08:04
Chapter 4 Quiz
5 questions
+ Job Directory
6 lectures 01:09:16
Project Intro
00:53
Implementing the MEAN Stack
14:27
Backend Job API Setup
16:42
Frontend Controller - Design
11:13
Frontend Controller - Final Implementation
09:36
Frontend Views
16:25
Chapter 5 Quiz
5 questions
+ KnowledgeBase
11 lectures 02:10:22
Project Intro
00:58
NodeJS & MongoDB Setup
12:28
Backend GET Routes - Design
13:00
Backend GET Routes - Implementation
13:21
Backend POST Routes
14:21
Angular Routes & Views
12:03
Angular Routes & Views - Final Steps
11:47
Frontend Data Display - Basic Design
13:24
Frontend Data Display - Final views
14:36
Add, Edit & Delete Articles - Initial Steps
11:55
Add, Edit & Delete Articles - Final Points
12:29
Chapter 6 Quiz
5 questions
+ User Authentication App
10 lectures 02:09:50
Project Intro
01:28
Sails Server Setup
20:04
Frontend Signup
19:51
Backend Signup
19:22
Frontend Login
17:44
Backend Login Controller
12:49
Dashboard Design
14:17
Dashboard Implementation
13:14
Logging Out
05:24
Switching to MongoDB
05:37
Chapter 7 Quiz
5 questions
+ Instagram Gallery
5 lectures 57:47
Project Intro
01:01
NodeJS Server
11:30
Controller & View Setup
19:12
Create Instagram Service
17:55
Adding a Lightbox
08:09
Chapter 8 Quiz
5 questions
+ PubNub Chat
7 lectures 01:13:50
Project Intro
01:08
Create App With Yeoman - Initial Steps
12:09
Create App With Yeoman - Implementation
09:10
Join Controller
19:50
Main Controller
12:03
Main Controller - Final implementation
09:31
Adding Page Functionality
09:59
Chapter 9 Quiz
5 questions
+ AutoFind
10 lectures 02:00:52
Project Intro
01:01
MeanJS & Homepage Setup
19:42
Creating the Cars Files - Initial Implementation
14:40
Creating the Cars Files - Heavy Lifting
10:11
Creating the Cars Files - Final Implementation
12:24
Fetch & Displaying Cars - View Design
11:23
Fetch & Displaying Cars - View Implementation
11:30
Add, Update & Delete Cars - Design
11:40
Add, Update & Delete Cars - Implementation
10:14
Car Search Functionality
18:07
Chapter 10 Quiz
4 questions
Requirements
  • Basic knowledge of HTML, CSS and JS is must for the course
Description

PLEASE NOTE THIS COURSE TEACHES ANGULAR 1. IF YOU WANT TO LEARN THE LATEST VERSION ANGULAR 2YOU CAN CHECK OUR COURSE "Learn Angular 2 Development By Building 12 Apps"  

THIS COURSE IS GOOD FOR ANYONE WHO NEEDS TO MAINTAIN ANGULAR 1 CODE.

The most comprehensive AngularJS training program is here. We love this amazingly powerful framework for web apps and we promise you will love this course. By the end of it you will understand the concepts behind Angular design and will be able to create you own websites and apps. AngularJS was initially released in 2009 and it has been growing rapidly ever since. If you want to be a web developer you must learn AngularJS and with time it is going to be as essential as HTML. Our Angular course will focus on important features such as decoupling DOM manipulation and to decouple client side from the server side implementation in web apps.

So why use AngularJS?

• AngularJS uses directives to add new mark-ups to HTML and turns static HTML files in to something dynamic. It is an innovative approach to incorporating HTML and developing big web applications.

• AngularJS organizes views, controllers, directives, filters and such other elements in to separate modules. This division becomes convenient for building and managing an application.

• AngularJS has a built-in dependency injection system and is unit-testable.

• AngularJS uses data-binding directives to provide a projection of the model to the application view. It automates synchronization of data between model and view components. This allows developers to avoid writing a considerable amount of boilerplate code.

• AngularJS has a built-in template engine consisting of plain HTML pages (views) as well as controllers written in JavaScript to build rich user interfaces.

• AngularJS uses directives to extend HTML dialect by creating new HTML elements and attributes as well as custom HTML tags that work as new widgets.

The Projects Developed for the Course includes:

Basic Angular Website

Learn to create Angular Websites and concepts such as two way binding, url routing and directives

Web Template Store

Learn creation of store based Apps with the project. Implement payment using paypal

myContactsApp

A complete CRUD application in Angular JS. Learn the use of Firebase API

ngSocialApp

Learn to use facebook APIs with Angular JS. The App uses facebook's graph API to authenticate the users

Job Directory

A complete MEAN stack project where user can post search and apply for jobs. There will also be login subscription feature.

Knowledgebase

Learn to build an Article repository with nodejs, MongoDB and Angular JS. It will teach you major aspects of both front end and backend programming using JS technologies.

User Authentication App

Learn to build a hybrid app. Learn the use of Sails framework for backend node server. learn professional web development techniques.

Intagram Gallery

Build a full fledged photo gallery application. Learn to integrate Instagram APIs

PubNub Chat

Build a real time chat application. Learn the use of PubNub data streaming API with Angular JS

All the above web apps have been selected to provide our students a complete walk through of Angular development environment. You can also use the source code for each project to build your own commercial apps completely royalty free. So join us now and start building the next awesome web app using AngularJS.

Who this course is for:
  • Students who want to build websites using Angular JS
  • Students looking to learn professional web development