Angular 2

Aantekeningen bij de cursus Complete guide to Angular 2

VPS transfers:  http://ng2.mijnspeelplek.com/ (map httpdocs/ng2.mijnspeelplek.com)

ANGULAR CLI (Command Line Interface)

zie https://www.npmjs.com/package/angular-cli

Udate the angular cli:

  1. [sudo] npm uninstall g angularcli
  2. npm cache clean
  3. [sudo] npm install g angularcli@latest
ng –help
ng new PROJECT_NAME (in de root van je projects)
cd PROJECT_NAME
ng serve

Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Voor een lokale build (lees: deploy) view:

  1. Geef commando: ng build (Zie hieronder bij Deploying, punt 1)
  2. Ga naar folder dist
  3. Geef commando:  http_server (standaard op poort 8080. Reeds installed)

Deploying

  1. Schone omgeving! Geef commando: rmdir dist (zorg dat bitvise niet openstaat op dist folder, anders zijn de files gelocked)
  2. Schone omgeving! Remove bestanden in root op ng2.mijnspeelplek.com
  3. Geef commando: ng build -prod (minifies js files) (Je kunt ook zonder de -prod flag builden. De js bestanden blijven dan unminified)
  4. Inhoud map dist uploaden naar:  http://ng2.mijnspeelplek.com/ (map: httpdocs/ng2.mijnspeelplek.com)

Inline component

Ga eerst naar de folder waarbinnen je een inline component wilt maken. Daarna…

Command: ng g c <new component name) –flat -is -it

Betekenis:

  • ng = start de CLI
  • g is shortcut voor ‘generate’
  • c is shortcut voor ‘component’
  • –flat = maak geen map aan
  • -is = shortcut voor ‘–inline-styles’ = genereer geen bestanden maar gebruik de inline methode
  • -it = shortcut voor ‘–inline-template’

Zie https://www.udemy.com/the-complete-guide-to-angular-2/learn/v4/t/lecture/5735186

————————————————————————————

 

NPM update actions

Remember:

When scaffolding a new yeoman project after initial download you must install  the needed dependencies with:

npm install
bower install
gulp install
(grunt install?)

Updating npm dependencies

Install update tool (if not already done)

 npm install -g npm-check-updates

Check outdated packages

ncu

Update packages in package.json

 ncu -u

Update local packages regarding package.json

 npm update

Updating bower libraries

Install update tool (if not already done)

 npm install -g npm-check-updates

Check outdated packages

 ncu -m bower

Update packages in bower.json

 ncu -u -m bower

Update local packages regarding package.json

 bower update

Update bower.json forcing using the upgrades

 bower update -a/--upgradeAll

Locking package versions

Lock down version using npm-shrinkwrap.json

 npm shrinkwrap --dev

Clippy!

Ik stuitte al zoekende naar bruikbare javascript code snippets op deze grappige pagina. Ik kan, gezien de hoeveelheid werk die het gekost moet hebben, niet geloven dat ze dat in één weekend gebouwd hebben.
Clippy is een ode aan die goede (sic) oude tijd toen Microsoft geanimeerde helpericoontjes afbeeldde in de rechter benedenhoek bij programma’s als Word.
Omdat ik toch al bezig was met allerlei experimenten heb ik wat spul van ze bijeengeharkt en geïntegreerd met WordPress.

In mijn eigen javascript is Links, het schattige katje, als agent geactiveerd en hij zit zich een beetje te vervelen en af en toe iets anders te doen. Omdat violacase.nl 100% responsive moet zijn verhuist clippy bij viewportveranderingen steeds mee. De clippy css en js-code staat in de map resources, de aanroep doet one_clippy.php die wordt geïnclude door functions.php.

Je kunt clippy verslepen. Dubbelklik op clippy en hij animeert iets willekeurigs.

Jurr shit

Bulk verwijderen emails in Gmail:

  • open gMail in de Chrome
  • ga naar settings en zet: 100 mails per page
  • ga naar inbox en zet filter in search box : older_than:3y

Verander de 3 hierboven in het gewenste aantal jaren.

  1. Vink het vakje ‘alles’ aan en klik op:
  2. Prullenbak. De pagina zal zich verversen. Herhaal deze twee punten totdat er geen nieuwe pagina meer komt.

Aanmaken Labels en Filters (bijv: Belangrijk, Familie, Vrienden, Commercie)

Managen Contacten

