Javascript and Typescript link-collection

Nikolaus Gradwohl2016-09-13T05:30:56+02:00

javascript link collection

I have used javascript a lot on the client side as an addition for various backend frameworks but I never used it for full stack development. In the last few monthts I used angular2, node.js and express in some POCs and and smaller pirvate web applications - Here are some of the links I found helpful.

Frontend

I used mainly angular2 and typescript for my frontends. I looked at various other frameworks, but this is what I liked the most.

angular2

http://angular.io

I really like the hero tutorial by the angular2 team. https://angular.io/docs/ts/latest/tutorial/

typescript

since angular2 recommends typescript I started learning it - if you have used an object oriented language like java before, you will feel at home very fast. https://www.typescriptlang.org/

a nice tutorial on how to wirte an angular2 component in typescript https://toddmotto.com/creating-your-first-angular-2-component

How to write a tab-bar in angular2 using typescript http://blog.thoughtram.io/angular/2015/04/09/developing-a-tabs-component-in-angular-2.html

react

Angular uses rxjs components like Observable in some components

https://reactcommunity.org/ https://gist.github.com/staltz/868e7e9bc2a7b8c1f754

bootstrap

I used bootstrap 3 to style my frontend. I really like this framework, it surely doesn't solve all your designers need but it helps to get a decent looking frontend fast http://getbootstrap.com/

You can also style file-upload buttons https://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3

Prism is a nice framework for code highlighting in javascript http://prismjs.com/index.html

read more ...

On creating and collecting phases

Nikolaus Gradwohl2016-09-08T05:25:37+02:00

As you might have noticed, I haven' t written many blog posts in the last few weeks. I usually write posts when I have created something and want to share what ever I have created or explored, how I did it and sometimes even what materials I used and how I did it. But lately I didn't feel like creating at all - hence no blog posts. This situation started to frustrate me and so I started to analyze what has changed and I came to the conclusion that in fact nothing has changed - I am still trying to learn stuff about new topics. What has changed is that I do collect information, material, impressions, references, ideas currently instead of using them up. I always have cycled through phases of creating and collecting - the only thing that really has changed is that I forgot to balance these phases and I got further into the collection than usual.

So to keep this blog from drying up and to bootstrap myself into a more creating mode I will start write posts with collections of links, books I've read, references I collected, topics that interest me and short random thoughts on topics I want to explore further.

In a way this is similar to the experiment series I've done for blender or processing in the past

collection phase

read more ...

animation node cube cluster

Nikolaus Gradwohl2016-07-27T07:16:36+02:00

For this experiment I morphed a cluster of random locations into the mesh of a cube using the animation node addon for blender. The mesh of the cube is then turned into a group of splines using the "find close vertices node" and the "Splines from Edges" node.

you can download the blend file here

animation node cube cluster

read more ...

animation node network

Nikolaus Gradwohl2016-07-26T06:58:10+02:00

For this animation I used the cluster from particle template of the animation node addon

you can download the blend file here

animation node network

read more ...

animation node boxes

Nikolaus Gradwohl2016-07-21T04:48:01+02:00

For this animation i animated the instance count parameter of an object-instance node in the animation node addon for blender

you can download the blend file here

animation node boxes

read more ...

animation node rotation

Nikolaus Gradwohl2016-07-19T06:56:24+02:00

For this animation I played with the rotation-wiggle node of the AN-addon in blender. To fade the wiggling rotation in and out I used an animation rotation node and a delay

you can download the blend file here

animation node rotation

read more ...

animation node bubbles

Nikolaus Gradwohl2016-07-18T05:55:22+02:00

For this animation I used the AN-Addon vector wiggle node to animate a bunch of bubbles. The material is a combination of a transparent- and an emission-shader controlled by a fresnel-input node

you can download the blend file here

animation node bubbles

read more ...

animation nodes fold

Nikolaus Gradwohl2016-07-14T07:38:14+02:00

for this animation node experiment moved the vertices of a sphere using the wiggle node but made sure the node stayed on a spherical surface - which leads to a folding/crumbling effect

you can download the blend file here

animation node fold

read more ...

animation node vertex displace

Nikolaus Gradwohl2016-07-13T04:56:43+02:00

For this animation I used the animation node addon to displace each vertex of a icosphere using a vector wiggle node. The icosphere was rendered with freestyle enabled.

you can download the blend file here

animation nodes vertex displace

read more ...

animation node location

Nikolaus Gradwohl2016-07-11T06:38:06+02:00

I used the wiggle vector node of the animation nodes addon in blender to offset the location of objects and scaled them to make sure they are placed on a sphere

you can download the blend file here

animation nodes location

read more ...