JavaScript Task Runners - Gulp & Grunt

•Télécharger en tant que PPTX, PDF•

2 j'aime•803 vues

Lohith Goudagere Nagaraj

Slide deck used for my webinar titled "JavaScript Task Runners for Web" held on Jan 28 2016

Technologie

JavaScript Task Runners
Gulp & Grunt
Lohith G N

About Me …
Microsoft MVP (Visual Studio & Development)
Technical Evangelist
@kashyapa
http://www.kashyapas.com
http://about.me/kashyapa
Lohith G N

Agenda
• Web Development Tasks
• What is a Task Runner
• Why Task Runner
• Gulp
• Grunt

WEB DEVELOPMENT TASKS
What tasks do you perform for deployment ?

Deployment Tasks
• Compile SASS to CSS
• Compile LESS to CSS
• Concatenating JavaScript
• Minifying JavaScript
• Testing your code (JavaScript)
• Linting your code (JavaScript)
• …

BUILD SYSTEMS OR TASK RUNNERS
What are they ?

Build Systems
• Collection of Tasks
• Automate Repetitive Work
• Also called Task Runners

Modern Front End Workflow
Package
Managers
Preprocessors
Task Runners &
Build Tools

Modern Front End Workflow
Package
Managers
Bower NPM
Preprocessors CSS (SASS, LESS) JavaScript HTML
Task Runners
& Build Tools Gulp Grunt

Configuration over Code
http://gruntjs.com

CONFIDENTIAL
Thank You !
Lohith.Nagaraj@Telerik.com

Contenu connexe

Tendances

Gulp - The Streaming Build SystemTO THE NEW | Technology

Automating your workflow with Gulp.jsBo-Yi Wu

GulpJs - An IntroductionKnoldus Inc.

Gulp - the streaming build systemSergey Romaneko

JavaScript code academy - introductionJaroslav Kubíček

Devenez le plus heureux des Front-end avec Gulp.jsRémy Savard

Getting started with gulpjsunmesh dusane

gulpRevath S Kumar

Production Ready Javascript With GruntXB Software, Ltd.

Introduction to GulpJsHarish Gadiya

TDC2016SP - Esqueça Grunt ou Gulp. Webpack and NPM rule them all!tdc-globalcode

Introduction to using Grunt & Bower with WordPress theme developmentJames Bundey

Web development tools { starter pack }François Michaudon

Toolbox of a Ruby TeamArto Artnik

Webpack & React Performance in 16+ StepsGrgur Grisogono

Using the Command Line: Bash and WP-CLIMarc Gratch

Preprocessor Workflow with GruntVlad Filippov

Develop - Project ScaffoldingKevin Cao

Forget Grunt and Gulp! Webpack and NPM rule them all!Derek Willian Stavis

Modernizing Your WordPress Workflow with Grunt & BowerAlan Crissey

Tendances (20)

Gulp - The Streaming Build System

Automating your workflow with Gulp.js

GulpJs - An Introduction

Gulp - the streaming build system

JavaScript code academy - introduction

Devenez le plus heureux des Front-end avec Gulp.js

Getting started with gulpjs

gulp

Production Ready Javascript With Grunt

Introduction to GulpJs

TDC2016SP - Esqueça Grunt ou Gulp. Webpack and NPM rule them all!

Introduction to using Grunt & Bower with WordPress theme development

Web development tools { starter pack }

Toolbox of a Ruby Team

Webpack & React Performance in 16+ Steps

Using the Command Line: Bash and WP-CLI

Preprocessor Workflow with Grunt

Develop - Project Scaffolding

Forget Grunt and Gulp! Webpack and NPM rule them all!

Modernizing Your WordPress Workflow with Grunt & Bower

Similaire à JavaScript Task Runners - Gulp & Grunt

ALM Tour 2013 - Entregar a tiempo y sin erroresJose Luis Soria

Improve your web dev workflow in Visual StudioDavid Paquette

Js Automation. npm scripts & GulpAnton Dosov

Release Management with Visual Studio Team Services and Office Dev PnPPetter Skodvin-Hvammen

WordCamp Atlanta - April 15 2018 - dev team workflow and processes with word...Evan Mullins

