Learn Programming with me in 2023 : Simple Mocking for Frontend Developers

Introduction There are two programming areas that I never really explored, namely Testing and Mocking. This project helped me learn one, FE mocking. Yes, it took me this long to learn. Regardless, it is never to late right ? right ?😭😭😭😭 Student Management App This is a simple CRUD application that can be used to […]

Learn Programming with me in 2023 : How to share styles across selectors using SCSS (@extend )

Introduction This post will show you how to set variables in CSS as well as in SASS, using the SCSS syntax. Examples HTML Code <body> <div class=”success”><span>You won🎉🥳</span></div> <div class=”warning”><span>Stop please😭 </span></div> <div class=”error”><span>Serves you right! 🤬</span></div> </body> SCSS Code %displayCentered{ display:flex; flex-direction:column; justify-content:center; align-items:center; } %notification{ width:80%; text-align:center; height:100px; @extend %displayCentered font-size:26px; font-weight:700; color:white; […]

Learn Programming with me in 2023 : Mixins in SCSS and adding click action to HTML buttons using JavaScript

Introduction This post will show you how to set variables in CSS as well as in SASS, using the SCSS syntax. Examples HTML Code <div class=”buttongroup”> <button theme=”dark”>Dark</button> <button theme=”light”>Light</button> <button theme=”cute”>Cute</button> </div> <main id=”dark”> <h1> <span>A Button controlled theme</span></h1> </main> CSS Solution $darkColor: #010311; @mixin buttonTheme($bgColor: $darkColor, $fontColor: white) { padding: 25px; border: none; […]

Learn Programming with me in 2023 :How to do nesting in SCSS vs CSS

Introduction This post will show you how to nest in CSS as well as in SASS, using the SCSS syntax. Examples Code Editor’s notes I noticed in CSS that when the variables are created outside the scope of the element that uses it, nothing works. So make sure to set them either in some parent […]

Learn Programming with me in 2023 :How to set variables in SCSS vs CSS

Introduction This post will show you how to set variables in CSS as well as in SASS, using the SCSS syntax. Examples HTML Code <div class=”box”> <span class=”text”>HELLO I AM LEARNING SASS</span> </div> CSS Solution .box { –bg-color: blue; –font-size: 14px; width: 200px; height: 200px; background: var(–bg-color); } .text { font-size: var(–font-size); } SCSS Solution […]

Learning software development : Problems encountered while attempting to install magento2

Why am I installing Magento My goal before the end of March 2023 is to get a magento2 certification just to add to my resume. So currently a complete beginner when it comes to the software. Problems Cannot connect to MYSQL Checklist Right username and password ? : In my case, username is the default […]

Python for Beginners: Using Variables in Strings

Goal Hi, in this post we are going to briefly learn how to use variables in strings. Code numberOfEggsPerHead = 2 print(“Please type in the number of people : “) userNumberOfHeads = int(input()) numberOfEggs = 2 * userNumberOfHeads print(“Since each person gets {} eggs then you have to buy {} eggs for {} people” .format(numberOfEggsPerHead, […]

Programming update: So I have learned Storybook (React) and Mockserver, level ? Beginner

Introduction Added stack I was advised to also learn Stencil. So yeah. Why would I ever use these? As mentioned in my very recent programming related posts, I have to learn new frameworks/libraries for a specific task requiring these skills. The stack is basically Stencil ,Storybook, Mockserver and GraphQl. Up until the last post, I […]

Programming update: So I have to learn how to use Storybook (React) and Mockserver ( Java) within 2 weeks.

Hi, Just as in the title, I have to learn new frameworks/libraries. I think it will be easIER for me to get into Storybook, solely because after a glance at the documentation, I assume it is simply a library of ready-to-use React components. Still unsure though. There may be a plot twist later. However, Mockserver […]

How to display a map on your website with react-leaflet for beginners 2020 – Custom popups or mouseover panes

Goal Display a map using react-leaflet and highlight certain regions. When a mouse hovers over a highlighted region, a popup containing the name and flag of the region should be displayed. Packages required leaflet react-leaflet leaflet css ( e.g. https://unpkg.com/leaflet@1.7.1/dist/leaflet.css ) randomcolor Solution Links Quick Start / Documentation www.countryflags.io

How to display a map on your website with react-leaflet for beginners 2020 – Dynamically load regions based on viewport changes

Goal Display a map using react-leaflet and highlight certain regions under given conditions Packages required leaflet react-leaflet leaflet css ( e.g. https://unpkg.com/leaflet@1.7.1/dist/leaflet.css ) randomcolor Solution Links Quick Start / Documentation

Learning Python in 2020 – Beginner – Basic MadLibs Generator

Problem Goal Read a sentence from the command line, ask for the locations of blanks and generate the phrases. Display the user’s result and compare with original sentence. Pseudo-code Read sentence from command line Ask for location of blanks and their associated categories or description (“e.g “noun”, “verb”, “place”, “celebrity,” “Exclamation” or “part of the […]

Learning Python in 2020 – Beginner – Pig Latin

Java solution Problem Goal Simply take a word, check if it begins with a vowel or a consonant cluster and append “ay” accordingly. If the word starts with a vowel, add an “ay” to the end of the word. Else extract the consonant cluster from the word, append “ay” to the cluster and join the […]

How to display a map on your website with react-leaflet for beginners 2020 – Display a basic map with a circle

Goal A simple map with a circle of specific radius. Packages required leaflet react-leaflet leaflet css ( e.g. https://unpkg.com/leaflet@1.7.1/dist/leaflet.css ) Solution Links Quick Start / Documentation

10 German words/phrases you may need to know as a developer

These are terms that I, personally, hear very often at work. Initially I had moments of confusion but with time I got accustomed to them. I hope this list helps those that recently started working in Germany. Schleife Loop How do we loop through an array of objects ? Fehler beheben To fix a bug […]

How to display a map on your website with react-leaflet for beginners 2020 – Display a basic map with custom markers

Goal A simple map with markers, popups. Packages required leaflet react-leaflet leaflet css ( e.g. https://unpkg.com/leaflet@1.7.1/dist/leaflet.css ) Possible errors Icon isn’t showing properly solution import leaflet css in file related github question here or here Solution Links Quick Start / Documentation

How to display a map on your website with react-leaflet for beginners 2020 – Highlight specific countries with custom colors

Goal Display a map using react-leaflet and highlight specific countries using different colors. Packages required leaflet react-leaflet leaflet css ( e.g. https://unpkg.com/leaflet@1.7.1/dist/leaflet.css ) randomcolor Solution Links Quick Start / Documentation

How to display a map on your website with react-leaflet for beginners 2020 – Display a basic map

Goal A simple map without markers, popups , tooltips. Packages required leaflet react-leaflet leaflet css ( e.g. https://unpkg.com/leaflet@1.7.1/dist/leaflet.css ) Possible errors Map isn’t loading properly solution import leaflet css in file related stackoverflow question here Solution Links Quick Start / Documentation

I am learning C in 2020 – Beginner – why I am learning C programming in 2020

Better understanding of what goes on when coding After learning the basics of javascript and working on beginner level projects, I soon realized that I never knew what was going on behind the scenes. For instance what happens when my JS file is compiled? What does it actually mean to compile or execute a file […]

I am learning C in 2020 – Beginner – Understanding array memory storage

Operation System : Windows 10 IDE : VsCode Requirements : a computer, internet, notepad Book | Tutorial : see links below Git Project :None Goal Learn how int and char arrays are stored in memory and how much memory is allocated in specific scenarios. What I learned Integer arrays Pre and Post assignment I wanted […]