Projects in AngularJS - Learn by building 10 Projects

Learn professional web development in AngularJS while building ten unique web apps
4.1 (508 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
6,693 students enrolled
$19
$30
37% off
Take This Course
  • Lectures 77
  • Length 14.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 6/2015 English

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.

What are the requirements?

  • Basic knowledge of HTML, CSS and JS is must for the course

What am I going to get from this course?

  • 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

What is the target audience?

  • Students who want to build websites using Angular JS
  • Students looking to learn professional web development

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
Introduction
Preview
03:58
Section 2: Basic Angular Website
Project Intro
Preview
01:13
Creating the HTML & CSS
Preview
18:18
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
Section 3: Web Template Store
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
Section 4: myContacts App
Project Intro
01:00
Angular Seed & Firebase Setup
17:30
Read & Create Contacts - Basic Design
17:54
Read & Create Contacts - Final Steps
16:43
Edit & Display Single Contact -Design
10:51
Edit & Display Single Contact - Implementation
11:52
Chapter 3 Quiz
5 questions
Section 5: ngSocial Facebook App
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
Section 6: Job Directory
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
Section 7: KnowledgeBase
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
Section 8: User Authentication App
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
Section 9: Instagram Gallery
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
Section 10: PubNub Chat
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
Section 11: AutoFind
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
Section 12: Summary
Course Summary
03:31

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Eduonix Learning Soultions, 1+ Million Students Worldwide | 200+ Courses

Eduonix creates and distributes high quality technology training content. Our team of industry professionals have been training manpower for more than a decade. We aim to teach technology the way it is used in industry and professional world. We have professional team of trainers for technologies ranging from Mobility, Web to Enterprise and Database and Server Administration.

Instructor Biography

Ready to start learning?
Take This Course