Front-End JavaScript Frameworks: Angular

Start Date: 07/05/2020

Course Type: Common Course

Course Link:

About Course

This course concentrates mainly on Javascript based front-end frameworks, and in particular the Angular framework (Currently Ver. 6.x). This course will use Typescript for developing Angular application. Typescript features will be introduced in the context of Angular as part of the exercises. You will also get an introduction to the use of Angular Material and Angular Flex-Layout for responsive UI design. You will be introduced to various aspects of Angular including components, directives and services. You will learn about data binding, Angular router and its use for developing single-page applications. You will also learn about designing both template-driven forms and reactive forms. A quick introduction to Observables, reactive programming and RxJS in the context of Angular is included. You will then learn about Angular support for client-server communication through the HTTP client and the use of REST API on the server side. A quick tour through Angular animation support and Angular testing rounds off the course. You must have either completed the previous course in the specialization on Bootstrap 4, or have a working knowledge of front end web-UI frameworks to be able to navigate this course. Also a good working knowledge of JavaScript, especially ES 5 is strongly recommended. At the end of this course you will: - Be familiar with client-side Javascript frameworks and the Angular framework - Be able to implement single page applications in Angular - Be able to use various Angular features including directives, components and services - Be able to implement a functional front-end web application using Angular - Be able to use Angular Material and Angular Flex-Layout for designing responsive Angular applications - Be able to use Observables and RxJS in the context of Angular applications

Course Syllabus

In this week, you learn about data binding in Angular. You will learn how to design basic services. You will learn about Angular router and its use in designing single page applications. You will also learn about single page applications and use Angular Router to design single page applications.

Coursera Plus banner featuring three learners and university partner logos

Course Introduction

Front-End JavaScript Frameworks: Angular This course is focused on developing a more advanced JavaScript application using the Angular framework ( In this course, you will learn about the full stack framework: application development, server side coding, and interfacing between the client and the server side. You will also learn about the Angular component system and its use in the Angular application development. This course assumes you have basic proficiency with JavaScript, HTML, CSS, and programming in all three paradigms. You should have experience in programming interactive applications in JavaScript, and understand how to manage your code properly using Cloudiness. You should have some familiarity using the command line as well as other tools, and you should have a good understanding of the Angular environment. If you are looking to move more into the web development space, this course will help you gain a ton of experience in the web and mobile technologies. You will be able to implement more complex features and add even more functionality using Angular. Take this course for credit at the end of this course series.Web & Mobile Development Accessing the Web Accessing the Mobile Device Accessing the Data Front-End JavaScript Frameworks: Backbone This course is focused on developing a more advanced JavaScript application using the Backbone framework (

Course Tag

Node.Js Angularjs Reactive Programming Typescript

Related Wiki Topic

Article Example
Comparison of JavaScript frameworks There are many JavaScript frameworks available. The intention of this comparison is to show some examples of notable JavaScript frameworks.
Bootstrap (front-end framework) Bootstrap is a free and open-source front-end web framework for designing websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Unlike many web frameworks, it concerns itself with front-end development only.
List of Ajax frameworks There are hundreds of JavaScript frameworks available. According to latest surveys, the most used JavaScript frameworks are:
Comparison of JavaScript charting frameworks There are different JavaScript charting frameworks available. Below is a comparison of which features are available in each.
List of Ajax frameworks JavaScript frameworks are browser-side frameworks very commonly used in Ajax development.
List of Ajax frameworks This is a list of notable Ajax frameworks, used for creating web applications with a dynamic link between the client and the server. Some of the frameworks are JavaScript compilers, for generating JavaScript and Ajax that runs in the web browser client; some are pure JavaScript libraries; others are server-side frameworks that typically rely on JavaScript libraries.
JavaScript Angular and AngularJS are web application frameworks to use for developing single-page applications and also cross-platform mobile apps.
JavaScript library Some JavaScript libraries, such as YUI, are classified as frameworks since they exhibit full-stack capabilities and properties not found in general JavaScript libraries.
JavaScript JavaScript has become one of the most popular programming languages on the Web. Initially, however, many professional programmers denigrated the language because, among other reasons, its target audience consisted of Web authors and other such "amateurs". The advent of Ajax returned JavaScript to the spotlight and brought more professional programming attention. The result was a proliferation of comprehensive frameworks and libraries, improved JavaScript programming practices, and increased usage of JavaScript outside Web browsers, as seen by the proliferation of server-side JavaScript platforms.
JavaScript Because JavaScript is the only language that the most popular browsers share support for, it has become a target language for many frameworks in other languages, even though JavaScript was never intended to be such a language. Despite the performance limitations inherent to its dynamic nature, the increasing speed of JavaScript engines has made the language a surprisingly feasible compilation target.
Front-end web development Front-end web development, also known as client-side development is the practice of producing HTML, CSS and JavaScript for a website or Web Application so that a user can see and interact with them directly. The challenge associated with front end development is that the tools and techniques used to create the front end of a website change constantly and so the developer needs to constantly be aware of how the field is developing.
Angular (application platform) Angular (commonly referred to as "Angular 2+" or "Angular 2") is a TypeScript-based open-source front-end web application platform led by the Angular Team at Google and by a community of individuals and corporations to address all of the parts of the developer's workflow while building complex web applications. Angular is a complete rewrite from the same team that built AngularJS.
Front controller Several Web-tier application frameworks implement the front controller pattern, among them:
RF front end For most superheterodyne architectures, the RF front end consists of:
Front-end engineering Front-End Engineering (FEE), or Front-End Engineering Design (FEED), is an engineering design approach used to control project expenses and thoroughly plan a project before a fix bid quote is submitted. It may also be referred to as Pre-project planning (PPP), front-end loading (FEL), feasibility analysis, or early project planning.
Front-end web development The developer of the front end keeps these points in mind, utilizing available tools and techniques to reach this end.
JavaScript engine During this period there was a race by browser developers to develop even faster JavaScript engines in response to the growing use of JavaScript frameworks and Ajax, as the user's experience is directly influenced by the browser's ability to execute the site's client-side code. Launched on 2 September 2008, Google Chrome was praised for its JavaScript performance, but other browsers soon received new JavaScript engines which were faster. Later, Chrome won in the races of better performance. Chrome's strength is its application performance and JavaScript processing speed, both of which were independently verified by multiple websites to be the fastest amongst the major browsers of its time. With the advent of WebKit's Squirrelfish and Mozilla's TraceMonkey JavaScript virtual machines, Chrome's JavaScript execution performance had been found to be slower. Google responded with the Danish-developed V8 which boosted JavaScript performance in Google Chrome 2.
KDE Frameworks While KDE 4 was based on version 4 of the widget toolkit Qt, Frameworks 5 will be based on version 5. Qt 5 enables a more widespread use of QML, a simpler JavaScript-based declarative programming language, for the design of user interfaces. The graphics rendering engine used by QML allows for more fluid user interfaces across different devices.
JavaScript framework A JavaScript framework is an application framework written in JavaScript. It differs from a JavaScript library in its control flow: a library offers functions to be called by its parent code, whereas a framework defines the entire application design. A developer does not call a framework; instead it is the framework that will call and use the code in some particular way. Some JavaScript frameworks follow the model–view–controller paradigm designed to segregate a web application into orthogonal units to improve code quality and maintainability. Examples: AngularJS, Ember.js.
Analog front-end A radio frequency AFE is used in radio receivers, known as an RF front end.