[HTML, CSS, JS] Frontend #38: Wrapper

quote:

Op woensdag 5 maart 2014 11:24 schreef KomtTijd... het volgende:

[..]

Jup. Vreselijk.

Dan kan ik je helaas niet verder helpen.

Ik vind het geweldig om te gebruiken in webapps waar de functionaliteit belangrijker is dan het design. Met Bootstrap heb je makkelijk en snel een goede en overzichtelijke layout. Maar goed, verder gebruik ik het ook niet. Websites krijgen nog steeds een custommade layout met Less erin.

quote:

Op woensdag 5 maart 2014 19:36 schreef robin007bond het volgende:

[..]

Thanks! Nee, niet gedaan. Bedankt.

Graag gedaan! Erg goed imho en nuttig voor iedereen die écht iets van JS wil leren.

Ik vind bootstrap wel bazig hoor. Scheelt me veel tijd

quote:

Op woensdag 5 maart 2014 19:50 schreef Catch22- het volgende:
Ik vind bootstrap wel bazig hoor. Scheelt me veel tijd

Ik vind het een beetje als seks met een dronken vrouw. Makkelijk en snel, maar achteraf voel je je alleen maar smerig.

quote:

Op woensdag 5 maart 2014 20:19 schreef KomtTijd... het volgende:

[..]

Ik vind het een beetje als seks met een dronken vrouw. Makkelijk en snel, maar achteraf voel je je alleen maar smerig.

Ik vind boilerplates en frameworks wel handig. Als ze een beetje fatsoenlijk in elkaar zitten zie je er niet meer vanaf dat je een boilerplate hebt gebruikt.

quote:

Op woensdag 5 maart 2014 11:50 schreef boem-dikkie het volgende:

[..]

Haha, ja ik bedoelde tegenover SASS.

Dan liever SASS

quote:

Op woensdag 5 maart 2014 20:19 schreef KomtTijd... het volgende:

[..]

Ik vind het een beetje als seks met een dronken vrouw. Makkelijk en snel, maar achteraf voel je je alleen maar smerig.

het bespaart mij domme tijd met simpele taken die ik kan besteden aan dingen die er toe doen.

quote:

Op woensdag 5 maart 2014 20:19 schreef KomtTijd... het volgende:

[..]

Ik vind het een beetje als seks met een dronken vrouw. Makkelijk en snel, maar achteraf voel je je alleen maar smerig.

Dit. Ik gebruik Bootstrap wel maar niet met volle overtuiging.

quote:

Op woensdag 5 maart 2014 22:27 schreef picodealion het volgende:

[..]

Dit. Ik gebruik Bootstrap wel maar niet met volle overtuiging.

Dat zeg ik. Net als dronken vrouwen. .

O'Reilly Atlas: The new learning environment from O’Reilly
Volledig te lezen boeken, o.a.:

JavaScript Cookbook
• Create interactive web and desktop applications
• Work with JavaScript objects, such as String, Array, Number, and Math
• Use JavaScript with Scalable Vector Graphics (SVG) and the canvas element
• Store data in various ways, from the simple to the complex
• Program the new HTML5 audio and video elements
• Implement concurrent programming with Web Workers
• Use and create jQuery plug-ins
• Use ARIA and JavaScript to create fully accessible rich internet applications

Programming JavaScript Applications
• AMD
• Asynchronous Operations, Callbacks, Promises and Deferreds
• Code Quality
• Function Polymorphism
• Function Scope, Hoisting and Closures
• Functional Programming and Stateless Functions
• Immediately Invoked Function Expressions
• Interfaces
• JavaScript Style Guide
• Lambdas
• Method Chaining and Fluent APIs
• Method Context
• Named Parameters
• Node Modules
• Object Factories
• Partial Application and Currying
• Plug-ins
• Principles of Modularity
• Prototypal Inheritance, Prototype Cloning and the Flyweight Pattern
• The Module Pattern
• Unit Testing

HTML5 Canvas
The second edition of this popular book gets you started with HTML5 Canvas.
Learn how to draw, render text, manipulate images, and create animation—all in the course of building several interactive web games throughout the book.

This online version of HTML5 Canvas includes 53 interactive examples and exercises. In Chapter 10, you’ll create a canvas version of an arcade classic, Retro Blaster, shown below. Move your ship with the mouse or your finger, and shoot the aliens traveling across the screen.

Node: Up and Running

[ Bericht 0% gewijzigd door Aether op 06-03-2014 20:56:43 ]

Ik heb even niks te doen op mijn werk (tussen twee klussen in) dus ik ben me maar eens gaan verdiepen in wat van die hippe nieuwe tools waar ik nog niks van wist: grunt en bower, en dus uiteraard ook node.js (alleen voor npm eigenlijk).

Nu ik het een beetje begin te snappen zie ik het nut er wel van in, maar wat een gedoe zeg om dat allemaal draaiend te krijgen. Mensen hier die ervaring met die tools en met Yeoman (volgende in het lijstje) hebben? Nog tips/links qua tutorials, use cases etc?

Ik vrees dat ik om echt goed oeferning hierin te krijgen maar gewoon een paar van mijn oude projectjes om moet zetten om hier gebruik van te maken. Dan heb ik alle belangrijke dingen tenminste een aantal keer gedaan en blijft het misschien wat beter hangen.

quote:

Op donderdag 6 maart 2014 09:29 schreef Aether het volgende:
O'Reilly Atlas: The new learning environment from O’Reilly
Volledig te lezen boeken, o.a.:

[ afbeelding ]JavaScript Cookbook
• Create interactive web and desktop applications
• Work with JavaScript objects, such as String, Array, Number, and Math
• Use JavaScript with Scalable Vector Graphics (SVG) and the canvas element
• Store data in various ways, from the simple to the complex
• Program the new HTML5 audio and video elements
• Implement concurrent programming with Web Workers
• Use and create jQuery plug-ins
• Use ARIA and JavaScript to create fully accessible rich internet applications

[ afbeelding ]Programming JavaScript Applications
• AMD
• Asynchronous Operations, Callbacks, Promises and Deferreds
• Code Quality
• Function Polymorphism
• Function Scope, Hoisting and Closures
• Functional Programming and Stateless Functions
• Immediately Invoked Function Expressions
• Interfaces
• JavaScript Style Guide
• Lambdas
• Method Chaining and Fluent APIs
• Method Context
• Named Parameters
• Node Modules
• Object Factories
• Partial Application and Currying
• Plug-ins
• Principles of Modularity
• Prototypal Inheritance, Prototype Cloning and the Flyweight Pattern
• The Module Pattern
• Unit Testing

[ afbeelding ]HTML5 Canvas
The second edition of this popular book gets you started with HTML5 Canvas.
Learn how to draw, render text, manipulate images, and create animation—all in the course of building several interactive web games throughout the book.

This online version of HTML5 Canvas includes 53 interactive examples and exercises. In Chapter 10, you’ll create a canvas version of an arcade classic, Retro Blaster, shown below. Move your ship with the mouse or your finger, and shoot the aliens traveling across the screen.

[ afbeelding ]Node: Up and Running

Oeh, ook interessant dit. Ik heb nog een boel te leren. Je moet wel je floats even clearen .

quote:

Op donderdag 6 maart 2014 20:03 schreef picodealion het volgende:
maar wat een gedoe zeg om dat allemaal draaiend te krijgen

Niet meer dan een simpel commando op de command-line toch?


Veel meer stelt het op de meeste besturingssystemen niet voor.

quote:

Op donderdag 6 maart 2014 20:21 schreef Tijn het volgende:

[..]

Niet meer dan een simpel commando op de command-line toch?
[ code verwijderd ]

Veel meer stelt het op de meeste besturingssystemen niet voor.

Niet als je er allemaal geen snars van snapt. Het probleem met de meeste van die tools is dat de "getting started" pagina al aanneemt dat je een boel weet. Daarnaast vind ik dat ze vaak slecht uitleggen waarom je zoiets nou zou willen gebruiken.

Als je even doorzet en wat tutorials volgt kom je er uiteindelijk wel, maar wát het nu precies doet en hoe dat dan werkt is nog steeds niet altijd even duidelijk.

Overigens vond ik deze video wel erg handig. Gaat vrij snel, maar behandelt wel een boel van de basics in 1 keer:

Ik dacht dat je dan wel ruby en gems installed moet hebben voor windows?

Ik heb een mac dus ik heb gewoon node erop gepleurd en alles via npm gedaan, is inderdaad een kwestie van 'gewoon een commando copypasten' maar wat het allemaal betekent begint pas langzaam te dagen.

Een paar maanden geleden probeerde een collega me Yeoman te leren kennen maar hij kon me eigenlijk niet goed uitleggen waarom (klok klepel, was zelf geen frontender maar voormalig collega's waren er enthousiast over). Ik dus kijken op hun site, begint direct met "je hebt npm, bower en grunt nodig". Leuk, maar moet ik dat al kennen?

Zelfde gebeurt trouwens nu net bij een video tutorial van backbone op lynda.com. Ik wil graag weten hoe Backbone werkt, maar in de tussentijd moet ik even gauw node, Bootstrap, underscore, jquery en Handlebars in mijn project zetten. Leuk, maar als je van de helft niet weet wat het is/hoe het werkt ben je in de eerste 5 minuten de draad dus al kwijt.

Het probleem is dat alles van elkaar afhankelijk lijkt te zijn. Bootstrap en jQuery ken ik wel, maar ik heb dus geen idee wanneer hij me Backbone zit te leren of wanneer ik met Handlebars of Underscore bezig ben. En als ik niet 1 op 1 zijn projectstructuur over wil nemen maar het in mijn zojuist nieuw geconfigureerde testproject (mbv grunt etc) wil proberen ben ik dus eerst weer een uur bezig met uitzoeken hoe mijn structuur zich tot de zijne verhoudt.

Ik kom er uiteindelijk echt wel, want ik wil dit graag leren en ik heb de tijd om erin te duiken, maar ik heb echt even het idee dat ik zwem in allerlei termen en nieuwe tools waarvan telkens maar klakkeloos aan wordt genomen dat ik het wel moet kennen.

quote:

Op donderdag 6 maart 2014 20:45 schreef picodealion het volgende:
Ik heb een mac dus ik heb gewoon node erop gepleurd en alles via npm gedaan, is inderdaad een kwestie van 'gewoon een commando copypasten' maar wat het allemaal betekent begint pas langzaam te dagen.

Een paar maanden geleden probeerde een collega me Yeoman te leren kennen maar hij kon me eigenlijk niet goed uitleggen waarom (klok klepel, was zelf geen frontender maar voormalig collega's waren er enthousiast over). Ik dus kijken op hun site, begint direct met "je hebt npm, bower en grunt nodig". Leuk, maar moet ik dat al kennen?

Zelfde gebeurt trouwens nu net bij een video tutorial van backbone op lynda.com. Ik wil graag weten hoe Backbone werkt, maar in de tussentijd moet ik even gauw node, Bootstrap, underscore, jquery en Handlebars in mijn project zetten. Leuk, maar als je van de helft niet weet wat het is/hoe het werkt ben je in de eerste 5 minuten de draad dus al kwijt.

Het probleem is dat alles van elkaar afhankelijk lijkt te zijn. Bootstrap en jQuery ken ik wel, maar ik heb dus geen idee wanneer hij me Backbone zit te leren of wanneer ik met Handlebars of Underscore bezig ben. En als ik niet 1 op 1 zijn projectstructuur over wil nemen maar het in mijn zojuist nieuw geconfigureerde testproject (mbv grunt etc) wil proberen ben ik dus eerst weer een uur bezig met uitzoeken hoe mijn structuur zich tot de zijne verhoudt.

Ik kom er uiteindelijk echt wel, want ik wil dit graag leren en ik heb de tijd om erin te duiken, maar ik heb echt even het idee dat ik zwem in allerlei termen en nieuwe tools waarvan telkens maar klakkeloos aan wordt genomen dat ik het wel moet kennen.

Ik ben zelf wel even bezig geweest met NodeJs, maar zou het niet makkelijker zijn om eerst goed de focus te leggen op iets, en dan verder te gaan? Zelf ben ik niet verder gegaan met NodeJs omdat ik veel te veel wil leren, maar zeker wel iets wat ik in de toekomst wil gaan doen.

Ik moest sowieso een ontwikkelomgeving opzetten zodat ik tenminste een plek had om een en ander te testen, dus vandaar dat ik grunt en bower in elk geval maar heb geprobeerd. Wordt ook veel bij ons gebruikt tegenwoordig dus het is wel handig als ik dat leer (ik heb pas 1 project gedaan en daar waren dingen al opgezet door een collega).

Wegens een potentiële nieuwe opdracht ben ik vandaag dus maar eens gaan kijken naar Backbone, maar ik kwam er nu net dus achter dat daar meteen ook een handvol nieuwe dingen bij komen kijken. Ik laat dat dus inderdaad maar even liggen en ga me focussen op het begrijpen van 1 of 2 dingen tegelijk.

Overigens ben ik erg ontevreden over lynda.com. Ik had een maand gratis lidmaatschap als kado gekregen, maar blijkbaar mag ik bijbetalen om een zipje met de voorbeeld source code te downloaden. De helft van de tutorial bestaat sowieso uit het openen van "snippets.txt" bestanden en kopieren/plakken van voorgekauwde regels script.

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

quote:

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

Die eerste twee ben ik inmiddels bekend mee. Angular is weer een heel ander ding, lijkt me niet handig om daarop te focussen aangezien we dat nog niet heel veel lijken te gebruiken. Wat ik er van heb gezien was interessant, maar echt wel even lastiger te doorgronden dan een jquery/prototype/kendo.

Op de PC heb ik vorig jaar een hoop gepriegel moeten doen om Grunt/Node aan de praat te krijgen als ik het me goed herinner. Ruby installeren, dingen aan het path toevoegen ofzo etc. Op de Mac draait het natuurlijk allemaal als een zonnetje out of the box.