Developing web applications with HTML, JavaScript and Angular

HTML (Hypertext Markup Language) is a standard language designed for creating pages and sites for the World Wide Web. Although today many simple web sites are created using a graphical productivity tool such as Adobe Dreamweaver, a sound knowledge of the syntax and semantics of HTML remains a requirement for building more sophisticated sites, such as those using scripting languages (such as JavaScript, PHP, or Perl) or using HTML5.

JavaScript is a simple object-oriented programming language that interacts with HTML pages. This makes it possible to develop webpages which are more interactive and dynamic than with HTML alone.

While HTML is the perfect tool for creating static documents, it isn't really suitable for creating dynamic views in single-page applications. Angular, an open-source framework developed by Google, allows us to create front-end web applications. Angular is a complete rewrite from the same team that built AngularJS. We'll learn how to write a complete single-page web application (SPA), in accordance with best practices for web development. You'll get acquainted with Angular's main building blocks: modules, components, templates, metadata, data binding, directives, services and dependency injection.

At course completion the participant will be able to create a website by combining HTML, CSS (Cascading Stylesheets), JavaScript and Angular.

Note: if you want to master HTML5/JavaScript along with jQuery, you can choose the alternate course Developing web applications with HTML, JavaScript and JQuery.

Schedule

No public sessions are currently scheduled. We will be pleased to set up an on-site course or to schedule an extra public session (in case of a sufficient number of candidates). Interested? Please contact ABIS.

Intended for

This course is intended for aspiring front-end web designers who want to increase the appeal and functionality of their web pages.

Background

Some programming experience is required (see course Programming fundamentals).

Main topics

  • HTML5
  • Basic structure of an HTML document
  • HTML markup: tags and elements
  • Formatting text with CSS3 (Cascading Style Sheets)
  • Multimedia: including images and videos
  • All about hyperlinks
  • Adding formatted data: lists and tables
  • Interacting with the user: creating HTML5 forms
  • JavaScript
  • How to include scripts in an HTML page
  • Basic control statements
  • Program flow
  • Working with data: how to use objects and functions
  • The Document Object Model (DOM): an overview
  • How to interact with the DOM
  • Making web forms more user-friendly: client-side validation
  • Creating and manipulating cookies
  • Angular
  • Angular setup: using node and npm
  • TypeScript & JavaScript syntax
  • Architecture: modules, components, and services
  • Data binding
  • Dynamic components
  • Directives
  • Pipes
  • User input & form validation
  • Reactive and template-driven forms
  • Dependency injection
  • HttpClient & JSON
  • Angular application deployment

Training method

Classroom training consisting of alternating explanatory presentations and hands-on exercises.

Duration

5 days.

Course leader

Bart Lemarcq.


SESSION INFO AND ENROLMENT