Resumen
¡Felicidades!
Has dado un pequeño paso para una persona, pero un gran salto para tu exitosa carrera. Has completado con éxito el curso para principiantes de TypeScript, y eso es digno de reconocimiento. Si has resuelto todas las tareas y estudiado la teoría, ¡vas por buen camino! Pero si has omitido capítulos solo para obtener el certificado, bueno, ese es tu problema.
Resumamos todo el curso para principiantes, qué es TypeScript y por qué es esencial. Repasaremos la sintaxis básica, las ventajas de TypeScript y mucho más.
Generalidades
TypeScript es un lenguaje de programación de propósito general que funciona como un superset de JavaScript. TypeScript destaca por su tipado estático, resaltado de errores durante la fase de codificación, características de programación orientada a objetos y muchas otras mejoras en comparación con JavaScript.
TypeScript es apreciado y ampliamente utilizado. Es la opción preferida para el desarrollo front-end en muchas empresas destacadas y es un componente clave en varios frameworks populares. El ejemplo más sencillo es Angular.
Sintaxis
Para mostrar información en la consola, utilizamos la siguiente sintaxis:
console.log("Text we want to output");
Si queremos declarar una variable sin ningún tipo, podemos usar la siguiente sintaxis:
let name = value;
Variable tipada:
let name: type = value;
Comentario de una sola línea:
// commented fragment
Comentario de varias líneas:
/* multi-line
fragment */
Sentencias condicionales
Sintaxis de la sentencia if:
if (condition) {
// code to be executed if the condition is true
}
¡condition debe tener un tipo boolean!
Sentencia if-else:
if (first_condition) {
// code block if the first condition is true
} else if (second_condition) {
/* A block of code that will execute
if the first condition is false
and the second condition is true. */
} else {
/* A block of code that will execute
if all previous conditions are false.
}
Switch-case:
switch (expression) {
case value1:
// Code to be execute if expression equals value1
break;
case value2:
// Code to execute if expresson equals value2
break;
// Additional cases...
default:
/* Code to execute if none of the cases
match the expression
}
Arreglos
Declaración de un arreglo:
let name[]: type[] = [element1, elememt2, ... , elementN];
Indexación basada en cero:
[0, 1, 2, ..., n];
Esto significa que el primer elemento del arreglo tendrá el índice 0, el segundo elemento tendrá el índice 1, y así sucesivamente.
Se puede obtener un elemento del arreglo utilizando su índice:
var element = array[index];
También es posible modificar los elementos del array utilizando sus índices:
array[index] = value;
Se pueden explorar los métodos de arrays en este capítulo: Trabajando con elementos de arrays
Bucles
Sintaxis de while-loop:
while (condition) {
// The code that the loop will execute
// while the condition is `true`
}
La palabra clave break se utiliza para detener inmediatamente la ejecución de un bucle.
Sintaxis del bucle do-while:
do {
// The code that the loop will execute
// while the condition is `true`
} while (condition)
El bucle do-while se ejecutará al menos una vez.
Sintaxis del bucle for:
for (initialization; condition; increment/decrement) {
// Code to be executed in each iteration
}
Funciones
Sintaxis de funciones:
function name(parameter: type, optionalParameter?: type, defaultParameter: type = value) : returnType {
// reusable code block
}
¿Cómo llamar a una función?
functionName(parameters);
Estos son los conceptos y la sintaxis básicos que se han cubierto en este curso.
A partir de este punto, se cuenta con una base en TypeScript y es posible escribir programas y funciones sencillas. En cursos futuros, se abordarán temas más avanzados, como programación orientada a objetos, clases, objetos, funciones anónimas y mucho más.
Ahora, felicitaciones nuevamente y que disfrute de un merecido descanso. ¡Buen trabajo!
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Can you explain the main differences between TypeScript and JavaScript?
What are the advantages of using TypeScript in real-world projects?
Can you give examples of when to use typed variables in TypeScript?
Awesome!
Completion rate improved to 2.94
Resumen
Desliza para mostrar el menú
¡Felicidades!
Has dado un pequeño paso para una persona, pero un gran salto para tu exitosa carrera. Has completado con éxito el curso para principiantes de TypeScript, y eso es digno de reconocimiento. Si has resuelto todas las tareas y estudiado la teoría, ¡vas por buen camino! Pero si has omitido capítulos solo para obtener el certificado, bueno, ese es tu problema.
Resumamos todo el curso para principiantes, qué es TypeScript y por qué es esencial. Repasaremos la sintaxis básica, las ventajas de TypeScript y mucho más.
Generalidades
TypeScript es un lenguaje de programación de propósito general que funciona como un superset de JavaScript. TypeScript destaca por su tipado estático, resaltado de errores durante la fase de codificación, características de programación orientada a objetos y muchas otras mejoras en comparación con JavaScript.
TypeScript es apreciado y ampliamente utilizado. Es la opción preferida para el desarrollo front-end en muchas empresas destacadas y es un componente clave en varios frameworks populares. El ejemplo más sencillo es Angular.
Sintaxis
Para mostrar información en la consola, utilizamos la siguiente sintaxis:
console.log("Text we want to output");
Si queremos declarar una variable sin ningún tipo, podemos usar la siguiente sintaxis:
let name = value;
Variable tipada:
let name: type = value;
Comentario de una sola línea:
// commented fragment
Comentario de varias líneas:
/* multi-line
fragment */
Sentencias condicionales
Sintaxis de la sentencia if:
if (condition) {
// code to be executed if the condition is true
}
¡condition debe tener un tipo boolean!
Sentencia if-else:
if (first_condition) {
// code block if the first condition is true
} else if (second_condition) {
/* A block of code that will execute
if the first condition is false
and the second condition is true. */
} else {
/* A block of code that will execute
if all previous conditions are false.
}
Switch-case:
switch (expression) {
case value1:
// Code to be execute if expression equals value1
break;
case value2:
// Code to execute if expresson equals value2
break;
// Additional cases...
default:
/* Code to execute if none of the cases
match the expression
}
Arreglos
Declaración de un arreglo:
let name[]: type[] = [element1, elememt2, ... , elementN];
Indexación basada en cero:
[0, 1, 2, ..., n];
Esto significa que el primer elemento del arreglo tendrá el índice 0, el segundo elemento tendrá el índice 1, y así sucesivamente.
Se puede obtener un elemento del arreglo utilizando su índice:
var element = array[index];
También es posible modificar los elementos del array utilizando sus índices:
array[index] = value;
Se pueden explorar los métodos de arrays en este capítulo: Trabajando con elementos de arrays
Bucles
Sintaxis de while-loop:
while (condition) {
// The code that the loop will execute
// while the condition is `true`
}
La palabra clave break se utiliza para detener inmediatamente la ejecución de un bucle.
Sintaxis del bucle do-while:
do {
// The code that the loop will execute
// while the condition is `true`
} while (condition)
El bucle do-while se ejecutará al menos una vez.
Sintaxis del bucle for:
for (initialization; condition; increment/decrement) {
// Code to be executed in each iteration
}
Funciones
Sintaxis de funciones:
function name(parameter: type, optionalParameter?: type, defaultParameter: type = value) : returnType {
// reusable code block
}
¿Cómo llamar a una función?
functionName(parameters);
Estos son los conceptos y la sintaxis básicos que se han cubierto en este curso.
A partir de este punto, se cuenta con una base en TypeScript y es posible escribir programas y funciones sencillas. En cursos futuros, se abordarán temas más avanzados, como programación orientada a objetos, clases, objetos, funciones anónimas y mucho más.
Ahora, felicitaciones nuevamente y que disfrute de un merecido descanso. ¡Buen trabajo!
¡Gracias por tus comentarios!