SCRATCH : Estructuras básicas de programación

En esta actividad hemos hecho varias prácticas con el programa online Scratch

Estructura básica secuencial

Las órdenes se repiten una tras otra

Estructura de repetición - Bucle Repeat

En esta se repite un código el número de veces que indiquemos

Estructura de repetición - Bucle Forever

En esta se repite un código infinitamente

Estructuras condicionales - If... then

Repetirá el código hasta cuando nosotros le indiquemos

Estructuras condicionales - If... then... Else

Repetirá el código hasta que indiquemos y dirá lo que le indiquemos si se cumple una condición y sino la contraria

Actividades Patronato

En esta actividad hemos realizado una entrevista en el Patronato de San José a los ancianos y con sus respuestas hemos realizado un cuaderno de actividades para ellos que se puede encontrar a continuación:

Slideshare

Flippingbook

Reflexión 2ª Evaluación

 En la segunda evaluación hemos realizado varios ejercicios de HTML, CSS y JS. Nos han servido para aprender a programar páginas web de bastantes formas distintas. Además hemos hecho una salida al Patronato de San José y hemos realizado un cuaderno de actividades para los señor@s con todo lo que ell@s mismos nos han contado. Esta ha sido la actividad más entretenida por así decirlo de la evaluación

Ejercicio Dibujar con JS en HTML

En esta tarea hemos hecho dos HTML en los que se puede dibujar, y los hemos enlazado. En uno de ellos aparece un círculo y en el otro al pasar el ratón aparecen más.

Ejercicio HTML "Cajas Flex"

Cajas Flex, Alejandro Linera, 12/02/2025

Alejandro

Linera

Fernández

Wodpress

WordPress es un sistema de gestión de contenido (CMS) de código abierto que permite crear, gestionar y mantener sitios web sin necesidad de conocimientos avanzados en programación. Originalmente diseñado para blogs, ahora se utiliza para desarrollar todo tipo de sitios, como tiendas en línea, portafolios, foros y más.

¿Para qué sirve WordPress?

• Crear y administrar sitios web y blogs de forma sencilla.
• Gestionar contenido como textos, imágenes, videos y otros medios.
• Personalizar el diseño y la funcionalidad mediante temas y plugins.
• Optimizar el sitio para SEO y mejorar la experiencia de usuario.

Ventajas de WordPress:

1. Facilidad de uso: No requiere conocimientos técnicos para crear y administrar un sitio.
2. Flexibilidad: Se puede usar para cualquier tipo de sitio web (blog, e-commerce, portafolio, etc.).
3. Extensa comunidad y soporte: Gran cantidad de recursos, tutoriales, foros y plugins disponibles.
4. Temas y plugins: Miles de opciones para personalizar el diseño y añadir funcionalidades sin programación.
5. SEO amigable: Ofrece herramientas y plugins que facilitan la optimización para motores de búsqueda.

Inconvenientes de WordPress:

1. Seguridad: Al ser tan popular, es un objetivo frecuente para hackers, por lo que requiere actualizaciones regulares y medidas de seguridad adicionales.
2. Velocidad: Si se usan demasiados plugins o temas complejos, el sitio puede volverse lento.
3. Curva de aprendizaje para personalizaciones avanzadas: Aunque es fácil para usuarios básicos, personalizar a fondo puede requerir conocimientos de programación.
4. Mantenimiento continuo: Las actualizaciones frecuentes de temas, plugins y WordPress mismo pueden ser tediosas y causar problemas de compatibilidad si no se gestionan correctamente.

En resumen, WordPress es una excelente opción para usuarios que buscan crear y gestionar sitios web de manera fácil, pero requiere atención en cuanto a seguridad, mantenimiento y optimización.

Reflexión 1ª Evaluación

 En la primera evaluación hemos realizado diferentes actividades, empezando por las actividades más sencillas de HTML en Codecademy, estas actividades han sido fáciles a la vez que nos han hecho aprender ya que han sido interactivas. En segundo lugar hemos realizado el blog, una actividad típica en la asignatura. Después hemos realizado ejercicios HTML y CSS que ha sido el punto más trabajado de la evaluación y nos han hecho aprender bastante. La actividad de mejora PC ha sido, para mí, algo aburrida ya que podríamos haber hecho algo más entretenido aparte del documento WORD. En último lugar hemos realizado actividades en Khan Academy las cuales han sido algunas de las más entretenidas de la evaluación. En mi opinión ha sido una evaluación en la que hemos aprendido bastante pero, sin embargo, en las siguientes me gustaría hacer alguna actividad algo más entretenida que las de esta. 