Managen inkomende mail

  • Onbekende afzender en ongewenste mail: Spam
  • Bekende afzender maar ongewenste mail: Opzeggen verdere opsturing. (Hoe staat onderin het mailtje. Zo niet: Spam)
  • Bekende afzender en geen belangrijk contact en onïnteressante mail: Prullenbak
  • Bekende afzender, gewenste mail:  Eventueel toevoegen/muteren van label/filter. Eventueel toevoegen/muteren van het contact.

 

 

 

 

 

 

 

 

Hello world

De stukjes die ik hier schrijf zijn bedoeld voor mezelf.  Hier vind je vrijwel geen dagboeknotities, introspecties of ontboezemingen.

Deze site is meer een aantekenschrift dan een blog. Dat bijhouden is voor mij een noodzakelijk kwaad want ik vergeet nogal veel.

Je ziet desalnietemin toch wel waar ik me zo mee bezig hou.

 

 

Routebeschrijving

Vooraf:

Hou je in Frankrijk aan de verkeersregels. Met name snelheidslimiet, stopstrepen en doorgetrokken wegstrepen worden streng gecontroleerd.

Als je aangehouden wordt moet je als buitenlander mee naar het bureau en daar krijg je géén koffie maar krijg je wél een flinke meteen de betalen boete en houden ze je, om je te pesten (ambtenarenstaat!), heel lang vast.

De verkeersdrukte in Nederland, Luxemburg en noord-Frankrijk is groot. Reis dus bij voorkeur op een zondag en vertrek zo vroeg als je kan.

De totale afstand is 630 km. Ga er vanuit dat de reistijd vanwege boodschappen doen, tanken en af en toe pauzeren een kleine 8 uur zal zijn.

De routebeschrijving is gebaseerd op het volgen van de richtingborden op de wegen.

 

Centrum Leiden->N11->Utrecht->Eindhoven->Maastricht->Luik

Neem niet de ringweg naar Luxembourg, maar hou Liège en daarna centre aan. (In feite is dat gewoon de weg vervolgen)

Je komt in de stad vanzelf op de rechteroever van de rivier de Ourthe. Hou daar steeds (consequent!) de linkerbaan aan. Eenmaal aan het eind van die weg zie je weer een bord Luxembourg. Deze route volgen.

De benzine en tabak is in Luxemburg goedkoper dan in Nederland en véél goedkoper dan in Frankrijk.

Tank daar dus bij voorkeur en koop eventueel je shag of sigaretten.

Echter:

  • Na Luik heb je nog maar één benzinestation. Daarna moet je 140 km redelijk klimmen door de Ardennen zonder dat je een tankstation tegenkomt. Zorg dus dat je deze afstand kunt overbruggen.
  • Er zijn slechts twee (maar wel hele grote) benzinestations langs de snelweg in Luxemburg: Aire de Capellen en Aire de Berchem. Het kan daar druk zijn vanwege de toeristen.

Luxembourg->Metz->

Je hebt kans dat bij Metz verkeer richting Nancy wordt omgeleid over Metz-Est. Niets van aantrekken, gewoon doorrijden.

Nancy->Épinal->

Bij Épinal Centre ga je van de snelweg af richting Colmar. (Let op: Nu nog niet naar Bruyère! Je moet bij het verlaten van de afrit van de autoweg linksaf en na twee (drie?) rotondes rechtsaf. Het staat met borden aangegeven maar als je even niet oplet rij je rechtdoor en dus om)

Het is nu nog zo’n 30 km over de routes nationales.

Na ongeveer 16 km kom je op een rotonde, neem daar de 2e afslag: Bruyère.

Rij door tot in het centrum van dit provincieplaatsje en ga rechtsaf. Ga op de rotonde rechtdoor richting Gerardmer (het is nu nog zo’n 14 km)

Alsmaar je weg vervolgen. Je komt door de gehuchten Champ le Duc->Laveline->Aumontzey

Bij het passeren van het gemeentebord Granges sur Vologne is meteen aan je rechterhand een garagebedrijf. Ga direct na de garage rechtsaf (Frâmbemenii)

Na ongeveer 200 meter kom je over een brug met rode leuningen. Neem op de tweesprong daarna de weg links omhoog.

Rechts zie je een châlet-achtige woning en iets verderop een boerderijtje pal langs de weg. Neem direct achter de boerderij het kiezelpad naar rechts. (Voorzichtig voor je banden en ruiten: langzaam in je 1ste versnelling)

Na 50 meter strandt je bij een kleurige bloementuin met daarin een kalkkleurig huisje met bordeauxrode luiken: ons bescheiden domein.

Telefoon ☎ +330329588059