Línea de Código | Blog Línea de Código

Aprende a Programar #02 De pixels a bucles

Mon, 10 Feb 2025 00:00:00 GMT

Esta semana ha estado repleta de contenido variado y útil para programadores de distintos niveles. Desde técnicas avanzadas en HTML5 para mejorar la experiencia de usuario con vídeos, hasta trucos esenciales de Python para gestionar archivos y directorios, los artículos han cubierto aspectos clave del desarrollo web y la programación. También se ha profundizado en la optimización del diseño para impresión con CSS y se ha presentado un ejemplo práctico de WebSockets en Java EE.

Los artículos sobre HTML5 exploran cómo mejorar la interacción con vídeos, abordando txanto la búsqueda dentro de un vídeo como la gestión de cargas inestables. Por otro lado, los artículos de Python ofrecen soluciones prácticas para la manipulación de archivos y el uso de estructuras de control. Además, se destaca un artículo sobre CSS que explica cómo adaptar páginas web para su correcta impresión.

Artículos de la semana

👨🏻‍💻 Buscar por un vídeo en HTML5

Este artículo detalla cómo implementar una función de búsqueda dentro de un vídeo en HTML5. Se explican métodos para que los usuarios puedan encontrar fragmentos específicos dentro del contenido multimedia. También se presentan ejemplos de código para facilitar su implementación en proyectos web.

👨🏻‍💻 Cargas inestables de vídeos en HTML5

Se analizan las razones detrás de los problemas en la carga y reproducción de vídeos en HTML5. Desde problemas de red hasta formatos incompatibles, este artículo proporciona estrategias para mejorar la experiencia del usuario.

🎨 Páginas adaptadas para imprimir con CSS

Este artículo ofrece una guía sobre cómo diseñar hojas de estilo específicas para impresión. Explica la importancia de usar media queries para diferenciar el diseño en pantalla y en papel, eliminando elementos innecesarios y asegurando una correcta distribución del contenido para facilitar la lectura impresa.

🐍 10 primeros números impares en Python

A través de ejemplos prácticos, se muestra cómo generar y listar los primeros diez números impares utilizando bucles en Python. Se explican distintas estructuras de control como for, junto con consideraciones sobre eficiencia y buenas prácticas en la escritura de código.

🐍 Listar números del 1 al 10 en Python

Este artículo introduce los conceptos básicos de iteración en Python, mostrando cómo utilizar range() y distintos métodos de bucles para generar secuencias de números. Además, se incluyen ejercicios prácticos para reforzar el aprendizaje.

☕️ Websocket Echo en Java EE

Una introducción al uso de WebSockets en Java EE, explicando cómo crear una conexión en tiempo real donde el servidor responde con el mismo mensaje recibido. Se incluyen ejemplos prácticos y configuraciones necesarias para implementar esta funcionalidad en aplicaciones web modernas.

🐍 Borrar carpetas de forma recursiva en Python

Explica cómo eliminar directorios completos en Python, incluso cuando contienen múltiples archivos. Se presentan métodos utilizando el módulo shutil y os, con ejemplos detallados sobre cómo manejar excepciones y evitar errores en la eliminación de carpetas.

Aprende a programar #01 Orden en el caos con Python

Mon, 27 Jan 2025 00:00:00 GMT

Esta semana hemos ofrecido una selección de artículos con un enfoque principal en la manipulación de archivos y directorios en Python, complementado con un artículo sobre CSS. Nuestro objetivo es proporcionar contenido valioso tanto para programadores principiantes como para aquellos con más experiencia que buscan soluciones prácticas y concisas. Los artículos de Python destacan por su enfoque directo y el uso de ejemplos claros, facilitando la comprensión y aplicación de los conceptos. El artículo sobre CSS aborda un aspecto fundamental para el diseño web moderno y adaptable a diferentes dispositivos.

Artículos de la semana

🎨 Definir relaciones de aspecto en CSS

Este artículo explica de forma clara y concisa el uso de la propiedad aspect-ratio en CSS. Su principal fortaleza reside en la explicación de cómo esta propiedad simplifica el mantenimiento de las proporciones de los elementos visuales, un aspecto crucial para el diseño responsive y la correcta visualización en diferentes pantallas y dispositivos. Permite definir la relación de aspecto de un elemento, lo que resulta especialmente útil para imágenes, videos y otros elementos multimedia, asegurando que mantengan sus proporciones originales independientemente del tamaño de la pantalla. Se exploran ejemplos prácticos y casos de uso comunes.

🐍 Comprobar que existe un fichero en Python

Este artículo sumamente práctico enseña cómo verificar la existencia de un fichero antes de intentar cualquier operación con él. Su valor principal es la prevención de errores comunes que pueden surgir al trabajar con archivos, lo que contribuye a la creación de código más robusto y fiable. Utiliza la función os.path.exists() para realizar esta comprobación, evitando excepciones y mejorando el manejo de posibles errores de archivo no encontrado. Se presentan ejemplos de código y se explica cómo integrar esta comprobación en diferentes escenarios.

🐍 Listar un directorio en Python

Este artículo explica cómo obtener una lista del contenido de un directorio utilizando la función os.listdir(). Su utilidad se centra en la automatización de tareas de gestión de ficheros y directorios, permitiendo a los desarrolladores interactuar programáticamente con el sistema de archivos. Facilita la creación de scripts que recorren directorios, procesan archivos o realizan otras tareas automatizadas, como la búsqueda de archivos específicos o la generación de informes.

🐍 Crear un fichero en Python

Este tutorial directo y sencillo muestra cómo crear nuevos ficheros en Python, explicando los diferentes modos de apertura ('w', 'x', 'a'). El principal beneficio es la claridad con la que se explican las opciones para manipular archivos, permitiendo a los usuarios entender cómo controlar la escritura y la creación de ficheros. Se cubren aspectos como la creación de archivos nuevos, la escritura sobre archivos existentes y el añadido de contenido al final de un archivo, con ejemplos de código para cada caso.

🐍 Crear una carpeta en Python

Este artículo se centra en la creación de carpetas utilizando la función os.mkdir() del módulo os de Python. Explica cómo utilizar esta función para crear un nuevo directorio en la ruta especificada. Es importante tener en cuenta que os.mkdir() solo puede crear un directorio a la vez. Si intentas crear una carpeta dentro de otra que no existe, se generará un error FileNotFoundError.

🐍 Borrar una carpeta en Python

Este artículo conciso explica cómo eliminar una carpeta vacía en Python usando os.rmdir(). Se enfatiza la importancia de que la carpeta esté vacía para que la operación se realice correctamente, evitando errores y comportamientos inesperados. Se destaca la necesidad de comprobar que la carpeta no contiene ningún archivo o subdirectorio antes de intentar eliminarla, y se ofrecen alternativas para eliminar carpetas con contenido.

🐍 Borrar un fichero en Python

Este artículo explica cómo eliminar un fichero específico utilizando la función os.remove(). Su principal valor es la simplicidad y eficacia para eliminar archivos individuales, ofreciendo una solución directa para esta tarea común. Se explica cómo especificar la ruta del archivo que se desea eliminar y se mencionan posibles errores que pueden surgir, como intentar eliminar un archivo que no existe, ofreciendo soluciones para manejarlos.

Fascinante 2024 para la programación

Sun, 12 Jan 2025 00:00:00 GMT

Se acaba un año y empezamos otro nuevo. Un buen momento para echar una vista atrás y analizar cuales han sido los 5 hitos relevantes en un fascinante 2024 para la programación.

Un año 2024 marcado, principalmente, por la evolución en la Inteligencia Artificial en múltiples áreas y sobre todo en la parte de la Inteligencia Artificial Generativa. Hito que ha supuesto un antes y un después para la programación, ya que disponemos de nuevas herramientas que cambian la forma en la que vamos a afrontar los desarrollos de código en el futuro y algo, de lo que seguro hablaremos mucho.

Pero qué 5 hitos han sido, a mi entender, los que han sido más relevantes en este año 2024 y por qué ha sido un fascinante 2024 en la programación. Seguro que cada uno tiene los suyos.

Estos 5 hitos serían:

Inteligencia Artificial Generativa para la creación de código fuente
OSI Libera la primera definición de Inteligencia Artificial Open Source
NIST aprueba 3 algoritmos criptográficos capaces de resistir a los ordenadores cuánticos
Rust ganando popularidad como lenguaje seguro y de alto rendimiento
Python o Javascript, ¿sin un claro ganador como lenguaje preferido en 2024?

Vamos a ver más en detalle estos 5 hitos de un fascinante 2024 para la programación:

Inteligencia Artificial Generativa para la creación de código fuente

Si tuviésemos que elegir un primer hito que ha hecho que sea un fascinante 2024 para la programación es, sin duda, el uso de la Inteligencia Artificial Generativa para la ayuda en el desarrollo de código fuente en elementos que van desde poder completar código que estamos desarrollando, pasando por tener un chat en el cual pedir ayuda para el desarrollo de un nuevo código, explicabilidad de código existente o generación de pruebas de test automáticas.

Ya contábamos desde hace tiempo con GitHub Copilot, una innovadora herramienta de asistencia en la programación basada en OpenAI CodeX que se lanzó inicialmente en 2021 y que desde entonces ha experimentado una evolución constante con significativas actualizaciones y mejoras en sus capacidades. Pero en diciembre 2024 nos encontrábamos con una grata sorpresa y es que Microsoft ofreció GitHub Copilot gratis en VSCode con capacidades de chat y 2.000 ayudas para completar tu código. Para ello se apoya en los modelos GPT-4o y Claude 3.5 Sonnet. En el caso de Claude 3.5 Sonnet, de momento, en preview.

Si todavía no lo habías probado GitHub Copilot, ahora, ya no tienes excusas. Además, si se te queda corto, puedes adquirir otros planes de pago.

Pero no todo el mundo de la generación de código mediante inteligencia artificial generativa para los desarrolladores se circunscribe a GitHub Copilot y otras herramientas han cogido forma a lo largo del año.

Desde marzo de 2023 contábamos con Cursor.AI como un editor de código basado en IA que es un fork de Visual Studio Code. En el caso de Cursor.AI ha abandonado los modelos de OpenAI y pasa a basarse en el LLM Claude 3.5 Sonnet de Anthropic.

Tenemos otras herramientas como Zed, en este caso basándose en un editor de código desarrollado en Rust, que se apoya en las capacidades de IA del LLM Claude 3.5 Sonnet de Anthropic.

O el asistente JetBrains AI para poder ser utilizado en IntelliJ, PyCharm o PhpStorm, entre otros que Ha ido mejorando desde su salida en junio 2023 incluyendo capacidades como la explicabilidad de código o la generación de test unitarios de forma automática.

Por otro lado, en Abril 2024 se lanzó una preview técnica de la nueva plataforma de GitHub basada en Copilot llamada GitHub Copilot Workspace. En el caso de GitHub Copilot Workspace se va un paso más allá en la integración de la IA generativa dentro de los entornos de desarrollo ya que no solo se enfoca al código fuente su entendimiento y mejora, si no que cubre todo el ciclo de desarrollo de un producto software en un modelo colaborativo en tiempo real.

GitHub Copilot Workspace se enfoca en la definición de una funcionalidad y desde ahí te ayuda a definir un plan, identificar los cambios que implican dicho plan, generar el código asociado, ver una previsualización de los cambios y generar una pull-request con la funcionalidad.

Pero, lo mejor es que veas el vídeo en el que nos muestran de qué es capaz GitHub Copilot Workspace, algo que realmente ha sido algo fascinante 2024 para la programación y que promete serlo más este nuevo año.

OSI Libera la primera definición de Inteligencia Artificial Open Source

El segundo hito que hace que hayamos tenido un fascinante 2024 para la programación es que la Open Source Initiative (OSI) ha marcado un hito histórico este año al publicar la primera definición formal de lo que constituye la Inteligencia Artificial de código abierto. Esta definición establece los principios fundamentales y criterios que debe cumplir un sistema de IA para ser considerado verdaderamente open source, incluyendo la transparencia del código, la accesibilidad de los datos de entrenamiento y la documentación completa del modelo. Esta iniciativa representa un paso crucial hacia la democratización de la IA y establece un marco de referencia para toda la comunidad de desarrollo.

Esta definición ha sido especialmente relevante en un momento en que la transparencia y la ética en la IA son temas cruciales. La comunidad de desarrolladores ha recibido esta iniciativa con entusiasmo, ya que proporciona un marco claro para la creación y distribución de soluciones de IA que respetan los principios del código abierto. Además, establece las bases para una mayor colaboración y compartición de conocimientos en el campo de la IA.

Para ello, la definición formal de Inteligencia Artificial Open Source recoge cuando un sistema puede ser considerado realmente Open Source en IA, ya que hay muchos sistemas que se asignan esta definición cuando realmente no lo son.

Identifica la necesidad de comprender cómo funcionan los sistemas de IA, para poder investigarlos, analizarlos y, potencialmente, regularlos, es importante para garantizar que el sistema sea verdaderamente de código abierto.

Además habla de la principal diferencia con los modelos tradicionales de Open Source. Esta diferencia radica en el uso de los datos para la creación de modelos y la complejidad que existe a la hora de poner a disposición estos datos con los que se entrenaron y afinaron los modelos.

Sin duda alguna un paso muy importante para poder tener verdaderos modelos de inteligencia artificial open source.

NIST aprueba 3 algoritmos criptográficos capaces de resistir a los ordenadores cuánticos

El tercer hito a incluir en nuestra lista de hitos de este fascinante 2024 para la programación son los algoritmos criptográficos que resisten los ordenadores cuánticos. Y es que el avance de la computación cuántica plantea nuevos desafíos para la ciberseguridad actual. Los ordenadores cuánticos más potentes podrían comprometer los sistemas criptográficos tradicionales como RSA, lo que ha llevado al NIST (Instituto Nacional de Estándares y Tecnología) a tomar medidas preventivas desde 2016.

En respuesta a esta amenaza emergente, el NIST ha dado un paso histórico al aprobar tres algoritmos criptográficos postcuánticos. Estos algoritmos están específicamente diseñados para resistir los ataques de computadores cuánticos, protegiendo tanto el intercambio de datos en redes públicas como los sistemas de autenticación mediante firmas digitales. Estos algoritmos se basan en problemas matemáticos que serían difíciles de resolver incluso para un ordenador cuántico.

Los tres algoritmos aprobados son:

ML-KEM (anteriormente CRYSTALS-Kyber): Diseñado para el intercambio seguro de claves
ML-DSA (anteriormente CRYSTALS-Dilithium): Enfocado en firmas digitales
SLH-DSA (anteriormente SPHINCS+): Un algoritmo alternativo para firmas digitales

Los dos primeros algoritmos fueron desarrollados por IBM en colaboración con la academia y la industria, demostrando la importancia de la cooperación en el desarrollo de estándares de seguridad robustos para la era cuántica.

Desde el NIST se sigue trabajando en el desarrollo de unos nuevos 15 algoritmos adicionales a estos tres. Aunque ya se está buscando que la industria empiece con la implementación inicial de estos tres algoritmos.

Rust ganando popularidad como lenguaje seguro y de alto rendimiento

Rust se convierte en el cuarto hito de este fascinante 2024 para la programación. Y es que este año 2024 el lenguaje de programación Rust sigue creciendo y siendo más aceptado. Se ofrece como una opción de desarrollo cuando necesitamos sistemas más seguros en la gestión de memoria y con procesos concurrentes sobre los que busquemos alto rendimiento.

De esta manera Rust se posiciona como una alternativa a ciertos desarrollos en C y C++.

