gulp

Concatenate & Minify Javascript with Gulp, Improve Site Performance

Concatenate & Minify Javascript with Gulp, Improve Site Performance

This tutorial is part of a series on Gulp: Getting Started with Gulp Javascript Task Runner Compiling SASS/SCSS to CSS with Gulp Concatenate & Minify Javascript with Gulp, Improve Site Performance When building large web applications, you'll find that your app may require LOTS of javascript files. Numerous requests for large files can slow site performance. With Gulp, we can improve the overall performance of our sites and applications by minifying our javascript to reduce the file size and concatenating our files to reduce the number of file requests. (If you need help installing Gulp, go back and read...

Getting Started with Gulp Javascript Task Runner

Getting Started with Gulp Javascript Task Runner

This tutorial is part of a series on Gulp: Getting Started with Gulp Javascript Task Runner Compiling SASS/SCSS to CSS with Gulp Concatenate & Minify Javascript with Gulp, Improve Site Performance As a developer how you work is just as important as what you are working on. You should be focusing on writing good code and reducing the overhead involved with building and serving your application. Gulp can can help you achieve this by allowing you to define and run automated tasks to compile, minify, build and serve your code. Gulp is javascript task runner. It has become the...

Avoid pushing broken builds with a Git pre-commit hook + Gulp

Avoid pushing broken builds with a Git pre-commit hook + Gulp

(This tutorial assumes you are working on a Mac. Sorry, not sorry, Windows!) Purpose: to prevent pushing broken tests or erroneous code that could break your remote build. Getting Started Git has many 'hooks' that fire when important actions occur: https://git-scm.com/book/en/v2/Customizing-Git-Git-Hooks You can take advantage of these hooks to automate tasks when they fire. In this tutorial we will create a pre-commit hook to automatically test our code and abort the commit if anything fails, to keep you or your team from from pushing bad code. Where to put your hook All git repos...

Publishing an AngularJS Module to Bower

Publishing an AngularJS Module to Bower

Getting started with publishing your new AngularJS module to GitHub and Bower can be tough. But it's okay, we'll figure it out together. Below I have outlined the key steps taken to publish my own first bower component found here: https://github.com/codehangar/ng-copy-text. Step 1 Make your AngularJS module If you made your way to this post, you have probably already created an angular directive or service for an existing project, and like me, are looking for the most painless path to turn your directive in a bower component. Initializing Let's start with creating a new directory. mkdir...