Svelte es un framework frontend, que esta cobrando fuerza estos últimos días.

Y la pregunta de siempre, ¿Será mejor que Angular, React o Vue?
El frontend es algo que va evolucionando, cada librería o framework tiene su característica especial y podemos aprovecharlos al máximo dependiendo el tipo de proyecto que estemos desarrollando.

Ahora sí, veamos cómo funciona.

**Te invito a hacer un mini proyecto propio y lo dejes en los comentarios.**

## 1. SvelteScript

Como todo framework tiene sus reglas, sus componentes se escriben `.svelte`, denominado `SvelteScript`.

Este `SvelteScript` se compila a Javascript entendible por el navegador, el resultado es una Aplicación Reactiva lista para dominar al mundo, ah y no utiliza el DOM Virtual. [Whats?]([https://svelte.dev/blog/virtual-dom-is-pure-overhead](https://svelte.dev/blog/virtual-dom-is-pure-overhead))

## 2. Instalación

a) Tener instalado [NodeJS](https://nodejs.org/es/download/).

b) Abrir nuestra terminal.

c) Generar un proyecto `svelte` con el nombre de `my-app-svelte`

```bash
npx degit sveltejs/template my-app-svelte
```

d) Una vez que descargue el template entramos a la carpeta

```bash
cd my-app-svelte
```

e) Instalamos sus dependencias (con npm o yarn)

```bash
npm install
```

f) Iniciamos nuestra App

```bash
npm run dev
```

