Try AngularJS: Beginner's Guide to Front End Web Development
4.5 (103 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.
14,908 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Try AngularJS: Beginner's Guide to Front End Web Development to your Wishlist.

Add to Wishlist

Try AngularJS: Beginner's Guide to Front End Web Development

Built and managed by Google, AngularJS is one of the most powerful front-end frameworks in the world.
4.5 (103 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.
14,908 students enrolled
Created by Justin Mitchel
Last updated 10/2016
English
Learn Fest Sale
Current price: $10 Original price: $50 Discount: 80% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Build a basic AngularJS Web Application
  • Know the fundamentals of AngularJS
  • Learn about the powerful AngularJS concept known as "directives"
  • Understand concepts like Data-binding
  • Running a local web server to handle URL Routing in AngularJS
View Curriculum
Requirements
  • We go step-by-step so some HTML skills are helpful but not 100% needed for successful completion
  • Basic Javascript is helpful
  • Basic HTML is helpful
  • Basic CSS is helpful
Description

If the internet was created today, AngularJS's core functionalities would have been built-in on day one. That's the mindset the developers had when they were creating AngularJS... how would we create a framework that would fix all of the core issues with the beginning of the internet? 

Here's a simple concept: <h1></h1>

If you're familiar with HTML then you know this to be a heading tag which has default formatting on all web browsers. In short, it makes text stand out.

What if you wanted a tag like: <awesome-sauce></awesome-sauce>? Like just that tag? With it's own default formatting and function? With AngularJS this is downright simple. It's called a directive and something you'll learn in this series.

How about easy filtering of content in a list? Or ordering? These things can be done using other technology but AngularJS makes is super simple. 

This course is here to teach you the fundamentals of AngularJS to build a blog application complete with filtering, directives, searching, typeahead, ordering, ngResource, and much more.

Who is the target audience?
  • Anyone interested in learning AngularJS
  • Web Developers looking to build more responsive Web Applications
  • jQuery users looking for a more robust, out-of-the-box, solution
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 33 Lectures Collapse All 33 Lectures 04:25:58
+
Start Here
4 Lectures 15:50

Welcome to Try AngularJS!

Preview 02:37

What's the difference between the front-end and the backend? 

Preview 04:39

What's the difference between AngularJS and jQuery?

Preview 05:31

A few things before we start on our journey together!

Preview 03:03
+
Setup
4 Lectures 14:57

Download AngularJS locally from https://angularjs.org/!

Preview 02:42

Setup your Angular Project Folder

Preview 04:02

Emulate a Hosting server through Python

Preview 04:34

Linking Angular using a Content Delivery network for faster load times!

Preview 03:39
+
AngularJS 1.5
24 Lectures 03:54:00

Initialize Angular for your project.

Initialize Angular
03:24

Understand the concept behind binding conditionals!

Preview 07:44

Create your Angular App!

Preview 06:24

Build your first controller as a component!

A Controller & Component
11:53

Use external templates to render your compontent.

External Templates
03:04

Looking inside a template with ngRepeat!

Looping in a Template with ngRepeat
06:38

Understand the basics behind url routing in your AngularJS Single Page Application!

URL Routing part 1
12:02

Understand the basics behind url routing in your AngularJS Single Page Application!

URL Routing part 2
04:01

Understand the basics behind url routing in your AngularJS Single Page Application!

URL Routing part 3
03:33

Using parameters in your Detail View Component!

Detail View With Parameters
04:39

Looping within AngularJS files with the call angular.forEach()

ForEach Loop in AngularJS Files
04:50

Performing HTTP Requests in AngularJS using $http.

HTTP Request in AngularJS with $http
09:42

Using ngResource for Mapping your AngularJS project to a backend API.

ngResource for Mapping to a RESTful API
13:27

Create your very own directive for confirming a click is valid in this one!

Custom AngularJS Directive for Confirmed Click
21:02

Understanding the difference between our confirmClick directive and ngClick

ngClick & confirmClick Directives
10:37

Create forms and using ngSubmit for your own form submission function.

Forms and ngSubmit
13:44

Confirm comment delete when user selects to do so!

Confirm Comment Delete
04:23

Adding some styling with Bootstrap & CSS

Bootstrap & CSS
09:51

Create columns in AngularJS so your lists can be displayed more dynamically. 

Angular Columns
18:14

Adding pagination to long lists is simple with this Angular module.

Pagination
11:01

Make your lists be ordered simply and add in some images!

Order By & Images
10:01

Create a directive for handling navigation

Navigation Directive
12:21

Learn about UI Bootstrap to implement Bootstrap's typeahead element.

UI Bootstrap & Typeahead
14:20

Create a search function and do final clean up!

Search Function & Clean UP
17:05
+
Thank you!
1 Lecture 01:11

Thank you and suggested next steps!

Thank you and Next Steps
01:11
About the Instructor
Justin Mitchel
4.4 Average rating
4,114 Reviews
248,070 Students
18 Courses
Coding Entrepreneur & Teacher

It all started with an idea. I wanted freedom... badly. Freedom from work, freedom from boredom, and, most of all, the freedom to choose. This simple idea grew to define me; it made me become an entrepreneur.

As I strived to gain freedom, overtime I realized that with everything that you do you can either (1) convince someone, somehow, to do it with you or (2) figure out how to do it yourself.

Due to a lack of financial resources (and probably the ability to convince people to do high quality work for free), I decided to learn. Then learn some more. Then some more. My path of learning website design started a long time ago. And yes, it was out of need not desire. I believed I needed a website for a company that I started. So I learned how to do it. The company died, my skills lived on... and got better and better.

It took me a while after learning web design (html/css) to actually start learning programming (web application, storing "data", user logins, etc). I tinkered with Wordpress, believing it could be a "user" site, but I was mistaken. Sure there are/were hacks for that, but they were hacks/work-arounds and simply not-what-wordpress-was-indended-to-be. Wordpress is for blogs/content. Plain and simple.

I wanted more. I had a web application idea that I thought would change the way restaurants hire their service staff. I tested it with my basic html/css skills, had great initial results, and found a technical (programmer) cofounder as a result. He was awesome. We were featured on CNN. Things looked great.

Until... cash-flow was a no-flow. Business? I think not. More like an avid hobby. We had the idea for a business just no business. Naturally, my partner had to find a means of income so I was left with the idea on its own.

Remember how I said everything we do has 2 choices. Well I tried the convincing. Now it was time to try the learning. I opted to learn and haven't looked back since. I tried almost every language out there: PHP, Ruby on Rails, SQL, Objective C, C++, Java, Javascript. I was lost.

Then, I tried Python. I was hooked. It was so easy. So simple. So elegant.

Then, I tried Django. Even more hooked. Made from python & made for web applications. It powers Instagram & Pinterest (two of the hottest web apps right now?).

Then, I tried Bootstrap. Simple and easy front-end design (html & css) that is super easy to use, mobile-ready, and overall... incredible.

Python, Django, and Bootstrap are truly changing the way the world builds web applications. I believe it's because of the simplicity to learn, the sheer power behind them, and, most of all, the plethora of resources to aid anyone in building their web projects (from packages to tutorials to q&a sites).

I relaunched my original venture with my new found skills. That wasn't enough. It didn't compel me as it once had. I started imagining all the possibilities of all the ideas I've always wanted to implement. Now I could. Which one to start with? There were so many good ideas...

Then another idea, a new & fresh idea, started brewing. I started to believe in the power of learning these skills. What would it mean if other non-technical entrepreneurs could learn? What would it mean if ideas were executed quickly, revenue models proven, all prior to approaching the highly sought-after programmers? What would it mean if entrepreneurs became coders?

And so. Coding for Entrepreneurs was born.

Here are some bio highlights:

  • Adjunct Professor of Entrepreneurship at the Lloyd Greif Center for Entrepreneurial Studies in the Marshall School of Business at the University of Southern California
  • Bestselling instructor on Udemy
  • Funded creator on Kickstarter
  • Founder of Coding For Entrepreneurs
  • Cohost of Backer Radio