{"id":2836,"date":"2019-11-12T19:57:00","date_gmt":"2019-11-13T01:57:00","guid":{"rendered":"https:\/\/ugit.siua.ac.cr\/?p=2836"},"modified":"2019-11-12T19:57:00","modified_gmt":"2019-11-13T01:57:00","slug":"curso-typescript","status":"publish","type":"post","link":"https:\/\/sada.services\/?p=2836","title":{"rendered":"Curso: Typescript"},"content":{"rendered":"\n<ul class=\"wp-block-list\"><li>Ejemplos de c\u00f3digos<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>\/************************************************************\/\n\/**************     EJ1: Tipado    **************************\/\n\/************************************************************\/\n\/*\nfunction saludo (nombre:string){\n    return \"Hola, \" + nombre;\n}\n\nlet persona:string = \"Gustavo Matamoros\";\n\ndocument.body.textContent = saludo(persona);\n*\/\n\n\n\n\/************************************************************\/\n\/**************     EJ2: INTERFACE  *************************\/\n\/************************************************************\/\n\/*\ninterface: se utiliza para poder declarar tipos de datos como objetos\n*\/ \n\/*\ninterface Persona{\n    Nombre: string;\n    Apellido: string;\n}\n\nfunction saludo (persona: Persona){\n    return \"Hola,  \" + persona.Nombre + \" \" + persona.Apellido;\n}\n\nlet ejemplo = { Nombre: \"Gustavo\", Apellido: \"Matamoros\" };\n\ndocument.body.textContent = saludo(ejemplo);\n*\/\n\n\n\/************************************************************\/\n\/**************     EJ3: Clases     *************************\/\n\/************************************************************\/\n\/*\nTypescript soporta el uso de clases en javascript\n*\/\n\n\/*Declaramos la clase*\/\nclass Persona {\n    NombreCompleto: string;\n    \n\n    constructor (\n        public Nombre: string, \n        public Apellido2: string, \n        public Apellido3: string    \n    ){\n        this.NombreCompleto = Nombre+\" \"+Apellido2+\" \"+Apellido3;\n\n    }\n\n}\n\n\/*Declaramos la variable de prueba*\/\nlet ejemplo = new Persona (\"Gustavo\",\"Matamoros\",\"Gonz\u00e1lez\");\n\n\/*Creamos la funci\u00f3n de saludo*\/\nfunction saludo (persona: Persona){\n    return \"Hola,  \" + persona.NombreCompleto;\n}\n\n\ndocument.body.textContent = saludo(ejemplo);\n\n\n\/************************************************************\/\n\/**************  TIPOS DE DATOS     *************************\/\n\/************************************************************\/\n\n\/* Bolean *\/\nlet isDone: boolean = false;\n\n\/* Numeral *\/\nlet decimal: number = 6;\nlet hex: number = 0xf00d;\nlet binary: number = 0b1010;\nlet octal: number = 0o744;\n\n\/*String,  puede uar comillas \" o ' *\/\nlet color: string = \"blue\";\n\n\/* Array *\/\nlet list1: number&#91;] = &#91;1, 2, 3];\nlet list2: Array&lt;number> = &#91;1, 2, 3];\n\n\n\/* Combinado*\/\nlet x: &#91;string, number];\nx = &#91;\"hello\", 10];\n\n\n\/* enum*\/\n\/*\nuna enumeraci\u00f3n es una forma de dar nombres m\u00e1s amigables a conjuntos de valores num\u00e9ricos\n*\/\nenum Color {Red = 1, Green = 2, Blue = 4}\nlet c: Color = Color.Green;\n\n\n\n\/* Any *\/\nlet notSure: any = 4;\n\n\n\/* undefined y null *\/\nlet u: undefined = undefined;\nlet n: null = null;\n\n\n\/************************************************************\/\n\/**************  EJ4: uso de variables   ********************\/\n\/************************************************************\/\n\/* Debe utilzar las comillas ` *\/\nlet nombreEjemplo: string = \"Gustavo Matamoros\";\nlet saludoEjemplo: string = `Hola, ${ nombreEjemplo }`;\n\ndocument.body.textContent = saludoEjemplo;\n\n\n\n\n\n\n\n\n\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Ejemplos de c\u00f3digos<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2836","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/posts\/2836","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2836"}],"version-history":[{"count":1,"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/posts\/2836\/revisions"}],"predecessor-version":[{"id":2837,"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/posts\/2836\/revisions\/2837"}],"wp:attachment":[{"href":"https:\/\/sada.services\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2836"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2836"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}