SAP Featured 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've been following my socials, you're likely already aware
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
Tutorial CSS Animations 101 Getting up to speed with CSS Animations and why they should be your first choice over JS implementations.
ABAP 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
SAP 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 can pull data from
Tutorial 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's free
Technology 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
SAP 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.
Tutorial 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 a request-to-response
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 isn't open.
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 is a
PWA 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
PWA Featured 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
General 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 easy to comment on
Tutorial 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 a little
Tutorial 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 to show
OpenUI5 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
OpenUI5 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
Dissertation 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 iterations tasks consisted of
Dissertation 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 code for
Dissertation My Dissertation - Week 4 The big task for this sprint was to sort out everything I needed for my mid-project demonstration. I ended up setting up both continuous integration and cloud deployment too, it made my demonstration a little nicer. Next sprint will most likely end up being a code review and refactor, then
