Tag Archives: JQuery

Angular 2 Drag-And-Drop Grid System

Building Angular 2 Drag-And-Drop Grid System

When building web applications, sooner or later, you will need to build either a drag-and-drop feature to allow intuitive interactions or a grid system UI to allow arbitrary positioning of elements in the layout. There are libraries for either of them in Angular 2, but there are no libraries for Angular 2 Drag-And-Drop Grid System as a whole.

Although this post is written at the time of Angular 2, it is also applicable for Angular 4 and future versions of Angular, according to the official Angular branding guideline.

This is where this blog post comes in as I will talk about how to implement such a system. Continue reading

Web App

Web App is Not Simple – List of web technologies

Web App – The Beginning

When I was JC2 long time ago, web app was simple. When I googled for a tutorial on how to build a web app, the approach that I came up with was:

  • Proprietary server to host the app. I used Union Server because it has documented examples.
  • HTML, CSS, jQuery UI for the front-end user interface. (It seems that nobody uses jQuery UI anymore)
  • jQuery, JavaScript for handling user interactions.

Since the proprietary server has a JavaScript client, with very easy to use APIs, the development was quite easy. I thought I had known everything that I need to know to become a web developer, but I was so wrong. Continue reading