Scratch

Estructura Básica Secuencial: Realizamos que el zorro avance en el eje de X parando medio segundo.

Estructura de Repetición (Bucle-Repeat): Realizamos lo de la anterior pero acortamos el código con un bucle.

Estructura de Repetición (Bucle-Forever): Realizamos lo de la anterior pero esta vez se repetirá para siempre.

Estructura Condicional (If...then): Ponemos una condición para cuando llegue a x=200 pare de caminar.

Estructura Condicional (If...then...else): Realizamos lo mismo que la anterior y le añadimos que mientras esté en x (negativas) diga left, y para x (positivas) diga right.

Actividad Patronato

En esta actividad, por dos grupos (primera y segunda edición) hemos realizado un cuadernillo con sopas de letras y con dibujos para las personas que se encuentran en el Patronato de La Felguera, Langreo.

Primero fuimos al patronato para hacer unas entrevistas a los residentes de este lugar para así poder obtener información. A continuación individualmente hicimos un dibujo y una sopa de letras cada uno. Más tarde, nos dividimos en las ediciones mencionadas anteriormente y luego, internamente nos dividimos en parejas para poder repartirnos el trabajo. Una vez terminado, lo juntamos todo y creamos el cuadernillo. 

Mi edición es la segunda, subida en SlideShare:

y en Flipbook.

Reflexión 2ª Evaluación

Esta segunda evaluación ha sido muy larga y muy intensa. Hemos descubierto el WordPress, otra página web para hacer blogs pero con más herramientas y cosas para hacer que Blogger (en mi opinión me gusta más).

También, como dije antes, esta evaluación ha sido muy intensa debido a todos los trabajos de HTML, incluyendo CSS y JavaScript, que realizamos. En la barra lateral de la derecha se encuentran todos estos ejercicios, en la sección "Ejercicios HTML", pero hemos documentado más las dos últimas, en las que utilizamos HTML, CSS y JavaScript.

También realizamos un examen, de HTML, CSS y JavaScript, que fue bastante difícil por el tiempo, además que los ordenadores no van muy rápido. 

Cosas a mejorar: Podríamos haber reducido la cantidad de ejercicios HTML, porque aunque solo hiciésemos 9 ejercicios, cada uno lleva mucho tiempo empleado más luego corregirlo para poder sacar la mejor nota posible, es decir un 10.

Dibujando con JavaScript

En esta actividad consistió en realizar un cuadrado mediante JavaScript y en el interior de este dibujar un círculo. Más tarde tuvimos que ajustar el código para cambiar la posición, el tamaño y el color de ambos. 

Además de todo esto, hemos realizado una caja que en su interior hay un enlace al segundo dibujo también realizado con JavaScript.

Ejercicio HTML con "Cajas Flexibles"

Este ejercicio de HTML consiste en crear una cajas de colores y con un texto interno entre ellas, y al pasar el ratón por encima, el área de estas se modifica.

Cajas Flex, Alejandro Vivas, 12/02/2025

Alejandro

Vivas

Vilches

WordPress

¿Qué es WordPress?
WordPress es una de las plataformas de gestión de contenido (CMS) más populares y utilizadas en el mundo. Es un software de código abierto que permite crear y administrar sitios web y blogs de manera sencilla y eficiente.

¿Para qué sirve WordPress?
WordPress se utiliza para una amplia variedad de propósitos, desde blogs personales hasta sitios web empresariales, portafolios, tiendas en línea y más. Su versatilidad y facilidad de uso lo han convertido en la opción preferida para millones de usuarios en todo el mundo.

Ventajas de WordPress

Algunas de las principales ventajas de WordPress son:

