Who is JavaScript Johnny?

JavaScript Johnny is a passionate developer and educator focused on web technologies.

2 min read
AboutMe
JavaScript Johnny
JavaScript Johnny
thumbnail image representing Who is JavaScript Johnny?

About

If you're looking to become a backend developer, this guide is for you. Whether you're starting from scratch or already know the basics, it will help you focus on what really matters and learn the skills that set you apart.

We'll cover everything from programming languages to databases, APIs, and advanced topics to help you stand out.

To make things even easier, I've created a free roadmap template with project ideas and a tracker to measure your progress.

Image options

iron triangle

Image of XYZ
This is an image caption

My Journey

I started programming back in 2010 with basic HTML and CSS. Since then, I've grown to love the entire JavaScript ecosystem. Let's begin, npm run start!

Metadata

Who is JavaScript Johnny? is a passionate developer and educator focused on web technologies. Published: .

Code

import { codeToHtml } from "shiki"

const code = "hello there"
const html = await codeToHtml(code, {
  lang: "javascript",
  theme: "vitesse-dark",
})

console.log(html) // highlighted html string
export default () => {
  console.log('Code block')
}

Table

KeyTypeDescription
1WonderfulTable
2WonderfulData
3WonderfulWebsite

What I Do

  • Create educational content
  • Build web applications
  • Mentor new developers
  • Contribute to open source

Tech Stack

Here's what I work with daily:

  1. Vue.js/Nuxt
  2. Node.js
  3. TypeScript
  4. TailwindCSS
"Be all that you can be."
US Army

How the Web Works

Learn the basics of how browsers and servers communicate. Focus on:

  • DNS: Understand how domain names resolve to IP addresses.
  • HTTP/HTTPS: Learn how data moves across the web, including secure connections using TLS/SSL.
  • Client-Server Model: Understand how requests and responses work between clients and servers.
  • Web Servers: Learn how web servers process and respond to requests.
"This is amazing!"
quote thumbnail
John Ryan CottamSolutions Architect

Embeds

YouTube

Stream

X

Codepen

Replit

StackBlitz

Inline Styles

Hello World

Component Examples

The content of the card

"Be all that you can be."
US Army