-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
329 lines (300 loc) · 16.2 KB
/
index.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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Index Principal</title>
<link rel="stylesheet" type="text/css" href="indexEstilos.css" />
<!-- Fuentes -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Manrope:wght@200&display=swap"
rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
</head>
<body>
<!-- Barra Navegación -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<img src="imag/code-square.svg" alt="LogoProgramacion"> <a class="navbar-brand"> Aprende Programación</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html"> Inicio </a>
</li>
<li class="nav-item">
<a class="nav-link" href="html/htmlycss.html"> HTML y CSS </a>
</li>
<li class="nav-item">
<a class="nav-link" href="java/java.html"> <span class="java">Java</span> </a>
</li>
<li class="nav-item">
<a class="nav-link" href="javascript/javascript.html"> JavaScript </a>
</li>
<li class="nav-item">
<a class="nav-link" href="python/python.html"> Python </a>
</li>
<li class="nav-item">
<a class="nav-link" href="github/github.html"> Git / GitHub </a>
</li>
<li class="nav-item">
<a class="nav-link" href="react/react.html"> React </a>
</li>
<li class="nav-item">
<a class="nav-link" href="mySQL/mysql.html"> mySQL </a>
</li>
<li class="nav-item">
<a class="nav-link" href="generadorEjercicios/index.html"> Generador de Ejercicios </a>
</li>
<li class="nav-item">
<a class="nav-link active" href="sobreNosotros.html"> Sobre Nosotros </a>
</li>
<li class="nav-item dropdown">
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li>
<hr class="dropdown-divider" />
</li>
<li>
<a class="dropdown-item" href="#">Something else here</a>
</li>
</ul>
</li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" />
<button class="btn btn-outline-success" type="submit">
Search
</button>
</div>
</div>
</nav>
<!-- FORMULARIO Cuenta -->
<div class="container feature cuenta">
<h2>Crear una cuenta</h2>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#registroModal">
Registrarse
</button>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#loginModal">
Iniciar Sesión
</button>
<!-- Modal -->
<div class="modal fade" id="registroModal" tabindex="-1" aria-labelledby="registroModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="registroModalLabel">Registro de Cuenta</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<label for="nombre" class="form-label">Nombre</label>
<input type="text" class="form-control" id="nombre" name="nombre" required>
</div>
<div class="mb-3">
<label for="email" class="form-label">Correo electrónico</label>
<input type="email" class="form-control" id="email" name="email" required>
</div>
<div class="mb-3">
<label for="contrasena" class="form-label">Contraseña</label>
<input type="password" class="form-control" id="contrasena" name="contrasena" required>
</div>
<button type="submit" class="btn btn-primary">Registrarse</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Modal de Inicio de Sesión -->
<div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="loginModalLabel">Iniciar Sesión</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<label for="emailInicioSesion" class="form-label">Correo electrónico</label>
<input type="emailInicioSesion" class="form-control" id="emailInicioSesion" name="emailInicioSesion"
required>
</div>
<div class="mb-3">
<label for="contrasenaSesion" class="form-label">Contraseña</label>
<input type="passwordSesion" class="form-control" id="contrasenaSesion" name="contrasenaSesion" required>
</div>
<button type="submit" class="btn btn-primary">Iniciar Sesión</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Index Principal -->
<section class="features">
<div class="feature">
<h1>Cursos de Programación</h1>
<p>Bienvenido a nuestra plataforma de educación en línea dedicada a ofrecer cursos de programación de alta calidad
para todos los niveles. Ya sea que estés dando tus primeros pasos en el mundo de la codificación o busques
perfeccionar tus habilidades, nuestros cursos están diseñados para ayudarte a alcanzar tus metas en el
desarrollo de software.
¿Qué Ofrecemos?</p>
</div>
<div class="feature">
<h2>Curso de HTML y CSS</h2>
<p>Nuestro curso de HTML y CSS te proporcionará una base sólida en diseño web. Aprende a:</p>
<ul>
<li>Crear estructuras de páginas web utilizando HTML para marcar el contenido.</li>
<li>Aplicar estilos y diseños atractivos con CSS para mejorar la presentación visual.</li>
<li>Utilizar etiquetas semánticas de HTML para mejorar la accesibilidad y la optimización de motores de
búsqueda.</li>
<li>Crear diseños responsivos y amigables para dispositivos móviles.</li>
<li>Trabajar con multimedia, formularios y elementos interactivos.</li>
<li>Entender las mejores prácticas de diseño web y desarrollo frontend.</li>
</ul>
<p>Con nuestros enfoque práctico y ejercicios hands-on, estarás listo para crear sitios web modernos y atractivos
desde cero.</p>
</div>
<div class="feature">
<h2>Curso de Java</h2>
<p>Nuestro curso de Java te llevará desde los fundamentos hasta niveles avanzados de programación. Aprende a:</p>
<ul>
<li>Comprender los conceptos básicos de la sintaxis de Java y la lógica de programación.</li>
<li>Manipular datos y trabajar con tipos de datos como listas, tuplas, conjuntos y diccionarios.</li>
<li>Crear estructuras de control como bucles y condicionales para resolver problemas.</li>
<li>Definir funciones y módulos para organizar y reutilizar tu código de manera eficiente.</li>
<li>Explorar la programación orientada a objetos y crear clases y objetos en Java.</li>
<li>Utilizar bibliotecas y módulos populares para tareas como análisis de datos, visualización y desarrollo web.
</li>
<li>Aplicar tus habilidades en proyectos prácticos que aborden desafíos del mundo real.</li>
</ul>
<p>Nuestro enfoque práctico y proyectos interactivos te ayudarán a desarrollar habilidades sólidas en programación
con Java.</p>
</div>
<div class="feature">
<h2>Curso de JavaScript</h2>
<p>Nuestro completo curso de JavaScript te guiará a través del mundo de la programación del lado del cliente.
Aprende a:</p>
<ul>
<li>Comprender los fundamentos de JavaScript, incluyendo variables, tipos de datos y estructuras de control.
</li>
<li>Manipular el DOM (Modelo de Objetos del Documento) para crear interacciones dinámicas en sitios web.</li>
<li>Trabajar con funciones y eventos para agregar comportamientos interactivos a tus proyectos.</li>
<li>Utilizar AJAX para cargar y enviar datos de manera asíncrona.</li>
<li>Explorar conceptos avanzados como closures, promesas y asincronía.</li>
<li>Crear aplicaciones interactivas y juegos utilizando JavaScript.</li>
</ul>
<p>Nuestro enfoque práctico te permitirá aplicar tus conocimientos en proyectos reales, lo que te preparará para
crear experiencias web atractivas y dinámicas.</p>
</div>
<div class="feature">
<h2>Curso de Python</h2>
<p>Nuestro completo curso de Python te llevará desde los fundamentos hasta niveles avanzados de programación.
Aprende a:</p>
<ul>
<li>Comprender los conceptos básicos de la sintaxis de Python y la lógica de programación.</li>
<li>Manipular datos y trabajar con tipos de datos como listas, tuplas, conjuntos y diccionarios.</li>
<li>Crear estructuras de control como bucles y condicionales para resolver problemas.</li>
<li>Definir funciones y módulos para organizar y reutilizar tu código de manera eficiente.</li>
<li>Explorar la programación orientada a objetos y crear clases y objetos en Python.</li>
<li>Utilizar bibliotecas y módulos populares para tareas como análisis de datos, visualización y desarrollo web.
</li>
<li>Aplicar tus habilidades en proyectos prácticos que aborden desafíos del mundo real.</li>
</ul>
<p>Nuestro enfoque práctico y proyectos interactivos te ayudarán a desarrollar habilidades sólidas en programación
con Python, preparándote para una variedad de roles en desarrollo de software y ciencia de datos.</p>
</div>
<div class="feature">
<h2>Curso de Git y GitHub</h2>
<p>Nuestro curso de Git y GitHub te proporcionará las habilidades esenciales para el control de versiones y la
colaboración en proyectos de desarrollo de software. Aprende a:</p>
<ul>
<li>Gestionar tus proyectos utilizando Git, el sistema de control de versiones más popular.</li>
<li>Crear repositorios, realizar confirmaciones y trabajar con ramas para mantener un historial claro de
cambios.</li>
<li>Colaborar de manera efectiva en equipos utilizando GitHub, la plataforma líder de alojamiento y colaboración
de código.</li>
<li>Realizar solicitudes de extracción, resolver conflictos y mantener un flujo de trabajo colaborativo sin
problemas.</li>
<li>Utilizar herramientas avanzadas como rebase y etiquetas para administrar tus proyectos de manera eficiente.
</li>
<li>Automatizar tareas con GitHub Actions para mejorar tu flujo de trabajo de desarrollo.</li>
</ul>
<p>Nuestro enfoque práctico te permitirá aplicar tus conocimientos en proyectos reales, lo que te preparará para
trabajar en equipos de desarrollo y contribuir a proyectos de código abierto.</p>
</div>
<div class="feature">
<h2>Curso de React</h2>
<p>Nuestro curso de React te enseñará a construir aplicaciones web modernas y dinámicas utilizando esta popular
biblioteca de JavaScript. Aprende a:</p>
<ul>
<li>Comprender los conceptos básicos de React, incluyendo componentes, props y estado.</li>
<li>Crear interfaces de usuario interactivas y reactivas.</li>
<li>Utilizar enrutamiento para crear aplicaciones de una sola página (SPA).</li>
<li>Gestionar el estado de la aplicación de manera eficiente con Redux u otros estados globales.</li>
<li>Conectar tu aplicación React a una API para obtener y enviar datos.</li>
<li>Aplicar prácticas de desarrollo de React, incluyendo patrones de diseño y pruebas unitarias.</li>
<li>Desplegar tu aplicación React en servidores web o en plataformas de alojamiento en la nube.</li>
</ul>
</div>
<div class="feature">
<h2>Curso de MySQL</h2>
<p>Nuestro curso de MySQL te proporcionará las habilidades necesarias para gestionar bases de datos relacionales
de manera eficiente. Aprende a:</p>
<ul>
<li>Diseñar y crear bases de datos utilizando el modelo entidad-relación.</li>
<li>Realizar consultas SQL para recuperar y manipular datos.</li>
<li>Optimizar consultas para mejorar el rendimiento de la base de datos.</li>
<li>Gestionar transacciones y asegurar la integridad de los datos.</li>
<li>Trabajar con índices y claves primarias y foráneas.</li>
<li>Utilizar MySQL Workbench u otras herramientas para administrar bases de datos.</li>
<li>Integrar MySQL con aplicaciones Java, Python u otras tecnologías.</li>
</ul>
</div>
<div class="feature">
<h2>Generador de Ejercicios</h2>
<p>¡Bienvenido al Generador de Ejercicios de nuestra plataforma! Aquí encontrarás una herramienta poderosa para mejorar tus habilidades de programación en una variedad de temas, incluyendo Java, JavaScript, React, MySQL, y muchos más. Nuestra plataforma te brinda la oportunidad de practicar y fortalecer tus conocimientos en programación de manera interactiva y efectiva.</p>
</div>
<div class="feature">
<h2> ¿Por Qué Elegirnos?</h2>
<p>
En Cursos de Programación, no solo te proporcionamos conocimientos técnicos sólidos, sino que también te
ofrecemos una experiencia de aprendizaje interactiva. Nuestros instructores altamente calificados están
comprometidos a brindarte el apoyo que necesitas en cada paso del camino. Ya sea que estés buscando cambiar de
carrera, mejorar tus habilidades o simplemente explorar el emocionante mundo de la programación, estamos aquí
para ayudarte a alcanzar tu máximo potencial.
Únete a nuestra comunidad de estudiantes apasionados por la tecnología y descubre cómo la programación puede
abrirte nuevas oportunidades en el mundo digital.
¡Comienza tu viaje hacia el dominio de la programación hoy mismo!
</p>
</div>
</section>
<section class="about" style="text-align: center;">
<h2>Sobre Nosotros</h2>
<p>Somos una programadores dedicados a proporcionar cursos de programación de calidad para principiantes y
profesionales. Nuestro objetivo es ayudarte a desarrollar habilidades valiosas en el mundo de la tecnología.</p>
</section>
<!-- FOOTER FINAL -->
<footer>
<h6>// EN CONSTRUCCIÓN // © 2023 Cursos de Programación. Todos los derechos
reservados.
</h6>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa"
crossorigin="anonymous"></script>
<script src="scripts.js"></script>
</body>
</html>