Este incremento en la adopción se encuentra avalado por su adopción dentro del Kernel de Linux, aunque no sin su polémica ya que los desarrolladores del Kernel van adoptándolo no tan rápido como se esperaba, algo normal por otra parte como comentaba Linus Torvalds. Esto se ha unido a ciertos problemas de inconsistencia de las infraestructuras de desarrollo para Rust, siendo la comidilla de la comunidad.

De igual manera los proveedores cloud empiezan a adoptar el uso de Rust. En este sentido Azure ha reescrito la pila de virtualización en Rust convirtiéndose en el core de OpenHCL. Asegurando que ese paso les lleva a un modelo con mucha mejor seguridad.

O Amazon Web Services (AWS) que ha invertido dinero en convertir a Rust en un lenguaje más seguro, como avalan sus principios, trabajando en la securización de más de 7.500 funciones en la librería estándar.

Además la librería de paquetes (o crates) de Rust ya cuenta con más de 167K paquetes, y más de 100K millones de descargas.

Si bien, no son todo buenas noticias, ya que tenemos algunas noticias como el abandono de Rust como lenguaje base por parte de el estudio LogLog Games para el desarrollo de videojuegos, después de tres años de inversión en él. Parece ser que la complejidad del aprendizaje del lenguaje, así como el coste de prototipado y modificación les ha llevado a tomar esta decisión.

Por lo tanto, tiene pinta de que Rust seguirá creciendo en los próximos años y hablaremos mucho sobre este lenguaje de programación en Línea de Código.

Python o Javascript, ¿sin un claro ganador como lenguaje preferido en 2024?

Y el último hito de este fascinante 2024 para la programación no podía ser otro que el caso de un sorpaso, ¿no? Seguro que dependiendo con quién hables o del informe que leas verás que el lenguaje de programación más utilizado o demandado puede variar. Y es que según unos Python es el más utilizado, sobre todo al estar pegado a muchos procesos de Inteligencia Artificial y por lo tanto como uso de Data Scientists o Data Engineers. Quedando muy atrás su fama de lento, simple y no apto para grandes proyectos.

Pero otros te hablarán de Javascript como el lenguaje más utilizado y demandado a su extensivo uso como herramienta para el desarrollo fullstack desde los frontales hasta las bases de datos como MongoDB.

Si miramos a los rankings de popularidad de lenguajes de programación son variables según la fuente que consultemos. Por ejemplo, el índice TIOBE sitúa a Python en primera posición otorgándole una impresionate cuota del 23,28% y un incremento de uso en 2024 del 9,3%. En el caso del índice TIOBE , posiciona a Javascript en un sexto puesto con el 4,20% de uso.

En el caso de mirar Octoverse, que es el informe general que publica GitHub sobre el uso de su plataforma para poder identificar tendencias así como el uso de open source, podemos observar que Python se ha convertido de forma indiscutible en el lenguaje número uno de uso.

Pero si miramos en DevJobsScanner, que genera un informe de lenguajes de programación enfocado a ofertas de empleo, podemos observar que el lenguaje que más profesionales está demandando es Javascript o mejor dicho, Javascript y TypeScript con un 30% de las ofertas. En este caso encontramos a Python como el segundo lenguaje con más ofertas de empleo con un 20% de puestos ofrecidos.

Así la pregunta es ¿sin hay un claro ganador como lenguaje preferido en 2024? Y creo que la respuesta es clara, aunque algún informe siga poniendo a Javascript como el más utilizado, sin duda alguna Python es es claro ganador de este 2024, convirtiéndose en el lenguaje más utilizado y con pintas de reinar, de largo, en los próximos años.

Artículos sobre un fascinante 2024 para la programación que debes de leer

Si quieres saber un poco más sobre las historias que han hecho que tengamos un fascinante 2024 para la programación y el desarrollo de software te recomiendo que le eches un vistazo a los siguientes artículos.

Y hasta aquí nuestros 5 hitos relevantes en un fascinante 2024 para la programación. Seguro que nuestros lectores tienen alguno más, así que encantado de escucharos en comentarios sobre qué ha sido para vosotros lo fascinante 2024 para la programación.

Foto de portada por Freepik.

Hosting con migraciones gratuitas en SiteGround

Sun, 25 Sep 2016 00:00:00 GMT

Una de las cosas que más quebraderos de cabeza nos pasa a las personas que tenemos webs o que gestionamos webs de terceros es lo relativo al hosting. La complejidad de movernos de un hosting a otro por lo relativo a costes económicos, al esfuerzo del movimiento del software, a las configuraciones que tenemos que modificar,… todo esto hace que permanezcamos en un mismo hosting, aunque este no cubra todas las expectativas que estemos esperando.

Así que hoy os queremos hablar un poco de una oferta que ha puesto encima de la mesa SiteGround, la cual incluye una de migración gratuita y una serie de beneficios adicionales, si adquieres una cuenta de hosting a lo largo de este mes de septiembre.

De esta manera si te creas una cuenta con SiteGround durante este mes te podrás beneficiar de:

La migración de tu web actual de forma gratuita

Si te preocupa el tener que mover todo su site o la complejidad que esto conlleva, no te preocupes, ya que SiteGround te realiza la migración de forma gratuita. Su Área de Soporte te ayudará con ello.

