DEV Community: Kehinde Abe

How To Upgrade NVM, NPM, Node, and NPX

Kehinde Abe — Tue, 23 Jun 2020 18:13:38 +0000

I was working on a project and almost all of my Node packages were outdated, I searched for commands and options on keeping versions of core components consistent. I couldn't get all in one article so I wrote this about NVM, NPM, Node.js, and NPX.

NVM.
I think the most recent version of NVM is v0.35.3 and to install or update NVM use this command:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

NPM.
To upgrade NPM to the latest version use following command:

npm install -g npm@latest

Node.
Once you have nvm installed you can use the following command to get the latest stable version of Node.js

nvm install stable

NPX.
Since NPX is also node package we can use NPM to install or update it:

npm install -g npx

Thank you for Reading!

Adding a cover image to your dev.to articles

Kehinde Abe — Thu, 14 May 2020 22:40:27 +0000

Photo by Austin Distel on Unsplash

I ran into some cover image issues when I started writing on dev.to not until I came across an article about how to add cover picture/image to your article so that prompt me to write this article to help whoever that might need it.

Note: adding a nice cover image to articles is very essential and you can do that on dev.to by adding a cover_image: entry to that block at the top. For example, the block for this post should look like this:

---
title: Adding a cover image for your dev.to articles
published: true
description: "Photo by Austin Distel on Unsplash"
tags: blogging,,coverImages,,article
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/a8c7m9up8jcpa2zuycnk.jpg

---

Get a nice picture/images maintaining the ratio of 1000x420 pixels for better resolution.

Thank you for reading.

HTML Tags you should know when learning how to code.

Kehinde Abe — Thu, 14 May 2020 21:31:33 +0000

I assume you already know what HTML is. In case you're just learning HTML, you can read more about that here. MDN.

- The HTML Title element defines the document's title that is shown in a browser's title bar or a page's tab. It only contains text tags within the element are ignored. For Example:

<title>Grandma's Heavy Metal Festival Journal</title>

Link - It's used for linking CSS external links to the document. href is the path the file

<link href="css/main.css" rel="stylesheet">

header - Defines a header for a document or section,
Navigation inside header

Lists

ul - The ul tag defines an unordered (bulleted) list. Use the ul tag together with the li tag to create unordered lists. These tags are very important whenever you want to create a list item dynamically in Javascript apps like React apps.

ol - An ordered list—the order of the items is important, Could be alphabetical, numerical. etc. It can only have li elements as direct children.

li - A single list item, it must be inside a ul, ol, or menu. It can have most other elements inside it.
Most commonly used HTML tags other than the ones we've written are as follows:

body - The page's content.
h1 - A section heading.
p - A paragraph.
a — A link.
img - An image.
div — A block-level container for content.
span — An inline container for content.
head — The document head.
HTML — The root element.

Resources Used: MDN,W3schools

Thanks 🙌 for reading and good luck with your coding journey!
Please share this article with your fellow devs if you like it!