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 These might interest you:How to display […]
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 These might interest you:How to display a map on your website with react-leaflet for…Nate Pann gist and learning Korean : What are your thoughts…How to […]
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 These might interest you:Learning German using Reddit, free vocabulary list : You…Wordpress Website – Consultation Booking FormHow to display a map on your website with react-leaflet for…Learning Python in […]
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 These might interest you:Woocommerce Website ServiceLearning Python in 2020 – Beginner – Pig LatinWordpress […]
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 These might interest you:How to display a map on your website with react-leaflet for…Programming update: So I have learned Storybook (React) and…I am learning Python […]
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 These might interest you:Nate Pann gist and learning Korean : What are your thoughts…How […]
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 […]
