Structure, automate, and standardize modern front-end development workflows
This training highlights front-end industrialization, which encompasses the tools and libraries needed to define an environment suitable for high-quality front-end development.
The goal is to choose the most appropriate tools for developing applications based on HTML 5/CSS 3/JavaScript and its frameworks.
Is it for you ?
Developer, project manager, or web integrator
Prerequisites
Good knowledge of HTML and web technologies. Knowledge of the JavaScript programming language.
What You'll Walk Away With
- ✓ Structure web applications using HTML5, CSS3, and modular JavaScript
- ✓ Implement version control workflows with Git and manage branching strategies
- ✓ Manage dependencies and development environments with Node.js and npm
- ✓ Automate build tasks and workflows using Gulp
- ✓ Integrate automated testing (unit and end-to-end) to ensure code quality
Training content
1 Structure of a web application
- Structuring a web application.
- HTML5 and corresponding frameworks.
- Getting started with CSS3.
- Organizing JavaScript development.
- Standardizing code into modules with JavaScript.
2 Criteria for choosing a development environment
- Discovering what's available on the market.
- Choosing and configuring your IDE.
- Solutions for online development (Cloud 9, etc.).
- Pre-integrated environments (PrePros).
3 Configuration management: Versioning with GIT
- Introduction to versioning.
- Basic concepts, initializing a repository.
- Organizing development branches.
4 Discovering Node.js
- Presentation of Node.js.
- Npm and Bower, objectives and confusion.
- Dependency management.
5 Task automation with Gulp
- Definition of task automation.
- Identification of task types.
- Structure of a gulptfile.js file.
- Creating a “Build” with Gulp.
6 Integration of automated testing
- Recommendations for writing unit tests.
- Testing utilities: Jasmine, Mocha, etc.
- Setting up Karma.
- Generating test reports.
- End-to-end testing: user interface.
7 Designing a project template
- Introduction to scaffolding.
- Yeoman versus Lineman.
- Yo generators.
See more
📌 Practical information
Our training sessions are offered in Montreal or Quebec City, in person or in a virtual classroom. Dates and locations are specified when you select your session below. If you have any questions, check out our FAQ.
