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.

Created byJustin Mitchel

Last updated 10/2016

English

What you'll 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

Course content

4 sections • 33 lectures • 4h 25m total length

Introduction2:37
Welcome to Try AngularJS!
Front End vs Backend4:39
What's the difference between the front-end and the backend?
AngularJS vs jQuery5:31
What's the difference between AngularJS and jQuery?
Before we get Started3:03
A few things before we start on our journey together!

Initialize Angular3:24
Initialize Angular for your project.
Binding Conditionals7:44
Understand the concept behind binding conditionals!
Create the Angularjs APP6:24
Create your Angular App!
A Controller & Component11:53
Build your first controller as a component!
External Templates3:04
Use external templates to render your compontent.
Looping in a Template with ngRepeat6:38
Looking inside a template with ngRepeat!
URL Routing part 112:02
Understand the basics behind url routing in your AngularJS Single Page Application!
URL Routing part 24:01
Understand the basics behind url routing in your AngularJS Single Page Application!
URL Routing part 33:33
Understand the basics behind url routing in your AngularJS Single Page Application!
Detail View With Parameters4:39
Using parameters in your Detail View Component!
ForEach Loop in AngularJS Files4:50
Looping within AngularJS files with the call angular.forEach()
HTTP Request in AngularJS with $http9:42
Performing HTTP Requests in AngularJS using $http.
ngResource for Mapping to a RESTful API13:27
Using ngResource for Mapping your AngularJS project to a backend API.
Custom AngularJS Directive for Confirmed Click21:02
Create your very own directive for confirming a click is valid in this one!
ngClick & confirmClick Directives10:37
Understanding the difference between our confirmClick directive and ngClick
Forms and ngSubmit13:44
Create forms and using ngSubmit for your own form submission function.
Confirm Comment Delete4:23
Confirm comment delete when user selects to do so!
Bootstrap & CSS9:51
Adding some styling with Bootstrap & CSS
Angular Columns18:14
Create columns in AngularJS so your lists can be displayed more dynamically.
Pagination11:01
Adding pagination to long lists is simple with this Angular module.
Order By & Images10:01
Make your lists be ordered simply and add in some images!
Navigation Directive12:21
Create a directive for handling navigation
UI Bootstrap & Typeahead14:20
Learn about UI Bootstrap to implement Bootstrap's typeahead element.
Search Function & Clean UP17:05
Create a search function and do final clean up!

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 this course is for:

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

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

What you'll learn

Explore related topics

Course content

Start Here4 lectures • 16min

Setup4 lectures • 15min

AngularJS 1.524 lectures • 3hr 54min

Thank you!1 lecture • 1min

Requirements

Description

Who this course is for: