Ahora que bajaron fútbol libre, solo a fines educativos, vamos a aprender como podríamos retransmitir la pantalla de nuestra PC mientras hacemos algo, como mirar un partido, para que amigos o desconocidos puedan ver lo que hacemos, de manera local, gratis, fácil y rápida.
Para esto vamos a usar 4 programas / servicios:
Owncast: para levantar un servidor de streaming.
Docker: Para instalar el servidor de Owncast fácil.
OBS Studio: Para capturar la pantalla y enviarla al servidor.
localhostrun: Para exponer el servidor a internet, opcional si no quieren usar su IP directamente / transmitir mediante un servicio.
Primero vamos a bajar Docker, en caso de que no lo tengamos instalado. Simplemente van a descargan el instalador para su OS y lo instalan. docs.docker.com/engine/install/
Luego, vamos a abrir Docker y a descargar la imágen de Owncast.
Una vez descargada, vamos a `imágenes`, le damos play a la imágen de owncast, le damos un nombre al contenedor, mapeamos los puertos 1935:1935 y 8080:8080 y le damos a `run`.
Ahora en el navegador vamos a `localhost:8080/admin` y vamos a configurar Owncast (el usuario por defecto es `admin` y la contraseña `abc123`). Ahí entran y cambian lo que quieran, nombre del stream, contraseña, etc.
Ahora vamos a OBS Studio (si no lo tienen lo descargan de ). Van a crear una nueva fuente, captura de pantalla, seleccionan la pantalla que quieren compartir y listo. obsproject.com/es/download
Luego van a `perfiles`, `nuevo`, le dan un nombre, ponen que quieren el wizard de configuración, seleccionan optimizar para streaming, le dan siguiente, ponen personalizado y en servidor ponen `rtmp://localhost:1935/live` y en `clave de transmisión` ponen la contraseña que pusieron en Owncast (`abc123` si no la cambiaron).
Ahora le dan al botón `iniciar transmisión` y si van a `localhost:8080` deberían ver una interfaz que al darle play mostraría el contenido de su pantalla.
Ahora vamos a usar Localhostrun para exponer nuestro puerto 8080 a internet. Vamos a seguimos las instrucciones para exponer nuestro puerto `8080` (o sea correr `ssh -R 80:localhost:8080 nokey@localhost.run`), aceptamos la conexión, copiamos la url que nos da y listo, si entramos o compartimos esa url a alguien, va a poder ver nuestro stream.localhost.run
Recuerden que esto es solo para uso educativo, no para retransmitir contenido protegido por derechos de autor como partidos de fútbol u otros deportes de la manera que lo hacía fútbol libre para evitar los servicios nefastos que tenemos hoy en día. Disclaimer que no soy especialista en lo que mostré hoy, solo probé para aprender y compartir con ustedes 🤝
Para mucha gente esto puede ser un montón de laburo o excede sus conocimientos técnicos, recuerden que siempre pueden compartir contenido legal y legítimo mediante compartir su pantalla en un server de discord, llamada, etc. 🤝
• • •
Missing some Tweet in this thread? You can try to
force a refresh
Estás buscando trabajo como frontend developer pero no te contactan? En los últimos años muchas personas empezaron a estudiar y están aplicando ahora. En este hilo vamos a ver algunos tips para que tus proyectos y perfil destaquen frente al resto 🤝 🧵
Los proyectos son útiles para 3 etapas dentro de nuestra carrera profesional.
1. Aprendizaje 2. Demostración 3. Validación
Depende en que etapa estemos, es que proyectos y como debemos hacerlos. Pero, que son cada una de estas etapas?
1. Aprendizaje 📚
Aprender por repetición a mi más me sirvió, hacer muchos proyectos en las etapas tempranas de aprendizaje. El resultado visual y el código final NO son nuestra prioridad. Queremos hacer muchas aplicaciones para habituarnos a la sintáxis y escribir código.
Pedí a personas que consiguieron trabajo en IT en el último año, información sobre su búsqueda. Tiempo, empresas, tips y más. En este hilo voy a publicar sus experiencias y agregaré información a lo largo del tiempo. Agarrate un cafecito 🧵
Primero, como se dió el proceso? Pedí en la comunidad de Discord que llenen un formulario con ciertas preguntas.
* Que puesto conseguiste?
* En que empresa?
* Que hacías antes?
* Tiempo aprendiendo
* Tiempo buscando trabajo
* Cosas que ayudaron
* Cosas que entorpecieron
* Tips
Las preguntas se recopilaron mediante un formulario para que las respuestas no se vean influenciadas por las otras respuestas.
La mayoría de la gente participando reside en Argentina, mayoritariamente en Buenos Aires, aunque no su totalidad.
Si en este fin de semana largo querés ponerte a codear o practicar con challenges reales de empresas, acá te dejo no solo los challenges sino también los streams que hicimos resolviendo algunos 🤝
Hoy vamos a ver una intro, más didáctica que técnica, sobre que es y que herramientas necesitamos para construir una web. La intención no es que sepas ni entiendas todo y al final te doy más recursos para profundizar, así que empecemos ☕🧵
Imaginemos una persona hecha de palitos, con lápiz, sobre una hoja. Si bien nosotros percibimos una persona, podríamos identificar las diferentes partes que componen a una persona. Como su cabeza, cuerpo y piernas. Y cada parte en más, como cuerpo -> brazos -> brazo izq, etc.
Para poder visualizarlo mejor, podríamos disponerlo en una estructura de arbol, que se iría expandiendo mientras más complejo se vuelva nuestro dibujo. Pero, manteniendo las cosas simples, lo único que necesitamos para este dibujo, además de un lienzo, fue un lápiz.
Hoy voy a hacer un hilo con 10 pasos para aprender desarrollo web desde 0, gratis. No son cortos y cada paso puede tomar el tiempo que necesites y podés adaptarlo como necesites para que te sirva. Si bien está pensado para que sean en orden, terminá el hilo por que hay tips 🧵
Paso 1: HTML + CSS. Vamos a usar @freeCodeCamp, una plataforma de aprendizaje gratuita con varios módulos sobre programación web. Los módulos que nos interesan están disponibles en español.
Cada certificación se divide en módulos, cada módulo tiene ejercicios sobre un tema específico. Cada ejercicio nos muestra 3 secciones. La izquierda, la explicación, la consigna y las acciones. La media, el editor donde escribiremos código, la derecha con la previsualización.
Ya que ayer no hubo stream y se viene el fin de semana, les dejo un nuevo challenge para que puedan practicar y agregar a su portfolio 👀
Como siempre, tomen la consigna y haganlo en la tecnología que quieran y adaptenlo a sus conocimientos.
Repositorio y más info abajo 👇🧵
En el respositorio van a poder encontrar el código listo para ponerse a trabajar, con un método de API preparado para que solo tengan que ocuparse del frontend, también tiene una librería de UI cargada y links a su documentación:
Hay 3 entregas pactadas pero podés dar por terminado el ejercicio cuando quieras. Si no sabes hacer algun punto, omitilo o cambialo, pero no dejes el ejercicio por solo no saber un punto. También podés pedir ayuda o feedback en el canal de discord.