Course: Automating Web Development Tasks with Gulp.js

$109.00
$131.89 incl. vat

duration: 5 hours |

Language: English (US) |

access duration: 90 days |

Details

In this Gulp.JS training course you will learn how to use Gulp.js in web development projects. The focus is particularly on how Gulp.js can contribute in the development of websites. You will learn installing Gulp.js and how to use plugins in the coding of JavaScript. Finally, you will learn how to perform tasks when the server is started, how browser synchronization is used and Gulp.js is used for unit testing.

Result

After finishing this course you are familiar with the possibilities of Gulp.js.

Prerequisites

There is no specific knowledge required.

Target audience

Software Developer, Web Developer

Content

Automating Web Development Tasks with Gulp.js

5 hours

Introducing Gulp.js to Web Development

  • start the course
  • describe what Gulp is and the benefits of using it in your development workflow
  • describe the purpose of a build pipeline and Gulp streams
  • identify the four Gulp APIs and describe the purpose of each
  • install the appropriate package installer for Windows or Mac computers
  • install and configure the Node.js node package manager (npm) for use in your projects
  • install and configure the Git version control package for your projects
  • use the npm package manager to install and configure Gulp and Bower globally for use in your projects
  • use the npm package manager to install and configure packages locally for use in your projects
  • identify the differences between dependencies and devDependencies and how to create them
  • install and configure the Brackets text editor
  • create a Hello World Gulpfile.js to demonstrate working with Gulp tasks
  • describe the purpose of the JSHint and JSCS plugins for performing code analysis against JavaScript
  • install and configure the Gulp JSHint and JSCS plugins for JavaScript linting and code style checking
  • create code for JSHint and JSCS tasks in Gulp
  • install and use the Gulp concat plugin to concatenate multiple files into one
  • install individual Gulp plugins as well as use lazy loading to load all Gulp plugins
  • install and use the Gulp uglify plugin to perform minification of your JavaScript code
  • create and work with a reusable configuration file in Gulp
  • install and use the Gulp SASS plugin to compile your CSS code
  • install and work with the Gulp autoprefixer plugin to add vendor prefixes in your CSS code
  • install and use the Gulp csslint plugin to locate problems in your CSS code
  • install and use the Gulp uncss plugin to perform optimization of your CSS code
  • install and use the Gulp csso plugin to remove all unnecessary characters from your CSS code
  • work with the on error method in Gulp to perform error handling in your CSS code
  • install and work with the gulp-plumber tool to perform error handling in your CSS code
  • identify the Gulp APIs and the main plugins used for working with JavaScript and CSS code

Web Building and Testing with Gulp.js

  • start the course
  • use the npm package manager to install wiredep and describe the purpose for using this package in your programs
  • work with wiredep to write your dependencies into your HTML
  • install and use the Gulp inject plugin to write custom dependencies into your HTML
  • use wiredep and inject to remove scripts and styles from your HTML code
  • work with wiredep to automatically add Bower files on install
  • install and use the Gulp htmlhint plugin to validate your HTML code
  • install and use the Gulp htmlmin plugin to minify your HTML code
  • use the npm package manager to install gulp-nodemon and describe the purpose for using this package in your programs
  • work with nodemon to monitor changes and handle events when working with your code
  • use nodemon to run Gulp tasks when the node server starts and restarts as a result of code changes
  • describe browser synchronization and the purpose for using it when working with your development code
  • use the npm package manager to install browser-sync and how to configure it for use in your program
  • work with the browser-sync module and configure its options
  • use browser-sync to synchronize multiple browsers
  • use the npm package manager to install the gulp-task-listing package and create a listing of the tasks in your project
  • create a build folder and a Gulp task to copy the fonts to the dist/build folder
  • install the gulp-imagemin package to compress images and create a Gulp task to copy the compressed images to the dist/build folder
  • create tasks to clean the subfolders of the dist/build folder
  • use the npm package manager to install mocha and chai and describe how gulp can use them to perform unit testing on your code
  • work with mocha to run unit tests using the command line test runner
  • work with the mocha to run unit tests inside the browser
  • use istanbul with mocha to test code coverage in your projects
  • use the request package to perform server integration testing
  • identify what is needed to prepare your HTML code, build and run tasks, create the build folder and perform testing on your projects

Course options

We offer several optional training products to enhance your learning experience. If you are planning to use our training course in preperation for an official exam then whe highly recommend using these optional training products to ensure an optimal learning experience. Sometimes there is only a practice exam or/and practice lab available.

Optional practice exam (trial exam)

To supplement this training course you may add a special practice exam. This practice exam comprises a number of trial exams which are very similar to the real exam, both in terms of form and content. This is the ultimate way to test whether you are ready for the exam. 

Optional practice lab

To supplement this training course you may add a special practice lab. You perform the tasks on real hardware and/or software applicable to your Lab. The labs are fully hosted in our cloud. The only thing you need to use our practice labs is a web browser. In the LiveLab environment you will find exercises which you can start immediatelyThe lab enviromentconsist of complete networks containing for example, clients, servers,etc. This is the ultimate way to gain extensive hands-on experience. 

WHY_ICTTRAININGEN

Via ons opleidingsconcept bespaar je tot 80% op trainingen

Start met leren wanneer je wilt. Je bepaalt zelf het gewenste tempo

Spar met medecursisten en profileer je als autoriteit in je vakgebied.

Ontvang na succesvolle afronding van je cursus het officiële certificaat van deelname van Icttrainingen.nl

Krijg inzicht in uitgebreide voortgangsinformatie van jezelf of je medewerkers

Kennis opdoen met interactieve e-learning en uitgebreide praktijkopdrachten door gecertificeerde docenten

Orderproces

Once we have processed your order and payment, we will give you access to your courses. If you still have any questions about our ordering process, please refer to the button below.

read more about the order process

What is included?

Certificate of participation Yes
Monitor Progress Yes
Award Winning E-learning Yes
Mobile ready Yes
Sharing knowledge Unlimited access to our IT professionals community
Study advice Our consultants are here for you to advice about your study career and options
Study materials Certified teachers with in depth knowledge about the subject.
Service World's best service

Platform

Na bestelling van je training krijg je toegang tot ons innovatieve leerplatform. Hier vind je al je gekochte (of gevolgde) trainingen, kan je eventueel cursisten aanmaken en krijg je toegang tot uitgebreide voortgangsinformatie.

Life Long Learning

Follow multiple courses? Read more about our Life Long Learning concept

read more

Contact us

Need training advise? Contact us!


contact