-
Notifications
You must be signed in to change notification settings - Fork 0
/
recursos.html
88 lines (84 loc) · 4.15 KB
/
recursos.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recursos - TioTropi Dev</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" class="active">Recursos</a></li>
<li><a href="sobre_mi.html">Sobre Mí</a></li>
</ul>
</nav>
<main>
<section class="main-content">
<h2>Recursos</h2>
<p>
En esta sección encontrarás herramientas, referencias y enlaces útiles para mejorar tus habilidades
como programador. Desde cursos y libros hasta sitios web y utilidades, todo está aquí para ayudarte a crecer.
</p>
<h3>Herramientas Recomendadas</h3>
<ul>
<li><a href="https://code.visualstudio.com/" target="_blank">Visual Studio Code</a> - Un editor de código versátil y potente.</li>
<li><a href="https://git-scm.com/" target="_blank">Git</a> - Control de versiones para proyectos individuales y colaborativos.</li>
<li><a href="https://www.postman.com/" target="_blank">Postman</a> - Herramienta para probar y desarrollar APIs.</li>
</ul>
<h3>Sitios de Referencia</h3>
<ul>
<li><a href="https://developer.mozilla.org/es/" target="_blank">MDN Web Docs</a> - Documentación detallada sobre estándares web.</li>
<li><a href="https://www.w3schools.com/" target="_blank">W3Schools</a> - Tutoriales y ejemplos prácticos de desarrollo web.</li>
<li><a href="https://stackoverflow.com/" target="_blank">Stack Overflow</a> - Comunidad para resolver dudas de programación.</li>
</ul>
<h3>Cursos Recomendados</h3>
<ul>
<li><a href="https://www.udemy.com/" target="_blank">Udemy</a> - Cursos asequibles sobre una variedad de temas técnicos.</li>
<li><a href="https://www.pluralsight.com/" target="_blank">Pluralsight</a> - Plataforma para mejorar habilidades técnicas avanzadas.</li>
<li><a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp</a> - Aprende a programar gratuitamente con proyectos prácticos.</li>
</ul>
</section>
<aside>
<section class="sidebar-content">
<h3>Curiosidades de Programación</h3>
<p>
¿Sabías que Python fue nombrado en honor al grupo cómico "Monty Python"?
Su creador, Guido van Rossum, quería un nombre único y memorable.
</p>
</section>
</aside>
</main>
<footer>
<p>© 2024 TioTropi Dev. Todos los derechos reservados.</p>
</footer>
</body>
</html>