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 […]
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; […]
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; […]
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 […]
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 […]
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 […]
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, […]
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 […]
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 […]
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
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
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 […]
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 […]
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 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 […]
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
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
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
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 […]
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 […]