Front End Development

Home » Software » Front End Development

State of JavaScript Survey: 2018 Edition – Criticism from an Angular Perspective

Recently, the results of the 2018 edition of the State of JavaScript survey have been published. As usual, the report comes with handy categories such as front-end, data layer, testing or mobile. While I very much support the idea of creating a yearly survey of the JavaScript landscape and this survey in particular, which I have been supporting since its inception, there's a major issue with this year's edition: In contrast to its previous editions the survey results lump together (or at least the ... Read more

Dependency Management for Angular Unit Tests Using TestModuleMetadata

Since its inception it's always been one of the eminent design goals of Angular (and AngularJS before it) to make JavaScript applications easily testable and bake unit and E2E testing right into the development process. While the Angular team certainly has succeeded at this there's still the occasional snag you hit when writing unit or end-to-end tests. For the most part, the testing experience with Angular is terrific and testing JavaScript codebases has come a long way but of course there's always ... Read more

Tool Suggestion – NGD: Angular Dependencies Graph

When working on a larger codebase knowing about the dependencies between components is crucial, particularly so when you're trying to understand how an existing application works. NGD - Angular Dependencies Graph (part of the Compodoc documentation suite for Angular) is a tool that - as the name suggests - generates dependency graphs (i.e. boxes and arrows) for Angular applications. Dependency graphs give you a high-level overview of an application's architecture and hence are a great first step in understanding how an application ... Read more

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

Fitts’ Law

One of the quintessential laws of human-computer interaction (HCI) and by extension software user experience is Fitt's Law, which states that the time required to rapidly move to a target area is a function of the ratio between the distance to the target and the width of the target. The most common application of this law these days can be paraphrased as "The wider an object is on the screen and the closer it is to the mouse pointer the easier it is ... Read more

HTML is an API

HTML is an API or rather it could be if we used more in the way it was intended. In a comment on this Hacker News post about Toapi, a library that makes clever use of XPath expressions in order to provide an API from existing web pages, a user wrote Now I don't want to be a downer: but we collectively seem to have forgotten that HTML as a markup language with sufficient semantic elements, is a perfect API in itself. ... Read more

Analysing the Complexity of Angular Apps

Analysing an existing application if you join a project. Assessing the quality and maintainability of an application. Identifying soft spots in an application which could benefit the most from refactoring. There are numerous reasons for wanting to size up the complexity of an application. In addition to general and language-specific tools provided by IDEs and applications such as SonarLint / SonarQube it can be useful to not only take framework specifics into account but to actually make use of them to get a better ... Read more

Stefan Judis @ RuhrJS 2017: Watch your back, Browser! You’re being observed

At RuhrJS 2017 Stefan Judis gave an interesting talk on DOM APIs in the context of reactive programming and Observables: Read more
Next Page »