Transferencia del dominio

Otro de los puntos importantes es tener que mover el dominio dónde tengamos la web, así, por cada una de las cuentas que tengamos en SiteGround, podremos solicitar una transferencia de dominio.

Las transferencias de dominio las tienen disponibles para los dominios: es, .com, .net, .org, .biz, or .info. Hay algunos dominios de países también disponibles que puedes consultar con ellos.

Hosting Gratuito al cambiarte de proveedor

Una de las cosas más importantes es la fecha de renovación. ¿Cómo me voy a cambiar de proveedor de hosting si he renovado hace unos meses con el mío? En este sentido desde SiteGround nos compensa con hasta 6 meses de hosting gratis, igualando el tiempo que te quedase con tu actual proveedor.

Para poderte beneficiar de este hosting gratuito es importante que tengas en cuenta las siguientes cosas:

La fecha límite para poder solicitar este hosting gratuito es el 8 de octubre.
La cuenta actual sea un alojamiento compartido con un plan de 12 meses o más.
Que el inicio del contrato con tu proveedor actual lo hayas realizado antes del 1 de septiembre de 2016.

La parte de hosting gratuito la puedes hacer desde tu área de usuario en Soporte > Ayuda Facturación > Solicitar hosting promocional.

Así que si estás pensando en que tu proveedor de hosting actual no cubre tus necesidades actuales, pero estabas preocupado por la migración de tus sites, no dudes en echarle un vistazo a los servicios que ofrece SiteGround y así puedas aprovecharse de este modelo de migración gratuito. Y no te olvides de contarnos tu experiencia.

Vídeo Controlar eventos en Javascript

Fri, 08 Apr 2016 00:00:00 GMT

En el vídeo controlar eventos en Javascript se nos presentan las nociones básicas para poder controlar un evento dentro de una página HTML.

Estructura del formulario

Para ello lo que se hace es construir un formulario en el cual tendremos un botón, del cual queremos saber cuándo se ha pulsado. Además utilizaremos una capa para devolver un texto indicando cuándo se ha pulsado el botón.

<button id="miboton">Hola Soy un Boton</button>
<div id="micapa"></div>

Separar estructura y comportamiento

Luego se nos contará la diferencia entre tener el comportamiento y la estructura dentro de un mismo sitio, cosa que sucedía en los principios del HTML y lo que es separar la estructura del comportamiento, que será la mejor forma de poder controlar eventos en Javascript.

Funciones para manejar eventos

Para acabar, entraremos en detalle en el uso de las funciones .getElementById() y .addEventListener() que serán las que nos ayuden a manejar los eventos.

var boton = document.getElementById("miboton");
boton.addEventListener("click",function(){
  var capa = document.getElementById("micapa");
  capa.innerHTML = "Has pulsado el botón";
},false);

Pero lo mejor es que os veáis en vídeo controlar eventos en Javascript que os contará todo esto en detalle.

¡Espero que os guste el vídeo!

Vídeo Insertar Imagen en un Canvas HTML5

Wed, 06 Apr 2016 00:00:00 GMT

Una de las cosas nuevas que aparecen en HTML5 es el elemento Canvas. Hoy tenemos el vídeo insertar imagen en un Canvas HTML5 el cual nos cuenta cómo podemos crear un Canvas, para, de forma posterior, manipularlo mediante Javascript e insertar una imagen dentro.

Contenido del vídeo

En este tutorial aprenderás:

El elemento Canvas de HTML5 y cómo crearlo
El método .getContext() para acceder al contexto del Canvas
La clase Image() de Javascript para crear imágenes
Cómo combinar todo para insertar una imagen en el Canvas

El elemento Canvas

El Canvas es un lienzo en blanco donde puedes dibujar gráficos mediante Javascript. Se crea con:

<canvas id="miCanvas" width="800" height="600"></canvas>

El método getContext()

Para manipular el Canvas necesitamos obtener su contexto 2D:

var canvas = document.getElementById('miCanvas');
var ctx = canvas.getContext('2d');

La clase Image()

Para cargar imágenes en Javascript usamos:

var imagen = new Image();
imagen.src = 'ruta/a/imagen.jpg';

Insertar la imagen en el Canvas

Una vez cargada la imagen, la dibujamos en el Canvas:

imagen.onload = function() {
  ctx.drawImage(imagen, 0, 0);
};

El vídeo

Pero lo mejor es que lo veas en el vídeo insertar imagen en un Canvas HTML5 y lo aprendas por ti mismo. Espero que os guste!

Puedes ver el vídeo directamente en YouTube: https://www.youtube.com/watch?v=kC3bmcaS6bw

El Canvas de HTML5 es una herramienta poderosa para crear gráficos dinámicos. Insertar imágenes es solo el principio de todo lo que puedes hacer con esta tecnología.

Vídeo recorrer un array en Java

Mon, 04 Apr 2016 00:00:00 GMT

Tenemos un nuevo vídeo en nuestro canal de Youtube de Línea de Código. En este caso el vídeo nos enseña a Recorrer un Array en Java.

Para ello veremos cómo podemos crear un array de String y cargarlo de contenido, para, a posteriori, utilizar un bucle for para recorrer los elementos del array y mostrarlos en pantalla.

