Productiviteit met WebStorm
3.9 (8 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
28 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Productiviteit met WebStorm to your Wishlist.

Add to Wishlist

Productiviteit met WebStorm

Haal alles uit je IDE! Leer sneller coderen en productief zijn met WebStorm, de ideale editor voor webdevelopment.
3.9 (8 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
28 students enrolled
Created by Peter Kassenaar
Last updated 4/2017
Dutch
Current price: $10 Original price: $25 Discount: 60% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Je leert hoe je WebStorm optimaal gebruikt in je rol als JavaScript- en TypeScript-developer.
  • Je leert hoe je de IDE aanpast voor eigen gebruik, wat de meest waardevolle sneltoetsen zijn en wat de snelste manier om je code te schrijven.
View Curriculum
Requirements
  • Speciale voorkennis is niet vereist. Het maakt niet uit of je werkt met Angular, React, Aurelia, of plain JavaScript en TypeScript, iedereen profiteert van sneller werken met hun IDE.
Description

WebStorm, de ideale IDE voor webdevelopers

JetBrains WebStorm is de ideal editor voor webdevelopers. Het is een volledig uitgeruste IDE die alle tools en voorzieningen biedt voor ontwikkelaars in JavaScript, TypeScript, NodeJS en uiteraard HTML en CSS.

Deze beknopte training laat zien hoe je WebStorm optimaal inzet om zo productief mogelijk te zijn. Je leert tal van handige trucs om sneller te werken. Je ziet alle mogelijkheden om de user interface aan te passen, sneltoetsen te gebruiken en je code snel te schrijven door Live Templates te maken en gebruiken. Daarnaast leer je hoe WebStorm je workflow ondersteunt als in jouw projecten gebruik wordt gemaakt van tools als Gulp, NPM of andere.

De training is specifiek bedoeld voor WebStorm, maar is ook uiterst waardevol voor gebruikers van andere JetBrains-editors zoals IntelliJ, PHPStorm, PyCharm en andere.

Tot de behandelde onderwerpen behoren:

  • WebStorm downloaden en installeren
  • De user interface verkennen en de deelvensters instellen
  • De user interface aanpassen en instellen voor optimaal gebruik
  • Sneller coderen met WebStorm in JavaScript, TypeScript, HTML en CSS
  • Build tools zoals Gulp en NPM optimaal gebruiken vanuit de IDE.
  • Git- en Github-integratie vanuit WebStorm
  • RESTful Webservices testen met de ingebouwde RESTful Client.
  • Plugins gebruiken, toevoegen en verwijderen
Who is the target audience?
  • De training Productiviteit met WebStorm is voor webdevelopers die een groot deel van hun dag bezig zijn met JavaScript, TypeScript, HTML, CSS en allerlei andere webtechnieken. Webstorm is hiervoor een van de beste editors. Er is geen specifieke voorkennis nodig, iedereen kan profiteren van de boost die je code krijgt door WebStorm optimaal te gebruiken. De training duurt minder dan twee uur, deze tijd heb je binnen een week terugverdiend doordat je code (veel!) sneller kunt schrijven, analyseren en debuggen.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
29 Lectures
02:09:18
+
Welkom
3 Lectures 09:09

Kennismaken met Peter Kassenaar en beknopt overzicht van de training.

Preview 01:45

High-level overzicht van de behandelde onderwerpen in deze training en een eerste gratis tip over hoe je een overzicht van alle sneltoetsen vindt op een handige referentiekaart.

Preview 02:43

Enkele overwegingen bij het gebruik van een editor of IDE en voorbeelden van beiden. Een korte introductie van WebStorm als IDE en waarom je WebStorm zou willen gebruiken (als je dat al niet doet!).

Preview 04:41
+
Installatie en instellingen
9 Lectures 34:57

Een kort overzicht van de inhoud van Module 2 - Installatie en instellingen

Agenda
01:43

Leer waar je WebStorm download en hoe je het programma installeert. Je maakt ook kennis met het WebStorm Early Access Program (EAP) waarmee je de nieuwste versie van het programma ophaalt en kennismaakt met nieuwe en nog niet gepubliceerde features.

WebStorm downloaden en installeren
04:29

Het Welkomstscherm (Welcome Screen) is het eerste venster dat je ziet als WebStorm wordt gestart. Het heeft enkele handigheidjes, waar we in deze video op ingaan.

Preview 02:25

Je maakt een leeg project en verkent de basisvensters van de IDE. Je ziet ook hoe je met sneltoetsen vlug kunt wisselen tussen de verschillende instellingen en deelvensters.

Kennismaken met de user interface
05:39

Je leert hoe je de user interface kunt aanpassen en de verschillende helpvensters kunt positioneren.

De user interface aanpassen
04:23

Om goed te kunnen werken met een editor moet je hem uiteraard kunnen aanpassen op basis van je eigen voorkeuren voor lettertype, -kleur en thema. Je ziet ook hoe je aanvullende thema's download van internet en gebruikt in WebStorm.

Preview 04:36

De opdracht Find Action (Cmd+Shift+A) maakt het mogelijk om instellingen van WebStorm rechtstreeks in een pop-upvenster aan te passen. Het is de snelste manier om user interfacewijzigingen aan te brengen.

Supersnel aanpassen met Find Action
04:00

Misschien ben je gewend te werken met een andere IDE, zoals Visual Studio of Eclipse en wil je deze sneltoetsen blijven gebruiken in WebStorm. Dat kan. Je leert ook hoe je eigen sneltoetsen definieert.

Keymaps en eigen sneltoetsen
05:24

Vaak werk je op meerdere computers, met verschillende besturingssystemen. In WebStorm kun je je instellingen (keymaps, kleuren, sneltoetsen enzovoort) makkelijk exporteren naar een bestand. In elke andere versie van WebStorm kun je dit bestand dan importeren.

Instellingen Exporteren en Importeren
02:18
+
Sneller programmeren met WebStorm
8 Lectures 42:19

Een korte inhoud van Module 4 - Sneller programmeren met WebStorm.

Agenda
01:04

Emmet (voorheen bekend als Zen Coding) is een ingebouwde templating taal die je prima kunt gebruiken om je webdevelopment productiviteit te verhogen. Deze video toont hoe je Emmet gebruikt om complexe HTML-structuren snel te typen.

Preview 06:18

Behalve voor HTML kan Emmet ook prima worden ingezet om CSS te schrijven. Er zijn iets minder mogelijkheden dan bij HTML, maar ook Emmet voor CSS is nog steeds een zeer welkome aanvulling in je webdevelopment-gereedschapskist.

Sneller CSS schrijven met Emmet
04:09

Er zijn allerlei sneltoetsen beschikbaar voor het snel openen van bestanden, zoeken naar classes en meer. Deze video toont de werking van Shift-Shift, Cmd-Shift-O en vele anderen.

Navigatie door bestanden, mappen en classes
06:11

Live Templates zijn de WebStorm-implementatie van codefragmenten (snippets). Met een paar toetsaanslagen kun je complete blokken code schrijven. Deze video toont enkele meegeleverde Live Templates en hoe je Cmd-J kunt gebruiken om meer Live Templates te vinden.

Live Templates gebruiken
04:43

De ingebouwde Live Templates versnellen je programmeersnelheid aanzienlijk. Maar hoe zou het zijn om je eigen fragmenten te schrijven met de code die JIJ het meest gebruikt? Deze video laat precies zien hoe dit gaat.

Live Templates maken
08:04

In bestandssjablonen (File Templates) is de inhoud van allerlei bestandstypen beschreven. Je gebruikt ze als je nieuwe html-, css- en andere bestandstypen maakt. Deze video laat zien je je bestaande File Templates aanpast en nieuwe, eigen File Templates maakt.

File Templates gebruiken en zelf maken
04:22

In deze module konden we maar een tipje van de sluier oplichten over wat er allemaal mogelijk is met WebStorm. De laatste video toont vier andere tips om sneller te werken en te navigeren.

Meer tips en trucs
07:28
+
Build tools, Versiecontrole en meer
9 Lectures 42:53

Een kort overzicht van de inhoud van Module 4 - Build tools, versiecontrole en meer.

Agenda
00:52

Gebruik je workflow-tools zoals NPM (package.json) of Gulp (gulpfile.js), dan zul je de mogelijkheden die WebStorm biedt om hiermee om te gaan op prijs stellen. Deze video laat zien hoe je deze gereedschappen rechtstreeks vanuit de IDE gebruikt.

NPM- en Gulp-scripts verwerken
07:49

WebStorm houdt lokale gegevens bij van elke wijziging die je in een bestand aanbrengt. Je kunt daarom veilig wijzigingen aanbrengen en eventueel terugdraaien. Local History is geen vervanging van een echt versiebeheersysteem, maar het stelt je wel in staat eenvoudige fouten en wijzigingen ongedaan te maken.

Local History gebruiken
04:53

Voor veel webdevelopers is Git de eerste keuze als versiebeheersysteem. Met WebStorm is uitstekende integratie met Git voorhanden. Je kunt vanuit het menu met Git lokale repositories initialiseren en vervolgens via een speciaal deelvenster verder beheren.

Integratie met Git
07:32

Behalve werken met lokale repositories kun je vanuit WebStorm ook direct online repo's aanmaken op Github en hier je project naartoe uploaden en verder onderhouden. Via het Log-tabblad is bovendien op een visuele manier te volgen welke wijzigingen je project allemaal heeft ondergaan sinds de eerste commit.

Integratie met Github
04:01

Behalve eigen repositories inchecken en bijhouden kun je natuurlijk ook bestaande repo's klonen en zo snel verder werken aan code. Dit werkt zowel voor je eigen repositories als voor die van anderen. 

Checkout of Clone vanuit Github
03:20

Hoogstwaarschijnlijk  zal je webapplicatie communiceren met externe of zelfgeschreven web services. Je kunt calls naar deze services rechtstreeks vanuit WebStorm plaatsen en debuggen, zodat je geen overige externe tools nodig hebt. 

RESTful web services testen en debuggen
08:14

Werken met plug-ins
05:02

Mis je nog video's over bepaalde onderwerpen, of ken je zelf een goede WebStorm-tip? Laat het weten! Ik zal graag de cursus uitbreiden met nieuwe video's over nog niet besproken onderdelen, zodat we er allemaal van kunnen profiteren.

Bedankt en jouw feedback
01:10
About the Instructor
Peter Kassenaar
4.3 Average rating
127 Reviews
404 Students
3 Courses
Pro level frontend trainer, author, developer

In ICT sinds 1996

Als pro-level trainer en schrijver van meer dan 100 ICT-boeken, talloze artikelen, blogposts en columns heb ik meer dan 20 jaar ervaring in het vakgebied. Ik ben ontwikkelaar van front-endtrainingen op het gebied van JavaScript, AngularJS 1.x en Angular 2, Node.js en andere frontend-technologieën (HTML, CSS, jQuery, PhoneGap, tooling en meer). 

Ik verspreid kennis via boeken, video's, en in klassikale of 1:1-trainingen. Je kunt altijd contact opnemen voor een live training of workshop in jouw bedrijf!