Frontend development

Technical front-end implementation

As a frontend developer I implement the technical part of the frontend for you, after you or a web-designer have developed the screen design.

Screen design implementation

I technically implement screen designs provided by web designers. Here I regularly work with industry standard tools, such as Figma or InVision .

Responsive design implementation and optimization

I implement all frontend components with full-responsive (mobile first) capabillity. For existing web projects I optimize the mobile presentation or extend the design accordingly.

Loading time optimization

To optimize loading times I optimize relevant frontend assets after a preceding analysis, to prevent the loading of unnecessary or too large assets.
Techniques like "Lazy-Loading", source code compression or automatic image reduction can be used.

Implementation of SEO specifications

I implement measures for search engine optimization according to the specifications of SEO experts. This usually includes the optimization of HTML semantics, the addition or correction of meta data, and the optimization of loading times (see above). I myself do not offer in-depth SEO analysis.

Integration of external services

I integrate external services, such as video services (YouTube, vimeo) map services (Google Maps, Open Street Map) or Social Media Widgets (Facebook, Twitter, Pinterest), in a GDPR compliant way.

Build Processes

In order to be able to optimize frontend assets, but also to allow proper work on these and improve their maintainability, some build tools are usually used in web projects. Depending on the project status, I introduce these tools from scratch, update or modernize existing tools, or streamline the entire setup.
The goal here is to have a toolchain that supports both the development, as well as productive operation.

Single-Page-Applications (SPA) and Progressive WebApps (PWA)

In some scenarios, for instance in the case that the backend of the website is separated from the frontend, it is a good idea to create a single-page application that does not reload on page changes, but gets new data "quietly" from the backend in the background.
This often results in a very pleasant user experience (UX).

Go one step further with progressive web apps.
They can be used to offer an installation and usage of the app/website similar to a native mobile app on the user's device (smartphone, tablet, desktop). The PWA will then be displayed without a framing browser and may automatically receive updates.

Content Management

If you require assistance with the input of your content, I can assist you in this process. Both the initial filling of your website, as well as the continuous care can be taken over by me.
Please note, however, that I am not available for the creation of the content.


Conceptual classification

The frontend (FE for short) comprises, in contrast to the backend ("BE"), all components visible or perceptible to the user of a website in the browser. Frontend development therefore deals with all technical components, that make this representation possible.

Frontend development is to be distinguished from frontend design or web design:
Frontend-Design concentrates primarily on the development of the design, while the front-end development deals with the technical implementation of the delivered designs.

Since I am not a web designer myself, I usually only implement delivered screen designs. I will gladly put you in touch with a competent web designer from my network.


Tools

HTML5 Banner-Ad creation

I create animated HTML5 banners for advertising campaigns on the basis of supplied designs. By using the Google Web Designer it is possible to build flexible, highly compatible and high-performance banners.

Even special formats, such as large-scale display advertisements, are possible, as well as interactive solutions with gamification factor.


Frontend competence required?