Ir al contenido principal

Entradas

TypeScript en 5 minutos

  Traducido de https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html ¡Empecemos a crear una web simple con TypeScript! Instalando TypeScript Estas son las dos maneras de obtener las herramientas de TypeScript: Via npm (the Node.js package manager) Instalando Plugins en Visual Studio Visual Studio 2017 y Visual Studio 2015 Update 3 incluyen TypeScript de forma predeterminada. Si no instalaste TypeScript con Visual Studio, aún podés descargarlo . Para usuarios de NPM: npm install -g typescript Escribiendo tu primer archivo TypeScript En tu editor, escribí el siguiente código Javascript en greeter.ts function greeter (person) {      return "Hello, " + person; } let user = "Jane User" ; document .body.textContent = greeter(user);   Compilando tu código Usamos la extención .ts , pero el código es solo Javascript. Podría haber copy-pasteado esto directo de una pp Javascript. Con este comando empezamos la compilación: tsc greeter.ts El resu...

Como centrar un DIV

En realidad es muy sencillo centrar elementos con CSS3. Hay muchos blogs que dan respuestas muy incorrectas, cuando en realidad lo único que debemos hacer es rezarle a nuestro dios FLEX-BOX. Lo primero que hay que hacer es aplicar flex a los displays de todos los contenedores de tu web, y manejarte con ello durante el resto del proyecto. Ejemplo: Flexbox HTML <!DOCTYPE html> <html> <head>                 <link rel="stylesheet" type="text/css" href="styles.css">                 <title></title> </head> <body>                 <section class="contenedor">                      ...

Como alinear un elemento horizontalmente y verticalmente con CSS3

En realidad es muy sencillo centrar elementos con CSS3. Hay muchos blogs que dan respuestas muy incorrectas, cuando en realidad lo único que debemos hacer es rezarle a nuestro dios FLEX-BOX. Lo primero que hay que hacer es aplicar flex a los displays de todos los contenedores de tu web, y manejarte con ello durante el resto del proyecto. Ejemplo: Flexbox HTML <!DOCTYPE html> <html> <head>                 <link rel="stylesheet" type="text/css" href="styles.css">                 <title></title> </head> <body>                 <section class="contenedor">                                <div class="centrado"></div>                 </section> </bod...

Como hacer una tarjeta 3D que gire con CSS3

Como hacer una carta 3D que se voltee con CSS Para crear una tarjeta 3d debes seguir los siguientes pasos: 1-       Crear el documento HTML con su estructura básica crear un documento css y vincularlos mediante la etiqueta 2-       Crear un contenedor, que será la carta, y dentro de él otros dos contenedores, que serán cada lado de la carta. Es recomendable que ambos lados de la carta tengan dos clases: una compartida y la otra individual. Todo esto dentro de la sección del sitio en donde queramos ubicarlos. Ejemplo: <!DOCTYPE html> <html> <head>                <link rel="stylesheet" type="text/css" href="styles.css">                <title></title> </head> <body>                <section class="seccion">           ...