let str = “The brown fox”

str.slice(3)

// “ brown fox”

str.slice(1, 8)

// “he brow”

str.charAt(4)

//”b”

str.split()

//[“The brown fox”]

str.split(“ “)

//[“The”, “brown”, “fox”]

Math.floor(1.9)

//1

The forEach() method executes a callback function for each element in the array. What does that mean? The ‘forEach’ method calls a function that’s outside of forEach and that handles the iteration for the array that it’s checking. Let’s look closely how it really works.

forEach: callback function

We are…

What is semantic HTML?

Semantic HTML reinforces clear web content rather than vague<div> containers.

<section><article><nav><main><header><footer><aside><summary><details>

Why Semantic markup HTML?

Semantically correct HTML helps search engines, web browsers, developers and crawlers to distinguish between different types of data.

  1. SEO
  2. Accessibility
  3. Maintainability

I have seen display: flex; so many time, not bothering to understand what it meant because I was learning something else, either Javascript or React with deadline. Often I used css templates. So not knowing the foundation of flexbox was extremely frustrating. When I googled how to fix a simple…

Styled-components uses template literal to style components. You will be creating a normal React component to style your other components.

0. Advantages of styled-components:

  1. No duplication or overlap: because styled-components keeps track of which components are rendered on a page and injects their style.
  2. Dynamic styling: adapting the styling of a component based on…

Greem Jellyfish

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store