Caracteres especiales en HTML

 En el desarrollo de páginas web, algunos caracteres tienen significados especiales en HTML, lo que puede causar conflictos cuando se intentan incluir en el contenido de una página. Por ejemplo, los caracteres < y > son utilizados para delimitar las etiquetas HTML, y las comillas (") se emplean para definir los atributos dentro de las etiquetas. Si estos caracteres se usan directamente en el contenido, pueden generar errores en la interpretación del código, ya que el navegador los confundirá con parte de la estructura HTML en lugar de mostrarlos como texto.

Para solucionar este problema, se deben utilizar entidades HTML, que son secuencias de caracteres que representan caracteres especiales de forma segura. Las entidades HTML comienzan con un & y terminan con un ;. Por ejemplo, en lugar de escribir el carácter <, se utilizaría < (representa "less than" en inglés); para el símbolo >, se usaría > (representa "greater than"); y para las comillas dobles, se utilizaría ". Estas entidades aseguran que los caracteres se visualicen correctamente en la página web sin que se confundan con las etiquetas HTML, permitiendo que el código funcione de manera adecuada.

Al emplear estas entidades, los desarrolladores pueden incluir una amplia variedad de caracteres especiales en sus páginas sin riesgo de afectar la estructura del código HTML o provocar errores en el renderizado de la página. De esta manera, se mantiene la integridad del código y se garantiza una correcta visualización del contenido.

Khan Academy

Khan Academy es un recurso gratuito para estudiantes, maestros y padres. Ofrece recursos para practicar y dominar habilidades además de vídeos para ayudar a aprender o revisar lecciones.

PUNTOS FUERTES :

Khan Academy tiene varios puntos fuertes que la hacen destacar :

• Acceso Gratuito: 
• Variedad de Contenidos: Cubre una amplia gama de materias 
• Aprendizaje Personalizado: Permite a los estudiantes avanzar a su propio ritmo, lo que ayuda a personalizar el aprendizaje según las necesidades individuales.
• Recursos Interactivos: Incluye ejercicios prácticos, videos y lecciones interactivas que facilitan el aprendizaje activo.

PUNTOS DÉBILES:

• Khan Academy tiene algunos puntos débiles:

• Falta de interacción en tiempo real: Aunque hay recursos y foros, la interacción directa con tutores o profesores es limitada.
• Variedad de contenido: Aunque hay una amplia gama de materias, algunos temas pueden no estar tan desarrollados o actualizados como en otros recursos.
• Problemas de accesibilidad: Aunque es gratuito, el acceso a internet y dispositivos puede ser un obstáculo para algunos estudiantes.
• Falta de reconocimiento oficial: Los cursos de Khan Academy no son formalmente acreditados, lo que puede limitar su valor en ciertos contextos educativos o profesionales.

META CHARSET

 El meta charset es una etiqueta HTML que se utiliza para especificar la codificación de caracteres de un documento. Se incluye en la sección `<head>` del HTML.

¿Por qué se usa?

1. Compatibilidad: Asegura que el navegador interprete correctamente los caracteres del contenido, evitando problemas con letras acentuadas, caracteres especiales y otros símbolos.

2. Uniformidad: Establecer una codificación estándar, como UTF-8, permite que los documentos se muestren de manera consistente en diferentes plataformas y navegadores.

3. SEO y Accesibilidad: Un correcto manejo de caracteres también mejora la indexación en motores de búsqueda y la accesibilidad para lectores de pantalla.

En resumen, el meta charset es fundamental para garantizar que el contenido de una página web se muestre correctamente y sea accesible para todos los usuarios.

MÁS INFORMACIÓN Y FUENTE DE OBTENCIÓN

NEOCITIES

Neocities es una plataforma que permite a los usuarios crear y alojar sus propios sitios web de forma gratuita. Inspirada en el antiguo GeoCities, Neocities promueve la creatividad y el diseño web independiente, ofreciendo herramientas sencillas para que cualquier persona, sin importar su nivel de habilidad, pueda construir y publicar su sitio. La comunidad es activa, y los usuarios pueden explorar y descubrir otros proyectos, fomentando un sentido de colaboración y apoyo entre creadores.

Páginas web similares a Neocities:

1. GitHub Page: Permite alojar sitios web estáticos directamente desde repositorios de GitHub. Es ideal para desarrolladores.

2.Glitch: Una plataforma que permite crear aplicaciones web de forma colaborativa, con un enfoque en la simplicidad y la experimentación.

3.WordPress.com: Ofrece la posibilidad de crear blogs y sitios web con una amplia variedad de temas y plugins, aunque es más limitada en personalización gratuita.

¿Yo programador/a?

En el cuestionario me han dado las características de "conector de puntos", mis puntos fuertes en este ámbito son: 

• Organizar planes o estrategias
• Usos de contexto.
• Visión a largo plazo.
• Analizar de muy buena forma detalles.
• Liderar grupos

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

Como lenguajes de programación me recomiendan usar:

• SQL: Sirve para trabajar con bases 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 de todos tipos
• Pitón: Es de los más populares del mundo. Cuenta con un conjunto sólido de herramientas y se puede utilizar para todo.

Más información sobre el tema

A mi este no es el ámbito de programación que más me interesa, sin embargo, si que es una fuente amplia de adquisición de conocimientos sobre este mundo.

Cómo 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.
• Deja el articulo con buen orden