🎨 Diseño Web
El diseño web es el proceso de creación y construcción de sitios web, enfocándose principalmente en la experiencia del usuario (UX) y en la interfaz visual (UI). Abarca desde la estructura del contenido hasta la interacción y el rendimiento del sitio.
Un buen diseño web permite que las páginas sean atractivas, funcionales, accesibles y adaptables a diferentes dispositivos como computadoras, tablets y teléfonos móviles.
🧱 HTML (Lenguaje de Marcado)
HTML (HyperText Markup Language) es el lenguaje que define la estructura del sitio web. Organiza el contenido mediante etiquetas como títulos, párrafos, imágenes, enlaces y botones.
- Define la estructura básica del sitio
- Permite insertar texto, imágenes y enlaces
- Es el primer paso para crear una página web
📌 Ejemplo de HTML:
<h1>Bienvenidos a mi sitio</h1>
<p>Este es un párrafo</p>
<button>Haz clic aquí</button>
🎨 CSS (Diseño y Estilos)
CSS (Cascading Style Sheets) se encarga del diseño visual del sitio. Permite aplicar colores, tipografías, tamaños, animaciones y efectos que mejoran la presentación del contenido.
- Controla colores y fuentes
- Organiza el diseño con layouts
- Permite animaciones y transiciones
📌 Ejemplo de CSS:
body {
background-color: #121212;
color: white;
}
button {
background: purple;
border-radius: 10px;
}
⚡ JavaScript (Interactividad)
JavaScript es un lenguaje de programación que permite agregar interactividad y comportamiento dinámico a los sitios web. Gracias a JavaScript, las páginas pueden responder a acciones del usuario.
- Detecta clics y eventos
- Muestra alertas y mensajes
- Modifica contenido sin recargar la página
📌 Ejemplo de JavaScript:
function saludar() {
alert("¡Hola usuario!");
}
🌐 Alojamiento Web (Hosting)
El alojamiento web es el servicio que permite publicar un sitio en Internet. Consiste en un servidor donde se guardan todos los archivos del proyecto para que puedan ser accesibles desde cualquier lugar del mundo.
- Almacena archivos HTML, CSS y JavaScript
- Permite que el sitio esté disponible 24/7
- Asigna un dominio o dirección web
📌 Ejemplos de hosting:
- GitHub Pages
- Netlify
- InfinityFree
- 000WebHost
El diseño web combina creatividad, lógica y tecnología, permitiendo crear experiencias digitales modernas, atractivas y funcionales.
💻 Estructuras de Programación (Java, C++, C#)
Java, C++ y C# son lenguajes de programación de alto nivel usados para desarrollar aplicaciones, sistemas y software empresarial. Aunque su sintaxis varía, comparten las mismas bases lógicas.
📦 Variables
Las variables almacenan información que puede cambiar durante la ejecución del programa.
int edad = 18;
String nombre = "Carlos";
boolean activo = true;
📝 Sentencias
Las sentencias son instrucciones que el programa ejecuta.
System.out.println("Hola mundo");
edad = edad + 1;
🔀 Condicionales (If / Else)
Permiten tomar decisiones según una condición.
if (edad >= 18) {
System.out.println("Es mayor de edad");
} else {
System.out.println("Es menor de edad");
}
🔁 Bucles (For / While)
Los bucles repiten una acción varias veces.
for (int i = 1; i <= 5; i++) {
System.out.println("Número: " + i);
}
📋 Listas y Arreglos
Permiten almacenar varios valores en una sola variable.
int[] numeros = {1, 2, 3, 4, 5};
for (int n : numeros) {
System.out.println(n);
}
🔧 Funciones
Las funciones ejecutan una tarea específica y pueden devolver un resultado.
static int sumar(int a, int b) {
return a + b;
}
int resultado = sumar(5, 3);
⚙️ Métodos
Los métodos son funciones que pertenecen a una clase.
class Calculadora {
void saludar() {
System.out.println("Hola desde un método");
}
}
🧱 Programación Orientada a Objetos (POO)
La POO organiza el programa en clases y objetos.
class Persona {
String nombre;
int edad;
void mostrarDatos() {
System.out.println(nombre + " - " + edad);
}
}
Persona p1 = new Persona();
p1.nombre = "Ana";
p1.edad = 20;
p1.mostrarDatos();
Estas estructuras permiten crear programas organizados, reutilizables y eficientes.
🗄️ Base de Datos con SQL Server
SQL Server es un sistema gestor de bases de datos relacionales desarrollado por Microsoft. Se utiliza para almacenar, organizar y administrar grandes cantidades de información de forma segura y eficiente.
Las bases de datos relacionales trabajan con tablas relacionadas entre sí mediante claves primarias y foráneas, permitiendo mantener la integridad de los datos.
📌 Sentencias SQL (CRUD)
Las sentencias SQL permiten interactuar con la base de datos. El modelo CRUD representa las operaciones básicas: Crear, Leer, Actualizar y Eliminar información.
- SELECT: Consultar datos
- INSERT: Agregar nuevos registros
- UPDATE: Modificar registros existentes
- DELETE: Eliminar registros
-- Insertar un registro
INSERT INTO Clientes (ID, Nombre, Pais)
VALUES (1, 'Ana Pérez', 'México');
-- Consultar registros
SELECT * FROM Clientes;
-- Actualizar un registro
UPDATE Clientes
SET Pais = 'Guatemala'
WHERE ID = 1;
-- Eliminar un registro
DELETE FROM Clientes
WHERE ID = 1;
📦 Objetos de Base de Datos
Los objetos de base de datos son las estructuras que permiten almacenar datos y automatizar procesos dentro de SQL Server.
- Tablas: Almacenan los datos en filas y columnas
- Vistas: Consultas guardadas que muestran datos específicos
- Procedimientos almacenados: Conjuntos de instrucciones SQL reutilizables
- Triggers: Acciones automáticas que se ejecutan ante eventos
-- Crear una tabla
CREATE TABLE Clientes (
ID INT PRIMARY KEY,
Nombre VARCHAR(50),
Pais VARCHAR(50)
);
-- Crear una vista
CREATE VIEW VistaClientesMexico AS
SELECT Nombre, Pais
FROM Clientes
WHERE Pais = 'México';
-- Procedimiento almacenado
CREATE PROCEDURE ListarClientes
AS
BEGIN
SELECT * FROM Clientes;
END;
SQL Server es ampliamente utilizado en aplicaciones empresariales, sistemas web y software administrativo debido a su seguridad, rendimiento y capacidad de manejar grandes volúmenes de datos.
🌐 Diseño de Red (Cisco Packet Tracer)
Cisco Packet Tracer es un software de simulación desarrollado por Cisco que permite diseñar, configurar y probar redes informáticas sin necesidad de utilizar equipos físicos reales.
Es ampliamente utilizado en la educación para comprender cómo funcionan las redes, la comunicación entre dispositivos y la configuración de routers y switches.
📌 Elementos principales
- PCs y laptops virtuales
- Routers y switches
- Servidores
- Cables de red (UTP, fibra, serial)
📌 Ejemplo básico
1. Arrastrar una PC y un Router al área de trabajo
2. Conectarlos con un cable de red
3. Asignar IP a la PC: 192.168.1.10
4. Asignar IP al Router: 192.168.1.1
5. Ejecutar el comando Ping
6. Verificar que exista comunicación
🧠 Evolución del Hardware
La evolución del hardware ha permitido que las computadoras sean cada vez más rápidas, pequeñas y eficientes, mejorando el rendimiento general de los sistemas.
💾 Almacenamiento
El almacenamiento guarda de forma permanente la información del sistema y los archivos del usuario.
Disquete: 1.44 MB
HDD: almacenamiento mecánico
SSD: memoria de estado sólido
NVMe M.2: alta velocidad conectada a la placa base
🧮 Memoria RAM
La memoria RAM almacena datos temporales que el sistema utiliza mientras está en funcionamiento.
DDR1 → DDR2 → DDR3 → DDR4 → DDR5
Mayor velocidad y menor consumo energético
⚡ Procesador (CPU)
El procesador es el cerebro de la computadora. Ejecuta instrucciones y procesa la información.
Antes: 1 núcleo (MHz)
Ahora: múltiples núcleos (4, 8, 16)
Velocidades actuales: GHz
🔒 Normas de Seguridad en Hardware
Las normas de seguridad en hardware tienen como objetivo proteger tanto los equipos como a las personas que los manipulan, evitando daños físicos y eléctricos.
📌 Reglas básicas
- Uso de pulsera antiestática (ESD)
- Evitar humedad y polvo
- Desconectar el equipo antes de abrirlo
- Uso de UPS o regulador de voltaje
Antes de cambiar la memoria RAM:
1. Apagar la computadora
2. Desconectar el cable de energía
3. Usar pulsera antiestática
4. No tocar los contactos dorados
🪟 Instalación de Windows
La instalación de Windows es el proceso mediante el cual se coloca el sistema operativo en una computadora nueva o formateada.
⚙️ Etapas del proceso
- Configurar BIOS/UEFI para arrancar desde USB
- Seleccionar el disco de instalación
- Particionar el disco duro
- Copia de archivos del sistema
1. Insertar USB booteable
2. Reiniciar la PC
3. Presionar F2 / DEL
4. Cambiar orden de arranque
5. Guardar y continuar
👤 Configuración Final (OOBE)
OOBE (Out Of Box Experience) es la configuración inicial después de instalar Windows.
Seleccionar idioma y región
Conectarse a Wi-Fi
Crear usuario y contraseña
Configurar privacidad