Ik geef training in frontend tools en stacks als HTML, JavaScript, TypeScript, React, Angular en Vue. Ik schrijf boeken en artikelen over tal van (ICT-) onderwerpen. Ik was lead developer en directeur bij Yindo - Jouw digitale bibliotheek. Je kunt mij volgen op Twitter(@PeterKassenaar).

In dit blog vind je persoonlijke artikelen, die niet noodzakelijk tech-gerelateerd zijn.

Views and expressions are my own.

Terug naar de algemene site.

24oktober

Verwacht: Web Development Library – AngularJS

Cover van Web Development Library - AngularJS

Dit jaar ben ik begonnen met de Web Development Library, een serie boeken die op een wat meer gevorderd niveau ingaat op zaken waar de moderne frontend web developer mee te maken krijgt.

Op dit moment zijn er drie boeken verschenen in deze serie: JavaScript, jQuery en jQuery Mobile. De volgende titel in de reeks is inmiddels bekend: Web Development Library – AngularJS.

Over AngularJS

AngularJS is een populair client-sided MV*-framework, geschreven in JavaScript. Het biedt voorzieningen waar moderne webapps om vragen zoals data binding, routing, dependency injection, controllers, views en modules.

Ik schreef op dit blog al eerder over AngularJS, onder andere een introductie en over bronnen voor AngularJS. Ook is AngularJS verreweg het meest gevraagde onderwerp voor mijn trainingen. Ter indicatie: ruim 50% van al mijn cursussen gaat over AngularJS. Dat betekent dus dat de andere 50% wordt ingenomen door alle overige onderwerpen tezamen (JavaScript, jQuery, PhoneGap, enzovoort). Met andere woorden: Angular is hot.

In overleg met uitgeverij Van Duuren Media is dan ook besloten dat AngularJS het eerstvolgende onderwerp wordt waarover een uitgave zal verschijnen in de Web Development Library.

Concept inhoud

De inhoud van het boek staat nog niet vast en op detailniveau kunnen nog aanpassingen worden doorgevoerd. Op dit moment ziet de concept inhoudsopgave er als volgt uit:

  • Kennismaken met AngularJS
  • Uw eerste AngularJS-applicatie
  • Meegeleverde directives gebruiken
  • Controllers en modules
  • Routing binnen applicaties
  • Gegevensvoorziening met Services en Factories
  • Live gegevens ophalen met $http
  • Werken met interceptors
  • Custom Directives schrijven
  • AngularJS-applicatiets testen

Ik ben het boek op dit moment aan het schrijven. Uitgave wordt verwacht in het eerste kwartaal van 2015.

Wil je op de hoogte gehouden worden van het verschijnen van deze titel? Laat dan een berichtje achter via de contactpagina. Je krijgt dan eenmalig een e-mailbericht als het boek is verschenen.

Peter Kassenaar
-- 24 oktober 2014

10oktober

jQuery Mobile videotutorials

9789059407602-kleinBinnenkort verschijnt in de serie Web Development Library de titel jQuery Mobile. Dit is een boek dat uitgebreid ingaat op het maken van webapps die zijn geoptimaliseerd voor weergave op mobiele apparaten (smartphones, tablets).

Bij deze uitgave heb ik ook een serie videodemo’s gemaakt. Je kunt ze aanvullend aan het boek bekijken om meer te leren over jQuery Mobile. Natuurlijk is het mogelijk uitsluitend de video’s bekijken, maar het gaat veel beter als je ook het boek hebt gekocht ;-).

In de videodemo’s wordt het maken van een jQuery Mobile website/webapp besproken vanaf het beginpunt. Er wordt gekeken wat de werking en architectuur van jQuery Mobile-sites is, daarna worden de visuele widgets besproken die met dit uitgebreide mobiele framework worden meegeleverd: pages, toolbars, panels, listviews, enzovoort.

YouTube

Het maken van de aanvullende video’s is work in progress, het is de bedoeling in de loop van de komende weken het aanbod verder uit te breiden en ook video’s te maken met onderwerpen waarvoor in het boek geen ruimte meer was.

Hieronder de eerste video uit de lijst (http://youtu.be/X7VaAPzCm_w)

 

De totale serie is te vinden als YouTube-afspeellijst: http://www.youtube.com/playlist?list=PLhOYRbbfrvpF5FjupbTLZLCgoQRNy4a22

Om automatisch op de hoogte te worden gehouden als er een nieuwe video in de reeks beschikbaar is, kun je je abonneren: klik op de knop Abonneren, rechts onder de banner van het videokanaal.

youtube_channel

Opmerkingen voor uitbreidingen of verbeteringen zijn zoals altijd welkom! Je kunt ze kwijt bij de video’s zelf, of onder deze blogpost.

Peter Kassenaar
-- 10 oktober 2014.

15augustus

Web Development Library - jQuery

9789059407596Deze maand is het tweede deel in de serie Web Development Library, verschenen. Dit is Web Development Library – jQuery. Het is het logische vervolg op Web Development Library – JavaScript.

Als je als Web Developer nog nooit van jQuery hebt gehoord, heb je waarschijnlijk de laatste vijf jaar onder een steen geleefd. De andere optie is dat je net met je studie, of opleiding bent begonnen. Maar ook als je jQuery al wel kent, betekent dit nog niet dat je met alleen kopiëren en plakken genoeg kennis hebt om sites zelf uit te bouwen met dit uitgebreide JavaScript-framework.

Wat is bijvoorbeeld precies de rol van document.ready()? Mag je meerdere document.ready()’s per pagina hebben? Wat betekent het dollarteken $ in een statement? Hoe maak je effecten en andere visual effects met jQuery? Hoe worden plug-ins aan een pagina toegevoegd en geconfigureerd? Op al deze vragen geeft Web Development Library – jQuery het antwoord!

Specificaties

  • Boek, paperback, 260 pagina’s.
  • ISBN-13: 978-90-5940-759-6 (9789059407596)
  • Geschikt voor opleidingen en zelfstudie
  • Onafhankelijk van gebruikte platform en browser
  • Prijs: EUR 24,95

Van de flaptekst:

“Met dit deel van de Web Development Library leert u snel werken met jQuery. Dit framework tilt de kracht van JavaScript naar een hoger niveau en strijkt tevens de verschillen tussen diverse browsers soepeltjes glad. Gelardeerd met vele voorbeelden en oefeningen is dit boek uw ultieme inleiding in de kracht van werken met jQuery. Tot de behandelde onderwerpen behoren:

  • Kennismaken met jQuery
  • HTML- en CSS-functies in jQuery
  • Events afhandelen in jQuery
  • jQuery-animatiefuncties
  • jQuery en Ajax
  • jQuery-plug-ins
  • Werken met jQuery UI

Meer informatie en downloads vindt u op www.webdevelopmentlibrary.nl.

Direct bestellen

-- Peter Kassenaar
15 augustus 2014

07juli

Web Development Library – JavaScript

9789059407589

Vorige week schreef ik over het ontstaan van de nieuwe serie Web Development Library; inmiddels is het eerste boek in deze reeks verschenen!

De basis van elke moderne webapp is JavaScript. Pas als je JavaScript in enige mate beheerst, is het een goed idee om verder te gaan met jQuery, PhoneGap of andere JavaScript-uitbreidingen. Het is dan ook logisch om de serie te beginnen met een boek over JavaScript.

In dit deel leer je programmeren in JavaScript, ondertussen de belangrijkste programmeertaal op internet. Zonder JavaScript zouden sites als Gmail, Facebook, Twitter en talloze andere niet eens bestaan. In het boek leer je JavaScript programmeren vanaf de basis. Eerst wordt ingegaan op taalconstructies, variabelen, lussen en voorwaardelijke statements.

Later maak je kennis met drie belangrijke JavaScript-pijlers als Functies, Arrays en Objecten. Aan het eind wordt ingegaan op JavaScript-mogelijkheden voor objectgeoriënteerd programmeren (ja, dat kan!), overerving, het maken van eigen modules en bibliotheken.

Specificaties

  • Boek, paperback, 240 pagina’s.
  • ISBN-13: 978-90-5940-758-9 (9789059407589)
  • Geschikt voor opleidingen en zelfstudie
  • Onafhankelijk van gebruikte platform en browser
  • Prijs: EUR 24,95

Van de flaptekst:

“Dit eerste deel van de serie Web Development Library biedt een stevige basis voor het programmeren in JavaScript, de scripttaal die interactiviteit in webbrowsers mogelijk maakt. De auteur gaat uitgebreid in op taalconstructies, opdrachten en de vele mogelijkheden die deze flexibele programmeertaal biedt. Met behulp van voorbeelden en oefeningen ontwikkelt u zich tot een gevorderde JavaScript-programmeur. Tot de behandelde onderwerpen behoren:

  • Kennismaken met JavaScript en JavaScript-gereedschappen
  • Statements, gegevenstypen, variabelen en operatoren
  • Functies, arrays en objecten
  • Programmaverloop
  • Werken met events en event handlers
  • Werken met het document object model (DOM)
  • Gevorderd gebruik van functies
  • Modulair programmeren

Meer informatie en downloads vindt u op www.webdevelopmentlibrary.nl.

Direct bestellen

-- Peter Kassenaar
7 juli 2014

24juni

Welkom bij de Web Development Library

wdl_logo

Geen enkel ander onderwerp staat de laatste jaren zo in de belangstelling als het ontwikkelen van goede websites en webapps. Bedrijven en organisaties nemen geen genoegen meer met eenvoudige HTML-websites of de standaardlay-out van een WordPress-site. Dit betekent dat ook de gereedschapskist van elke web developer steeds beter gevuld moet zijn. 

Traditioneel leerden ‘webmasters’ (kent u die term nog?) werken met grote totaalpakketten als Dreamweaver, Photoshop, Apache en MySQL. Maar tegenwoordig is het web anders. Compacter. Sneller. Afzonderlijke taken worden steeds vaker uitgevoerd door kleine en gespecialiseerde bibliotheken en tools. Er verschijnen wekelijks nieuwe JavaScript-uitbreidingen. Grote programma’s als Dreamweaver houden dat niet bij.

Stel dat je op dit moment werkt in Dreamweaver CS 5.5 (uit 2011) en kiest voor het maken van een nieuwe mobiele site. Je krijgt dan de versies jQuery 1.6 en jQuery Mobile 1.0.1 (!). Dat waren immers de actuele versies op het moment dat deze versie van Dreamweaver werd verscheept. Maar inmiddels zijn we aangeland bij jQuery 2.x en jQuery Mobile 1.4. Hetzelfde geldt voor andere ondersteunde bibliotheken die worden meegebundeld met developertools.

Kleinere, compacte tools

Nu schrijf ik al over webtechnologieën sinds 1998 en heb de opkomst (en ondergang) van FrontPage, Flash, Silverlight – en in zekere zin ook Dreamweaver – meegemaakt. De trend de afgelopen jaren is onmiskenbaar dat ‘standaarden’ die door één bedrijf zijn ontwikkeld (Microsoft, Adobe) tot mislukken gedoemd zijn, ten gunste van de open standaarden HTML, CSS en JavaScript.

Wat zijn immers de hot items van de afgelopen jaren?

  • Responsive Web Design – met baanbrekende CSS-tools als 960gs en Twitter Bootstrap.
  • JavaScript-bibliotheken als jQuery, jQuery Mobile en meer recent Knockout.js, AngularJS en afgeleiden.
  • HTML5 - met nieuwe elementen voor structuur, semantiek en media (audio, video, geolocation)
  • Mobiele websites en webapps, met tools als Apache Cordova (PhoneGap) en vergelijkbaar.
  • JavaScript op de server (NodeJS) en kleinere, NoSQL-databases als CouchDB en MongoDB in plaats van de bekende giganten MySQL, Oracle en SQL Server.

Kortom, stuk voor stuk kleinere, flexibele componenten die door developers onafhankelijk van elkaar ingezet, ontwikkeld en geüpdatet kunnen worden. Het zijn allemaal open technologieën.

Dit inzicht wordt gelukkig gedeeld door mijn fantastische uitgever Van Duuren Media, die dezelfde mening is toegedaan. Maar waar kan de moderne web developer informatie vinden over deze onderwerpen? Het idee voor de Web Development Library was geboren!

Web Development Library

9789059407589-kleinDe serie Web Development Library gaat bestaan uit een reeks compacte, Nederlandstalige boeken, waarin op een wat hoger niveau onderwerpen uit het vakgebied front-end web development worden behandeld. Elk boek bespreekt één onderwerp. Voorkennis over gerelateerde technieken wordt hierbij al bekend verondersteld. Beschikt je nog niet over alle voorkennis? Dan wordt dit opgelost in een ander deel uit de reeks.

Zo hoef je dus bijvoorbeeld niet een (dik en duur) boek aan te schaffen waarin ook alle basisbeginselen van JavaScript en jQuery worden besproken, als je alleen maar geïnteresseerd bent in jQuery Mobile. Het omgekeerde geldt ook. Weet je al globaal iets van jQuery, maar wil je nu eens meer weten over de JavaScript-technieken die hieraan ten grondslag liggen, dan kun je met één deel volstaan.

De totale serie bevat op die manier alles wat je nodig hebt om zelf moderne websites en -apps te kunnen maken. De reeks bestaat bij aanvang uit ongeveer vijf titels, maar wordt snel uitgebreid. Onderwerpen die in de serie aan de orde komen (elk dus in een eigen uitgave) zijn onder meer:

  • JavaScript
  • jQuery
  • jQuery Mobile
  • PhoneGap
  • AngularJS
  • SEO voor web developers

En ik ben blij te kunnen melden dat het eerste deel JavaScript, vandaag is verschenen! Ik ben nu druk bezig de volgende delen te schrijven. In de loop van 2014 zullen nog minimaal twee andere uitgaven van de persen rollen.

Website, Facebook en meer informatie

Een andere ontwikkeling is natuurlijk dat anno 2014 geen enkel zichzelf respecterend onderwerp  nog zonder eigen website of Facebook-pagina kan. Updates en nieuwtjes zullen dan ook verschijnen op:

http://www.webdevelopmentlibrary.nl/

wdl-site

 

https://www.facebook.com/webdevelopmentlibrary

wdl-facebook

Twitter – @WebDevLibrary

En natuurlijk op Twitter; volg @WebDevLibrary voor korte statusupdates uit de wereld van (front-end) webdevelopment.

Let op: via @WebDevLibrary worden uitdrukkelijk niet alleen maar reclame-tweets geplaatst voor boeken uit de serie zelf, maar zullen daadwerkelijk nieuwtjes over webdevelopment, RT’s van bekende developers en interessante links getweet worden. Verplichte kost voor de serieuze web developer!

Werk in uitvoering…

Zoals de webdevelopmentwereld continu in beweging is, willen we ook de serie Web Development Library steeds uitbreiden met actuele titels. Omdat ze beknopt en to-the-point geschreven zijn, gaat het schrijven vlot en is het uitgeeftraject kort.

Mocht je ideeën hebben voor nieuwe titels in deze serie, of zou je zelf een uitgave kunnen schrijven, aarzel dan niet om contact op te nemen!

We zijn benieuwd naar jullie reacties.

-- Peter Kassenaar
24 juni 2014.

19september

Handboek JavaScript en jQuery

Cover Handboek JavaScript en jQuery

Op 18 september 2013 is het Handboek JavaScript en jQuery verschenen.

Dit handboek bespreekt het werken met JavaScript vanaf het startpunt. Er is veel aandacht voor het leren programmeren in deze populaire scripttaal op internet. Er wordt geen voorafgaande programmeerkennis bekend verondersteld.

 

Specificaties

  • Boek, paperback, 350 pagina’s
  • Geschikt voor Windows, Macintosh, Linux en alle browsers
  • Geen speciale software benodigd
  • ISBN-13: 978-90-5940-614-8
  • Prijs: EUR 29,95

Inhoud

Het eerste deel van het boek gaat in op de JavaScript-core. Het besteedt veel aandacht aan de basis programmeerprincipes zoals de JavaScript-syntaxis, het werken met variabelen, de achtergronden bij functies, objecten en arrays. U leert meer dan alleen kopieren-en-plakken. Het Handboek JavaScript en jQuery is daarmee het beste oorspronkelijk Nederlandstalige werk voor het leren programmeren in JavaScript.

In het tweede deel van het boek wordt uw JavaScript core-kennis toegepast op het DOM in de browser en wordt jQuery geïntroduceerd. U leert ook jQuery vanaf de basis beheersen en maakt kennis met de tientallen functies in de jQuery API. Uiteraard wordt ook het werken met Ajax-functies voor gegevensuitwisseling met een externe server in detail besproken. Aan het eind wordt ingegaan op populaire jQuery plug-ins voor bijvoorbeeld diavoorstellingen en formuliervalidatie.

Maar ook nu is de achterliggende boodschap: u leert daadwerkelijk de basis van jQuery in combinatie met JavaScript goed beheersen. Deze kennis is van onschatbare waarde als u zelf scripts op internet vindt en deze in uw websites of apps wilt gebruiken. U weet dan precies wat u wel en niet moet kopiëren en plakken, en kunt zelf problemen oplossen als het niet direct gaat zoals u had gedacht.

Aan het einde van elk hoofdstuk zijn vragen en oefeningen opgenomen om de stof te herhalen. Hierdoor is het boek buitengewoon geschikt voor opleidingen en zelfstudie.

Beknopte inhoudsopgave

  • Kennismaken met JavaScript en JavaScript-gereedschappen
  • Statements, gegevenstypen, variabelen en operatoren
  • Functies, arrays en objecten
  • Programmaverloop
  • Events en event handlers in JavaScript
  • Werken met het document object model (DOM)
  • Kennismaken met jQuery
  • HTML- en CSS-functies in jQuery
  • Events afhandelen in jQuery
  • jQuery-animatiefuncties
  • jQuery en Ajax
  • jQuery-plug-ins
  • Werken met jQuery UI

Oefenbestanden

In het boek staan tal van codevoorbeelden en oefenbestanden om zelf met JavaScript en jQuery aan de slag te gaan. De oefenbestanden zijn te downloaden als één groot zip-bestand. Hierin staan in afzonderlijke mappen de oefenbestanden gerangschikt per hoofdstuk. Mocht hierin iets ontbreken of niet kloppen, neem dan even contact op.

 

-- Peter Kassenaar
19 september 2013

03september

Snel en gratis een website via Windows Azure

logo_windows_azure

Het Microsoft cloudplatform Windows Azure is nu ruim drieënhalf jaar commercieel beschikbaar. Maar pas sinds recente aanpassingen in het beheerdashboard en fikse prijsverlagingen deze zomer is het ook interessant geworden voor particulieren en hobbyisten. Azure is een compleet platform waar u allerlei zaken kunt onderbrengen: databases, webservices, websites, virtuele machines, uw complete Active Directory en nog veel meer.

Gratis hosting

In dit artikel kijk ik naar een interessante optie voor particulieren en kleine bedrijven. Het is sinds deze zomer namelijk zonder meer mogelijk om gratis (als in: voor 0 euro) permanent een website te hosten bij Azure. De website is gewoon 24/7 beschikbaar, maakt naar keuze gebruik van PHP of .NET (of uitsluitend HTML/CSS), u kunt er een gratis 20MB SQL Server database aan koppelen en elke programmeertaal van uw keuze gebruiken.

Pas op het moment dat u meer wilt – denk bijvoorbeeld aan de koppeling met een eigen domeinnaam, een SSL-certificaat, een grotere database, capaciteit voor meer bezoekers – dan hoeft u de site te upgraden en gaat de (financiële) teller lopen. Dat opwaarderen is eenvoudig een kwestie van een schuif naar rechts verslepen op het beheerdashboard van Azure regelt de rest. En als de piekbelasting voorbij is, kunt u de site weer afwaarderen naar bijvoorbeeld minder processors, minder RAM, enzovoort.

Dit is een perfect scenario voor particulieren en hobbyisten. Maar ook voor teams die bijvoorbeeld voor korte tijd een evenementenwebsite moeten plaatsen die gedurende een week (of korter of langer) zeer veel bezoek moet kunnen verwerken.

Iedereen kan zich gratis aanmelden. Stel dat u lokaal al een testwebsite hebt voorbereid, dan plaatst u die op de volgende wijze online bij Azure.

Stap 1. Aanmelden bij Azure

  • Ga naar http://www.windowsazure.com/nl-nl/ en kies rechtsboven de optie Gratis proefversie.
  • Meldt u aan met een Microsoft-account en volg verder de aanwijzingen op het scherm.
  • Let op: hebt u al een MSDN-abonnement, of bijvoorbeeld een Microsoft Partner-account? Dan is daarbij al Azure-toegang inbegrepen. U krijgt dan elke maand bijvoorbeeld 75 euro (de eerste maand zelfs 150,-) om te spenderen aan Virtual Machines, databases of andere diensten naar keuze.

Gratis aanmelden bij Windows Azure

Stap 2. Nieuwe website maken

Als u bent aangemeld bij Azure, komt u in het management portal, op https://manage.windowsazure.com. Dit is vanaf nu ook het centrale adres om al uw Azure-services te beheren. Aan de linkerkant ziet u een overzicht van alle diensten die u kunt benutten. We kiezen nu voor het maken van een nieuwe website.

  • Klik onderin, in de grijze balk op de knop met het grote plusteken NEW.
  • Kies Compute, Web site.

Azure - nieuwe website maken

  • Kies de optie Quick Create. Dit maakt een nieuwe, lege website die u naar eigen wens kunt vullen.
    • Quick Create is handig als u bijvoorbeeld al lokaal een website hebt voorbereid die u wilt gaan hosten op Azure. Als u nog helemaal niks hebt, kunt u ook een standaardsite beginnen via From Gallery. Dit bespreek ik later, in een volgende blogpost.
  • Geef de site een naam en kies een regio.
    • De regio bepaalt in welk Microsoft-datacenter de website wordt geplaatst. Voor ons ligt North Europe het meest voor de hand, maar als u veel bezoek uit Azië verwacht, kies dan bijvoorbeeld East Asia.
  • De naam moet uniek zijn, en bepaalt onder welke URL de website beschikbaar wordt. Ik kies als voorbeeld pk-asieldieren (ik heb een kleine testsite gemaakt die XML-data uit de Nederlandse asielen ophaalt en toont) en de totale URL wordt daarom http://pk-asieldieren.azurewebsites.net/.

Kies een naam en locatie voor de site

  • Klik onderin op Create Web Site. Azure gaat aan de slag en toont na enige tijd de status in het dashboard. Uw eerste Azure website is gereed!

De Azure-testsite is gereed

  • U kunt de website zelfs al testen. Klik op de URL achter de websitenaam om te zien hoe de site er uitziet. Standaard plaatst Microsoft de volgende pagina.

De standaard placeholder pagina bij Azure websites

Het is nu tijd om te bepalen hoe u uw eigen site op de Azure-site gaat plaatsen. Dit hangt af van uw voorkeuren voor een editor of publicatiewijze. Microsoft ziet natuurlijk graag dat u de (gratis) Visual Studio Express gebruikt – en dat is ook een prima editor. Een van de beste zelfs die op de markt is, wat mij betreft. Van uit Visual Studio kunt u rechtstreeks publiceren naar Azure.

Maar misschien werkt u liever met traditionele FTP-software zoals FileZilla of CuteFTP. Ook dat is geen probleem. U kunt dan een profiel aanmaken voor Azure. Vandaar dat ik de volgende stap heb gesplitst in twee delen

  • Stap 3a – publiceren vanuit Visual Studio via PublishSettings
  • Stap 3b – publiceren via FTP.

Stap 3a – Publiceren vanuit Visual Studio

Visual Studio is een van de beste IDE’s die beschikbaar is en de standaardeditor voor iedereen die programmeert in .NET. Vanuit Azure kunt u een bestandje met Publish Settings downloaden die u kunt importeren in Visual Studio. Azure is dan als publicatieprofiel beschikbaar in de werkbalk.

Publish Settings downloaden voor gebruik in Visual Studio

Na het maken van de website is het overzicht te zien (u kunt dit opnieuw openen door op het blauwe wolkje, links naast de tabs Dashboard, Monitor, enzovoort te klikken).

  • Kies onder Publish your app voor Download the publish profile en sla het .PublishSettings-bestand op (bijvoorbeeld op het bureaublad).
  • Open uw site in Visual Studio en kies voor het importeren van het publicatieprofiel.

Het publicatieprofiel importeren in Visual Studio

  • Met de knop Publish – ook zichtbaar, rechtsonder in de afbeelding – wordt de site vanuit Visual Studio rechtstreeks naar de juiste locatie bij Azure gepubliceerd. Makkelijker kan bijna niet.

De vensters zien er achtereenvolgens als volgt uit:

Eigenschappen voor publicatie naar Azure vanuit Visual Studio

  • Gebruik eventueel de knop Validate Connection om te zien of Visual Studio goed verbinding kan maken met Azure.
  • Klik op Publish als alles OK is. Na enige tijd laat Visual Studio in het venster Output zien dat de operatie geslaagd is.

Publiceren naar Azure vanuit Visual Studio

  • Op de URL bij Azure is nu de complete website te zien, in plaats van alleen de placeholder pagina.

Stap 3b – Publiceren via FTP

Als u liever werkt met een traditionele FTP-client zoals FileZilla, dan moet hierin eerst een publicatieprofiel aanmaken met een FTP-username en wachtwoord. Hiervoor kunt u uiteraard niet uw Microsoft-account gebruiken. U zult in Azure eerst een FTP-username en wachtwoord moeten instellen. Dat gaat op de volgende manier.

Instellingen opgeven voor publicatie via FTP

  • Kies onder Publish your app voor Set up deployment credentials.
  • Typ in het volgende scherm een gebruikersnaam en een wachtwoord. Deze moet u straks (samen met andere informatie!) gaan gebruiken in uw FTP-toepassing.
    • Een andere mogelijkheid is dat Azure rechtstreeks verbinding maakt met uw Github-account. Ook daar kom ik in een latere blogpost op terug.

Een FTP-gebruikersnaam en wachtwoord instellen

  • Azure wijzigt uw gegevens en laat dit via de meldingsbalk onderin het venster zien. Dit is altijd een handige locatie om te zien wat u hebt gedaan. Met het kruisje zijn eventueel de oude meldingen te verwijderen.

Azure statusmeldingen

FTP-toepassing instellen

U kunt nu een publicatieprofiel in uw FTP-toepassing gaan maken. Ik gebruik CuteFTP (een tamelijk verouderd FTP-programma, maar ik ben er nu eenmaal aan gewend en het doet alles wat ik wil). De complete gegevens zijn op te vragen via het Azure Dashboard. Dit gaat op de volgende manier. U kunt deze stappen ongetwijfeld vertalen naar uw eigen favoriete FTP-tool).

  • Selecteer bovenin de optie Dashboard. U ziet dan een overzicht met alle eigenschappen van de site, het dataverbruik en meer.
  • Blader naar beneden en bekijk rechts de opties bij FTP Host Name en Deployment/FTP User. Deze gegevens kopieert u naar uw FTP-tool.
    • De FTP Host Name begint met ftp://waws-…enzovoort.
    • De FTP Username is de naam van uw site plus de gebruikersnaam die u hebt opgegeven. In mijn voorbeeld dus letterlijk pk-asieldieren/PeterKassenaar.
  • Gebruik in uw FTP-tool deze items en het wachtwoord dat u in de vorige stap hebt opgegeven.

