Posts Tagged: frontend

Home » frontend

RxJS: Observables, Observers, Subjects …

When developing web applications - or in fact any kind of application that involves interaction via a user interface - we inevitably have to deal with asynchronous events, perhaps even streams of such events, e.g.: mouse clicks asynchronous HTTP calls and subsequent display of data push notifications Because events are such an essential part of both the feature set and the user experience of many, if not even most, user-facing applications frameworks such as Angular treat them as first-class citizens and provide developers with ... Read more

JSON Schema to TypeScript declarations: Keeping Client and Server Models in Sync with Spring Data REST and Typescript

With web applications a separation between client and server is commonplace nowadays: While the server (also often called back-end) deals with the underlying model, data storage and the predominant part of the business logic, the user interface and user-facing behaviour in general is realised with JavaScript, HTML and CSS on the client (also referred to as front-end), i.e. the user's browser. Frequently, frameworks such as Angular are used in order to facilitate development and make code easier to read and generally more ... Read more

Miriam Suzanne – Don’t Use My Grid System (Or Any Others) @ beyond tellerrand Düsseldorf 2018

Read more

Chrome DevTools Tips and Tricks

Chrome DevTools - or rather the development console of your favourite browser - is an essential toolkit for the modern web application developer. They help you with both debugging your own application and understanding and hence learning from other people's JavaScript, HTML and CSS code. Mastering your tools is a key ingredient to mastering your trade. Therefore it's vital to always be learning about how to use these tools more efficiently and how to apply them in different ways or with new ... Read more

Alice Boxhall: “Debugging Accessibility” at Fronteers Conference 2017

Alice Boxhall - “Debugging Accessibility” at Fronteers Conference 2017: Alice Boxhall: "Debugging Accessibility" at Fronteers Conference 2017 from Fronteers on Vimeo. Read more

Umar Hansa: “A Modern Front-end Workflow” at Fronteers Conference 2017

Umar Hansa - “A Modern Front-end Workflow” at Fronteers Conference 2017: Umar Hansa: "A Modern Front-end Workflow" at Fronteers Conference 2017 from Fronteers on Vimeo. Read more

On Building Offline-Friendly Forms

Frontend developer Max Böck some time ago posted an article on how to create offline-friendly web forms Using the navigator.onLine method for checking if the user is still connected to the Internet, localStorage and service workers Max outlines a method for alleviating an annoying problem that comes with using forms on the web, particular on mobile platforms: Losing data and having to fill in a form repetitively if you lose your Internet connection before that form has been submitted. Having forms retain data in ... Read more

Microservices and Decoupling Front-end Components

Microservices have become a common design pattern for splitting up and modularising monolithic applications. The indiscriminate application of this particular design pattern is quite a bit worrying, though. A few months ago I gave this answer to the question what the biggest struggle with Microservices is: Convincing people that microservices are not a cure-all but just another design pattern. You have to start out with a monolith and only if you realise along the way that some components might work better as a ... Read more

Using Swagger to Generate Client SDKs for REST APIs

These days Swagger is a popular, easy-to-use tool for (semi-)automatically documenting REST APIs on-the-fly. For example, in order to document a REST API created with Spring Boot and Jersey literally all you have to do is add these two entries to your Maven pom.xml: You'll then get a ready-made documentation for all your REST API endpoints. An example of how this looks like can be seen here. While this already is very useful in that it helps with properly documenting your software, especially ... Read more

JHipster: A Spring / AngularJS App Generator

You're a boring, hoary Java developer but secretly always wanted to belong to that hip JavaScript-Single-Page-Application crowd? Well, with JHipster now you can! On a more serious note, JHipster is a Yeoman generator that lets you bootstrap integrated Java (for the back-end server stuff) / AngularJS (for everything front-end and UI) web apps. JHipster makes use of proven technologies such as: Grunt Bower AngularJS Maven Spring Boot Spring Web MVC The project's goal is to provide the means for easily creating a beautiful state-of-the-art HTML5 / CSS3 / JavaScript ... Read more
Next Page »