-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
149 lines (120 loc) · 14.7 KB
/
blog.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<div id="loading-screen">
<div id="loading-text">LOADING...</div>
</div>
<header>
<h1>MI BLOG PERSONAL</h1>
<nav>
<ul>
<li><a href="index.html" onclick="showLoadingScreen(event)">Inicio</a></li>
<li><a href="biografia.html" onclick="showLoadingScreen(event)">Biografía</a></li>
<li><a href="blog.html" onclick="showLoadingScreen(event)">Blog</a></li>
<li><a href="contacto.html" onclick="showLoadingScreen(event)">Contacto</a></li>
</ul>
</nav>
</header>
<main>
<h2>Blog de Tecnología</h2>
<button class="collapsible">Los Inicios de la Computación</button>
<div class="content">
<h2>El Origen de la Computación: Del Ábaco al Código Binario</h2>
<p>La historia de la computación es un fascinante viaje a través de la innovación humana y el desarrollo tecnológico. Comienza con herramientas sencillas como el ábaco y culmina en la complejidad del código binario que alimenta las modernas máquinas de cálculo. </p>
<h2>El Ábaco: La Primer Computadora</h2>
<img class="Media" src="Images/abaco.jpg" alt="fotografía de un ábaco de madera">
<p>El ábaco, uno de los primeros instrumentos para realizar cálculos, data de hace miles de años. Se cree que se utilizó en la antigua Mesopotamia y China. Consiste en un marco con varillas que sostienen cuentas movibles, que se utilizan para sumar, restar, multiplicar y dividir. Aunque sencillo, el ábaco fue una herramienta crucial para el desarrollo del pensamiento matemático y el cálculo. </p>
<h2>La Máquina de Diferencias: Charles Babbage</h2>
<img class="Media" src="Images/maquina.jpg" alt="Fotografía de la Máquina de Diferencias: Charles Babbage">
<p>Avanzando unos siglos, Charles Babbage, un matemático británico del siglo XIX, diseñó la máquina de diferencias. Esta máquina fue uno de los primeros intentos de construir una calculadora mecánica automática. Aunque no fue completada en su tiempo, la máquina de diferencias sentó las bases para las futuras computadoras mecánicas. </p>
<h2>La Computadora de Turing: Alan Turing</h2>
<img class="Media" src="Images/alan_turing.jpg" alt="Fotografía de Alan Turing">
<p>Alan Turing, un matemático y lógico británico, propuso en 1936 la máquina de Turing, un modelo abstracto que define la computación en términos de manipulación de símbolos. Su concepto de una máquina universal y el desarrollo de la teoría de la computación influyeron enormemente en la creación de las primeras computadoras electrónicas. </p>
<h2>El Código Binario: La Base de la Computación Moderna</h2>
<img class="Media" src="Images/binary-code.jpg" alt="Representación gráfica del código binario">
<p>El código binario, un sistema numérico que utiliza solo dos dígitos, 0 y 1, es fundamental para las computadoras modernas. Este sistema fue popularizado por el matemático y filósofo alemán Gottfried Wilhelm Leibniz en el siglo XVII. Su simplicidad y eficiencia en representar datos y realizar operaciones matemáticas lo convirtieron en la base de la computación digital moderna. Cada bit de información en una computadora se representa en código binario, permitiendo que los sistemas electrónicos realicen complejas tareas a partir de simples combinaciones de 0 y 1. </p>
<h2>Conclusión</h2>
<p>La evolución de la computación es una historia de constante innovación y mejora tecnológica, que refleja el ingenio y la perseverancia humana en la búsqueda de herramientas más eficaces para resolver problemas y realizar cálculos. Desde el ábaco, una herramienta sencilla pero poderosa para la época, hasta el sofisticado código binario que fundamenta las modernas computadoras, cada paso en este camino ha marcado un hito importante en la historia de la tecnología. </p>
<p> 1. El Ábaco como Base del Cálculo: Aunque el ábaco puede parecer rudimentario comparado con la tecnología actual, fue una herramienta esencial que permitió a las civilizaciones antiguas realizar cálculos de manera más eficiente. Su diseño y funcionamiento influyeron en el desarrollo posterior de herramientas matemáticas y computacionales.</p>
<p> 2. Máquina de Diferencias de Babbage: Aunque la máquina de diferencias de Charles Babbage no fue completada durante su vida, sus ideas fueron revolucionarias. Babbage anticipó muchos conceptos fundamentales de la computación moderna, como la idea de una máquina programable. Sus diseños sentaron las bases para el desarrollo de computadoras mecánicas y electrónicas. </p>
<p> 3. Máquina de Turing y la Teoría de la Computación: Alan Turing revolucionó el campo con su propuesta de la máquina de Turing, que definió el concepto de algoritmo y computación. Su trabajo teórico proporcionó el marco para la construcción de las primeras computadoras electrónicas y estableció los principios de la computación que aún se aplican hoy en día. </p>
<p> 4. Código Binario y la Computación Digital: La introducción del código binario por Gottfried Wilhelm Leibniz fue un avance crucial. Este sistema simple y eficiente permitió el desarrollo de circuitos digitales y computadoras electrónicas. El código binario se convirtió en el lenguaje de las máquinas, facilitando el almacenamiento, procesamiento y transmisión de datos de manera que sería impensable con sistemas numéricos más complejos. </p>
<p> 5. Impacto en la Tecnología Moderna: Los avances desde el ábaco hasta el código binario han culminado en la tecnología de computación que utilizamos hoy en día. Las computadoras modernas, que dependen del código binario para realizar cálculos y ejecutar programas, son el resultado de siglos de desarrollo y refinamiento. La capacidad para realizar millones de operaciones por segundo, procesar grandes volúmenes de datos y ejecutar aplicaciones complejas es el legado de esta evolución histórica.</p>
<p>En resumen, la computación ha recorrido un largo camino desde sus humildes comienzos. Cada desarrollo, desde el ábaco hasta el código binario, ha sido un peldaño hacia una mayor capacidad y eficiencia en el procesamiento de información. La historia de la computación no solo es un testimonio del progreso tecnológico, sino también un reflejo del ingenio humano y la capacidad para transformar conceptos abstractos en herramientas prácticas y poderosas.</p>
</div>
<button class="collapsible">Cómo Utilizar Git: Un Tutorial Básico</button>
<div class="content">
<h2>1. Inicialización del Repositorio Localmente</h2>
<p>Git es una herramienta poderosa para el control de versiones que te permite rastrear los cambios en tu código y colaborar con otros de manera eficiente. Lo primero que haremos es inicializar un repositorio local.</p>
<h3>Paso 1: Crear una Carpeta para el Proyecto</h3>
<p>Primero, crea una carpeta en tu computadora donde almacenarás tu proyecto. Puedes hacerlo desde el explorador de archivos.</p>
<img class="Screenshoot" src="Images//GitCdLs.png" alt="Pantallazo de como usar cd y ls en git bash" style="width: auto; height: auto;">
<p>Para elegir la carpeta en la que tienes los archivos con los códigos, utiliza el comando: "cd"</p>
<p>Si necesitas identificar las carpetas dentro de un repositorio utiliza el comando. "ls"</p>
<h3>Paso 2: Inicializar el Repositorio de Git</h3>
<p>Para convertir esta carpeta en un repositorio de Git, debes inicializarlo con el siguiente comando: "git init"</p>
<img class="Screenshoot" src="Images//GitInit.png" alt="Pantallazo de como usar git init" style="width: auto; height: auto;">
<p>Este comando crea un repositorio vacío en la carpeta. A partir de aquí, Git rastreará los archivos que añadas</p>
<h3>¿Qué Hace git init?</h3>
<p>Este comando genera una carpeta oculta llamada .git, que contiene todos los metadatos necesarios para que Git controle tu proyecto.</p>
<img class="Screenshoot" src="Images//CarpetaGit.png" alt="Pantallazo carpeta .git" style="width: auto; height: auto;">
<h2>2. Creación de Branches (Ramas)</h2>
<p>En Git, las ramas son esenciales para trabajar en diferentes versiones del proyecto simultáneamente. Puedes crear una rama para desarrollar una nueva funcionalidad, corregir errores o experimentar sin afectar la rama principal (generalmente llamada main o master).</p>
<h3>Paso 1: Crear una Nueva Rama</h3>
<p>Para crear una nueva rama, usa el siguiente comando: git branch nueva-funcionalidad</p>
<img class="Screenshoot" src="Images//GitBranch.png" alt="Pantallazo uso de git branch" style="width: auto; height: auto;">
<p>Este comando crea una rama llamada nueva-funcionalidad, pero no te mueve a ella. Para cambiarte a esa rama y comenzar a trabajar, usa: git checkout nueva-funcionalidad</p>
<img class="Screenshoot" src="Images//GitCheckout.png" alt="pantallazo uso de git checkout" style="width: auto; height: auto;">
<h3>Paso 2: Hacer Cambios en la Nueva Rama</h3>
<p>Ahora puedes realizar cambios en tus archivos, y Git rastreará esos cambios en la rama nueva-funcionalidad. Una vez que termines, puedes agregar los archivos y hacer un commit:git add y git commit -m "Agregué nueva funcionalidad"</p>
<img class="Screenshoot" src="Images//GitaddGitCommit.png" alt="pantallazo uso git add git commit" style="width: auto; height: auto;">
<h3>Paso 3: Fusionar la Rama (Merge)</h3>
<p>Una vez que estés satisfecho con tu trabajo, puedes fusionar la rama nueva-funcionalidad con la rama principal (master o main) </p>
<p>Cambia a la rama principal: git checkout master o main</p>
<img class="Screenshoot" src="Images//GitCheckoutMaster.png" alt="pantallazo uso de git checkout master" style="width: auto; height: auto;">
<p>Fusiona la rama nueva-funcionalidad: git merge nueva-funcionalidad</p>
<img class="Screenshoot" src="Images/GitMerge.png" alt="pantallazo uso de git merge" style="width: auto; height: auto;">
<h2>3. Agregar un Repositorio Remoto en GitHub</h2>
<p>Después de trabajar localmente, probablemente quieras almacenar tu código en un repositorio remoto para compartirlo o respaldarlo. GitHub es una excelente opción para esto.</p>
<h3>Paso 1: Crear un Repositorio en GitHub</h3>
<p>Ve a GitHub y crea una cuenta si aún no tienes una.</p>
<p>Haz clic en New Repository y asigna un nombre a tu nuevo repositorio, por ejemplo, mi-proyecto.</p>
<img class="Screenshoot" src="Images//NewRepository.png" alt="Pantallazo crear nuevo repositorio en github.com" style="width: auto; height: auto;">
<p>No inicialices el repositorio con un archivo README, ya que ya tienes un repositorio local.</p>
<img class="Screenshoot" src="Images//NewRepository1.png" alt="Pantallazo crear nuevo repositorio en github.com" style="width: auto; height: auto;">
<h3>Paso 2: Conectar el Repositorio Local al Remoto</h3>
<p>Para conectar tu repositorio local al remoto en GitHub, usa el comando git remote add seguido del nombre del repositorio remoto (generalmente origin) y la URL del repositorio: git remote add origin https://github.com/tu-usuario/mi-proyecto.git</p>
<img class="Screenshoot" src="Images/GitRemote.png" alt="pantallazo uso de git remote" style="width: auto; height: auto;">
<h3>Paso 3: Enviar los Cambios al Repositorio Remoto</h3>
<p>Después de conectar el repositorio remoto, puedes enviar los cambios locales a GitHub con el comando: git push -u origin main</p>
<p>Esto subirá todos los commits de tu rama main al repositorio remoto</p>
<img class="Screenshoot" src="Images/GitPush.png" alt="pantallazo uso de git push" style="width: auto; height: auto;">
<h3>Conclusión</h3>
<p>Git es una herramienta fundamental para cualquier desarrollador. Desde la inicialización de un repositorio, la creación de ramas para organizar tu trabajo, hasta el uso de GitHub para colaborar y respaldar tu código, Git te permite gestionar proyectos de forma eficiente y segura.</p>
</div>
</main>
<footer>
<p class="copyright">© <span id="year"></span> Mi Blog Personal - DanCarCo</p>
<p>Texto obtenido de OpenAI. (2024). ChatGPT (v4.0) [Modelo de lenguaje a gran escala]. https://chat.openai.com/</p>
<div class="social-links">
<a href="https://github.com/dancarco" target="_blank">
<img src="Images/github-icon.png" alt="GitHub" class="social-icon">
</a>
<a href="https://www.linkedin.com/in/daniel-carvajal-correa/" target="_blank">
<img src="Images/linkedin-icon.png" alt="LinkedIn" class="social-icon">
</a>
<a href="https://wa.me/573176582482" target="_blank">
<img src="Images/Whatsapp-icon.png" alt="WhatsApp" class="social-icon">
</a>
</div>
</footer>
<script src="scripts.js"></script>
</body>
</html>