Projects in AngularJS - Learn by building 10 Projects

Learn professional web development in AngularJS while building ten unique web apps

4.20 (852 reviews)
Udemy
platform
English
language
Web Development
category
8,405
students
13.5 hours
content
Dec 2018
last update
$54.99
regular price

What you will 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

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.

Content

Introduction

Introduction

Basic Angular Website

Project Intro
Creating the HTML & CSS
Plunkr Setup & Main Controller - Basic Architecture
Plunkr Setup & Main Controller - Implementation
Fetching Data with http - Basic Design
Fetching Data with http - Implementation
Chapter 1 Quiz

Web Template Store

Project Intro
Angular Seed Setup
Creating Views - Basic Design
Creating Views - Implementation
Get & Display Templates
Get & Display Templates - Final Steps
Chapter 2 Quiz

ngSocial Facebook App

Project Intro
Create Facebook App
Facebook App UI
Facebook Login - Initial Design
Facebook Login - Implementation
Display User Info & Posts - Implementation Steps
Display User Info & Posts - Final View
Posting From ngSocial
Chapter 4 Quiz

Job Directory

Project Intro
Implementing the MEAN Stack
Backend Job API Setup
Frontend Controller - Design
Frontend Controller - Final Implementation
Frontend Views
Chapter 5 Quiz

KnowledgeBase

Project Intro
NodeJS & MongoDB Setup
Backend GET Routes - Design
Backend GET Routes - Implementation
Backend POST Routes
Angular Routes & Views
Angular Routes & Views - Final Steps
Frontend Data Display - Basic Design
Frontend Data Display - Final views
Add, Edit & Delete Articles - Initial Steps
Add, Edit & Delete Articles - Final Points
Chapter 6 Quiz

User Authentication App

Project Intro
Sails Server Setup
Frontend Signup
Backend Signup
Frontend Login
Backend Login Controller
Dashboard Design
Dashboard Implementation
Logging Out
Switching to MongoDB
Chapter 7 Quiz

Instagram Gallery

Project Intro
NodeJS Server
Controller & View Setup
Create Instagram Service
Adding a Lightbox
Chapter 8 Quiz

PubNub Chat

Project Intro
Create App With Yeoman - Initial Steps
Create App With Yeoman - Implementation
Join Controller
Main Controller
Main Controller - Final implementation
Adding Page Functionality
Chapter 9 Quiz

AutoFind

Project Intro
MeanJS & Homepage Setup
Creating the Cars Files - Initial Implementation
Creating the Cars Files - Heavy Lifting
Creating the Cars Files - Final Implementation
Fetch & Displaying Cars - View Design
Fetch & Displaying Cars - View Implementation
Add, Update & Delete Cars - Design
Add, Update & Delete Cars - Implementation
Car Search Functionality
Chapter 10 Quiz

Summary

Course Summary
Bonus Lecture: More Interesting Stuff, Offers and Discounts

Screenshots

Projects in AngularJS - Learn by building 10 Projects - Screenshot_01Projects in AngularJS - Learn by building 10 Projects - Screenshot_02Projects in AngularJS - Learn by building 10 Projects - Screenshot_03Projects in AngularJS - Learn by building 10 Projects - Screenshot_04

Reviews

Mayank
November 5, 2022
Kindly update the course as per today's requirement. Include some good Angular JS projects if possible
Supraja
April 7, 2021
Angular 1 is almost deprecated and none of this works. All the packages and api s have changed totally. It is mere waste of time to learn this course now. Project Resources seem not to work properly . I kindly recommend to refund the money or buy me another angular 7 course instead.
Jon
July 26, 2016
The company doesn't make any effort to respond to my questions which halts the learning process. This is not acceptable any longer as online tutorials have come of age. Therefore, I sting with you a star and a half!
Jonatthan
July 26, 2016
Couldn't find any better course on Angular 2 except this one. Highly Recommended for web developers who want to learn Angular 2 easy way!!
Shubham
July 25, 2016
I loved the projects. If the first two are so good. I cant wait to see how the other 8 turns out to be.
Anandha
July 20, 2016
It is good for people who want to learn things in fast pace with some basic knowledge on bootstrap and html
Wilson
July 4, 2016
I don't care how good the content is. If I have my volume maxed and cannot hear the teacher then there is no point in taking the course.
Kris
June 29, 2016
it's a walkthrough, with little explanation of the approach angularjs it taking. So troubleshooting is less logical or structured and more hunting around files.
Mohamad
June 29, 2016
The Tutorial is very slow, and the instructor is hesitant and keep wondering what shall he do next, so it gets boring over time.
Varun
June 12, 2016
He's just copying and pasting the code. That we can do from online tutorials from youtube. What can we learn if he's just copying and pasting and executing.
Terry
June 11, 2016
Instructor does not have a full understanding of the language. He says, "I think it should be this way..." Not very encouraging about the rest of the course.
John
May 31, 2016
Instructor seems to be correcting errors on long the way. Why their maybe genius in this method, especially if you are following along, it is a distraction. It could be that later on in the course I already know what the problems are and this is mind training for solution discovery
César
May 30, 2016
I think it´s very great the form that him explains , but i think certain topics wasn't touched like should be, and aren't familiar with this topics he don't allow you to understand them
Moss
May 30, 2016
he speaks too fast. i think how to trim the bootstrap is not so important, no need to waste so much time on it. however, i'd like to follow this tutorial, to see how will it go later.
Dilip
May 27, 2016
Really great course. The instructor explained and helped create different projects which is easy to understand. You code along with him which is pretty cool and get your projects completed. You can definitely re-use the concepts and code from these projects in your work and help your customers. Highly recommended. Loved it!

Charts

Price

Projects in AngularJS - Learn by building 10 Projects - Price chart

Rating

Projects in AngularJS - Learn by building 10 Projects - Ratings chart

Enrollment distribution

Projects in AngularJS - Learn by building 10 Projects - Distribution chart

Related Topics

531954
udemy ID
6/19/2015
course created date
2/9/2020
course indexed date
Bot
course submited by