Kurs i

GulpJS for Web Apps

GulpJS har på kort tid seglat upp och blivit the mest använda och uppskattade byggverktyget för utveckling av själva klientdelen av webbapplikationer. Ett av skälen är stream pipes, som innebär att build tasks enkelt fogas samman av små byggsteg.

Denna kurs är uppbyggd kring många små praktiska uppgifter, vilka tillsammans ger dig en bra grund för ditt fortsatta arbete som client-side web developer.

Detta får du lära dig på kursen
  • Minification of stylesheets, scripts, images and html files
  • Dynamic browser reload of development web server files
  • Bower integration
Innehåll

Background and overview

Snabb översikt varför GulpJS har utvecklats och hur området utvecklats i raketfart de senaste åren

Short intro to NodeJS

Här går vi snabbt igenom Node JS och NPM, så att du kan använda plattformen GulpJS bygger på
  • What is NodeJS
  • Usage of the node package manager NPM
  • Understanding the package.json file
  • What is Bower and how to use it
  • Understanding the bower.json file

GulpJS scripts

Här går vi igenom hur ett gulpjs skript byggs upp och hur man skapar byggsteg, överför kommandoradsargument
  • Anatomy of a gulpjs script
  • Tasks
  • Pipes
  • Recommended project directory structure
  • Source files
  • Destination directory
  • Dependent tasks

The sample project

Här går vi igenom exempelprojektet, som används för de flesta av övningarna
  • Directory structure
  • HTML files
  • Stylesheets
  • Javascript files
  • Very short intro to Twitter Bootstrap
  • Bower dependencies

File tasks

Vi startar med de mest grundläggande byggstegen, såsom kopiering, radering av sammanslagning av filer
  • Copying files to a directory
  • File globing
  • Keeping or changing the folder structure
  • Merging files
  • Deleting files and directories

Support plugins

Det finns några plugins som man alltid bör ha med
  • Logging with colors
  • Empty pipe steps
  • Debug print outs between pipe steps
  • How to load all project plugins without effort
  • Running tasks in parallel or sequential and how avoid being surprised

Development server

Här visar vi steg-för-seg hur du konfigurerar en plugin för att starta en liten lokal webbserver som servar din webbplats. Dessutom hur du konfiguerar upp att varje gång du sparar någon av dina källkodsfiler, så laddar din webbläsare om alla filer helt automagiskt.

Production build

En stor del av byggprocessen handlar om att minska ned storleken på de filer som ska driftsättas. Här går vi igenom hur du gör.
  • Minifications of webb pages (HTML)
  • Minification of style sheets (CSS)
  • Minification of images (PNG, JPG)
  • Minification of scripts (JS)

Bower integration

Här visar vi hur du enkelt låter gulpjs hantera alla dina bower beroenden. När du är klar får du installera några fler bower paket och luta dig tillbaka och se hur gulpjs hanterar detta utan att du behöver leta efter och inkludera stilmallar och skript filer i index.html.
  • Bower files
  • Typical structure of bower components and know what to look for
SnabbFakta
Namn
GulpJS for Web Apps
Längd
2 dagar
Nivå
Beginner
Målgrupp
Webbapplikationsutvecklare
Förkunskaper
Erfarenhet av programmering av webbapplikationer i HTML/CSS/JS
Teknisk miljö
  • Windows eller *NIX
  • NodeJS
  • GulpJS CLI
  • Bower CLI
Relaterade Kurser
Kurs LängdNivå
JavaScript Basics2 dagar Beginner
AngularJS for Web Apps2 dagar Beginner
Schemalagd Kurs

Pris

12000 kr + moms

Aktuella KursDatum
StartdatumPlats
23 feb 2017Stockholm City
Företagsintern Kurs

Om du beställer en företagsintern kurs kommer vi till er och håller kursen i era egna lokaler. Priset bestäms av vår prismodell och baseras på antalet kursdagar, antalet deltagare, samt i förekommande fall resa och logi.

Prisexempel för NN deltagare

PPP kr + moms

Antal
Område

Läs mer om vår prismodell och beställningsvillkor här .