NativosIAnativosIA.es
Suscribirse
← Volver a Recursos

🖥️ Historia de la Tecnología

22 hitos de la computación, ciencia e internet · 4 formas distintas de aprender

Línea del tiempoOrdena los hechosCuestionarioUne inventor e invención
1687🔬 CienciaLas leyes de Newton▼
1843🖥️ ComputaciónEl primer algoritmo▼
1895🔬 CienciaDescubrimiento de los rayos X▼
1905🔬 CienciaLa Teoría de la Relatividad▼
1928🔬 CienciaDescubrimiento de la penicilina▼
1936🖥️ ComputaciónLa Máquina de Turing▼
1945🖥️ ComputaciónENIAC: el primer ordenador electrónico▼
1947🖥️ ComputaciónInvención del transistor▼
1953🔬 CienciaLa doble hélice del ADN▼
1957🚀 EspacioEl Sputnik: el primer satélite artificial▼
1961🚀 EspacioEl primer humano en el espacio▼
1969🚀 EspacioEl hombre pisa la Luna▼
1969🌐 InternetNace ARPANET▼
1971🖥️ ComputaciónEl primer microprocesador▼
1984🖥️ ComputaciónEl Macintosh y la interfaz gráfica▼
1989🌐 InternetBerners-Lee propone la World Wide Web▼
1991🌐 InternetLa primera página web▼
1998🌐 InternetGoogle se funda▼
2001🌐 InternetWikipedia se lanza▼
2007🖥️ ComputaciónSteve Jobs presenta el iPhone▼
2016🖥️ ComputaciónAlphaGo vence al campeón mundial de Go▼
2022🖥️ ComputaciónChatGPT revoluciona el mundo▼
Hazlo tú mismo con IA

✍️ Cómo recrear este recurso paso a paso

6 prompts en orden. Pega cada uno en ChatGPT, Claude o Gemini y aplica la respuesta antes de pasar al siguiente.

Crea un componente Next.js (page.js) con 'use client' para una página de Historia de la Tecnología.

TECNOLOGÍA: Next.js App Router, React con hooks (useState)

DATOS — define un array TIMELINE con 22 objetos con campos:
{ id, year, cat, label, title, who, body }

Categorías y sus colores:
- 'computing' → '#2563EB' (computación)
- 'science'   → '#059669' (ciencia)
- 'internet'  → '#7C3AED' (internet)
- 'space'     → '#DC2626' (espacio)

Incluye estos 22 hitos en orden cronológico:
1687 Newton (leyes del movimiento) · 1843 Ada Lovelace (primer algoritmo)
1895 Röntgen (rayos X) · 1905 Einstein (relatividad) · 1928 Fleming (penicilina)
1936 Alan Turing (Máquina de Turing) · 1945 ENIAC · 1947 transistor (Bell Labs)
1953 Watson y Crick (ADN) · 1957 Sputnik · 1961 Gagarin · 1969 Apolo 11
1969 ARPANET · 1971 Intel 4004 · 1984 Macintosh · 1989 WWW (Berners-Lee)
1991 primera página web · 1998 Google · 2001 Wikipedia · 2007 iPhone
2016 AlphaGo · 2022 ChatGPT

ESTADOS INICIALES:
const [tab, setTab] = useState('timeline')
const [openId, setOpenId] = useState(null)
const [catFilter, setCatFilter] = useState('all')

COLOR SCHEME: C1='#0e7490' C2='#22d3ee' CB='#0891b2'

💡 Consejo: Trabaja en un único archivo page.js y pasa el código anterior a la IA con: "Tengo este código, añade lo siguiente:"