DEV Community: Hammed Oyedele

Techies in Nigeria Are Not Safe Again In The Hands of the Government

Hammed Oyedele — Tue, 20 Oct 2020 21:34:39 +0000

Hello everyone!

I am typing this in tears 😭😭😭

This is just to inform you that Nigerians are not safe again in the hands of our so-called government.

There is a special unit of the Nigerian Police Force called SARS that is supposed to be handling robbery cases but in recent years, the operating officers switched from protecting lives of the citizen to destroying their lives.

It all started as a cybercrime movement but they started attacking techies after sometime and now it is everyone!

Now the protest for the government to disband this unit has been on for a while now, the government disbanded them and after like 3 days came with another unit which is basically the same thing but with different name: SWAT.

The protest continued but today became our worst nightmare as the government hired thugs, sent out the army to start killing it own people!

Warning: there are graphic images of real-life brutal violence in the following link: https://endsars.com/videos

PLEASE HELP US!

😭😭😭😭😭

I have a joke about X but ...

Hammed Oyedele — Sun, 26 Jul 2020 20:03:31 +0000

I have a joke about Docker but I am afraid someone might want to push me inside a container.
I have a joke about Kubernetes but I am afraid someone might want to push me into a pod.
I have a joke about Object Oriented Programming but I won't say it because I am now a new Person();
I have a joke about PHP but you need to first use the trait to understand it.

Keep it coming 😂😂😂

Redux in Ballerina programming language 🎉🎉🎉

Hammed Oyedele — Mon, 02 Mar 2020 11:44:49 +0000

Motivation

Hello guys, I have found a new favourite programming language and I decided to implement one of my favourite libraries from the JavaScript world in it.

At first, I had challenges with the static types but eventually figured everything out.

What is Ballerina?

According to the official website:

Ballerina is an open-source programming language and platform for cloud-era application programmers to easily write software that just works.

What is redux_bal?

redux_bal is a static-typed implementation of Redux JavaScript library in the network-oriented Ballerina programming language. Read more at:

devhammed / redux_bal

Implementation of Redux in Ballerina programming language.

redux_bal

Implementation of Redux in Ballerina.

More information at Ballerina Central: https://central.ballerina.io/devhammed/redux_bal

View on GitHub

How Clean is your Desktop?

Hammed Oyedele — Mon, 30 Sep 2019 18:15:36 +0000

Unleash your Potential!!!

How clean is your Desktop guys???

ShowYourDesktop

Painless global state management for React using Hooks and Context API

Hammed Oyedele — Sat, 13 Jul 2019 09:01:17 +0000

It is out already 🎉🎉🎉

use-global-hook

Painless global state management for React using Hooks and Context API in 1KB!

NPM: https://www.npmjs.com/package/@devhammed/use-global-hook

GitHub: https://github.com/devhammed/use-global-hook

Demo: https://devhammed.github.io/use-global-hook

Manage Browser Cookies with React Hooks

Hammed Oyedele — Fri, 26 Apr 2019 16:26:21 +0000

So this week, I created my first NPM package and my first custom React Hooks!!!

devhammed / use-cookie

Get, Set, Update and Delete Cookie using React Hooks.

@devhammed/use-cookie

Get, Set, Update and Delete Cookie using React Hooks.

Install

npm install --save @devhammed/use-cookie

Usage

import React from 'react'
import ReactDOM from 'react-dom'
import useCookie from '@devhammed/use-cookie'
const App = () => {
  const [username, setUsername, deleteUsername] = useCookie('username', 'User')
  return (
    <section>
      <h1>Hello {username}!</h1>
      <p>Edit below input, Your name will be stored in a cookie. you can refresh this page to see how it persists.</p>
      <input
        type='text'
        value={username}
        onChange={(e) => setUsername(e.target.value)}
      />
      <button
        onClick={() => deleteUsername()}
      >
        Delete Cookie
      </button>
    </section>
  )
}

ReactDOM.

…

View on GitHub

Want to you manage HTTP Cookies using React???
I created useCookie() React Hook, you can use it to Get, Set, Update and Delete Cookies in your functional components.

Demo: https://devhammed.github.io/use-cookie
NPM: https://www.npmjs.com/package/@devhammed/use-cookie

Awesome Checkbox and Radio-Button CSS Hacks

Hammed Oyedele — Wed, 18 Apr 2018 13:04:01 +0000

