abonnement Unibet Coolblue Bitvavo
pi_137461192
quote:
0s.gif Op donderdag 6 maart 2014 20:56 schreef Catch22- het volgende:
Begin met jquery en bootstrap. Dan door met angularjs.

Yeoman heb ik wel eens naar gekeken, maar dat is niet in te passen in onze werkwijze
Dat. Nodejs daarna.

Daarnaast zijn bower, grunt, npm etc best wel essentieel in ons vakgebied tegenwoordig toch? Althans, ik merkte dat ik het vrij snel doorhad en kon toepassen.

[ Bericht 0% gewijzigd door #ANONIEM op 06-03-2014 21:01:59 ]
pi_137461285
quote:
0s.gif Op donderdag 6 maart 2014 21:01 schreef esv7 het volgende:

[..]

Less wordt toch ook gewoon omgezet in css door middel van een compiler?
Klopt, grunt heeft daar gewoon ingebouwde commando's voor. Net zoals minifying etc
pi_137461362
quote:
0s.gif Op donderdag 6 maart 2014 21:01 schreef esv7 het volgende:

[..]

Less wordt toch ook gewoon omgezet in css door middel van een compiler?
quote:
1s.gif Op donderdag 6 maart 2014 21:02 schreef Scorpie het volgende:

[..]

Klopt, grunt heeft daar gewoon ingebouwde commando's voor. Net zoals minifying etc
Jawel, maar instromen in een project waar dat al is opgezet of eindelijk zelf eens een fatsoenlijke dev omgeving opzetten is wel een verschil. Dan moet je het zelf voor elkaar krijgen. Maar dat bleek dus geen probleem te zijn, draait inmiddels gewoon zoals het hoort.

quote:
1s.gif Op donderdag 6 maart 2014 21:01 schreef Scorpie het volgende:

[..]

Dat. Nodejs daarna.

Daarnaast zijn bower, grunt, npm etc best wel essentieel in ons vakgebied tegenwoordig toch? Althans, ik merkte dat ik het vrij snel doorhad en kon toepassen.
Ik heb bijna 3 jaar in een omgeving gewerkt waar innovatie gewoon allemaal te duur en te moeilijk was. Ik deed de hele dag lekker plain html, css en wat jquery. Nu zit ik opeens in een bedrijf waar alles heel erg modern is. Ik heb dus echt een boel in te halen. Vandaar dat ik ff wat verdwaald ben en me dom voel :P.

Zo even uit mijn hoofd, sinds September heb ik deze dingen voor het eerst pas gebruikt:
LESS
Kendo UI
Bootstrap 2 en 3
NodeJS
Angular (heel klein beetje, maar wel een werkende directive geschreven uiteindelijk)
Grunt
Bower

En nu dus Backbone en Underscore.
pi_137461442
quote:
14s.gif Op donderdag 6 maart 2014 21:04 schreef picodealion het volgende:

[..]

[..]

Jawel, maar instromen in een project waar dat al is opgezet of eindelijk zelf eens een fatsoenlijke dev omgeving opzetten is wel een verschil. Dan moet je het zelf voor elkaar krijgen. Maar dat bleek dus geen probleem te zijn, draait inmiddels gewoon zoals het hoort.

[..]

Ik heb bijna 3 jaar in een omgeving gewerkt waar innovatie gewoon allemaal te duur en te moeilijk was. Ik deed de hele dag lekker plain html, css en wat jquery. Nu zit ik opeens in een bedrijf waar alles heel erg modern is. Ik heb dus echt een boel in te halen. Vandaar dat ik ff wat verdwaald ben en me dom voel :P.
Lijkt mij een stuk beter dan constant te herhalen wat je al kan dromen? :)
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
pi_137461521
Absoluut, vandaar dat ik ook enthousiast aan de slag ben gegaan. Maar het is wel ff slikken :D.
pi_137461524
quote:
14s.gif Op donderdag 6 maart 2014 21:04 schreef picodealion het volgende:

[..]


[..]

Jawel, maar instromen in een project waar dat al is opgezet of eindelijk zelf eens een fatsoenlijke dev omgeving opzetten is wel een verschil. Dan moet je het zelf voor elkaar krijgen. Maar dat bleek dus geen probleem te zijn, draait inmiddels gewoon zoals het hoort.

[..]

Ik heb bijna 3 jaar in een omgeving gewerkt waar innovatie gewoon allemaal te duur en te moeilijk was. Ik deed de hele dag lekker plain html, css en wat jquery. Nu zit ik opeens in een bedrijf waar alles heel erg modern is. Ik heb dus echt een boel in te halen. Vandaar dat ik ff wat verdwaald ben en me dom voel :P.

