Photo by Pankaj Patel on Unsplash

Good Tuesday.

Today is all about CSS. CSS is short for Cascading StyleSheet and it’s the part of the web responsible for beauty. Every site on the interwebs uses CSS to style their pages and here are 3 games that can help you learn CSS faster and in a more fun way.

1. CSS Diner

CSS Diner is a primer into the world of CSS. If you are a get down and dirty kind of person, this introduction to CSS would be a huge resource to your collection. Try it out today and learn some CSS.

2. Flexbox Froggy

CSS also helps with the…


Photo by timJ on Unsplash

Picks by mPharma is an initiative by the mPharma Product & Tech Team to provide useful links and resources to help developers learn various technologies that we use every day at mPharma.

Today’s issue, we shine the spotlight on 3 different technologies

GIT

https://learngitbranching.js.org/

Do you want to learn about Git in a fun and engaging way? Take a look at this tool which provides a fun, gamified way to learn about Git.

Command Line Interface

https://cmdchallenge.com/

Ever wondered about the command line? This is an interesting way to learn about the command-line interface and improve your CLI skills.

SQL

https://sqlbolt.com/

Have you ever heard about SQL, the structured query language for relational databases? This is a fun and interactive way to learn the workings of SQL right in your browser. Cool no? Check it out.

Pick your favorite and get to learning!


We live in a world of microservices. Microservices help us break up monoliths and make our teams scale but there’s a con; some services might be down when accessed. Yeah, we can have fancy architectures to mitigate that, but ultimately, it happens.

We offer an offline experience for our flagship product (Bloom) and in order to achieve this, we need to save a subset of our customer’s data on their devices. We retrieve the necessary data from our various services.

We went with the optimistic approach where when the service is up everything is fine but when the service is…


I am often asked how I am able to power through my tasks and get a lot done within a short period of time and honestly, there isn’t much to it. I’m gonna write this short post highlighting the methods I use to ramp up my productivity.

Photo by Jon Eckert on Unsplash

Disclaimer: I’m not claiming to know all about productivity and my adopted methods may or may not work for you so feel free to take it with a pinch of salt.

My Technique

There are two things I can’t do without while I’m working:

  • A timer
  • A note and a pen (This can be electronic…


Weary skies by me

JavaScript is a different language. No matter what language you learnt before JS, it is bound to make you stare in disbelief at how things are done. One of the quirks we are going to demystify is the concept of equality.

In many programming languages, if you want to check equality, you use ==. Double equals exist in JavaScript but if you aren’t aware of its quirks, you can get blindsided by it and I’m here to help avoid that from happening.

A very popular misconception about equality in JS is that:


Photo by John Jason on Unsplash

I came into work and my colleague said he needed my help with something, I asked what and it was about Git*. I had not had my morning tea yet so I didn’t know what to make of this but I had to help, it was urgent.

The problem

We had pushed to production from our master branch after a specific commit (This commit was like 6 commits back from the HEAD of the branch). …


If you’ve ever wanted to be able to show the version number in your app for whatever reason, I’m gonna be showing you how to achieve this in your React Native iOS app.

Version Number in Xcode

Step 1:

Create a new react native project with react-native init versionApp

Step 2:

Edit the AppDelegate.m file and add the following lines of code

// Create version variable and create props objectNSString *version = [[[NSBundle mainBundle] infoDictionary] objectForKey: @"CFBundleShortVersionString"];NSDictionary *initialProps = @{@"version": version};

Step 3:

Pass the created props object into the initialProperties in the same AppDelegate.m file. By default, its nil.

Before:

RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocationmoduleName:@"VersionApp"


Here is the animation we are going to be implementing in React Native

Sorry for the terrible quality

Before we start coding, let's break down the steps that the animation goes through

1. We design the AddButton, the MinusButton, the Counter

2. a) Rotate, Scale Down and TranslateX (move on the x-axis) the Add Button

2. b) Scale Down and TranslateX the Minus Button

3. Animate and increase/decrease counter value

4. Shake on 0 to show the minimum value allowed. (Bonus)

That’s all

Step 1:

- Design the AddButton

- Design the MinusButton, the Counter and the CompleteComponent that holds the buttons and the counter together

Step 2:

This is where we actually start moving the wheels and animating these components and we would use the…


React Native Debugger App Icon

There will always be bugs — we will never run out of them. There is struggle and get frustated debugging, and then there is chilling debugging where there is a tool to help you save time and effort.

As the wise Edsger Dijkstra once said


Unsplash image by Daniele Levis Pelusi

Have you ever seen the red “No Internet Connection” sign in mobile apps like Facebook Messenger. It looks something like this:

Chiamaka Nwolisa

I am a believer.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store