Problemas de un desarrollador Web

Post con componentes: El Atlas del Hola Mundo
Articulo_Tecnico

Post con componentes: El Atlas del Hola Mundo

Post de prueba con componentes mdx, base para futuros retos de programación.

FECHA:
AUTOR: Jorge Beneyto Castelló
LECTURA: 2 MINUTOS DE LECTURA

Hola

Este es un pequeño post con componentes de mdx, que en un futuro escalará y podría ser la base para los retos de programación. Aquí tienes la recopilación definitiva del “Hola Mundo” en múltiples entornos.


🚀 Frontend & Frameworks

JavaScript

JavaScript (JS)
Fragmento de código

console.log("Hola Mundo");

TypeScript

TypeScript (TS)
TypeScript

const message: string = "Hola Mundo";
console.log(message);

Astro

Astro
Fragmento de código

---
const title = "Hola Mundo";
---
<h1>{title}</h1>

Vue.js

Vue.js
Fragmento de código

<template>
  <h1>{{ msg }}</h1>
</template>

<script setup>
const msg = 'Hola Mundo'
</script>

Svelte

Svelte
Svelte

<script>
  let message = "Hola Mundo";
</script>

<h1>{message}</h1>

Angular

Angular
TypeScript

import { Component } from '@angular/core';

@Component({
  selector: 'app-hello',
  template: '<h1>Hola Mundo</h1>'
})
export class HelloWorldComponent {}

React

React (JSX / TSX)
TypeScript

export default function HelloWorld() {
  return <h1>Hola Mundo</h1>;
}

HTML5

HTML5
HTML

<!DOCTYPE html>
<html>
<body>
  <h1>Hola Mundo</h1>
</body>
</html>

CSS

CSS
CSS

body::before {
  content: "Hola Mundo";
}

⚙️ Programación General

Python

Python (Py)
Python

print("Hola Mundo")

Java

Java
Java

public class Main {
    public static void main(String[] args) {
        System.out.println("Hola Mundo");
    }
}

C#

C# (Csharp)
C#

using System;

class Program {
    static void Main() {
        Console.WriteLine("Hola Mundo");
    }
}

C++

C++ (Cpp)
C++

#include <iostream>

int main() {
    std::cout << "Hola Mundo" << std::endl;
    return 0;
}

C

C
C

#include <stdio.h>

int main() {
   printf("Hola Mundo");
   return 0;
}

Rust

Rust
Rust

fn main() {
    println!("Hola Mundo");
}

PHP

PHP
PHP

<?php
  echo "Hola Mundo";
?>

Go

Go
Go

package main
import "fmt"

func main() {
    fmt.Println("Hola Mundo")
}

Kotlin

Kotlin
Kotlin

fun main() {
    println("Hola Mundo")
}

Swift

Swift
Swift

print("Hola Mundo")

Visual Basic

Visual Basic (VB)
VB.Net

Module HelloWorld
    Sub Main()
        Console.WriteLine("Hola Mundo")
    End Sub
End Module

Dart

Dart
Dart

void main() {
  print('Hola Mundo');
}

Ruby

Ruby
Ruby

puts "Hola Mundo"

🗄️ Bases de Datos

SQL

SQL / SQLite / MySQL / PostgreSQL
SQL

SELECT 'Hola Mundo' AS mensaje;

MongoDB

MongoDB
JavaScript

db.msg.insertOne({ text: "Hola Mundo" });

Redis

Redis
Bash

SET mensaje "Hola Mundo"
GET mensaje

Prisma

Prisma
Fragmento de código

model Message {
  id    Int     @id @default(autoincrement())
  text  String  @default("Hola Mundo")
}

🛠️ Configuración & DevOps

Bash

Bash / Shell / Sh
Bash

echo "Hola Mundo"

PowerShell

PowerShell
PowerShell

Write-Host "Hola Mundo"

Docker

Docker (Dockerfile)
Dockerfile

FROM alpine
CMD ["echo", "Hola Mundo"]

YAML

YAML / YML
YAML

mensaje: "Hola Mundo"

TOML

TOML
Ini, TOML

mensaje = "Hola Mundo"

JSON

JSON
JSON

{
  "mensaje": "Hola Mundo"
}

Markdown

Markdown (MD)
Markdown

# Hola Mundo

Git

Git
Bash

git commit -m "Hola Mundo"

NPM

NPM
Bash

npm init -y

Misión_Briefing [Iniciación]

"Modifica cualquiera de los ejemplos para que el programa solicite el nombre del usuario y responda con un saludo personalizado: 'Hola, [Nombre]'."