fr
en
Introduction to the AngularJS Framework
Application requirements need to become understandable, maintainable code. With AngularJS, structure your development approach and connect technical decisions to expected functionality. Become more self-sufficient in designing, testing and evolving your applications.
- Duration
- 4 days 28 hours
- Code
- AJSF01FR Code
Presentation
This course introduces the fundamentals of AngularJS, the popular and growing framework in the web development community, developed by Google and available as open source.
You will explore the features that make this framework powerful, including data binding, which creates a dynamic link between JavaScript and HTML code, dependency injection, directives, REST calls and the other mechanisms that distinguish the framework.
We will use the AngularJS ecosystem with Node.js and other frameworks, including Yeoman for rapid application development (RAD) and MongoDB for the database layer.
Finally, we will complete this ecosystem by implementing the tools that make up this rich JavaScript framework, presented as the most powerful on the market.
Objectives
- Understand AngularJS fundamentals through a progressive, practical approach.
- Understand modules and controllers.
- Explore the rich AngularJS ecosystem.
- Manage and control data with MongoDB.
- Understand data binding and templates.
- Interact with servers.
- Work with AngularJS, Node.js and MongoDB.
Program
Introduction
- Concepts and history.
- From Model View Controller (MVC) to Model View ViewModel (MVVM).
- Single-page applications (SPAs).
- Core AngularJS features.
- Why use AngularJS in web development projects?
- Overview of AngularJS architecture.
Preparing the development environment
- Introduction to TypeScript.
- Overview of development tools.
- Install the Docker image containing the development tools.
- Review basic Docker image management commands.
- Node.js: introduction and basic concepts.
- Create an Express web server using Node.js.
- Introduction to MongoDB and installation.
- Install and configure Node.js, MongoDB and the MEAN stack modules: Bower, Grunt, Yeoman, Karma and others.
- Validate the environment.
- Advanced instructor demonstration using a Docker Compose container to show the capabilities of a micro-container architecture with Docker, AngularJS and the selected tools.
Building your first AngularJS application
- Create your first AngularJS application with the WebStorm IDE.
- Analyse the project structure.
- Scaffolding with Yeoman.
- Scope functions and variables in AngularJS.
- Templates for creating views.
- Expressions.
- Controllers.
- Share data between multiple controllers.
- Directives: introduction and fundamental concepts.
- Create custom directives to extend HTML.
- Display filters.
- Labs applying the concepts to selected examples.
Managing validation
- Introduction to data binding.
- Form validation and methods for validating user input.
- Labs applying the concepts to selected examples.
Interacting with the HTTP server
- AngularJS services in web applications.
- The $http service.
- POST and PUT requests with the $http service.
- Labs applying the concepts to selected examples.
Testing with AngularJS
- The importance of testing web applications.
- Testing best practices and recommendations for AngularJS unit tests.
- Main tests for AngularJS application components.
- Labs applying the concepts to selected examples.
AngularJS, Node.js, Express and MongoDB
- Develop and integrate the back end and front end with AngularJS on Node.js and Express.
- Build the database.
- Testing.
- Labs applying the concepts to selected examples.
Course benefits
The course also uses open-source Docker for development, testing and lab deployment.
70% practical training.
Audience
This course is intended for web developers.
Prerequisites
Proficiency in JavaScript and HTML fundamentals and web technologies, together with basic knowledge of Java.
Teaching and assessment methods
- Initial skills assessment
- Training materials provided to participants
- Continuous assessment throughout the course
- End-of-course feedback questionnaire
- Combination of theory and practical application
- Attendance records
- Post-course follow-up evaluation
Dates and sessions
Choose the date and delivery format that suit you.
No upcoming sessions are currently available.