DISEÑO & TECNO

Concepto

El diseño web es la creación de páginas y sitios web que se visualizan en Internet. Combina estructura, diseño visual y comportamiento.

Herramientas utilizadas

• HTML: organiza el contenido
• CSS: aplica colores, estilos y diseño
• JavaScript: añade interactividad
• Alojamiento: permite publicar el sitio

Ejemplo básico

<h1>Bienvenidos</h1>
<p>Esta es mi primera página</p>

Este ejemplo muestra texto básico en una página web.

Concepto

La programación es el proceso de crear instrucciones para que una computadora realice tareas específicas.

Estructuras básicas

• Secuencial: instrucciones en orden
• Condicional: toma decisiones
• Repetitiva: repite acciones

Ejemplo simple en Java

int edad = 18;
if(edad >= 18){
  System.out.println("Mayor de edad");
}

El programa evalúa una condición y muestra un mensaje.

Ejemplo en C++

#include <iostream>
using namespace std;

int main() {
  int edad = 18;
  if(edad >= 18){
    cout << "Mayor de edad";
  }
  return 0;
}

Ejemplo en C++ que imprime si la persona es mayor de edad.

Ejemplo en C#

using System;

class Program {
  static void Main() {
    int edad = 18;
    if(edad >= 18){
      Console.WriteLine("Mayor de edad");
    }
  }
}

Ejemplo en C# equivalente al de C++/Java para condición simple.

Concepto

Una base de datos permite almacenar información de forma organizada para facilitar su consulta y actualización.

Elementos principales

• Tablas
• Campos
• Registros

Ejemplo

SELECT nombre, edad
FROM Estudiantes;

Muestra los nombres y edades guardados en la tabla.

Ejemplos de objetos SQL

CREATE TABLE Estudiantes (
  id INT,
  nombre VARCHAR(50),
  edad INT
);

CREATE VIEW VistaEstudiantes AS
SELECT nombre, edad
FROM Estudiantes;

CREATE PROCEDURE MostrarEstudiantes
AS
SELECT * FROM Estudiantes;

Ejemplos de sentencias SQL

SELECT * FROM Estudiantes;

INSERT INTO Estudiantes VALUES (1, 'Carlos', 17);

UPDATE Estudiantes
SET edad = 18
WHERE id = 1;

Los objetos almacenan y estructuran datos; las sentencias permiten consultarlos y modificarlos.

Concepto

Las redes permiten que computadoras y dispositivos se comuniquen entre sí para compartir información.

Componentes

• Router
• Switch
• Dirección IP

Ejemplo

tracert google.com

Muestra el recorrido que siguen los datos en la red.

Concepto

El hardware son los componentes físicos que forman una computadora.

Evolución

• Disco duro HDD → SSD → nVMe
• Más memoria RAM
• Procesadores más rápidos

Un SSD mejora la velocidad del sistema.

Normas básicas

• Apagar y desconectar el equipo
• Usar pulsera antiestática
• No tocar circuitos

Estas normas evitan daños al equipo.

Etapas de instalación

• Crear USB booteable
• Configurar BIOS
• Instalar Windows
• Instalar drivers

Los drivers permiten que funcione el audio y video.