• Facilidad de uso: WordPress tiene una interfaz intuitiva y amigable, lo que permite a los usuarios, incluso sin conocimientos técnicos, crear y administrar sus sitios web fácilmente.
• Gran variedad de temas y plugins: WordPress ofrece una amplia gama de temas y plugins gratuitos y de pago que permiten personalizar y ampliar las funcionalidades del sitio web.
• Actualizaciones constantes: WordPress se actualiza constantemente, lo que garantiza la seguridad y la incorporación de nuevas funcionalidades.
• SEO optimizado: WordPress está diseñado con una estructura que facilita el posicionamiento en los motores de búsqueda.
• Comunidad y soporte: WordPress cuenta con una gran comunidad de usuarios y desarrolladores que brindan soporte y recursos.

Desventajas de WordPress
Algunas de las principales desventajas de WordPress son:

• Dependencia de plugins: Mientras que los plugins son una gran ventaja, también pueden ser una desventaja si se abusa de ellos, ya que pueden ralentizar el sitio web y generar problemas de seguridad.
• Limitaciones de personalización: Aunque WordPress ofrece una amplia variedad de temas, algunas personalizaciones más avanzadas pueden requerir conocimientos de programación.
• Problemas de seguridad: Al ser una plataforma tan popular, WordPress puede ser más vulnerable a ataques cibernéticos, por lo que es importante mantener el sistema y los plugins actualizados.
• Costo de alojamiento y dominio: Aunque WordPress es gratuito, el costo de alojamiento y dominio puede ser un factor a considerar.

En resumen, WordPress es una plataforma versátil, fácil de usar y con una gran comunidad de respaldo, lo que la convierte en una excelente opción para crear y gestionar sitios web de todo tipo. Sin embargo, también tiene algunas desventajas que deben tenerse en cuenta.

Para ver mi WordPress pinche aquí.

Reflexión 1ªEvaluación

En esta primera evaluación hemos hecho muchas actividades: Codeacademy (HTML y CSS), KhanAcademy, actividades de Hardware, actividades para el Blog y muchas cosas más.

En mi opinión, me han gustado estas actividades, el problema que hay es la cantidad de actividades que hicimos, sobre todo de Codeacademy (HTML y CSS). La gran cantidad de este tipo de ejercicios ha hecho que incluso tuviésemos que buscar otra aplicación de HTML que sea un poco distinta, KhanAcademy, en la que también, entre desafíos y proyectos, realizamos muchos ejercicios, tantos que no acabamos ni la primera lección.

En resumen, esta primera evaluación estuvo bien pero hubo muchos ejercicios.

Caracteres Especiales de HTML

