freeCodeCamp/curriculum/challenges/spanish/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.spa...

52 lines
3.1 KiB
Markdown
Raw Normal View History

2018-10-08 17:34:43 +00:00
---
id: bd7158d8c442eddfaeb5bd1f
title: Use the Twitch JSON API
localeTitle: Utilice la API de JLS de Twitch
challengeType: 3
isRequired: false
---
## Description
<section id='description'>
<strong>Objetivo:</strong> crear una aplicación <a href='https://codepen.io' target='_blank'>CodePen.io</a> que sea funcionalmente similar a esta: <a href='https://codepen.io/freeCodeCamp/full/Myvqmo/' target='_blank'>https://codepen.io/freeCodeCamp/full/Myvqmo/</a> .
Cumplir las siguientes <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal.
<strong>Historia de usuario:</strong> Puedo ver si freeCodeCamp se está transmitiendo actualmente en Twitch.tv.
<strong>Historia de usuario:</strong> puedo hacer clic en la salida de estado y enviarme directamente al canal Twitch.tv de freeCodeCamp.
<strong>Historia de usuario:</strong> si un usuario de Twitch está actualmente transmitiendo, puedo ver detalles adicionales sobre lo que están transmitiendo.
<strong>Sugerencia:</strong> vea un ejemplo de llamada a la API JSONP de Twitch.tv en <a href='http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541' target='_blank'>http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541</a> .
<strong>Sugerencia:</strong> la documentación relevante sobre esta llamada a la API se encuentra aquí: <a href='https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user' target='_blank'>https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user</a> .
<strong>Sugerencia:</strong> Aquí hay una serie de nombres de usuario de Twitch.tv de personas que transmiten regularmente: <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code>
<strong>ACTUALIZACIÓN:</strong> debido a un cambio en las condiciones del uso de la API que se explica <a href='https://blog.twitch.tv/client-id-required-for-kraken-api-calls-afbb8e95f843#.f8hipkht1' target='_blank'>aquí,</a> Twitch.tv ahora requiere una clave API, pero hemos creado una solución alternativa. Use <a href='https://wind-bow.glitch.me' target='_blank'>https://wind-bow.glitch.me/twitch-api en</a> lugar de la URL base de la API de twitch (es decir, https://api.twitch.tv/kraken) y aún podrá obtener información de la cuenta, sin necesidad de para registrarse en una clave API.
Recuerda usar <a href='http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514' target='_blank'>Read-Search-Ask</a> si te atascas.
Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen.
Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook.
</section>
## Instructions
<section id='instructions'>
</section>
## Tests
<section id='tests'>
```yml
tests: []
```
</section>
## Challenge Seed
<section id='challengeSeed'>
</section>
## Solution
<section id='solution'>
```js
// solution required
```
</section>