-
Notifications
You must be signed in to change notification settings - Fork 0
/
mapa-mental.html
144 lines (138 loc) · 6.3 KB
/
mapa-mental.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mapa Mental - Git & GitHub</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<img src="imagenes/logo.png" alt="Logo del Blog" class="logo">
<h1>TioTropi Dev</h1>
<p>Explorando el mundo del código</p>
</header>
<nav class="navbar">
<input type="checkbox" id="nav-toggle" class="nav-toggle">
<label for="nav-toggle" class="nav-toggle-label">
<span></span>
</label>
<ul class="nav-menu">
<li><a href="index.html">Inicio</a></li>
<li class="has-submenu">
<a href="#">Lenguajes</a>
<ul class="submenu">
<li><a href="lenguajes/html.html">HTML</a></li>
<li><a href="lenguajes/css.html">CSS</a></li>
<li><a href="lenguajes/javascript.html">JavaScript</a></li>
<li><a href="lenguajes/python.html">Python</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="#">Frameworks</a>
<ul class="submenu">
<li><a href="frameworks/react.html">React</a></li>
<li><a href="frameworks/vue.html">Vue</a></li>
<li><a href="frameworks/angular.html">Angular</a></li>
</ul>
</li>
<li><a href="recursos.html">Recursos</a></li>
<li><a href="sobre_mi.html">Sobre Mí</a></li>
</ul>
</nav>
<main>
<section class="main-content">
<h2>Mapa Mental: Git & GitHub</h2>
<p>
Explora los conceptos clave y comandos esenciales de Git y GitHub a través del siguiente mapa mental.
Este recurso interactivo te ayudará a comprender mejor cómo gestionar tus proyectos y colaborar de manera eficiente.
</p>
<div id="mindmap-container">
<svg id="mindmap"></svg>
</div>
</section>
</main>
<footer>
<p>© 2024 TioTropi Dev. Todos los derechos reservados.</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/d3.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/browser/index.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/index.js"></script>
<script>
(() => {
const { markmap } = window;
const data = {
content: "Git y GitHub: Conceptos y Comandos Esenciales",
children: [
{
content: "Configuración Inicial",
children: [
{ content: "Establecer nombre de usuario: git config --global user.name \"[name]\"" },
{ content: "Establecer correo electrónico: git config --global user.email \"[email address]\"" },
{ content: "Habilitar colores en la terminal: git config --global color.ui auto" }
]
},
{
content: "Gestión de Repositorios",
children: [
{ content: "Crear un repositorio local: git init [project-name]" },
{ content: "Clonar un repositorio remoto: git clone [url]" }
]
},
{
content: "Gestión de Cambios",
children: [
{ content: "Revisar estado: git status" },
{ content: "Preparar archivos para commit: git add [file]" },
{ content: "Ver diferencias entre versiones: git diff" },
{ content: "Guardar cambios (commit): git commit -m \"[mensaje descriptivo]\"" }
]
},
{
content: "Trabajo con Ramas",
children: [
{ content: "Crear una nueva rama: git branch [branch-name]" },
{ content: "Cambiar de rama: git checkout [branch-name]" },
{ content: "Fusionar ramas: git merge [branch-name]" },
{ content: "Eliminar una rama: git branch -d [branch-name]" }
]
},
{
content: "Sincronización con Repositorios Remotos",
children: [
{ content: "Descargar cambios del remoto: git fetch" },
{ content: "Unir cambios descargados: git merge origin/main" },
{ content: "Enviar cambios al remoto: git push [alias] [branch]" },
{ content: "Combinar fetch y merge: git pull" }
]
},
{
content: "Gestión del Historial",
children: [
{ content: "Ver historial: git log" },
{ content: "Mostrar un commit específico: git show [commit]" }
]
},
{
content: "Resolución de Conflictos",
children: [
{ content: "Identificar conflictos con git status" },
{ content: "Editar archivos conflictivos" },
{ content: "Marcar conflictos como resueltos: git add [file]" },
{ content: "Confirmar cambios: git commit" }
]
}
]
};
const options = {
embedGlobalCSS: true,
initialExpandLevel: 2
};
const mm = markmap.Markmap.create("#mindmap", options);
mm.setData(data);
mm.fit();
})();
</script>
</body>
</html>