Cuando creamos una página web, es normal encontrarnos con un problema al intentar usar ciertos caracteres dentro del contenido, como los signos (<), (>),  (") o  ('). Estos caracteres tienen significados especiales en HTML, ya que son utilizados para definir las etiquetas del lenguaje. 

Si intentamos incluir estos caracteres directamente en el contenido de la página sin tener en cuenta su especialidad, el navegador puede interpretarlos como parte de la estructura del HTML, lo que puede generar errores o resultados inesperados. 

Para evitar este problema, HTML ofrece un sistema de "entidades de caracteres" que permite representar estos símbolos especiales de forma segura dentro del contenido de una página web. Una entidad de caracteres es una secuencia de caracteres que empieza con & y termina con ;.

Algunos ejemplos comunes de cómo representar caracteres especiales en HTML (<): &lt;

(>): &gt;
("): &quot;
('): &apos; o &#39;
(&): &amp;
Espacio no separable: &nbsp;

Estas entidades son seguras de utilizar en el texto, ya que el navegador las interpretará correctamente y las mostrará como los caracteres correspondientes, en lugar de tratar de interpretarlas como parte de la estructura HTML.

Conclusión
Para evitar problemas con caracteres especiales en HTML, como los signos (<),  (>), y ("), lo mejor es utilizar las entidades HTML correspondientes. Esto asegura que los caracteres se muestren correctamente en el navegador y no interfieran con la estructura del código HTML.

Para más detalles y ejemplos, pulse aquí.

Khan Academy

Khan Academy es una plataforma educativa que ha revolucionado la forma en que los estudiantes aprenden en todo el mundo. Su finalidad es proporcionar una educación gratuita y de alta calidad para cualquier persona, en cualquier lugar. 

Khan Academy ofrece una gran gama de materias, incluyendo matemáticas, ciencias, programación, historia, economía y arte. 

Los usuarios pueden acceder a lecciones en video que explican conceptos, seguidas de ejercicios prácticos para reforzar el aprendizaje. 

La plataforma también incluye un sistema de gamificación, donde los estudiantes pueden ganar puntos y obtener insignias a medida que avanzan en su aprendizaje. Con esto, las actividades se hacen más amenas a los estudiantes y así pueden practicar estando más interesados en lo que realizan.

MetaCharset

MetaCharset es una etiqueta, una herramienta esencial para garantizar que el contenido de una página web se muestre correctamente en diferentes navegadores y dispositivos.

Cómo usarlo: <meta charset> se utiliza en el encabezado (<head>) de un documento HTML para especificar la codificación de caracteres que se utilizará en la página. Está codificación determina cómo se interpretan y muestran los caracteres en la web. Si no se establece correctamente, pueden aparecer carateres extraños o símbolos ininteligibles en lugar del texto esperado.

Para usarlo hay que implementar la siguiente línea de código, que debe colocarse dentro del <head>

html

<meta charset="UTF-8">

Al usar UTF-8 estás indicando que el documento puede incluir carácter de los idiomas más utilizados en el mundo, lo que lo convierte en la elección más recomendad para la mayoría de los sitios web.

Neocities y otras Alternativas

Neocities es una sitio web gratuito que permite a los usuarios crear sus propias páginas web en la red usando distintos lenguajes de programación como HTML o JavaScript.

Neocities no solo permite la creación de sitios web, sino que también fomenta una comunidad de creadores que comparten y apoyan el trabajo de los demás subiéndolo a la red.

Para más información pinche aquí.

Si estás buscando sitios alternativos a Neocities para crear y alojar tu propia página web, aquí presento una opción interestante: GitHub Pages

GitHub Pages es una excelente alternativa que permite a los usuarios alojar sitios web estáticos. Este sitio web es ideal para desarrolladores y aquellos que están familiarizados con Git, ya que ofrece la posibilidad de usar HTML, CSS y JavaScript. Además, GitHub es gratuito y permite personalizar tu dominio si tienes uno propio.

Para más información pinche aquí.

Yo Programador?

En el cuestionario me han adjuntado "Conectador de puntos". Las características de este perfil de programador son:

• 
  Elaboración de estrategias.
• Cambio de contexto.
• Visión a largo plazo.
• Atención a los detalles.
• Suelen ser lo líderes de un grupo.

Mis oportunidades de carrera son: gestión de proyectos, análisis de negocios, estrategia de marca, estudios curatoriales y gestión de productos.

Por último, como lenguajes de programación me recomiendan usar:

• SQL: Sirve para trabajar con base de datos. Es la herramienta más común para extraer datos de bases de datos, lo que permite a los gerentes de producto realizar análisis rápidos e independientes. 
• Pitón: Es de los más populares del mundo. Cuenta con un conjunto sólido de herramientas y se puede utilizar para todo, desde desarrollo web hasta ciencia de datos.

Para saber más sobre este perfil de programador pinche aquí.

A mi, todo este mundo de programación no es que me interese mucho ya que a mí me gustaría estudiar una ingeniería mecánica, pero aún así no es algo que no me guste. Hay mucha salida de trabajo y es una salida al mundo laboral muy buena.

Como Escribir un Buen Artículo

 

• Busca información en varias fuentes (haz referencia a ellas).
• Resume la información.
• Cuida la redacción y la ortografía.
• Cuida la presentación (formato).
• Pon una imagen o un vídeo (sin pasarse).
• Pon un enlace “guapo” para más información.
• Usar información fiable.