Course: Automating Web Development Tasks with Gulp.js
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
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 immediately. The lab enviromentconsist of complete networks containing for example, clients, servers,etc. This is the ultimate way to gain extensive hands-on experience.
Sign In
WHY_ICTTRAININGEN
Betaal in termijnen
| Cursusnaam | |
| Looptijd | |
| Rentebedrag financiering | |
| Totaal bedrag | |
| Maandbedrag |
Gespreid betalen met Spraypay
Met de betaaloptie SprayPay kun je jouw bestelling van € 250,- tot € 3.500,- veilig en gespreid betalen in gelijke termijnen van 12, 18, 24 of 36 maanden. Je hebt op die manier een minimale financiële belasting en je kunt eenvoudig de termijnbetalingen opnemen in jouw vaste lasten.
Hoe werkt het kopen op afbetaling? De beoordeling van de kredietaanvraag vindt online plaats. Binnen enkele seconden weet je of je in aanmerking komt voor een krediet. Is de aanvraag akkoord dan kun je meteen genieten van je aankoop.
Let op: deze betaalmetode is aleen beschikbaar voor particulieren! Bekijk voor je aankoop ook de SprayPay voorwaarden.
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
Een zakelijk account aanmaken
Wanneer u besteld namens uw bedrijf doet u er goed aan om aan zakelijk account bij ons aan te maken. Tijdens het registratieproces kunt u hiervoor kiezen. U heeft vervolgens de mogelijkheden om de bedrijfsgegevens in te voeren, een referentie en een afwijkend factuuradres toe te voegen.
Betaalmogelijkheden
U heeft bij ons diverse betaalmogelijkheden. Bij alle betaalopties ontvangt u sowieso een factuur na de bestelling. Gaat uw werkgever betalen, dan kiest u voor betaling per factuur.
Cursisten aanmaken
Als u een zakelijk account heeft aangemaakt dan heeft u de optie om cursisten/medewerkers aan te maken onder uw account. Als u dus meerdere trainingen koopt, kunt u cursisten aanmaken en deze vervolgens uitdelen aan uw collega’s. De cursisten krijgen een e-mail met inloggegevens wanneer zij worden aangemaakt en wanneer zij een training hebben gekregen.
Voortgangsinformatie
Met een zakelijk account bent u automatisch beheerder van uw organisatie en kunt u naast cursisten ook managers aanmaken. Beheerders en managers kunnen tevens voortgang inzien van alle cursisten binnen uw organisatie.
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.
FAQ
Niet gevonden wat je zocht? Bekijk alle vragen of neem contact op.