FTP-gegevens opzoeken via het Azure Dashboard

U kunt nu verbinding maken via FTP. In CuteFTP ziet het venster er dan als volgt uit.

Via FTP verbonden met Azure

  • Blader naar de map /site/wwwroot om de site te plaatsen.
  • Standaard is hierin alleen het bestand hostingstart.html aanwezig. Dit is de placeholder pagina die we hierboven al tegenkwamen. Zodra u de site hebt geplaatst, kunt u dit eventueel verwijderen.
  • Upload de site op de gebruikelijke manier.

Stap 4 – de site controleren

De site is nu geplaatst bij Azure en is voor iedereen op het web te bereiken. Test dit door de URL in de browser te bezoeken. In dit voorbeeld is dat http://pk-asieldieren.azurewebsites.net/

azure_12

Het is niet verplicht een database of serversided techniek te gebruiken. Deze voorbeeldsite (Asieldieren) is met uitsluitend HTML, CSS, JavaScript en jQuery (Mobile) gebouwd. Op Azure kunt u allerlei soorten sites kwijt. U kunt nu de site op de gebruikelijke manier onderhouden: lokaal, op uw eigen computer bouwen en testen, en daarna naar wens via Visual Studio of via FTP naar Azure publiceren.

In volgende blogartikelen zal ik dieper ingaan op de configuratie en verschillende mogelijkheden voor websites bij Azure.

