-
Notifications
You must be signed in to change notification settings - Fork 0
/
comparacion.html
83 lines (71 loc) · 4.36 KB
/
comparacion.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
<!DOCTYPE HTML>
<html lang="es">
<head>
<!-- Datos que describen el documento -->
<meta charset="UTF-8" />
<!--Metadatos de los documentos HTML5-->
<meta name ="author" content ="Ana Fernandez Ostio, UO275780" />
<meta name ="description" content ="Comparaciones entre los lenguajes JavaScript y TypeScript" />
<meta name ="keywords" content ="js vs ts, javascript mejor que typescript, tipos de datos ts" />
<!--Definición de la ventana gráfica-->
<meta name ="viewport" content ="width=device-width, initial-scale=1.0" />
<title>TypeScript: Comparaciones</title>
<!-- añadir el elemento link de enlace a la hoja de estilo dentro del <head> del documento html -->
<link rel="stylesheet" type="text/css" href="estilo/estilo.css" />
<link rel="stylesheet" type="text/css" href="estilo/layout.css" />
</head>
<body>
<header>
<h1>TypeScript</h1>
<!--barra de navegacion-->
<nav>
<a title="Inicio" accesskey="I" tabindex="1" href="index.html">Inicio</a>
<a title="Comparaciones" accesskey="C" tabindex="2" href="comparacion.html">Comparaciones</a>
<a title="Versiones" accesskey="V" tabindex="3" href="versiones.html">Versiones</a>
<a title="Encuesta" accesskey="N" tabindex="4" href="opinion.html">Encuesta</a>
</nav>
</header>
<main>
<section>
<h2>Diferencias entre TypeScript y JavaScript</h2>
<!--TEXTO-->
<p>TypeScript incluye varias mejoras frente al uso con JavaScript. A continuación se muestran las mas importantes: </p>
<ul>
<li>Sistema de tipos: añade tipos básicos como, ademas de String y Number:
<ol>
<li>Boolean: dato logico que reprenta verdadero o falso</li>
<li>Array: dato estructurado que permite almacenar una colección de elementos</li>
<li>Tuple: similar al array, pero con un número fijo de elementos escritos</li>
<li>Enum: representa al tipo enumeración</li>
<li>Any: indica que la variable puede ser de cualquier tipo. Es muy útil a la hora de trabajar con librerías externas</li>
<li>Void: indica que una función no devolverá ningún valor</li>
<li>Never: ste tipo representa el tipo de valores que nunca se producen</li>
</ol>
</li>
<li>TS ofrece comprobación de tipos</li>
<li>Codigo en TypeScript tiene que ser compilado mientras que JavaScript no</li>
<li>TypeScript ofrece un soporte directo para modulos, mientras que JavaScript lo hace a traves de ECMAScript 6</li>
<li>TypeScript permite el uso de las interfaces, dando asi la posibilidad de crear escenarios más avanzados, en JavaScript no hay soporte para las interfaces</li>
</ul>
</section>
</main>
<aside>
<h2>Comparación de uso entre JS y TS</h2>
<p>En terminos de que lenguaje está más interesado las diferentes comunidades, en la mayoría de países, se obtiene que prevalece el interes en JavaScript. A continuacion se muestra un gráfico donde se puede ver las tendencias de este interes en España.</p>
<ul>
<li>Rojo: JavaScript</li>
<li>Azul: TypeScript</li>
</ul>
<!--NO HAY QUE UTILIZAR LAS CARACTERISTICAS WIDTH Y HEIGHT EN EL HTML, SE REDUCE A PARTIR -->
<!--Con source podemos meter mas de una imangen y que cambie en funcion del tam de la pantalla, aun asi hay que ponerle la imagen-->
<picture>
<img src="multimedia/grafico.png" alt="Grafico Comparacion JS vs TS"/>
</picture>
<p>Gráfico obtendio de <a href="https://trends.google.com/trends/explore?geo=ES&q=%2Fm%2F0n50hxv,%2Fm%2F02p97">Google Trends</a>.</p>
</aside>
<!--FOOTER-->
<footer>
<p>Ana Fernández Ostio, UO275780</p>
</footer>
</body>
</html>