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.4 (45 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.
5,550 students enrolled
$50
Take This Course
  • Lectures 33
  • Length 4.5 hours
  • Skill Level Beginner Level
  • 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 10/2016 English

Course 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.

What are the 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

What am I going to get from this course?

  • 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

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

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: Start Here
02:37

Welcome to Try AngularJS!

04:39

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

05:31

What's the difference between AngularJS and jQuery?

03:03

A few things before we start on our journey together!

Section 2: Setup
02:42

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

04:02

Setup your Angular Project Folder

04:34

Emulate a Hosting server through Python

03:39

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

Section 3: AngularJS 1.5
03:24

Initialize Angular for your project.

07:44

Understand the concept behind binding conditionals!

06:24

Create your Angular App!

11:53

Build your first controller as a component!

03:04

Use external templates to render your compontent.

06:38

Looking inside a template with ngRepeat!

12:02

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

04:01

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

03:33

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

04:39

Using parameters in your Detail View Component!

04:50

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

09:42

Performing HTTP Requests in AngularJS using $http.

13:27

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

21:02

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

10:37

Understanding the difference between our confirmClick directive and ngClick

13:44

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

04:23

Confirm comment delete when user selects to do so!

09:51

Adding some styling with Bootstrap & CSS

18:14

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

11:01

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

10:01

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

12:21

Create a directive for handling navigation

14:20

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

17:05

Create a search function and do final clean up!

Section 4: Thank you!
01:11

Thank you and suggested next steps!

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Justin Mitchel, 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

Ready to start learning?
Take This Course