Hello, today we will explore some CSS hacks that can be used without the need for JavaScript. I will go over 3 awesome hacks and I know you will be amazed by the end of this article. LET’S KEEP THE BALL ROLLIN’

CSS Menu

First, we will hide the checkbox and the menu container.

.menu--toggle,
.menu--body {
 display: none;
}

Now, the main trick of this Menu is the ~ CSS General Sibling selector. below CSS is used to change .menu--body to display: block when the checkbox is in:checked state.

According to MDN Docs, ~ is:

The general sibling combinator (~) separates two selectors and matches the second element only if it follows the first element (though not necessarily immediately), and both are children of the same parent element.

Below is the trick we will apply using this life-saver:

.menu--toggle:checked ~ .menu--body {
 display: block;
}

Check below pen for the full markup of this hack

CSS Modal

This hack is same with CSS Menu so i am not going to explain this because the only difference is how will style the Modal container, but below is the pen:

The last hack we will go over is:

CSS Accordion

Yes, Accordion you all know can be created with pure CSS and radio buttons 🙄🙄 . Note: a single radio button can only be selected in a named group.

We will take advantage of this to create pure CSS accordion and it also utilize :checked state like CSS Menu, below is the pen for you to play around with.

Thanks for taking your time to read this, 😍😍😍 and can you do this:

clap…clap…clap…clap

See you next time!!! </>

Full-Screen Section with One-line of CSS

Hammed Oyedele — Wed, 28 Mar 2018 13:51:58 +0000

Hello, I recently shared the story of how I became a Web Developer if you haven’t read it, here is the link.

So today, I want to share a CSS one-liner solution that you might not know about, This solution makes use of CSS unit vh to create a Full-Screen section of a page ( e.g Header ).

So WTF is vh???

According to MDN docs:

— Viewport Height (vh) – A percentage of the full viewport height. 10vh will resolve to 10% of the current viewport height.

With this, we know that 1vh is equalled to 1% of the visible part of the user browser (Viewport). We are going to use it with min-height to make sure the section is Full no matter the content size.

.full-screen {

min-height: 100vh;

}

And Here is the pen for those curious folks like myself 😃😃😃

Thanks for reading ❤️️❤️️ , and i think the next thing should be……

Story of a 17 years old Web Developer

Hammed Oyedele — Tue, 06 Mar 2018 13:22:18 +0000

Hi, my name is Oyedele Hammed. a 17 years old Nigerian Web Developer. I’m here to share my story and how I learnt web development. This my first time writing an article so please pardon if it is not technical.

2015 ( Curiosity )

https://en.wikipedia.org/wiki/Mobile_BASIC

I came across Mobile BASIC programming language ( by David Firth ) on Google while using my J2ME feature phone to browse, I was curious about the term and clicked the link ( mbteam.ru ) and from there I started learning the language through it J2ME app I downloaded that is capable of building .jar file from BASIC source code and can be installed on J2ME feature phones. I used this to create some apps and games that got installed on me and my friend's phone.

2016 ( Web Development )

https://www.1training.org/wp-content/uploads/2017/10/6.png

After my exciting journey with Mobile BASIC, i came across HTML, CSS and JavaScript on W3Schools.com. i started learning but later get referred to some advanced online courses by a uncle ( learn.shayhowe.com, MDN, Sololearn.com, Codeacademy ).

I joined some online coding forums like Stackoverflow.com, nct.com.ng etc to improve my coding skills. I was still using a J2ME feature phone while doing all this and I am committed to becoming a world-class Web Developer someday.

2017 ( Addicted to Web )

www.w3.org

2017 is the year I would say I started the web development because that is the year I learn all that has been baffling me about the Web and the Internet. I opened a Github account ( Oyedele Hammed ) and start pushing and committing loads of JavaScript projects and contributed to a CSS project by Segun Olumide. Connect and started following many experienced Web developers and designers on Twitter, Facebook, Medium and other social platforms and started taking coding challenge on Hacker Rank. it was fun all the way. I also handle some Freelance projects on Upwork.com and OLX.

2018 ( First Job )

www.google.com

February 12 is the day I got a job at Epower as a Junior Web Developer and am very happy to work with Rasheed Ridwan and Ogunbowale Olugbenga.

Resources

Below are some free online courses if you are interested in learning Web development.

Thanks for reading, clap if you feel this story inspired you. ❤️️❤️️❤️️