-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdesarrollo.html
95 lines (84 loc) · 5.01 KB
/
desarrollo.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inicio</title>
<link rel="icon" type="image/x-icon" href="assets/images/codeico.png">
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="desarrollo.css">
<link rel="stylesheet" href="home.css">
</head>
<body>
<header>
<div class="links_pagina">
<a href="nav.html">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-laptop" viewBox="0 0 16 16">
<path d="M13.5 3a.5.5 0 0 1 .5.5V11H2V3.5a.5.5 0 0 1 .5-.5h11zm-11-1A1.5 1.5 0 0 0 1 3.5V12h14V3.5A1.5 1.5 0 0 0 13.5 2h-11zM0 12.5h16a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5z"/>
</svg>
</a>
<a href="index.html">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-house" viewBox="0 0 16 16">
<path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z"/>
</svg>
</a>
<a href="desarrollo.html">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-code-slash" viewBox="0 0 16 16">
<path d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z"/>
</svg>
</a>
</div>
</header>
<main>
<div class="titulo">
<h1>TIPOS DE DESARROLLO</h1>
</div>
<section class="desarrollo_seccion">
<div class="card_front">
<div class="title_tarjeta">
<h2 class="titleprinc">Desarrollo Front-End</h2>
</div>
<div class="sec_desc">
<p>El desarrollo front-end, a veces llamado desarrollo del lado del cliente,
implica la <b>creación de la parte visual y la interfaz de usuario de un sitio web</b>
o aplicación web. En términos simples, se encarga de todo lo que <b>los usuarios
pueden ver, tocar y experimentar directamente en su navegador o dispositivo. </b>
Los desarrolladores front-end se enfocan en la <b>presentación de la información </b>
y en cómo los usuarios interactúan con la aplicación o sitio web <b>(User Experience (UX))</b>.
<br>
En el desarrollo front-end, se utilizan varias tecnologías cómo <b>HTML</b> (maquetación), <b>CSS</b>
(estilos), <b>JavaScript</b> (validación y animaciones), <b>Git</b> (control de versiones) etc...
<br>
</p>
</div>
<figure class="imgcont">
<img src="assets/photos/frontend.jpeg" alt="frontend">
</figure>
</div>
<div class="card_backend">
<div class="title_tarjeta">
<h2 class="titleprinc">Desarrollo Back-End</h2>
</div>
<div class="sec_desc">
<p>
El desarrollo back-end abarca la <b>parte oculta de una aplicación o sitio web, que está fuera del alcance visual de los usuarios</b>.
Se concentra en la <b>estructura y el funcionamiento interno de la aplicación </b> que asegura su correcto desempeño. Los desarrolladores
back-end se dedican a la <b>lógica empresarial</b>, <b>la administración de bases de datos</b>, la <b>autenticación</b>, la <b>autorización</b> y otros elementos
cruciales que garantizan la operatividad de una aplicación.
<br>
En el desarrollo back-end, se emplean diversas tecnologías como <b>Python</b> (lógica del servidor), <b>SQL</b> (gestión de bases de datos), <b>Node.js</b> (entorno de ejecución),
<b>Java</b> (aplicaciones empresariales), etc...
</p>
</div>
<div class="sec_img">
<figure class="imgcont">
<img src="assets/photos/backend.jpeg" alt="backend imagen">
</figure>
</div>
</div>
</section>
</main>
<footer>
</footer>
</body>
</html>