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:Learning French by […]
JavaScript
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:Learning Korean by Writing 2020 : 1/03/2020 – 15/03/2020Python 4 Beginners: XML to CSV within a minuteHTML5 for Beginners 2019 : Interesting […]
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 Korean by Writing 2020 : 16/03/2020 – 29/03/2020Learning Korean by Writing 2020 : 1/03/2020 – 15/03/2020I am learning Java in 2020 – Beginner – Simple…React […]
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:Python 4 Beginners: XML to Excel within a minuteI am learning […]
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:Learning Korean by Writing 2020 : 16/03/2020 – 29/03/2020HTML5 for Beginners 2019 : Interesting Elements | Part 1Learning French by Writing 2020 […]
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:Learning Java in 2020 – Beginner – Pig LatinPython 4 Beginners: […]
Learning Java in 2020 – Beginner – Reverse String
Note I am a novice in the world of java programming and hope that similar learners would benefit from my learning experience. Also suggestions and corrections/revisions are highly welcomed from java programmers at any level. Problem Goal: Reverse a string Pseudo-code : Get a string from the command line Declare new string and initialize with […]
Absolute Beginner | Simple Introduction to GIT ( Part I)
Version Control Imagine you are a video editor and you just completed a job on a big youtuber’s video. But feel like trying out some really cool editing technique, so his/her subscribers would notice your artistry and want to find out more about you and possibly hire you for more work. Here are possible scenarios […]
React Transition for Dummies | Difference between CSSTransition and Transition
Bounce, Fade, Animate 05/03/2019 11:56:52 PM Intro into React Transitions In case you are a newbie in the world of react transitions, you should probably read this post (React Transitions for Dummies | Part 1 : Transition, Styled Components and RandomColor) before continuing. <Transition> If you want to animate a react component, wrap it with […]
React Transitions for Dummies | Part 1 : Transition, Styled Components and RandomColor
04/29/2019 12:49:21 AM Overview Simply learning on how to use the React Transition Group “Transition” component to make websites look awesome! Who is this for? This should be useful for those who are confused as I was and (to some extent) still am about component and page transitions especially in React. Why I wanted to […]
DropDown Menu with ONLY CSS and HTML
So you need a dropdown menu but you do not know javaScript… right ? 2018-04-24 7:04:37 PM See the Pen GdZGwO by Ajala Comfort (@AJALACOMFORT) on CodePen. These might interest you:Automate Simple Tasks with Python: Excel Table to…I am learning Python in 2020 – Beginner – Making a…
my To-Knows in javaScript or Things to keep in mind when coding in javaScript – updating
Purposefully creating global variables is bad style, but accidentally creating global variables can be a downright disaster Effect JavaScript : 68 Specific Ways to Harness the Power of JavaScript More local less global I am talking about local vs global scope. As a javaScript learner and after reading several books and blog notes I have […]
Lxpression Web application | Day 1 Part II: Basic Planning
The day is not over, so I decided to keep planning on the web application. I thought of a feature to add – Search Autocomplete. Yes I know, keep it simple. I promise, I would not add any other feature before the first publishing okay!. Now let us talk about what we should see in […]
Lxpression Web application | Day 1: Basic Planning
So I have an app Idea, how do I start… I have wanted to extend my portfolio’s project list for a good time now, but I always postponed it due to lack of an “it” idea. Few hours ago, I read about the 12 startups in 12 months project which found very inspiring. The writer addressed how […]
What I learned today | Functional Js | Higher Order Functions – Chapter 4
If you came all the way from part 1, you should get the book: Functional JavaScript In the last post, we learned about Closures and Scopes. Today, we are addressing Higher Order Functions – Let’s do this! Higher Order Function A first-class function takes a function as an argument returns a function as a result […]
What I learned today | Functional Javascript: Variables Scope and Closures
Remember the Book: Functional JavaScript So chapter 3 right?…hm Scopes From my understanding, where a variable lives, while the extent of a scope means how long a variable holds a value. Global Scope This has the longest lifespan when you declare a variable without the var, you are defining a global variable (accessible to […]
What I learned today | Functional Javascript | Chapter 2 | First-Class Functions and Applicative Programming
Hey!! you missed me ? no..okay .. so chapter 2 First Class Functions According to the author, I quote, “the term first class means that soething is just a value. Is one that can go anywhere that any other value can go”. Therefore a first class function is as shown below: var number = function(){return […]
What I learned today | Functional Programming in JavaScript | Chapter 1
In my most recent Coding Blog Post I briefed on what I learned while reading the Book “DOM Enlightment“. The book improved my knowledge of DOM transversing, specific and list selection, style manipulation etc. This time I have decided on reading the book “Functional JavaScript” by Michael Fogus. I hope to prevent redundancy in my […]
Interesting ways to manipulate the DOM using (vanilla) JavaScript Part 2
Hope you found the part 1 helpful.. Okay, let’s begin… Styling style property to access a specific style property e.g. border-width, use selection.style.borderWidth or for background-color backgroundColor. getProperty, setProperty, removeProperty methods get – takes in only one argument; returns the value of that property e.g. selection.getProperty(“background-color”) set – updates the value of a specific property; […]
Interesting ways to manipulate the DOM using (vanilla) JavaScript (Part 1)
Part 2 is up! So I am at the moment reading the book “DOM Enlightment“, a really good book, and I thought to myself “Hmm.. why dont you blog about what you are learning form this book?”. So yea, hope you can get something out of this. Remember this, HTML is a tree made up […]