Conclusie

Via Windows Azure kan iedereen gratis een website hosten. Er zijn tal van configuratiemogelijkheden via een uitgebreid beheerdersdashboard. In dit artikel hebben we gezien hoe u zich aanmeldt voor een Azure-account, hoe u een nieuwe website maakt binnen uw account en hoe u een site vervolgens met Visual Studio of via FTP publiceert. In volgende blogartikelen wordt dieper ingegaan op de diverse mogelijkheden van Azure.

Hebt u ondertussen vragen of opmerkingen, stuur dan even een mailtje of laat onder dit artikel een reactie achter.

 

Peter Kassenaar
-- 3 september 2013

17juni

Instant jQuery UI Starter– book review

Instant jQuery UI Starter

Instant jQuery UI Starter is een boek uit de serie Instant van Packt Publishing. Dit is een serie boeken die kort en bondig een onderwerp beschrijven. Zoals de naam al aangeeft biedt het boek een snelle start in het betreffende onderwerp. Niet meer en niet minder. Verwacht dus geen compleet naslagwerk of een dik boek waarin alle aspecten worden besproken.

 

Inhoud

Het boek Instant jQuery UI Starter doet precies wat het beloofd. Als eerste geeft de auteur aan hoe de ontwikkelomgeving voor jQuery UI het best wordt ingesteld. Hij laat zien welke onderdelen uit de download u wel- en niet nodig hebt. De volgende pagina's geven als herhaling een inleiding op JavaScript en jQuery en tonen hoe u een eerste widget maakt met jQuery UI.