g) Abrimos nuestro navegador [localhost:5000](http://localhost:5000)

## 3. Estructura de archivos

El template básico de `svelte` tiene una estructura de carpetas parecida al de React o Vue, toda nuestra lógica estará en dentro de la carpeta `src`.
![Estructura de Svelte](https://edteam-media.s3.amazonaws.com/blogs/original/0131c207-64cf-41ed-9393-fffeb9fcbdcd.jpg) 

## 4. Nuestro primer componente

Algo importante de svelte es el manejo de los componentes, es una fusión entre React y Vue, muy fácil de escribirlos, los componentes tienen la extensión `.svelte` .

Creamos un archivo en la carpeta `src` llamado: `Hello.svelte`.

```jsx

<script>
	export let saludo = 'Mundo'
</script>
	<h1>
		Hola {saludo}
	</h1>
<style>
	h1 {
		color: tomato;
	}
</style>

```

Explicando un poco:

- `<script>`, la variable `saludo`, con el hecho de usar `export` estamos indicando que es un `prop` del componente (una variable que el componente puede recibir), pero por defecto tendrá la cadena `'Mundo'`

- `<style>`, es el estilo propio del componente, sin afectar a otros.

Y para importar nuestro componente vamos a `App.svelte`, pues te será muy familiar:

```jsx

<script>
	import Hello from './Hello.svelte'
	export let name = 'EDteam'
</script>
<main>
	<Hello saludo={name}/>
</main>
<style>
/* estilos */
</style>
```

Explicando un poco:

- `import` es la forma en la que importamos el componente.

- `<Hello saludo={name} />`, se acuerda de la variable saludo del componente `Hello`, pues así se asigna el valor.

## 5. Reactividad

Svelte es un framework reactivo, por ende tiene su forma de aplicarlo:

Nos vamos a `Hello.svelte`.

```jsx

<script>
	export let saludo = 'Mundo'
	// Valor inicial
	let length = saludo.length
	// Cambio reactivo, solo cuando se modifica saludo
	$: length = saludo.length
</script>
<input type="text" bind:value={saludo}>
<span>{length}</span>
<h1>
	Hola {saludo}
</h1>
<style>
	h1 {
		color: tomato;
	}
</style>
```

Explicando un poco:

- Esta `$:` es sintáxis propia de Svelte, nos ayuda a procesar reactivamente. Si hago algún cambio en `saludo`, este automáticamente se ejecuta, y cambia el valor de `length`.

- `bind:value` escucha los cambios en una variable y los actualiza automáticamente.

## 6. Lógica en los componentes

Podemos manejar lógica de manera muy sencilla:

```jsx

<script>
	export let saludo = 'Mundo'
	let length = saludo.length
	$: length = saludo.length
</script>
<h4>Escriba un nombre con mas de 4 caracteres</h4>
<input type="text" bind:value={saludo}>
<span>{length}</span>
{#if saludo.length > 4}
	<h1>
		Hola {saludo}
	</h1>
{:else}
	<h1>
		ya casi...
	</h1>
{/if}
<style>
h1 {
color: tomato;
}
</style>
```

## 7. Y ahora ¿qué sigue?

Te invito a seguir aprendiendo Svelte, su entorno es muy interesante, no se queda solo en esto, podemos hacer cosas super avanzadas como el Server Side Render con [Sapper](https://sapper.svelte.dev/) o hacer Aplicaciones móviles con [Svelte Native](https://svelte-native.technology/).

Svelte, es un framework frontend que esta cobrando mucha fuerza, es hora de verlo en acción y ver su verdadero potencial.

Primeros pasos en Svelte

Un doble de prueba es un objeto que toma el lugar de un objeto de producción durante una prueba.

Para que lo entiendas mejor imagina que eres el director de la película *Capitán América y el soldado del invierno.*
![Texto alternativo](https://edteam-media.s3.amazonaws.com/blogs/original/057395ab-a1d6-4ee5-aa1b-201bd8fc01b6.jpg)

Como director quieres asegurarte de que la pelea entre el Capitán América y el Soldado del invierno cumpla con algunos requisitos que has definido para que esta sea la pelea más épica de todos los tiempos, ¿Cómo harías para comprobarlo?, no vas a ver toda la película si solo quieres validar la pelea que dura unos cuantos minutos, lo más lógico sería que dividieras la película en escenas y te enfocaras en revisar la escena de la pelea, esta será tu *prueba unitaria*.
![Texto alternativo](https://media3.giphy.com/media/MeIw0GQMDvcyY6ZqSu/giphy.gif)

Ahora que has definido tu prueba unitaria "la pelea". ¿Cómo harías para probar que la pelea cumpla con los requisitos que has definido?, podrías repetir varias veces la escena hasta que esta cumpla con tus expectativas, sin embargo hay un gran problema con esto, y es que Chris Evans el actor que interpreta el Capitán América te cobra una gran cantidad de dinero por interpretar su papel, si él actúa cada vez que repites la escena para probarla te saldrá demasiado *costoso*, tú solución es contratar a "Alvarito" el doble del Capitán América, de esta manera Alvarito actuará durante tus pruebas, y solo cuando estés seguro de que la escena cumpla con tus necesidades le dirás a Chris que realice la escena final, así tu *costo* será mucho más bajo.
![Texto alternativo](https://edteam-media.s3.amazonaws.com/blogs/original/236f38ce-e3fc-4dc4-af79-83fd48b118c4.jpg)

Pero, ¿cómo sabe que tiene que hacer durante la pelea tanto Alvarito como Chris o cualquier otro doble?, gracias al *libreto* del personaje ellos sabrán interpretar correctamente al Capitán América, por esta razón Alvarito puede repetir las veces que sea necesario la escena y solo cuando la apruebes, le dices a Chris que tome el libreto y la realice.

Aquí puedes ver nuestra escena en código de Go:

```go
// Libreto del capitán América, le dice al Actor como actuar en la escena
type LibretoCapi interface {
    Pelear()
}

// La Escena requiere de un objeto que sepa interpretar al capitán América,
// es decir que implemente el libreto.
type Escena struct {
    CapitanAmerica LibretoCapi
}

// Crea una nueva Escena que contiene al objeto que interpreta al capitán América
func NuevaEscena(c LibretoCapi) Escena {
    return Escena{CapitanAmerica: c}
}

// Ejecución de la escena
func (e Escena) Accion() int {
		// El capi da 3 golpes y el soldado del invierno 1
    e.CapitanAmerica.Pelear()
    fmt.Println("golpe soldado del invierno")
    e.CapitanAmerica.Pelear()
    e.CapitanAmerica.Pelear()

		// Retorna el tiempo de duración de la escena, 5 minutos
    return 5
}
```

Ahora que ya sabes que es un doble de prueba, aprenderás a diferenciar los dos tipos de dobles principales que usamos durante el testing: `stub` y `mock`.

Usas un doble `stub` cuando **verificas tu prueba sobre la escena,** donde Alvarito te ayuda a garantizar que la escena se realice porque él hace parte de esta, por ejemplo si uno de tus requisitos es que la pelea dure exactamente 5 minutos lo puedes comprobar verificando el tiempo de duración de la escena, es decir obtienes la información de tu escena bajo prueba.
![Texto alternativo](https://edteam-media.s3.amazonaws.com/blogs/original/cbb9b47b-5344-453e-a00a-dffbc5c0af5c.png)

Podemos ver que Alvarito hace parte de la escena e interpreta al Capitán América siguiendo el libreto del personaje, además vemos como el director “test” observa la escena de la pelea y sobre esta comprueba si está duró 5 minutos, si llevamos nuestro ejemplo a código podemos escribir una prueba unitaria para comprobar la duración de la escena usando un doble `stub`:

```go
// Alvarito
type stubCapitanAmerica struct{}

// La interpretación de Alvarito en el papel del capitán América
func (s stubCapitanAmerica) Pelear() {
    fmt.Println("golpe capitan America del doble")
}

// La prueba realizada por el director
func Test_Accion(t *testing.T) {
    alvarito := stubCapitanAmerica{}
		// Creamos una nueva escena en donde actuará alvarito
    escena := NuevaEscena(alvarito)
		
		// Ejecutamos la escena
    duracion := escena.Accion()

		// verificamos si la escena duró 5 minutos con la información que
		// nos devuelve la escena
    assert.Equal(t, duracion, 5)
}
```

Usas un doble `mock` cuando **verificas tu prueba sobre el doble** y no sobre la escena, donde Alvarito te ayuda a garantizar que la escena se realice porque él hace parte de esta. Por ejemplo si uno de tus requisitos es verificar si la pelea la realiza más cómodamente el Capitán América con el escudo, o quieres saber cuantos movimientos realiza este para ganar la pelea y no lo puedes ver a través de la escena, solo le podrás preguntar a Alvarito para comprobarlo.
![Texto alternativo](https://edteam-media.s3.amazonaws.com/blogs/original/db743ea2-f49c-4116-9a0c-8a54b5789643.png)

Podemos ver que Alvarito hace parte de la escena e interpreta al Capitán América siguiendo el libreto del personaje, además vemos como el director “test” le pregunta a Alvarito información sobre la pelea, si llevamos nuestro ejemplo a código podemos escribir una prueba unitaria para comprobar el número de movimientos de Alvarito usando un doble `mock`:

```go
// Alvarito
type mockCapitanAmerica struct {
  // En este campo alvarito grabará la información de los golpes que realice  
	cantidadMovimientos int
}

// La interpretación de Alvarito en el papel del capitán América
func (s *mockCapitanAmerica) Pelear() {
		// cada vez que se llame el método Pelear, el mock grabará el número
		// de movimientos
    s.cantidadMovimientos += s.cantidadMovimientos
    fmt.Println("golpe capitan America del doble")
}

// La prueba realizada por el director
func Test_Accion(t *testing.T) {
    alvarito := &mockCapitanAmerica{}

		// Creamos una nueva escena en donde actuará alvarito
    escena := NuevaEscena(alvarito)

		// Ejecutamos la escena, no nos interesa la duración porque no es lo
		// que queremos comprobar en la prueba.
    _ = escena.Accion()

		// verificamos si el capi realizó 3 movimientos preguntandole a Alvarito
    assert.Equal(t, alvarito.cantidadMovimientos, 3)
}
```

Una vez que nuestras pruebas de la escena pasan, le diremos a Chris que actúe en la escena final.
![Texto alternativo](https://media1.giphy.com/media/kDlo0LHsIubSAaIoJv/giphy.gif)

Así como en la película pagarle a Chris nos generaba un *costo* alto, debimos usar un doble para probar nuestra escena, y utilizar un *libreto* para desacoplar la dependencia de Chris, de la misma manera sucede en el código que escribimos, por ejemplo si quisiéramos probar una funcionalidad que dependa de la base de datos sería demasiado costoso y difícil de comprobar si usamos la base de datos directamente en la prueba, así que debemos desacoplar la dependencia con una interfaz (libreto) para no depender de la base de datos (Chris) y usar un doble de prueba (Alvarito) que simule la base de datos e implemente los métodos de la interfaz (libreto), de esta manera podremos usar un doble durante las pruebas y solo en el código de producción usar la base de datos.

A partir de ahora utiliza a Alvarito en tu código y no a Chris.
![Texto alternativo](https://edteam-media.s3.amazonaws.com/blogs/original/7ee14dd7-d403-45e8-b413-f61c82115385.jpg)

¿Eres estudiante instituto, colegio o universidad? **¡Tienes 50% de descuento para estudiar en EDteam por todo un año!**

[**¡ACCEDE AL DESCUENTO AQUÍ 👨‍🎓!**](https://ed.team/premium)
[![Obtén 50% de desct si eres estudiante](https://edteam-media.s3.amazonaws.com/blogs/original/30eb2b9b-b739-499b-b696-a3f9355405c1.jpg)](https://ed.team/premium "Obtén 50% de desct si eres estudiante")

Si quieres probar una nueva feature de tu aplicación, ¡usa un doble de prueba! En este artículo te enseño como hacerlo con un ejemplo que te encantará.

¿Qué es un doble de prueba?

El color es uno de los elementos más necesarios en nuestra vida diaria (ya seas diseñador o un simple usuario), gracias a ellos logramos comunicarnos, ellos expresan situaciones, emociones, alegría, expresan calor, frio, tristeza, los colores nos ayudan a poder expresar en muchas maneras incluso nuestro estado de ánimo.

## Identidad

Gracias a ellos las marcas tienen una **identidad**, por el cual son reconocidas y diferenciadas de las demás, los colores expresan los que esas marcas quieren transmitir a sus clientes, usuarios y público en general.

Claros casos lo son: Coca-Cola, Google (y muchas marcas más), que han usado su color para transmitir a sus usuarios esa energía, pasión y alegría. Atraen a su público en cualquier lugar solo por ver sus colores, ya que psicológicamente han plantado en el subconsciente de sus consumidores su color.
![](https://edteam-media.s3.amazonaws.com/blogs/original/e2c9bda5-5777-4aad-a6a8-cc38d1c01944.jpg)

## Comunican

Por si solos pueden comunicar sin necesidad de un intérprete, o texto que digan que hacen, por ejemplo: al toparnos con un semáforo, por el simple hecho de ver el color ya sabemos que significan esos colores, sin necesidad de una descripción de qué quieren decir. Ya sabemos por psicología (incluso, pura intuición), que el rojo significa: **parar**; el amarillo: **reducir velocidad** y el verde: **seguir.**

## ¿Qué es el color?

> Es la percepción visual del reflejo de la luz.
![](https://edteam-media.s3.amazonaws.com/blogs/original/bae3436e-b8cc-4f2f-91ee-77283ab5e816.jpg)

Isaac Newton fue quien descubrió que la luz del sol al pasar a través de un prisma, se divide en colores.

## El círculo cromático

Los colores se organizan circularmente en base a un tono central, es la base para formar paletas armónicas.
![](https://edteam-media.s3.amazonaws.com/blogs/original/aeb15bf0-ca55-4af7-bc5d-2907537553cf.jpg)

Se dividen en tres grupos, en realidad dos, el tercero se logra gracias a la combinación de los dos primeros: 

### Colores Primarios

Rojo, amarillo y azul
![](https://edteam-media.s3.amazonaws.com/blogs/original/4b372032-8683-492e-924a-f9f5c61123cf.jpg)

### Colores Secundarios

Verde, naranja y morado
![](https://edteam-media.s3.amazonaws.com/blogs/original/2cee1e6f-da3a-4e48-a583-e3d6e9fad3c0.jpg)

### Colores Terciarios

Creados tras combinar colores primarios y secundarios, dando así un gama más amplia de colores y combinaciones.
![](https://edteam-media.s3.amazonaws.com/blogs/original/ebfbfa12-2c51-4158-91ee-2a77b4f85971.jpg)

## La armonía del color

> Conjunto de técnicas de un color para lograr cierto equilibrio

Aquí tómanos un color y a partir de ese formamos una paleta armónica, unos de ellos son:

### Complementarios

Colores opuestos entre si.
![](https://edteam-media.s3.amazonaws.com/blogs/original/8fbf6178-7d07-48c1-bcf5-d670985aacfe.jpg)

### Triada

Los colores se encuentran a la misma distancia.
![](https://edteam-media.s3.amazonaws.com/blogs/original/01010716-4c08-4044-bae6-19ca2df3ef26.jpg)

### Analógos

Colores cercanos entre sí en la rueda de colores.
![](https://edteam-media.s3.amazonaws.com/blogs/original/12091e99-6542-4377-9360-1cee16c29845.jpg)

Entre muchos más, como: monocromáticos, cuadrado, etc

## Psicología del color

Estudia, y analiza cómo se perciben los colores y el comportamiento de nosotros a ellos, por ejemplo, las emociones.

## Significado de los colores

Culturalmente los colores tienen diferentes significados, este varia dependiendo la cultura.

## **Conclusión**

El color es algo vital en la vida de todo ser humano (ya sea que te dediques al diseño o no). Entender su significado o cómo usarlo es algo que nos facilitará como comunicar lo que queremos transmitir. Ejemplo: como diseñadores nos ayudan a tomar mejores decisiones, ya que gracias a la psicología que tienen podemos hacer mejores diseños.

Gracias por leer, hasta el final, nos vemos en un próximo artículo 👋.

El color es vital en la vida de todo ser humano, ya sea que te dediques al diseño o no. Con colores puedes transmitir sentimientos, estados de ánimo, etc. Pero, ¿sabes como funciona? Te lo cuento en este artículo.

¿Qué es la teoría del color?

## ¿Qué es la exposición en la fotografía?

El funcionamiento de una cámara es fácil de entender, ¿sabes? A rasgos muy simplificados, una fotografía es la interpretación de la cantidad de luz que recibe el sensor de imagen dentro de la cámara. A todo esto se le llama exposición de imagen, o en otras palabras: qué tan iluminada u oscura está la selfie que acabas de tomarte para Instagram

En este artículo te enseñaré los conceptos básicos sobre la exposición en la fotografía y algunos consejos para obtener mejores resultados.

## Deja de usar el modo automático

Si tienes un celular es muy probable que estés acostumbrando a usar el modo automático en tu cámara. Está bien si lo que quieres es tomar fotos a algún documento, las locuras que haces en las fiestas con tus amigos o algo por el estilo, pero si tu objetivo es obtener un resulto más artístico, el modo automático se vuelve tu enemigo. ¿Por qué? Primeramente nos enseña a ser conformista. No tienes el control total antes de tomar la imagen y no te queda de otra que aceptar el resultado final, en últimas lo que harás es subir contenido con miles de filtros a Instagram para disimular la mala exposición de tu trabajo. Ojo, no estoy diciendo que retocar imágenes sea malo, incluso los fotógrafos profesionales lo hacen, sólo digo que algunas cosas que haces en post-producción pudieron evitarse si hubieras mejorado tu pre-producción. En últimas el modo automático nos entrega no un resultado con el que podemos estar conformes, si no de plano algo que no nos sirve (esto sucede mucho en la fotografía nocturna).

Ahora te preguntarás **¿cómo desactivo el modo automático?** Bien, eso depende de qué dispositivo uses para trabajar. Si hablamos de cámaras digitales semi y/o profesionales tipo Canon o Nikon es tan fácil como seleccionar la letra **M** en la perilla de tu dispositivo, a partir de ahí ya tendrás control manual sobre la exposición en tu foto (dependerá mucho del modelo que uses para manejar esto). Si tienes un teléfono celular, algunos software de cámaras ya tienen integrada la opción de modo **Manual** o **Profesional.** Sabrás que estás en estos modos cuando en pantalla aparezcan muchas más opciones de las que acostumbras. Si tu cámara no tiene estos modos, no te preocupes, en las tiendas de aplicaciones hay software de terceros que las incluyen, la elección de cuál usar te la dejo a ti.

![](https://edteam-media.s3.amazonaws.com/blogs/original/b55853e0-1817-4656-bec8-9b9d7d34f06e.jpg)

## Tipos de exposición

Antes de entrar de lleno a cómo manejar la exposición en tus fotos, veamos qué tipos de exposición podemos conseguir.

**Subexpuesta**

Este tipo de exposición se consigue cuando el sensor no recibe suficiente luz. Podemos notarlo porque ante nuestros ojos vemos la foto oscura, las sombras son más fuertes de lo que deberían y los colores suelen estar más apagados.

![](https://edteam-media.s3.amazonaws.com/blogs/original/c64571ff-8e61-4863-bd45-ad45b22e43e6.jpg)

**Sobrexpuesta**

Decimos que una imagen está sobrexpuesta o `quemada` cuando el sensor recibe un exceso de luz, tanta que algunos elementos se llegan a perder (como el cielo en esta ocasión). Los colores son muy brillantes y las sombras son pocas o nulas.

![](https://edteam-media.s3.amazonaws.com/blogs/original/e4702b72-c1c4-4948-a1ad-cff0ce94dcf2.jpg)

**Correctamente expuesta**

Existe un equilibro entre luces y sombras. Los colores suelen ser los ideales y además se distinguen con claridad los elementos que hay en la fotografía sin forzar o dañar la vista del espectador.

![](https://edteam-media.s3.amazonaws.com/blogs/original/e622e5f9-eee4-4533-85b5-2768d1421942.jpg)

Lo ideal es que tus fotos siempre estén correctamente expuestas, pero en el mundo ideal no es así. Un consejo es que, si por razones que se te escapan de las manos no puedes tener una exposición correcta, trata de conseguir una subexposición, porque a diferencia de la sobrexposición, es más fácil corregirlo en post-producción.

## Triángulo de la exposición

El triángulo de la exposición es una analogía muy utilizada en el mundo de la fotografía para explicar los conceptos básicos de la exposición. Podemos observar tres elementos que son: **velocidad**, **apertura** e **ISO.** Los tres tienen la posibilidad de modificar la exposición de imagen. ****Se muestran en forma de triángulo porque no sólo manipulan la exposición, si no que alteran otros valores que repercuten en el trabajo final; se muestra cómo interactúan entre sí y al final de cuentas todas se complementan.

![](https://edteam-media.s3.amazonaws.com/blogs/original/c6d766b4-2764-47fe-b2f2-baf729a7d037.jpg)

## Velocidad de obturación

El obturador es el encargado de manejar el tiempo en que el objeto foto sensible recibe la luz. Se maneja en segundos (principalmente en fracciones). Una mayor cantidad de tiempo significa una mayor cantidad de luz y viceversa. Esto se traduce a los tipos de exposición, donde más luz nos acercamos a un resultado sobrexpuesto y menos luz a uno subexpuesto. Todo esto es relativo y dependerá mucho del ambiente donde te encuentres. No es lo mismo tomar una fotografía en tu cuarto con las cortinas cerradas donde la luz natural es muy poca a que si tomas una foto en el parque al medio día. En pocas palabras: si estás en un ambiente con mucha luz, el tiempo que usarás en tu obturador debe ser poco y en cambio si estás en un ambiente oscuro el tiempo debe ser mayor.

![](https://edteam-media.s3.amazonaws.com/blogs/original/ae92f727-7c71-4b5e-9c05-0c79ade09070.jpg)

Ten en cuenta que cuando modificamos la velocidad de obturación, de forma indirecta también cambiamos la estabilidad que tenemos al tomar la foto. Si el tiempo que tenemos en la velocidad es poco, la fotografía se tomará más rápido (pero con menos luz) y no habrá riesgos de que partes de nuestra fotos salgan borrosas por algún movimiento. Esto es útil para capturar elementos que van a una velocidad alta; se le conoce como fotografía de congelamiento.

Ejemplo de congelamiento, donde el colibri y sus alas se mueven a gran velocidad, pero el tiempo en la velocidad de obturación es poca que logra captarlos a la perfección.

![](https://edteam-media.s3.amazonaws.com/blogs/original/b9b3dfd0-362b-48ac-bd2b-46b9207b7e67.jpg)

En cambio, si el tiempo en la velocidad de obturación es mucho, habrá más riesgos de que si hay elementos en movimiento, salgan borrosos. Cuando manejas mucho tiempo lo recomendable es utilizar un tripie, porque no importa qué tan buen pulso tengas, si mueves tan sólo un poco tu cámara, puedes estropear el resultado final. Esto es útil para hacer barridos, que por el movimiento que hacen dejan un rastro visual en la foto.

Ejemplo de barrido: con el tripie sin movimiento y un tiempo de velocidad alto, podemos capturar la ruta que va siguiendo la luz de los autos.

![](https://edteam-media.s3.amazonaws.com/blogs/original/083c21fe-cc00-425e-9952-efb7169f3ec4.jpg)

## Apertura de diafragma

El diafragma forma parte del lente/objetivo de la cámara y su función principal es limitar la entrada de luz, esto lo hace dependiendo qué tan abierto o cerrado se encuentre. A su vez también se encarga de modificar el campo de enfoque/profundidad de campo de una foto (o sea qué tanto se desenfoca el fondo). Una mayor apertura significará más entrada de luz y a su vez un mayor campo de enfoque, por lo que menor apertura será menos entrada de luz y un menor campo de enfoque.

![](https://edteam-media.s3.amazonaws.com/blogs/original/48ef7de0-c4ab-4485-bd68-b0a98e186984.jpg)

Una apertura grande se suele utilizar para fotografías retrato, donde queremos destacar más a nuestro modelo logrando así desenfocar el fondo.

![](https://edteam-media.s3.amazonaws.com/blogs/original/cae45054-2e84-410a-9546-7e2e75a1380d.jpg)

En cambio una apertura pequeña se utliza cuando hacemos fotografía paisaje, porque no queremos enfocar alguna parte en específico, queremos que todo se vea lo más nítido posible.

![](https://edteam-media.s3.amazonaws.com/blogs/original/2aa6b9aa-6763-4704-8f75-deb8b7a7070b.jpg)

## Sensibilidad ISO

La sensibilidad ISO (o ISO para resumir) es la forma en que la cámara interpreta y recoge la luz natural de manera digital. Con esta interpretación tú puedes hacer que una fotografía tenga más o menos iluminación. El ISO es un arma de doble filo, porque puede ayudarte en escenarios con poca iluminación, pero entre más grande sea el ISO que utilices, más inexacto será la interpretación de la cámara ante la luz natural, por lo que nos empezará a generar ruido visual en la foto, tal y como se muestra en el siguiente ejemplo:

![](https://edteam-media.s3.amazonaws.com/blogs/original/2a6139a3-fbe2-416b-9236-1ec0793839a4.jpg)

A diferencia de la velocidad y la apertura, limpiar el resultado del ISO es mucho más difícil en post-producción, por lo que lo recomendable es usarlo siempre y cuando sea necesario y sin abusar.

## Extra: no utilices el flash integrado

Habrá situaciones donde tengamos nula luz para nuestras fotos. Utilizar el flash integrado en tu cámara o celular para obtener algo de luz puede ser más caótico que beneficioso, porque hablamos de una luz que no es continua y suave. Al capturar la foto tendrás sombras oscuras o exceso de luz donde no querías. Si tienes oportunidad, utiliza un flash externo, suelen ser de gran ayuda para estas situaciones.

## Conclusión

Como pudiste ver, no es que debas de elegir uno de los lados del triángulo, mas bien todo dependerá de qué quieras capturar. ¿Un paisaje? Necesitarás una apertura mínima, lo que significa menos iluminación, eso debes compensarlo aumentando el tiempo en la velocidad y el ISO. Al final de cuentas todos se complementan para obtener el mejor resultado.

## Prácticas para trabajar con exposición

¿Cómo puedes practicar todo lo que aprendimos hoy? Aquí hay tres ejercicios que te pueden servir:

**Toma fotografías a todas horas del día en exteriores**

La luz natural está en constante cambio. La luz en la mañana no es la mismo que al medio día y para solucionar eso debes modificar los valores del triángulo. Toma fotos en la mañána cuando sale el sol, en la tarde antes de comer, en la puesta del sol y en la noche donde sólo tienes luz artificial. Todo eso intentando conseguir una correcta exposición.

**Toma fotografías por cada nivel de ISO que tenga tu cámara, pero manteniendo la misma exposición**

Esto hará que sí o sí muevas la apertura y la velocidad. Haz un pequeño montaje y si puedes utiliza un tripie para que tengas la misma composición y no afecte el ejercicio cuando tengas tiempos de velocidad altos. Tal vez los resultados no sean exactos, pero la idea es que se parezcan lo más que puedan.

ISO 100

![](https://edteam-media.s3.amazonaws.com/blogs/original/25f6dc23-33a3-4d4e-ae51-c0edffa0d9c2.jpg)

ISO 6400

![](https://edteam-media.s3.amazonaws.com/blogs/original/d1eb574b-0cb5-483b-861a-69b792d4d9b6.jpg)

**Utiliza un simulador de cámara**

¿No tienes una cámara con modo manual o te gustaría practicar antes de comprar una? Hay simuladores en línea gratuitos donde puedes simular practicar todo lo que aprendimos, yo te recomiendo [Canon Outside of Auto](http://canonoutsideofauto.ca/), podrás controlar todo el triángulo e incluso te propone unos retos que puedes hacer.

![](https://edteam-media.s3.amazonaws.com/blogs/original/0fae7b62-14e4-446f-b9a1-9f0b0c892509.jpg)

Espero que este artículo te haya ayudado a comprender los fundamentos de la fotografía. Ahora debes tomar muchas fotos y practicar los conceptos que te expliqué. Nos vemos la próxima 👋.

Si vas a dedicarte al mundo de la fotografía debes aprender los fundamentos del diseño para editar tus fotos y hacer que se vean increíbles. ¡Sigue esta ruta cursos! 📚 [https://ed.team/design](https://ed.team/especialidades/design). Aprenderás:

1. [Fundamentos del diseño](https://ed.team/cursos/design)
2. [Photoshop Desde Cero](https://ed.team/cursos/photoshop)
3. [Illustrator Desde Cero](https://ed.team/cursos/illustrator)

¡Mira las 1ras clases gratis 🎁! Te veo en los cursos 😉.
[![Diseño Desde Cero](https://edteam-media.s3.amazonaws.com/blogs/original/7a06df3e-3bc2-4bec-9830-037a3d825a38.jpg)](https://ed.team/especialidades/design "Diseño Desde Cero")

Aprende de una vez por todas cómo manejar la exposición en tu cámara para conseguir mejores resultados en tus fotografías.

Fundamentos de exposición en fotografía

Java es el lenguaje lider del desarrollo de software pero, ¿cuántas ediciones de Java existen y por cual debería comenzar?

¿Cuáles son las ediciones de Java?

Según una investigación periodísitca, la API de Google+ permitía el acceso a datos privados de 500 mil usuarios.

Google acabará con Google+ luego de descubrirse un grave bug en su API

Joan Serna ganó un concurso de programación que le permitió viajar al centro de la industria tecnológica.

Cómo EDteam ayudó a un estudiante a llegar a Silicon Valley

Aprende las diferencias entre icon fonts y SVG y el porqué debes utilizar SVG en tus proyectos

¿Por qué debes utilizar SVG en lugar de icon fonts?

Si extrañas jQuery para seleccionar elementos del DOM porque en Vanilla JS debes escribir mucho, puedes crear tus propios métodos abreviados con la siguiente técnica.

Crea tus métodos abreviados para el DOM con JavaScript

Una de las mejores, sino la mejor manera de crear una aplicación en React es con el paquete create-react-app. Dicho paquete nos permite crear la estructura base de un proyecto en React con un simple comando.

Crear una app fácil con create-react-app 2.0

Aprende como utilizar los métodos funcionales map(), filter(), reduce() y la expresión lambda en Python.

Métodos funcionales en python

Existen más métodos en la API Console aparte de console.log() que te ayudarán a inspeccionar tu código JavaScript y ser un mejor programador.

Ve más allá del console.log() y mejora tu código JavaScript

Aprende a personalizar la barra de scroll de tu sitio web de forma rápida y sin javascript

Personaliza el scroll de tu web sólo con CSS

Cuando comencé a estudiar programación a través de internet me llamo la atención que en los artículos que leía y los vídeos que estudiaba muchos de los programadores usaban como sistema operativo Linux, así que pensé sería buena idea también tenerlo, por este motivo investigue como realizar el proceso de instalación, leyendo me di cuenta que algunas de los programas de Windows que utilizaba para mi trabajo en nómina no funcionaban en Linux, y las alternativas que tenía este sistema operativo no cubría mis necesidades, por lo que seguí investigando para encontrar alguna otra solución a mi pr

Tengo un sistema Dual Boot, pero no puedo ver mi partición compartida en Linux

En estos últimos años hemos conocido muchísimos frameworks JavaScript para desarrollar el frontend de nuestras aplicaciones. Javascript ha evolucionado demasiado este tiempo permitiendo crear SPAs, programar del lado del servidor, crear aplicaciones híbridas, bridge, PWAs, etc. Pero, ¿cómo comenzó todo esto?   

Hay muchos frameworks JavaScript

Actualización: A pedido de la comunidad este descuento es ahora para todos los países y empezamos el EDweekend 2018.2

Hola gente de EDteam, soy su amigo y docente digital Jonathan MirCha... 

Con motivo de la celebración de la independencia mexicana quiero contarles que este fin de semana (hasta el lunes 17 de septiembre de 2018) tendremos los siguientes descuentos que aplican en depósitos locales para México:


	
	Hasta 20% de descuento en la compra de cursos individuales.

¡Feliz Día México! Descuentos en todo EDteam

Un puntero en Go es una variable que nos permite acceder a la dirección en memoria de otra variable.

¿Qué son los punteros en Go?

Glide es una librería muy poderosa que te permitira cargar imagenes a tus aplicaciones android de una manera muy eficiente.

Carga imagenes desde internet a tu proyecto Android

Soy Juan Villalvazo y te cuento los retos que afronté al aprender a programar videojuegos

El sueño de crear un videojuego y los peores enemigos del programador

Aprende a cómo usar las distintas formas de interpolación de variables en Pug y la diferencia que hay entre éstas

Formas de interpolar variables en Pug

Es una metodología de desarrollo cuyo objetivo es crear primero las pruebas y luego escribir el software. Es decir, desarrollo guiado por pruebas.

¿Qué es el TDD?

Las variables CSS pueden ofrecerte mejores resultados que las variables Sass en Responsive Web Design.

Mejora tu responsive web design con variables CSS

Los enlaces nos permiten acceder a archivos o carpetas de forma más sencilla, sin la necesidad de desplazarnos por toda la jerarquía de directorios

¿Qué son los Enlaces en Linux?

Sequelize es un ORM para Nodejs que te permitirá agilizar bastante tus desarrollos que incluyan bases de datos relacionales como MySQL o Postgress.

Agiliza tu desarrollo en Nodejs con el ORM sequelize

Las barras de scroll son un dolor de cabeza en Responsive Web Design pero con un sencillo truco podrás dominarlas de una vez por todas.