DEVELOPING SHAREPOINT FRAMEWORK SOLUTIONS FOR THE ENTERPRISEEuropean Collaboration Summit

Free Online SharePoint Framework WebinarManoj Mittal

North east user group tour10n Software, LLC

Tackling performance in the WordPress ecosystem at scaleFelix Arntz

WordPress automation and CIRan Bar-Zik

Web development - Developing Web as A TeamMuhammad Akbar Yasin

Ship It ! with Ruby/ Rails EcosystemYi-Ting Cheng

Branding office 365 with front end toolingThomas Daly

State of PrintCSS - MarkupUK 2023.pdfAndreas Jung

Server Add-ons for Front-end DevelopersAtlassian

CRM Saturday: DevOps with Jonas RappJonas Rapp

Java script nirvana in netbeans [con5679]Ryan Cuprak

The MEAN StackMd. Ziaul Haq

Webpack and Web Performance OptimizationChen-Tien Tsai

Usability in the GeoWebDave Bouwman

Similaire à JavaScript Task Runners - Gulp & Grunt (20)

ALM Tour 2013 - Entregar a tiempo y sin errores

Improve your web dev workflow in Visual Studio

Js Automation. npm scripts & Gulp

Release Management with Visual Studio Team Services and Office Dev PnP

WordCamp Atlanta - April 15 2018 - dev team workflow and processes with word...

DEVELOPING SHAREPOINT FRAMEWORK SOLUTIONS FOR THE ENTERPRISE

Free Online SharePoint Framework Webinar

North east user group tour

Tackling performance in the WordPress ecosystem at scale

WordPress automation and CI

Web development - Developing Web as A Team

Ship It ! with Ruby/ Rails Ecosystem

Branding office 365 with front end tooling

State of PrintCSS - MarkupUK 2023.pdf

Server Add-ons for Front-end Developers

CRM Saturday: DevOps with Jonas Rapp

Java script nirvana in netbeans [con5679]

The MEAN Stack

Webpack and Web Performance Optimization

Usability in the GeoWeb

Plus de Lohith Goudagere Nagaraj

Porting Hybrid Apps to Native AppsLohith Goudagere Nagaraj

Hybrid Mobile App Development With CordovaLohith Goudagere Nagaraj

Building Web Apps & APIs With Node JSLohith Goudagere Nagaraj

Even Quicker Development with Xamarin Forms Using Telerik UI for XamarinLohith Goudagere Nagaraj

You Know Angular 2, You Know Native Mobile App DevelopmentLohith Goudagere Nagaraj

Connecting your .Net Applications to NoSQL Databases - MongoDB & CassandraLohith Goudagere Nagaraj

Angular JS 2.0 & React with Kendo UILohith Goudagere Nagaraj

Kendo UI Wrappers in ASP.NET CoreLohith Goudagere Nagaraj

Seamless Access to Data from BI Tools using DataDirect CloudLohith Goudagere Nagaraj

The Bleeding Edge - Whats New in Angular 2Lohith Goudagere Nagaraj

Introduction to UWP - Universal Windows Platform Application DevelopmentLohith Goudagere Nagaraj

Cross Platform Web Applications Using ASP.NET Core 1.0Lohith Goudagere Nagaraj

Build Leaner, Faster Web Applications with ASP.NETLohith Goudagere Nagaraj

Visual Studio 2015 - Whats New ?Lohith Goudagere Nagaraj

Introduction to React JSLohith Goudagere Nagaraj

Online Spreadsheet for your Web Applications using Kendo UILohith Goudagere Nagaraj

NativeScript + Push NotificationsLohith Goudagere Nagaraj

10 Useful New Features of ECMA Script 6Lohith Goudagere Nagaraj

New Enterprisre Capabilities in Telerik PlatformLohith Goudagere Nagaraj

Creating Custom HTML Helpers in ASP.NET MVCLohith Goudagere Nagaraj

Plus de Lohith Goudagere Nagaraj (20)

Porting Hybrid Apps to Native Apps

Hybrid Mobile App Development With Cordova

Building Web Apps & APIs With Node JS

Even Quicker Development with Xamarin Forms Using Telerik UI for Xamarin

You Know Angular 2, You Know Native Mobile App Development

Connecting your .Net Applications to NoSQL Databases - MongoDB & Cassandra

