Front End Frameworks (Udacity)

Offered by Udacity,
Front End Frameworks (Udacity)

Backbone, Angular, Ember. Learn how to build Single Page Applications in various Front End Frameworks! In this course, you'll learn how to create both an Angular application and an Ember app from scratch. As you work through the course, you'll learn key architectural design techniques that make frameworks incredibly powerful.

Class Deals by MOOC List - Click here and see Udacity's Active Discounts, Deals, and Promo Codes.

In this course, you’ll explore popular JavaScript frameworks that make building complex web applications a lot easier! Follow along as you build interactive, single-page applications that work seamlessly in the browser without ever reloading the page.
Filled with deep dives, code examples, and practical advice, you’ll uncover the magic behind JavaScript frameworks and what makes each of them unique.

What You Will Learn

Lesson 1
Building a Single Page Application

  • The history of Single Page Applications.
  • How to make a Single Page Applications.
  • Learn the components of the most common frameworks.

Lesson 2
Examine A Framework's Source.

  • Discover constructor functions.
  • An introduction to Underscore's template function.
  • Backbone events and routing.

Lesson 3
Angular

  • Build your first Angular application.
  • Learn Angular's Views, Controllers, Directives, and more!
  • Routing in Angular using the UI-Router module.

Lesson 4
Ember

  • Build your first Ember application.
  • App generation and scaffolding with Ember-CLI.
  • Learn Ember's Templates, Services, Components, and more!

Prerequisites and Requirements
Students should have experience building sites with HTML and CSS. JavaScript is heavily used in Front End Frameworks, so two years of programming experience in JavaScript is recommended. This course builds on:

Other course requirements:

  • Ability to use GitHub to clone repos and checkout branches
  • Comfort with command line tools
  • Ability to use Chrome DevTools
Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

The Full Stack (Coursera) Coursera
Meta

The Full Stack (Coursera)

As you prepare for your role in back-end development, practice bringing together multiple skills to build a full-stack Django app. You’ll start by setting up an environment for a local practical project, and refactoring the front and back-ends of an existing application. You will then have the opportunity to create the front and back-ends of a new application using your full-stack developer skills.

Nov 9th 2026
5-12 Weeks
HTML5 Canvas (Udacity) Udacity
Udacity

HTML5 Canvas (Udacity)

From Pixels to Animation! Canvas is an HTML5 element which gives you drawable surface inside your web pages you can control with JavaScript. Powerful enough to use for compositing images and even creating games. In this course, through several sample projects, you’ll learn how to use the canvas; how to make compositions using shapes, images, and text; how to create effects and filters on images and how to create animations.

Self Paced
Self-Paced
How to Get Into Web Development (Coursera) Coursera
University of Leeds

How to Get Into Web Development (Coursera)

Adding web development to your skillset is an excellent career move if you are into coding and you seek career growth and advancement. In this online course, you will explore the web development specialisations - front-end, back-end and full-stack development, and understand the different roles in a web development team.

Nov 23rd 2026
2 Weeks
JavaScript Design Patterns (Udacity) Udacity
Udacity

JavaScript Design Patterns (Udacity)

Organizing Code in a Disorganized World. This course covers methods for organizing your code, both conceptually and literally. You’ll learn the importance of separating concerns when writing JavaScript, gaining hands-on experience along the way. Separating concerns can be done with or without an organizational library or framework. We’ll learn how to separate concerns without one, and then we’ll explore an organizational library together. You’ll also learn strategies for exploring other libraries and frameworks on your own.

Self Paced
Self-Paced
ES6 - JavaScript Improved (Udacity) Udacity
Udacity

ES6 - JavaScript Improved (Udacity)

Updates to the JavaScript language. ECMAScript 6, or ES6, has brought about a ton of changes to the JavaScript programming language. In this course, you'll explore those changes to learn about the latest features and improvements to the language including new keywords, arrow functions, the Class syntax, Promises, and so much more. Discover how much cleaner and more concise your JavaScript code can be!

Self Paced
Self-Paced
Single Page Web Applications with AngularJS (Coursera) Coursera
Johns Hopkins University

Single Page Web Applications with AngularJS (Coursera)

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.

Nov 9th 2026
5-12 Weeks
Front-End Interview Prep (Udacity) Udacity
Udacity

Front-End Interview Prep (Udacity)

Confidently take on the tech interview. This course takes you through a mock interview, and offers detailed analysis on how to field key industry questions. Your will review common Front-End Web Developer interview topics ranging from palindrome functions to closures, and learn best practices for behavioral questions and whiteboard problems. Upon completing this course, you’ll be ready to successfully showcase your skills during a Front-End Web Developer interview!

Self Paced
Self-Paced
JavaScript and the DOM (Udacity) Udacity
Udacity

JavaScript and the DOM (Udacity)

Dynamically control the browser. JavaScript is an extremely powerful programming language. One place where its power truly shines is using it to control a web page. Through this course, you'll learn about the Document Object Model (DOM), how it's created, and what capabilities it provides. Then you'll use JavaScript and the DOM to add, delete, or alter page content; control page styling, and respond to user actions.

Self Paced
Self-Paced
Learn JavaScript (Coursera) Coursera
Scrimba

Learn JavaScript (Coursera)

This is perhaps the most interactive JavaScript course ever recorded. It contains 140+ coding challenges, meaning that you will finally build that ever-so-important JavaScript muscle memory. You will solve the challenges directly in the browser thanks to Scrimba's interactive video technology, so there's not setup needed. Say goodbye to "tutorial hell" and get ready to start feeling your JavaScript superpowers grow exponentially.

Nov 9th 2026
4 Weeks
Advanced Django: Advanced Django Rest Framework (Coursera) Coursera
Codio

Advanced Django: Advanced Django Rest Framework (Coursera)

Code and run Django websites without installing anything! This course is designed for learners who are familiar with Python and basic Django skills (similar to those covered in the Django for Everybody specialization). The modules in this course cover testing, performance considerations such as caching and throttling, use of 3rd party libraries, and integrating frontends within the context of the Django REST framework.

Nov 9th 2026
4 Weeks