Leon Hassan

Leon Hassan

Sign in Subscribe

Developing SAP applications with VS Code

Developing SAP applications with VS Code

I've written a book for SAP PRESS on developing SAP applications using Visual Studio Code. I've spent a lot of time this year writing, it's up for pre-order now from this link and it's being released on November 22nd 2022. If you&

Utility files in SAPUI5

Utility files in SAPUI5

Something I see a lot in UI5 applications is chunks of code being repeated either within the same application or within the same suite of applications. Using a utility file to manage this code separately from your business logic (A.K.A your controllers) means that the separation of concern

CSS Animations 101

Getting up to speed with CSS Animations and why they should be your first choice over JS implementations.

ABAP Development with VS Code

As a developer who entered SAP from the world of web, I am relatively unforgiving with the quality of the tools available to ABAP developers. However progress is being made. The ABAP Development Tools (ADT) which make developing ABAP in Eclipse possible, also enables other code editors and IDEs for

Consuming SAP Gateway services on localhost

All web developers will at some point come across "CORS" errors and they can be incredibly frustrating, after all you're just trying to grab some data from your development server. This blog will show you how you can use XAMPP as a reverse-proxy so that you

Deploying a React application to GitHub Pages

This post will detail the process to easily and reliably deploy your React web app to GitHub Pages. What is GitHub Pages? GitHub Pages is a way for you to turn your GitHub repository into a website for free, it hosts the site/app/documentation for your repository. It'

A first look at FIORI Fundamentals with React.js

This blog will discuss a UI5 developers view on Fiori fundamentals and my first impressions of React. I will go over how to setup your React project using Fiori fundamentals and showcase some of the new components offered in fundamentals. What are FIORI Fundamentals? For those of you new to

Tutorial Featured

UI5, Babel and Gulp. The beginnings of a DevOps pipeline.

In this article I will be detailing a very simple DevOps pipeline that uses Babel.js and Gulp.js to transpile ECMAScript 6 to ES5, making it compatible with IE9! Prerequisites: Node.js v8.11 npm install Add the following dev dependencies to your project by either dropping them directly

Capgemini Cloud Automation for SAP

Capgemini's industry-leading solution to the old days of manually starting and stopping SAP systems with a cloud automation platform for all your systems and providers.

Progressive Web Applications Manifest and Cache API

In this PWA post I will cover the Cache API and the storage limitations of the Cache and IndexedDB APIs, how you can use a Manifest file to support touch icons and the 'add to homescreen' functionality and the Lighthouse audit tool. Cache API A cache is technically

Tutorial Featured

Service Workers in Progressive Web Apps

Service workers are the foundation of Progressive Web Applications. A service worker is kind of Web Worker, which means that this JavaScript is executed outside of the main browser thread. This allows us to (with user permission) send push notifications to the user's device, even when the app

Tutorial Featured

Setting up a simple REST server in Node.js

In my experience lots of people have heard of Node.js, but aren't entirely sure how to get started. In this tutorial we will be setting up a simple RESTful API server in Node.js and how to host it in the cloud for free, with Heroku. What

JavaScript for Progressive Web Apps

This post is to give a quick recap on some JavaScript features such as the Fetch API and arrow functions, so that you can get to work on the other PWA posts and write your own service worker! Arrow functions An arrow function expression is a shorter method of writing

What is a Progressive Web Application?

A Progressive Web App (PWA) is a web app that uses modern web capabilities to deliver a more native experience to the user and meets a number of requirements. For your app to be considered a PWA, there are a number of requirements your app must fulfil: What makes a

Functional documentation with markdown and version control

One issue I've seen come up again and again in projects I've worked on is keeping track of documents and tracking the changes made to them. At the Capgemini Engineering blog we write posts in markdown and put them in version control, this makes it really

Learning Gulp.js

Gulp.js is a task runner that is used to automate tasks such as compiling all your style sheets into a single file, uglifying your JavaScript and so much more. This post is going to introduce you to the world of task runners through Gulp and how you can leverage

Tutorial Featured

Customising the terminal in Mac OS X

The first thing I do when I get a new workstation is setup my terminal so that I don't need to squint into the void trying to read things. I add some colour, remove the icky bold fonting on the file path and rearrange the prompt to be

An Introduction to Docker

What is Docker? Docker is a tool that simplifies building, shipping and running applications. Docker containerises your code, making it easier to transport and more reliable to use. Docker relies on images and containers, they are your fundamental building blocks in Docker. What are they? Images An image is the

Capgemini Featured

Design Thinking: Cutting through the fluff

Design thinking: What is it and why do I care about it? Design thinking is a framework for finding ideal solutions to complex problems, through observation, empathy and experimentation centered around humans. You might think that this is all rather fluffy and without real content, but I'm here

SAPUI5 Tutorial - Fragments

Webforms with fragments In this post we will be using fragments to create a webform that allows the user to easily view and edit the information in the form. Fragments are just like partials if you are familiar with Ruby, they are constituent parts of a view. That is to

SAPUI5 Tutorial - My First UI5 Application

My First SAPUI5 application In this post we will be covering some basic set-up of our development environment (including the SAP Web IDE), going over MVC architecture with particular regard to SAP applications and finally building your first SAP application. Getting Started The first thing you should do is sign

My first month at Capgemini

Where have I been? I have just finished my degree, BSc Computer Science with Year in Industry and received a 2:1. Roughly 9 days after my final exam I started work at Capgemini, at the beginning of June. I should be back now with pretty regular posts, focusing on

My Dissertation - Week 8

Sorry for the week break, I was away for 5 days and then spent a day driving around the UK so I've basically skipped a week of work. Technically this is week 9 of work, but it's the 8th iteration of work for my project. This

My Dissertation - Week 6 & 7

This sprint has been the beginning of my front-end work. Originally I had planned to do all of my designs stage-by-stage, starting with some hand-drawn designs, then Photoshop wireframes and finally actually coding the design. I ended up taking a slightly different route.. I felt like I needed this whole

Dissertation Featured

My Dissertation - Week 5

I didn't do an awful lot of work this week, I was very busy with not-dissertation-things. I did manage to complete a code review and refactor my current codebase for the server. Although these were the only tasks I accomplished this week.. Refactoring I refactored a lot of