In de rest van het boek komen vijf onderdelen uit de totale bibliotheek aan de orde: drag-and-drop, selectables, effects, formulierelementen vormgeven (knoppen, checkboxes en radiobuttons) en modale vensters. Andere widgets worden niet besproken, noch genoemd (denk aan de accordeon, datumpicker, autocomplete en meer).

Het boek besluit met een aantal nuttige hyperlinks naar de officiële jQuery-sites enkele – schijnbaar willekeurig gekozen – blogartikelen over jQuery UI en de twitteradressen van bekende jQuery-ontwikkelaars.

Voordelen

  • Het boek biedt nuttige codevoorbeelden en bereikt zijn doel: om de lezer op weg te helpen met jQuery UI.
  • De opmaak is prettig, goed leesbaar en de tekst is in het algemeen goed en begrijpelijk geschreven zonder al te veel onnodig jargon.
  • De URL's aan het einde van het boek bieden een goed uitgangspunt voor verdere studie en maken u bekend met enkele bekende personen in jQuery-land.

Nadelen

  • Het boek is slechts 47 pagina's lang, waarvan bovendien maar 17(!) pagina's (de pagina's 14 t/m 31) voor daadwerkelijke codevoorbeelden en informatie worden gebruikt. De rest van het boek wordt gevuld met introductietekst, inhoudsopgave en advertenties voor andere boeken van Packt.
  • Door alleen de codevoorbeelden te lezen (niet uitputtend, ik heb de voorbeelden niet uitgeprobeerd op een computer) viel mijn oog al op enkele typefouten die voor beginners lastig te vinden zijn zoals vergeten apostrofs en komma's in JavaScript-objecten. Deze hadden in het redactieproces ondervangen moeten worden.
  • Hoewel de tekst goed leesbaar is, ontbreken aanvullende screenshots totaal. JQuery UI is een visuele bibliotheek en ik zou graag zien dat de codevoorbeelden in het boek werden toegelicht met schermafbeeldingen waarin het resultaat is te zien. Alleen bij de slider in het introductiehoofdstuk worden een paar screenshots geplaatst, maar de rest van het boek bestaat enkel uit tekst en code.
  • De prijs van de paperbackversie (onder meer verkrijgbaar bij amazon.co.uk, ca. GBP 13,-) is te hoog voor het gebodene.

Conclusie

Het boek bereikt het gestelde doel: de lezer laten kennismaken met de kracht van jQuery UI. Dat is prima. Maar als paperback is het boek te duur voor wat geboden wordt. Als e-book voor ongeveer de helft van de prijs (onder meer bij bol.com of op de site van de uitgever zelf voor ongeveer EUR 5,-) is het een betere deal, ofschoon de inhoud nog steeds erg beperkt is. Zelfs voor een Starter boek.

 

 

Peter Kassenaar
-- 17 juni 2013

[disclaimer: ik heb het boek van de uitgever gratis gekregen ter review. De uitgever heeft op geen enkele manier invloed gevraagd of uitgeoefend op de inhoud van dit artikel. Het is mijn persoonlijke mening.]