Zo even uit mijn hoofd, sinds September heb ik deze dingen voor het eerst pas gebruikt:
LESS
Kendo UI
Bootstrap 2 en 3
NodeJS
Angular (heel klein beetje, maar wel een werkende directive geschreven uiteindelijk)
Grunt
Bower

En nu dus Backbone en Underscore.
Welkom in onze nieuwe wereld vriend :D
pi_137461761
Overigens staat Polymer ook op de korte-termijn lijst. Dat ziet er echt veelbelovend uit.
pi_137462234
quote:
0s.gif Op donderdag 6 maart 2014 20:56 schreef Catch22- het volgende:
Begin met jquery en bootstrap. Dan door met angularjs.

Yeoman heb ik wel eens naar gekeken, maar dat is niet in te passen in onze werkwijze
AngularJS is inderdaad een genot om mee te werken, helaas alleen nog maar kunnen gebruiken voor wat eigen hobby projectjes.

Bij ons op het werk willen ze er niet aan o.a. doordat het slecht geïndexeerd wordt door Google.
Met omslachtige foefjes wel iets aan te doen maar toch.

Hoe pak jij dat eigenlijk aan als ik vragen mag?
  donderdag 6 maart 2014 @ 22:06:34 #219
56176 Catch22-
Ben je Blind?!
pi_137465267
Ik doe t gewoon. Ik heb schijt.

Maar serieus; ik heb af en toe wat r&d uren en dan ga ik wat tools/technieken gebruiken om te zien wat ik er mee kan en of dat toepasbaar is. En als er dan een project langskomt wat daarvoor geschikt is, dan gebruik ik het.

Zo gaan we binnenkort serieus bezig met een mobiele app. Ik heb daar met ionic framework (angularjs, cordova en een ui framework) een proof of concept voor gebouwd.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_137466988
Grappig hoe Javascript werkt. Ik probeerde geforceerd een Singleton te maken van een Container-klasse.

Maar dat is helemaal niet nodig. Alles is een object dus je kunt simpelweg een variabele hebben met een array erin. Dan heb je al een soort container.

Even wennen dat prototype de echte "klasse" is en de functie zelf eigenlijk de constructor. :P
  donderdag 6 maart 2014 @ 22:42:11 #221
56176 Catch22-
Ben je Blind?!
pi_137467370
Ja het is allemaal lastig te bevatten soms :)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_137468346
quote:
1s.gif Op donderdag 6 maart 2014 22:34 schreef robin007bond het volgende:
Grappig hoe Javascript werkt. Ik probeerde geforceerd een Singleton te maken van een Container-klasse.

Maar dat is helemaal niet nodig. Alles is een object dus je kunt simpelweg een variabele hebben met een array erin. Dan heb je al een soort container.

Even wennen dat prototype de echte "klasse" is en de functie zelf eigenlijk de constructor. :P
Kwam toevallig gister deze tegen, misschien heb je er wat aan?


Beetje knullig, maar wel een aardige intro voor het concept dat letterlijk alles een object is in js.
pi_137495938
quote:
14s.gif Op donderdag 6 maart 2014 23:02 schreef picodealion het volgende:

[..]

Kwam toevallig gister deze tegen, misschien heb je er wat aan?


Beetje knullig, maar wel een aardige intro voor het concept dat letterlijk alles een object is in js.
Thanks. Ik heb het inmiddels al veel beter door, dankzij het boek. Maar toch bedankt voor het filmpje.

Je kunt echt super mooie dingen doen in web development. Het is allemaal even wennen, maar ik begin het steeds meer te waarderen. Als het gaat om CSS ben ik echter erg knuddig. Designen is niet zo mijn ding, maar ik zal het me nog goed eigen proberen te maken.
pi_137496110
quote:
0s.gif Op vrijdag 7 maart 2014 20:41 schreef robin007bond het volgende:

[..]

Thanks. Ik heb het inmiddels al veel beter door, dankzij het boek. Maar toch bedankt voor het filmpje.

Je kunt echt super mooie dingen doen in web development. Het is allemaal even wennen, maar ik begin het steeds meer te waarderen. Als het gaat om CSS ben ik echter erg knuddig. Designen is niet zo mijn ding, maar ik zal het me nog goed eigen proberen te maken.
Ik kan absoluut niet designen, maar met CSS ben ik goed. Zolang je maar gewoon een plaatje voor je hebt om na te maken komt er geen design bij kijken imo, gewoon lekker puzzelen ^O^.

