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, 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
Il n'y a pas de sessions publiques à ce moment. Nous organisons volontiers un cours en entreprise ou une session publique supplémentaire (en cas d'un nombre suffisant de participants). Intéressé? Contactez-nous.
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
7 days.
Course leader
an ABIS instructor.
INFO SESSION ET INSCRIPTION |