Automating Web Development Tasks with Gulp.js E-Learning Training

Bestel deze unieke E-Learning cursus Automating Web Development Tasks with Gulp.js online, 1 jaar 24/ 7 toegang tot rijke interactieve video’s, spraak, voortgangsbewaking door rapportages.

Webontwikkelaars voeren vaak veel van dezelfde taken uit voor elk nieuw project. Het automatiseren van deze taken kan uw webprojecten verbeteren door menselijke fouten te verminderen en tijd en geld te besparen. Hoewel er veel tools beschikbaar zijn om u te helpen bij dit automatiseringsproces, is Gulp een van de nieuwere tools. Gulp is een taakrunner die Node.js gebruikt en is ontwikkeld om het proces voor taakautomatisering gemakkelijker te begrijpen en te gebruiken. Dit leertraject bespreekt enkele van de belangrijkste functies die beschikbaar zijn met Gulp.js en hoe u deze functies kunt gebruiken om uw webprojecten effectiever en efficiënter te ontwikkelen, bouwen en testen.

Cursusinhoud

Introduction to Gulp

Course: 10 Minutes

• Course Introduction
• What Is Gulp?
• Build Pipeline and Gulp Streams
• Gulp APIs

Preparing the Development Environment

Course: 32 Minutes

• Installing Homebrew and Chocolatey
• Installing Node.js
• Installing Git
• Installing Gulp and Bower
• Installing Local Packages
• Package Dependencies
• Installing Brackets
• Creating a Hello World Gulpfile.js

Using Gulp Plugins for JavaScript Analysis

Course: 30 Minutes

• JSHint and JSCS
• Installing JSHint and JSCS
• Coding Tasks with JSHint and JSCS
• Concatenating Files
• Installing Gulp Plugins
• Minifying JavaScript
• Creating a Configuration Module

CSS Compilation in Gulp

Course: 32 Minutes

• Using the SASS Compiler
• Using the Autoprefixer Plugin
• CSS Linting
• CSS Optimization
• CSS Minification
• Adding Error Handling
• Error Handling with Gulp-Plumber

Practice: Gulp and Gulp Plugins

Course: 3 Minutes

• Exercise: Using Gulp and the Gulp Plugins

Gulp and HTML Injection

Course: 29 Minutes

• Course Introduction
• Installing the Node.js wiredep Package
• Working with wiredep
• Installing the Gulp inject Plugin
• Removing Scripts and Styles from HTML
• Automatically Adding Bower Files
• Validating the HTML
• Minifying the HTML

Working with the Server and Browser

Course: 29 Minutes

• Installing the gulp-nodemon Package
• Working with nodemon
• Running Tasks on Restart
• Synchronizing the Browser
• Installing the Gulp Browsersync Module
• Working with Gulp Browsersync
• Synchronizing Multiple Browsers

Preparing the Build Folder

Course: 18 Minutes

• Creating a List of Tasks
• Copying Fonts to the Build Folder
• Compressing and Copying Images
• Cleaning the Build Folder

Testing with Gulp

Course: 34 Minutes

• Installing the mocha testing library Plugin
• Working with mocha
• Testing in the Browser
• Testing Code Coverage
• Performing Server Integration Testing

Practice: Project Building and Testing with Gulp

Course: 3 Minutes

• Exercise: Prepare, Build and Test Projects with Gulp