Overigens heb ik mijn eerste werkende mini-applicatietje in Backbone geschreven. Simpel todo-appje, maar ik begin het aardig door te krijgen. Ik moest voor een intakegesprek komende week zorgen dat ik Backbone op mijn (interne) cv kon zetten, dus nu ga ik zorgen dat ik daar ook daadwerkelijk achter sta voordat ik op gesprek ga 8-).
pi_137508787
quote:
14s.gif Op vrijdag 7 maart 2014 20:45 schreef picodealion het volgende:

[..]

Ik kan absoluut niet designen, maar met CSS ben ik goed. Zolang je maar gewoon een plaatje voor je hebt om na te maken komt er geen design bij kijken imo, gewoon lekker puzzelen ^O^.

Overigens heb ik mijn eerste werkende mini-applicatietje in Backbone geschreven. Simpel todo-appje, maar ik begin het aardig door te krijgen. Ik moest voor een intakegesprek komende week zorgen dat ik Backbone op mijn (interne) cv kon zetten, dus nu ga ik zorgen dat ik daar ook daadwerkelijk achter sta voordat ik op gesprek ga 8-).
Backbone heb ik ook gezien. Ziet er goed uit en maakt het allemaal wat gestructureerder.

Ik ben terughoudend met het gebruik van dergelijke frameworks omdat ik stage loop. Als ik dan weg ben en iemand moet de applicatie onderhouden, dan moet diegene eerst het framework leren. Jquery gebruik ik uiteraard wel. Vooral voor AJAX erg handig.

