Course Introduction

Loading...

From the course by Johns Hopkins University

Single Page Web Applications with AngularJS

1385 ratings

Johns Hopkins University

Single Page Web Applications with AngularJS

1385 ratings

Course 5 of 6 in the Specialization Ruby on Rails Web Development

Do you want to write powerful, maintainable, and testable front end applications faster and with less code? Then consider joining this course to gain skills in one of the most popular Single Page Application (SPA) frameworks today, AngularJS. Developed and backed by Google, AngularJS is a very marketable skill to acquire. In this course, we will explore the core design of AngularJS 1.x (latest version of AngularJS 1), its components and code organization techniques. We will enhance the functionality of our web app by utilizing dependency injection to reuse existing services as well as write our own. We will create reusable HTML components that take advantage of AngularJS data binding as well as extend HTML syntax with a very powerful feature of AngularJS called directives. We’ll set up routing so our SPA can have multiple views. We will also learn how to unit test our functionality. At the end of this course, you will build a fully functional, well organized and tested web application using AngularJS and deploy it to the cloud.

From the lesson

Introduction to AngularJS

In this module, we are going to start by going over how grading works for this course, will introduce some recommended books, as well as give you the information on how to find all of the source code that you will see throughout the course. We will then dive into the development environment setup for both Mac and Windows. The core of this module will be the introduction not only to the basics of AngularJS, but more importantly, the concepts that back AngularJS as a good solution for developing front-end web applications. To become a good software developer and not just with AngularJS, you will need to understand these concepts. But for becoming a good AngularJS developer, these concepts are essential, because they will allow you to understand the issues the framework is addressing and therefore get a good grasp on the solutions AngularJS is offering.

Course Introduction3:30

Welcome to Module 11:05

Meet the Instructors

Yaakov Chaikin
Adjunct Professor, Graduate Computer Science
Whiting School of Engineering

[MUSIC]

In the previous course HTML, CSS and JavaScript for web developers,

we'll learn how to effectively use CSS to produce responsive websites.

That automatically adjusts to any screen size, allowing the user to

interact with the website on any device from a desktop to a mobile phone.

We also delve into JavaScript and AJax,

the technologies that bring our pages to life with functionality in external data.

However, as I mentioned in the introduction to one of the modules in

the previous course, we went beyond the simple basics and

really dug deep to understand this most popular, and

perhaps the most misunderstood programming language in the world, JavaScript.

But we didn't stop there and used all our newly acquired skills to build a real

website for a real client as part of the course curriculum.

The course was widely successful and became the number one top rated course on

Coursera and stayed on the number one spot for three consecutive weeks.

[MUSIC]

In this course, we're going to build on top of those basic skills and

take the student to the next level of web development mastery.

AngularJS is the most popular framework for building single page applications.

It's open source and is backed by Google.

Generally, this framework is not an easy undertaking.

It's known to have a steep learning curve.

However in this course, I believe that students will discover a much easier

experience learning this framework.

This is because we go step by step, explaining not only how to do something,

but the why behind it.

We also explain concepts that don't only pertain to AngularJS, but

discuss how these concepts apply to the general practice of software development.

This approach will not only give the students the skills to quickly develop

outstanding web apps.

But will also enrich them with the knowledge of standard development

practices and approaches.

I've mentioned this before, but

it's worth repeating, that what makes these courses special

is that they're being taught by people who aren't simply skilled in teaching, but

that actually work with these technologies in their day-to-day jobs.

So what the students are getting is a real world perspective of how to approach

common place software development problems especially in the area of web development.

[MUSIC]

As I mentioned, one of the most fun parts of the previous course was our visit to

a real client and then developing a real website for that client.

In this course, we will not disappoint.

We're going to take the website we built in the previous course and

rebuild it from scratch using AngularJS, plus extend it with more features.

By building a real website in AngularJS that real users would actually use,

the students will be able to see a real world

practical application of what we learned in this course.

[MUSIC]

Anyone with the basic knowledge of HTML, CSS and the JavaScript programming

language can take this course and take their skills to a whole new level.

Plus, as usual, we'll have some fun along the way.

So all that's left is to enroll.

Explore our Catalog

Join for free and get personalized recommendations, updates and offers.

Coursera provides universal access to the world’s best education, partnering with top universities and organizations to offer courses online.

© 2018 Coursera Inc. All rights reserved.

Download on the App Store

Get it on Google Play