También se analiza el uso de la propiedad .length para poder conocer el número de elementos con los que cuenta el array y saber de qué forma deberemos de salirnos del bucle for.

Espero que os guste el vídeo recorrer un array en Java.

Intel RealSense Webinar

Fri, 09 Oct 2015 00:00:00 GMT

Intel organizará la segunda edición de su serie de webinars dedicados a los proyectos de la comunidad de desarrolladores de Intel RealSense el próximo 14 de octubre, de 18:30 a 19:30 (CEST). Durante el Intel RealSense Webinar se presentarán proyectos innovadores iniciados en los talleres prácticos de la compañía.

Intel RealSense: Redefiniendo la interacción con dispositivos

La tecnología RealSense de Intel está disponible en dos modelos de cámara: la F200 (cámara frontal) y la R200 (cámara trasera). Cada modelo integra una cámara convencional, una cámara infrarroja y un proyector láser infrarrojo. Estas cámaras vienen integradas en determinados equipos o pueden adquirirse por separado.

Intel RealSense transforma la forma de interactuar con los dispositivos, permitiendo experiencias más fluidas e intuitivas. La tecnología permite controlar el ordenador mediante movimientos de cabeza, escanear rostros u objetos en 3D, y navegar por Internet sin necesidad de contacto físico con la pantalla o el ratón.

Aplicaciones innovadoras

La cámara Intel RealSense ofrece un amplio espectro de aplicaciones en diversos ámbitos:

Videojuegos inmersivos: Durante el último CES, los asistentes pudieron experimentar personajes de videojuego que replicaban sus movimientos faciales en tiempo real
Videoconferencia mejorada: Posibilidad de modificar el fondo de las videollamadas con imágenes, presentaciones o planos
Escaneo 3D: Capacidad para escanear objetos y crear modelos imprimibles en 3D sin necesidad de dominar software CAD
Control por voz, realidad aumentada y análisis facial: Tecnologías ahora accesibles para todos los usuarios

Talleres para desarrolladores

Intel organiza regularmente talleres prácticos donde los desarrolladores pueden familiarizarse con la tecnología y crear aplicaciones utilizando Intel RealSense en tiempo real. Los resultados de estos talleres se presentan en una serie de webinars exclusivos.

Primera sesión: Se presentaron tres proyectos, incluyendo un juego de Jenga, un juego educativo y un juego de reflejos.

Segunda sesión - 14 de octubre

La segunda sesión presentará tres nuevas aplicaciones:

Kfir Matza y Dolly Ovadia Nahon: Karaoke interactivo que transforma a los participantes en estrellas del rock, sumergiéndolos en el escenario visual de la canción durante toda la actuación
Anthony Thomas: Instalación innovadora que amplía las funcionalidades de Intel RealSense mediante su conexión con una placa Arduino
Rudy Aramayo: Aplicación que utiliza Intel RealSense para explorar conceptos de física cuántica de forma interactiva

Registro al Webinar

Para asistir al webinar, sigue estos pasos:

Preinscríbete en Eventbrite
Regístrate y accede al webinar

Vídeo Consultas con Filtros en MongoDB

Mon, 21 Sep 2015 00:00:00 GMT

En este nuevo vídeo de Línea de código podemos ver cómo realizar consultas con filtros en MongoDB.

Conjunto de datos

En el vídeo consultas con filtros en MongoDB partiremos de un conjunto de documentos de ciudades:

{
  "_id" : ObjectId("525ab02733b01a66a9dcbc5b"),
  "ciudad" : "Madrid",
  "habitantes" : 3233527
}
{
  "_id" : ObjectId("525ab02733b01a66a9dcbc5c"),
  "ciudad" : "Barcelona",
  "habitantes" : 1620943
}
{
  "_id" : ObjectId("525ab02733b01a66a9dcbc5d"),
  "ciudad" : "Valencia",
  "habitantes" : 797028
}

Método find() con filtros

Y veremos cómo utilizar el método find() con un filtro:

db.ciudades.find( {ciudad:"Madrid"} );

Para poder obtener un documento de la colección.

Vídeo tutorial

Pero lo mejor es que veas el vídeo consultas con filtros en MongoDB y nos cuentes qué te parece.

Vídeo Tablas Cebra con Bootstrap

Thu, 17 Sep 2015 00:00:00 GMT

Ya veíamos en el artículo tablas estilo cebra como podíamos construir una tabla estilo cebra con Bootstrap. Pero hemos decidido hacer un vídeo todavía más didáctico.

El vídeo Tablas Cebra con Bootstrap se convierte en el segundo vídeo de nuestro canal.

Contenido del vídeo

En el vídeo podrás ver:

Cómo crear una tabla con HTML
Cómo insertar el framework Bootstrap en tu web
Cómo dar formato a la tabla para que se pueda definir un estilo cebra

Espero que el vídeo, cómo los demás del canal, sea de vuestro agrado. Si es así no os olvidéis de suscribir al canal de Línea de Código en Youtube.

HP Helion European Webinar Series

Fri, 28 Aug 2015 00:00:00 GMT

HP Helion European Webinar Series

Entre los próximos días 1 de septiembre y 28 de octubre de 2015 se celebrarán los HP Helion European Webinar Series.

Los HP Helion European Webinar Series son un conjunto de webinars (talleres online) de 1 hora de duración destinados a desarrolladores que estén trabajando con soluciones Cloud.