Hoe maken jullie je code overzichtelijk eigenlijk? In Java en C# heb ik voor iedere klasse een apart bestand, maar super veel aparte script-tags in je HTML is niet leuk natuurlijk.
pi_137508947
Alle Javascript-modules in losse bestanden en deze met RequireJS i.c.m. ConditionerJS van mijn collega inladen. En dan met Grunt een task die een groot aantal bestanden plat slaat naar 1 file om het aantal requests te beperken. In principe heb je dan maar een paar script-tags nodig. Eentje voor wat eventuele shims/polyfills voor IE, een eventuele HTMLshiv voor IE8 en lager en dan je RequireJS-file.
Nee.
pi_137511406
Dat Require heb ik nog niet naar gekeken. Ik heb het voor nu maar even gemakkelijk gedaan: grunt pakt naast de libraries gewoon /scripts/*.js en plakt ze aan elkaar. Hoe ik dat bij een grotere site zou doen heb ik nog niet goed over nagedacht :P.
  zaterdag 8 maart 2014 @ 13:29:07 #228
12221 Tijn
Powered by MS Paint
pi_137511742
Het probleem van zoiets als "/scrips/*.js" is dat je geen invloed hebt op de volgorde waarin ze worden ingeladen, terwijl dat soms wel uitmaakt.
pi_137512029
quote:
2s.gif Op zaterdag 8 maart 2014 13:29 schreef Tijn het volgende:
Het probleem van zoiets als "/scrips/*.js" is dat je geen invloed hebt op de volgorde waarin ze worden ingeladen, terwijl dat soms wel uitmaakt.
Is dat niet op alfabetische volgorde?

quote:
100-script123.js
110-inladennascript123.js
190-laatstescript.js
Opgelost. Vind t wel n beetje lelijk :P

[ Bericht 7% gewijzigd door #ANONIEM op 08-03-2014 13:45:25 ]
pi_137512196
quote:
0s.gif Op zaterdag 8 maart 2014 10:50 schreef PimD het volgende:
Alle Javascript-modules in losse bestanden en deze met RequireJS i.c.m. ConditionerJS van mijn collega inladen. En dan met Grunt een task die een groot aantal bestanden plat slaat naar 1 file om het aantal requests te beperken. In principe heb je dan maar een paar script-tags nodig. Eentje voor wat eventuele shims/polyfills voor IE, een eventuele HTMLshiv voor IE8 en lager en dan je RequireJS-file.
Dat dus. Grunt _O_
pi_137512863
Ik vind het wel allemaal supertraag worden als je Grunt + SASS + Jekyll + AutoPrefixer en nog wat plugins hebt draaien in een wat groter project :(
Nee.
  zaterdag 8 maart 2014 @ 15:30:08 #232
12221 Tijn
Powered by MS Paint
pi_137514308
quote:
2s.gif Op zaterdag 8 maart 2014 13:45 schreef d4v1d het volgende:

[..]

Is dat niet op alfabetische volgorde?

[..]

Opgelost. Vind t wel n beetje lelijk :P
Ja, dit is dus waarom je RequireJS gebruikt, want je wil natuurlijk niet dat de filenames bepalen hoe je applicatie werkt :P
pi_137514423
Ik ben nu al een tijdje bezig met Jekyll, een static site generator. Echt ideaal voor de kleine projectjes die ik soms nog naast m'n werk doe. Geen gezeik met CMS'en, databases en de hele bende. Echt geweldig :D
Nee.
pi_137516357
quote:
10s.gif Op zaterdag 8 maart 2014 15:30 schreef Tijn het volgende:

[..]

Ja, dit is dus waarom je RequireJS gebruikt, want je wil natuurlijk niet dat de filenames bepalen hoe je applicatie werkt :P
Zo'n vermoeden had ik al. Is het volgende waar ik me maar eens in ga verdiepen. Vooralsnog bestaan de meeste losse bestanden die ik met * inlaad sowieso uit aparte classes en laad ik als laatste het 'main' js bestand in waarin ik die allemaal gebruik. Maar dat is ook maar praktisch tot een bepaalde projectgrootte.
pi_137548823
Beste, ik heb een klein probleempje met de volgorde waarop wat methods worden uitgevoerd, de code staat ook als een plaatje in de spoiler voor syntax highlighting.
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Navigation = function(page_class) {
    var that = this;
    that.page_holder = new Array();
    that.page = {
        id: null,
        x: null,
        y: null
    };
    that.current_page = 0;
    that.get_pages = function() {
        $(document).ready(function() {
            $(".page").each(function() {
                var i = that.page_holder.length;
                that.page_holder[i] = that.page;
                that.page_holder[i].id = i;
                that.page_holder[i].x = $(this).offset().left;
                that.page_holder[i].y = $(this).offset().top;
                that.nav_to(3);
            });
        });
    }();
    that.nav_to = function(id) {
        console.log(that.page_holder.length + ", " + id);
    };
};

test = new Navigation("page");
test.nav_to(5);

Het probleem is, dat nav_to() method wordt uitgevoerd voordat de get_pages() method klaar is. De method nav_to() is afhankelijk van get_pages() dus deze mag pas uitgevoerd worden nadat get_pages() helemaal klaar is.

Hoe kan ik dit oplossen zonder nav_to ook in een document.ready function te gooien? :o
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
  zondag 9 maart 2014 @ 17:18:57 #236
56176 Catch22-
Ben je Blind?!
pi_137548956
Die document ready moet daar sowieso weg.

Verdiep je eens in callbacks :)

Waar wordt die get pages aangeroepen dan?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_137549103
quote:
1s.gif Op zondag 9 maart 2014 17:18 schreef Catch22- het volgende:
Die document ready moet daar sowieso weg.

Verdiep je eens in callbacks :)

Waar wordt die get pages aangeroepen dan?
Waarom moet de document.ready.function weg? Ik dacht dat dit ervoor zorgde dat eerst de DOM werd geladen voordat de jquery functie wordt uitgevoerd, en dit is de bedoeling aangezien deze functie afhankelijk is van de DOM.

De get_pages() functie wordt uitgevoerd zodra er een object wordt aangemaakt aan de hand van de class(prototype) Navigation.

Verder zal ik naar callbacks kijken, ik weet ongeveer hoe het werkt maar niet hoe ik het hier goed kan toepassen.
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
  zondag 9 maart 2014 @ 17:30:47 #238
56176 Catch22-
Ben je Blind?!
pi_137549405
Dan moet je de hele class pas initialiseren als de dom klaar is. Nooit in je functies iets oplijmen aan de doc ready.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_137549439
quote:
0s.gif Op zondag 9 maart 2014 17:30 schreef Catch22- het volgende:
Dan moet je de hele class pas initialiseren als de dom klaar is. Nooit in je functies iets oplijmen aan de doc ready.
Ahhh ja natuurlijk, stom van mij, dankjewel. :) ^O^
Het is opgelost, super *O* .

[ Bericht 7% gewijzigd door esv7 op 09-03-2014 17:38:04 ]
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
  zondag 9 maart 2014 @ 18:12:43 #240
230788 n8n
Pragmatisch
pi_137550944
Voor mensen met sass/less, heb net autoprefixer ontdekt, is iig een node van voor grunt en gulp. Scheelt een hele zut mixins plus het voegt automatisch alleen relevante prefixes toe op basis van caniuse
Specialization is for insects”.—Robert Heinlein
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')