Angular JS 2.0 & React with Kendo UI

Kendo UI Wrappers in ASP.NET Core

Seamless Access to Data from BI Tools using DataDirect Cloud

The Bleeding Edge - Whats New in Angular 2

Introduction to UWP - Universal Windows Platform Application Development

Cross Platform Web Applications Using ASP.NET Core 1.0

Build Leaner, Faster Web Applications with ASP.NET

Visual Studio 2015 - Whats New ?

Introduction to React JS

Online Spreadsheet for your Web Applications using Kendo UI

NativeScript + Push Notifications

10 Useful New Features of ECMA Script 6

New Enterprisre Capabilities in Telerik Platform

Creating Custom HTML Helpers in ASP.NET MVC

Dernier

Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst

Vector Databases 101 - An introduction to the world of Vector DatabasesZilliz

DevEX - reference for building teams, processes, and platformsSergiu Bodiu

Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB

DMCC Future of Trade Web3 - Special EditionDubai Multi Commodity Centre

AI as an Interface for Commercial BuildingsMemoori

Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106

WordPress Websites for Engineers: Elevate Your Brandgvaughan

Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity

My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer

Commit 2024 - Secret Management made easyAlfredo García Lavilla

Install Stable Diffusion in windows machinePadma Pradeep

What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett

Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge

Story boards and shot lists for my a level piececharlottematthew16

Search Engine Optimization SEO PDF for 2024.pdfRankYa

Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos

"ML in Production",Oleksandr BaganFwdays

Dernier (20)

Human Factors of XR: Using Human Factors to Design XR Systems

Vector Databases 101 - An introduction to the world of Vector Databases

DevEX - reference for building teams, processes, and platforms

Developer Data Modeling Mistakes: From Postgres to NoSQL

DMCC Future of Trade Web3 - Special Edition

AI as an Interface for Commercial Buildings

Ensuring Technical Readiness For Copilot in Microsoft 365

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics

WordPress Websites for Engineers: Elevate Your Brand

Dev Dives: Streamline document processing with UiPath Studio Web

My INSURER PTE LTD - Insurtech Innovation Award 2024

Commit 2024 - Secret Management made easy

Install Stable Diffusion in windows machine

What's New in Teams Calling, Meetings and Devices March 2024

Designing IA for AI - Information Architecture Conference 2024

Story boards and shot lists for my a level piece

Search Engine Optimization SEO PDF for 2024.pdf

Scanning the Internet for External Cloud Exposures via SSL Certs

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)

"ML in Production",Oleksandr Bagan

JavaScript Task Runners - Gulp & Grunt

1. JavaScript Task Runners Gulp & Grunt Lohith G N

2. About Me … Microsoft MVP (Visual Studio & Development) Technical Evangelist @kashyapa http://www.kashyapas.com http://about.me/kashyapa Lohith G N

3. Agenda • Web Development Tasks • What is a Task Runner • Why Task Runner • Gulp • Grunt

4. WEB DEVELOPMENT TASKS What tasks do you perform for deployment ?

5. Deployment Tasks • Compile SASS to CSS • Compile LESS to CSS • Concatenating JavaScript • Minifying JavaScript • Testing your code (JavaScript) • Linting your code (JavaScript) • …

6. BUILD SYSTEMS OR TASK RUNNERS What are they ?

7. Build Systems • Collection of Tasks • Automate Repetitive Work • Also called Task Runners

8. Modern Front End Workflow Package Managers Preprocessors Task Runners & Build Tools

9. Modern Front End Workflow Package Managers Bower NPM Preprocessors CSS (SASS, LESS) JavaScript HTML Task Runners & Build Tools Gulp Grunt

10. GULP Streaming Build System

11. http://gulpjs.com

12. GRUNT

13. Configuration over Code http://gruntjs.com

14. CONFIDENTIAL Thank You ! Lohith.Nagaraj@Telerik.com

JavaScript Task Runners - Gulp & Grunt

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à JavaScript Task Runners - Gulp & Grunt

Similaire à JavaScript Task Runners - Gulp & Grunt (20)

Plus de Lohith Goudagere Nagaraj

Plus de Lohith Goudagere Nagaraj (20)

Dernier

Dernier (20)

JavaScript Task Runners - Gulp & Grunt