Udacity

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

Web Tooling & Automation (Udacity) Udacity
Udacity,Google

Web Tooling & Automation (Udacity)

CS: Software Engineering CS: Information & Technology

Gulp, Sass, and BabelJS, Oh My! In this course, you’ll learn how to setup your development, get super productive during daily work and iteration, prevent yourself and your site from disasters and save a lot of time and effort with automatic optimization and automation. Finally, you’ll learn how to do all this while being confident your code runs on a multitude of devices in the real world.

Self Paced
Self-Paced
Web Javascript Optimization
Details
Website Performance Optimization (Udacity) Udacity
Udacity,Google

Website Performance Optimization (Udacity)

CS: Software Engineering

The Critical Rendering Path. You will learn how to optimize any website for speed by diving into the details of how mobile and desktop browsers render pages. In this short course, you’ll learn about the Critical Rendering Path, or the set of steps browsers must take to convert HTML, CSS and JavaScript into living, breathing websites. From there, you’ll start exploring and experimenting with tools to measure performance and simple strategies to deliver the first pixels to the screen as early as possible.

Self Paced
Self-Paced
Programming HTML Javascript
Details
Computational Thinking with Javascript 1: Draw & Animate (Coursera) Coursera
University of Glasgow

Computational Thinking with Javascript 1: Draw & Animate (Coursera)

CS: Software Engineering

This is the first course in a sequence of four courses that develops essential 21st century computational thinking (CT) skills using the popular JavaScript language as a vehicle. At the end of this first course you will: know a framework for CT to help you learn about it and work with others; be developing your CT skills so that you can more easily work with digital technology of all kinds; be able to read and write programs in JavaScript that involve drawing and animation, using a specialised library; and post your creations on the web so that others can appreciate your skills.

Oct 12th 2026
4 Weeks
Programming Javascript Computational Thinking
Details
HTML5 Canvas (Udacity) Udacity
Udacity

HTML5 Canvas (Udacity)

CS: Software Engineering CS: Programming

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
Game Programming HTML
Details
Single Page Web Applications with AngularJS (Coursera) Coursera
Johns Hopkins University

Single Page Web Applications with AngularJS (Coursera)

CS: Software Engineering

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.

Oct 12th 2026
5-12 Weeks
Javascript AJAX Web Development
Details
The Full Stack (Coursera) Coursera
Meta

The Full Stack (Coursera)

Computer Science

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.

Oct 12th 2026
5-12 Weeks
HTML Javascript CSS
Details
Build a Mobile App with Firebase (Coursera) Coursera
Scrimba

Build a Mobile App with Firebase (Coursera)

CS: Software Engineering

e.g. This is primarily aimed at first- and second-year undergraduates interested in engineering or science, along wiUnlock Your App Development Potential: Creating a Feature-Rich Shopping List App. Are you ready to turn your visionary app ideas into reality? If your answer is a resounding 'YES,' then this course is your gateway to a transformative journey. In this meticulously designed course, we will guide you through the creation of a sophisticated shopping list app using a powerful tech stack, including HTML, CSS, JavaScript, and Firebase. Leveraging Firebase's real-time database capabilities, you'll learn how to store and manage data seamlessly.

Oct 26th 2026
1 Week
HTML Javascript CSS
Details
Fundamentals Of NgRx (Coursera) Coursera
Board Infinity

Fundamentals Of NgRx (Coursera)

Computer Science

Welcome to the "Fundamentals of ngRX" course, your gateway to becoming a proficient ngRx developer. This course is designed to equip you with the skills and knowledge required to harness the full potential of ngRx in your Angular projects. With a focus on core concepts, advanced state management, ngRx Data, and building real-world applications, you'll gain a comprehensive understanding of ngRx and its practical implementation.

Oct 26th 2026
2 Weeks
Web Development Angular Coursera Plus
Details
Advanced Django: Advanced Django Rest Framework (Coursera) Coursera
Codio

Advanced Django: Advanced Django Rest Framework (Coursera)

CS: Software Engineering Computer Science

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.

Oct 12th 2026
4 Weeks
Python Javascript Django Framework
Details
Asynchronous JavaScript Requests (Udacity) Udacity
Udacity

Asynchronous JavaScript Requests (Udacity)

CS: Software Engineering

Fetch Data Asynchronously. This course covers everything a developer needs to know to asynchronously send and receive data in their web applications. You'll dive into how asynchronous requests work by using the XHR object to create and send asynchronous requests for image and news article data. Then, you'll see how you can perform async requests more easily using third-party libraries and APIs like jQuery's Ajax and the Fetch API.

Self Paced
Self-Paced
Javascript AJAX JQuery
Details
How to Get Into Web Development (Coursera) Coursera
University of Leeds

How to Get Into Web Development (Coursera)

Computer Science

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.

Oct 26th 2026
2 Weeks
HTML Javascript CSS
Details