HP sabe que aprender algo nuevo es un compromiso, especialmente en el campo de la tecnología. Desde aprender una nueva plataforma hasta aprender a desarrollar en un nuevo lenguaje, a veces puede ser intimidante. Es por ello que la gente de HP está trabajando incansablemente por si quieres aprender algo rápido, con una curva de aprendizaje corta, y lo más importante de forma divertida y atractiva.

Los webinars de los HP Helion European Webinar Series son impartidos por un conjunto de ingenieros de HP que trabajan en el proyecto HP Helion.

HP está enfocada en cambiar el futuro de la virtualización y el manejo de los datos con proyectos Cloud. HP Helion es una solución Cloud para despliegues de cloud públicas, híbridas o privadas de HP.

HP Helion está basado en OpenStack y CloudFoundry. HP Helion facilita los despliegues automáticos, la seguridad, el almacenamiento en cloud y el manejo de aplicaciones Cloud nativas.

Puedes obtener más información de HP Helios en http://hp.com/helios

Descubre como HP está cambiando el desarrollo en la nube para mejor en hphelion.bemyapp.com

No dejes pasar la oportunidad y regístrate en los HP Helion European Webinar Series.

Vídeo Imágenes en HTML

Tue, 18 Aug 2015 00:00:00 GMT

Vamos a empezar una nueva serie de vídeos dentro de Línea de Código Estos nuevos vídeos serán más naturales, directos, didácticos e intentarán transmitir de una forma más personal los diferentes temas de programación.

Vídeos pensando en vosotros, vídeos que ayuden a aprender a programar.

El vídeo Imágenes en HTML

Para ello el primer vídeo será “Imágenes en HTML”. En el vídeo Imágenes en HTML podréis encontrar:

El uso de la etiqueta img - elemento fundamental para insertar imágenes
Los atributos de la etiqueta img - src, alt, width, height, title
Las formas de referenciar una imagen desde el atributo src
Cómo dar alto y ancho a una imagen usando width y height
Para qué sirve el atributo title y cómo se renderiza en el navegador
La importancia de la accesibilidad del atributo alt

Estructura básica

La etiqueta básica para insertar una imagen es:

<img src="ruta/imagen.jpg" alt="Descripción de la imagen">

Atributos principales

Ejemplo completo con todos los atributos:

<img src="foto.jpg"
     alt="Descripción accesible"
     width="800"
     height="600"
     title="Texto que aparece al pasar el ratón">

Ver el vídeo

Esperamos que disfrutéis de este nuevo formato de vídeos.

Podéis ver el vídeo directamente en YouTube: https://www.youtube.com/watch?v=ou-UwtE7fuk

Tu opinión cuenta

Además aceptamos cualquier tipo de comentario, ya sean críticas, puntos de mejora, si os gusta o no os gusta el nuevo formato. Cualquier comentario será muy apreciado.

Nuevo diseño y 1.000 ejemplos

Sun, 12 Jul 2015 00:00:00 GMT

Ya han pasado unos cuantos años desde que empezó la andadura de Línea de Código allá por noviembre de 2006.

Han sido unos años en los que hemos ido creciendo en número de usuarios y en número de artículos. Pero en los que, sobre todo, hemos aprendido nuevas cosas y hemos ayudado a otras personas en su aprendizaje.

Ese aprendizaje y las muestras de cariño que nos dejáis en los comentarios hacen que se siga escribiendo de buena en la web.

En este tiempo hemos conseguido llegar a tener 1000 ejemplos documentados explicando diferentes lenguajes y frameworks de programación.

Además ayer hemos puesto en funcionamiento la nueva estructura y diseño de la web. Mediante el cual esperamos que os sea más fácil de encontrar los ejemplos y de leer en diferentes dispositivos, gracias a su diseño responsive.

Esperamos que sea de vuestro agrado y se aceptan sugerencias para nuevas funcionalidades y mejoras.

Queríamos también aprovechar para dar las gracias a todas las personas que de una u otra forma han colaborado con la web. A nuestros colaboradores, a la gente que nos promociona, a los sponsors,.. a todos muchas gracias. Esperamos seguir junto a vosotros, al menos, otros 1000 ejemplos más.

Webinar Perceptual Computing en Español

Thu, 25 Sep 2014 00:00:00 GMT

Se encuentra disponible el vídeo del Webinar de Perceptual Computing en Español, celebrado en el marco del concurso Real Sense App Challenge 2014.

Este webinar constituye una excelente oportunidad para comprender el funcionamiento de la programación perceptual mediante Intel RealSense, tanto para participantes del concurso Real Sense App Challenge 2014 como para desarrolladores interesados en esta tecnología.

Vídeo del Webinar

La sesión presenta los conceptos fundamentales de la programación perceptual y las capacidades de desarrollo con la tecnología Intel RealSense.

Perceptual Computing

Mon, 22 Sep 2014 00:00:00 GMT

Venimos hablando sobre la programación perceptual con Intel y su evento de Webinar Real Sense App Challenge 2014 en el que puedes llegar a conseguir hasta 1 millón de dólares en premios.

Pero , ¿en qué consiste la programación perceptual? Utilizando la programación perceptual podemos:

Identificar movimientos de la mano y de los dedos, con el SDK de Intel Real Sense se pueden identificar hasta 22 articulaciones.
Análisis de la cara, en este caso se identifican 78 puntos lo cual permite seguir el movimiento de la cabeza. Pero no solo eso si no que se puede llegar hasta identificar emociones y sentimientos.
Tener gestos por defecto, ya que el SDK viene preconfigurado con gestos como pulgares hacía arriba o hacer la ola.
Reconocimiento vocal, aquí se podrán ejecutar comandos pronunciados por el usuario, así como realizar dictados.
…

Fíjate las cosas que se pueden llegar a realizar…

Si esto te parece interesante no deberías dejar pasar la oportunidad de apuntarte al concurso Real Sense App Challenge.

Webinar Real Sense App Challenge 2014 en Español

Fri, 05 Sep 2014 00:00:00 GMT

Dentro del evento Real Sense App Challenge 2014 ahora tenemos la oportunidad de atender a un webinar en español, lo cual hará que tengamos más información sobre el concurso de desarrollo sobre tecnología perceptual de Intel.

Temario del webinar

Dentro del Webinar Real Sense App Challenge 2014 en Español podremos conocer los siguientes temas:

Intel® RealSense™ SDK beta para Windows
¿Qué es Intel® RealSense™ Technology?
Importancia para los desarrolladores
Detalles técnicos de Intel® RealSense™ Technology
Comenzar con Intel® RealSense™ SDK
Desarrollando una Aplicación con Intel® RealSense™ SDK for Windows
Programa de Desarrolladores Intel® RealSense™ SDK
Q&A

Coordinadores

El Webinar Real Sense App Challenge 2014 en Español será coordinado por Albertina Durante y Hernán Alijo.

Registro

Puedes registrarte directamente para no dejar pasar la oportunidad.

Segundo Webinar del Real Sense App Challenge 2014

Tue, 19 Aug 2014 00:00:00 GMT

Real Sense App Challenge 2014

Sigue en curso el Real Sense App Challenge 2014. Si todavía no tienes clara tu idea para intentar ganar los premios del Real Sense App Challenge 2014 no te preocupes, hoy se celebra el segundo Webinar para poder ayudarte con las ideas.

Aplicaciones Perceptuales

Ya sabes que en Real Sense App Challenge 2014 están buscando que la gente programando con C++ o C# pueda construir aplicaciones perceptuales, es decir que podamos interactuar con ellas mediante gestos, voz, reconocimiento facial…

Premios y Oportunidades

Seguro que se te ocurre una buena idea y puedes optar a los premios que tienen por valor de 1 millón de dólares.

No dejes pasar la oportunidad e inscríbete en el Segundo Webinar del Real Sense App Challenge 2014.

Inscripción

Puedes inscribirte al concurso desde aquí.

Primer Webinar del Real Sense App Challenge 2014

Wed, 13 Aug 2014 00:00:00 GMT

Real Sense App Challenge 2014

Si te ha interesado la idea de poder llevar a cabo tus ideas con programación sobre tecnología perceptual y sobre todo llevarte los premios del Real Sense App Challenge 2014 tienes que saber que hoy montan el primer Webinar sobre el proyecto Real Sense App Challenge 2014.

Claves del Primer Webinar

Es bueno que asistas al primer Webinar sobre el proyecto Real Sense App Challenge 2014 ya que en él se darán las claves sobre cómo enfocar la idea de tu proyecto y así ser uno de los elegidos para entrar dentro de la bolsa de premios del Real Sense App Challenge 2014.

Inscripción

No dejes la posibilidad y APUNTATE.

Real Sense App Challenge 2014

Tue, 12 Aug 2014 00:00:00 GMT

Real Sense App Challenge 2014

Si sabes programar en C++ o C#, te gustan las nuevas tecnologías y quieres estar en un reto con una suma de premios de 1 millón de dolares, Real Sense App Challenge 2014 es tu evento.

Tecnología Perceptual

La idea de Real Sense App Challenge 2014 es poder crear una aplicación utilizando tecnología perceptual. Para ello utilizado una cámara que capture gestos en 3D y mediante un SDK de programación se debe de crear una aplicación.

El mundo perceptual nos permite realizar múltiples comprobaciones como identificaciones faciales, gestos mediante las manos, reconocimiento de voz, identificación de elementos en una escena… todo para que la interacción del usuario con la aplicación sea mucho más real.

Dispositivos Compatibles

Esto se puede llevar a cualquier tipo de dispositivo ya sea un ordenador o una tablet.

Participa con tu Idea

Así que ya estás dándole vueltas a la cabeza y pensando que tipo de aplicación o juego presentar como idea en el Real Sense App Challenge 2014.

Si tu idea es una de las elegidas en Real Sense App Challenge 2014, será la que pase a la fase de desarrollo que acabará a principios del 2015.

Registro

Hasta el 19 de septiembre puedes enviar tus ideas. REGISTRATE.

Si alguien se anima que cuente su experiencia.

Feliz 2014

Thu, 02 Jan 2014 00:00:00 GMT

Un nuevo año y nuevos retos por delante. Desde Línea de Código desear lo mejor para todos los que nos acompañáis día tras día. Que todos vuestros proyectos se cumplan… Disfrutemos juntos de este nuevo año.

Puedes ver el vídeo en http://www.youtube.com/watch?v=S_cmT5A7h44