Lenguajes de marcas y sistemas de gestión de la información

Contenidos

1 Apuntes completos
2 Apuntes completos relacionados
3 Cheat Sheets
4 Aprende jugando
5 APIS Públicas
6 Hostings gratuitos
7 Recursos LMSGI

Apuntes completos

Apuntes de programación y lenguaje de marcas – Mateu Yabar – Català

Apuntes de los módulos programación y lenguaje de marcas creados por Mateu Yabar.

Autor: Mateu Yabar

Enlace al material:

Contacto:

Licencia: CC BY-NC-SA

Tutorial de Lenguajes de Marcas y Sistemas de Gestión de Información

Tutorial del módulo Lenguajes de Marcas y Sistemas de Gestión de Información. Contiene teoría, ejemplos, ejercicios resueltos y otros recursos educativos útiles para los Ciclos Formativos de ASIR, DAM y DAW.

Autor: Carlos Pes

Enlace al material:

Contacto:

Licencia: CC

Apuntes y tareas «Lenguaje de marcas y sistemas de gestión de la información» a distancia

Apuntes de formación a distancia del módulo «Lenguajes de marcas y sistemas de gestión de la información» de los CFGS DAM/DAW/ASIR, elaborados y licenciados por el Ministerio de Educación, Cultura y Deporte.

Autor:

Enlace al material:

Contacto:

Licencia: Ministerio de Educación Cultura y Deporte

Apuntes «Lenguaje de marcas» – IES Gonzalo Nazareno

Apuntes del módulo «Lenguaje de marcas» del CFGS «Administración de sistemas informáticos y redes» utilizados en el IES Gonzalo Nazareno.

Autor:

Enlace al material:

Contacto:

Licencia:

Apuntes Lenguaje de marcas – José Domingo

Apuntes para el módulo «Lenguaje de marcas» de José Domingo.

Autor: José Domingo

Enlace al material:

Contacto:

Licencia:

Llenguatges de marques i sistemes de gestió d’informació – Català

Apuntes completos del módulo de Lenguajes de Marcas y Sistemas de Gestión de la Información de los ciclos de Administración de Sistemas Informáticos en Red, Desarrollo de Aplicaciones Web y Desarrollo de Aplicaciones Multiplataforma del Institut Obert de Catalunya.

Nota: para leer en otro idioma distinto del catalán, se recomienda utilizar el traductor de Google integrado en la propia página.

Autor:

Enlace al material:

Contacto:

Licencia: CC BY-NC-SA

Apuntes de Lenguajes de Marcas – Jorge Sánchez

Apuntes del módulo Lenguajes de Marcas y Sistemas de Gestión de la Información, de todos los ciclos de grado superior: Desarrollo de Aplicaciones Web, Desarrollo de Aplicaciones Multiplataforma y Administración de Sistemas Informáticos y Redes.

Incluye apuntes sobre HTML5, CSS y XML, y presentaciones.

Autor: Jorge Sánchez

Enlace al material:

Contacto:

Licencia:

Apuntes completos relacionados

No hay ningún enlace. ¿Quieres añadir alguno? ¡Contacta con nosotros!

Cheat Sheets

CSS Properties Guide – Inglés

Lista con formato similar a angeda telefónica donde se guarda información de las distintas propiedades CSS.

Autor: Manz

Enlace al material:

Contacto:

Licencia:

Chuleta de CSS

Aquí puedes encontrar una hoja de referencia, a tamaño DIN A4 y en formato PDF lista para imprimir.

Esta cheatsheet es muy útil para aquellos que tenemos mala memoria o que queremos consultar de forma rápida la sintaxis de las propiedades CSS existentes.

Autor: J. Román (Manz)

Enlace al material:

Contacto:

Licencia:

Chuleta de HTML

Aquí puedes encontrar una hoja de referencia, a tamaño DIN A4 y en formato PDF lista para imprimir. Contiene la mayoría de características de HTML5 (e incluso algunas de HTML5.1), agrupadas por temáticas y diferenciando el nombre de la etiqueta, de sus atributos y otras propiedades.

Autor: J. Román (Manz)

Enlace al material:

Contacto:

Licencia:

Flexbox Cheat Sheet con frutas – Inglés

Cheat Sheet sobre el uso de Flexbox para maquetación de páginas web. La Cheat Sheet está ilustrada con frutas.

Autor: Joni Trythall

Enlace al material:

Contacto:

Licencia:

Aprende jugando

Grid Garden – Inglés

Portal interactivo para practicar el posicionamiento con la opción display:grid mediante un juego. El código fuente está disponible en https://github.com/thomaspark/gridgarden/

Autor: @thomaspark thomaspark Thomas Park

Enlace al material:

Contacto:

Licencia:

CSS Dinner – Inglés

Juego donde aprenderás CSS organizando la mesa, con su comida, platos, etc…

El código fuente del juego está disponible en https://github.com/flukeout/css-diner/

Autor: Flukeout

Enlace al material:

Contacto:

Licencia:

Flexbox Defense – Inglés

Juego interactivo con explicaciones donde colocas a nuestras torres defensivas de forma estratégica escribiendo CSS.

Autor: Channing Allen

Enlace al material:

Contacto:

Licencia:

Flexbox Froggy – Inglés

Juego interactivo con explicaciones donde ayudas a Froggy y a sus amigos escribiendo CSS con la opción display:flex:, situando a nuestra rana en los lugares que nos indique.

Autor: Channing Allen

Enlace al material:

Contacto:

Licencia:

APIS Públicas

Listado de APIS Públicas – Inglés

Listado actualizado de APIS Públicas disponibles organizadas por temáticas. Busca aquí la API que mas se ajuste a los gustos de tus alumnos 🙂

Autor:

Enlace al material:

Contacto:

Licencia:

An API of Ice and ire – Inglés

API Pública basada en Juego de tronos.

Autor:

Enlace al material:

Contacto:

Licencia:

API Pública Star Wars – Inglés

API pública sobre el universo Star Wars.

Autor:

Enlace al material:

Contacto:

Licencia:

API Pública OMDB – Inglés

API Pública de la OMDB (Open Movie DataBase).

Autor:

Enlace al material:

Contacto:

Licencia:

API Pública Spotify – Inglés

API Pública de la aplicación musical Spotify.

Autor:

Enlace al material:

Contacto:

Licencia:

API Pública Universo Marvel – Inglés

API Pública basada en el universo Marvel.

Autor:

Enlace al material:

Contacto:

Licencia:

API Pública NASA – Inglés

API pública de la NASA (National Aeronautics and Space Administration).

Autor:

Enlace al material:

Contacto:

Licencia:

Hostings gratuitos

Hosting 000webhost – Inglés

Host gratuito que incluye PHP, MySQL y cPanel. Sin anuncios.

Autor:

Enlace al material:

Contacto:

Licencia:

LucusHost

Hosting gratuito soportando con PHP y MySQL, soportando instalar CMS como WordPress de forma directa.

Autor:

Enlace al material:

Contacto:

Licencia:

Github Pages

Hosting gratuito para hostear directamente desde una cuenta Github. Solo almacena páginas estáticas, no procesa mediante el servidor.

Autor:

Enlace al material:

Contacto:

Licencia:

Infinity Free – Inglés

Infinity Free incluye un hosting gratuito soportando PHP y MySQL, así como aplicaciones auto-instalables.

Autor:

Enlace al material:

Contacto:

Licencia:

Recursos LMSGI

Tutor HTML 5

Tutorial básico de HTML 5 con ejercicios y ejemplos.

Autor: Juan Carlos

Enlace al material:

Contacto:

Licencia:

JS desde cero

Es un sitio para aprender a aplicar Javascript. Comienza desde el nivel 0.

Autor: Juan Carlos

Enlace al material:

Contacto:

Licencia:

FreeCodeCamp: Responsive design – Inglés

Teoría y ejercicios online para utilizar HTML, CSS y lograr un diseño «responsive».

Autor:

Enlace al material:

Contacto:

Licencia:

100 plantillas HTML5 y CSS3 – Inglés

Sitio con 100 plantillas para web usando HTML5 y CSS3 tanto para principiantes como para expertos.

Autor:

Enlace al material:

Contacto:

Licencia:

Vídeos de teoría para ASIX i DAM (Currículum de Catalunya) – Català

Canal de Youtube, donde encontrareis clases magistrales para los siguientes módulos y unidades formativas (currículum de Catalunya):
– DAM+ASIX M04 (UF1 + UF2 + UF2): Lenguaje de Marcas
– DAM M05 (UF1 + UF2 + UF2): Entornos de desarrollo
– DAM M10 (UF1 + UF2): Sistemas de gestión empresarial
– ASIX M10 (UF2): Instalación y ajuste de SGBDs corporativos
– ASIX M02 (UF3): Seguridad de la información

Autor: Fernando Porrino Serrano

Enlace al material:

Contacto:

Licencia: CC BY-NC-SA

HTML bàsic (NF1) (UF5 del Mòdul 8 de SMX) – Català

HTML bàsic (NF1). Unitat Formativa 5 del Mòdul 8 de Sistemes Microinformàtics i Xarxes.

Autor: Mariona Batalla Taylor

Enlace al material:

Contacto:

Licencia:

unDraw – Ilustraciones open source – Inglés

Ilustraciones open source en múltiples formatos. Incluye buscador interno.

Autor:

Enlace al material:

Contacto:

Licencia:

Illustrations.co – Ilustraciones de uso gratuito – Inglés

Ilustraciones de uso gratuito en formato svg, png, eps, ai y figma.

Autor:

Enlace al material:

Contacto:

Licencia:

Herramienta ExcaliDraw – Inglés

Herramienta online para crear fácilmente Moockups. Su código fuente está disponible en https://github.com/excalidraw/excalidraw

Autor:

Enlace al material:

Contacto:

Licencia:

Dev Tools Challenger (Firefox Developer Edition) – Inglés

Web que te enseña de forma interactiva a utilizar las herramientas de desarrollador de «Firefox Developer Edition».

Autor:

Enlace al material:

Contacto:

Licencia:

Tutorial HTML gratuito de Francesc Ricart

Tutorial HTML gratuito de Frances Ricart, con múltiples ejemplos.

Autor: Francesc Ricart

Enlace al material:

Contacto:

Licencia: CC BY-NC-SA

No Design Development – Inglés

Colección de utilidades para desarroladores que tienen poco (o ningún) talento diseñando 🙂

Autor:

Enlace al material:

Contacto:

Licencia:

Laby game

Juego interactivo donde debes ayudar a una hormiga a escapar de laberintos usando Javascript. Se puede jugar desde el propio navegador.

Autor:

Enlace al material:

Contacto:

Licencia:

CSS Reference – Inglés

Guía visual donde se hace referencia a todas las propiedades de CSS, siempre acompañadas por ejemplos didácticos.

Autor:

Enlace al material:

Contacto:

Licencia:

Material Design y Framework Materialize – Inglés

Material design es un sistema de diseño que incluye componentes, iconos, etc… pensado para facilitar y mejorar el diseño de sitios web y aplicaciones. Incluye tutoriales para su uso.

Generalmente es usado en aplicaciones Web con el framework Materialize https://materializecss.com

Autor:

Enlace al material:

Contacto:

Licencia:

W3Schools: Curso interactivo HTML5 – Inglés

Curso interactivo de HTML5 de W3Schools, donde recibes teoría y puedes realizar ejercicios desde el navegador y probarlos de forma inmediata.

Nota: Para traducirlo al castellano u otro idioma se recomienda utilizar el botón que posee la propia web en la esquina superior derecha.

Autor: W3Schools

Enlace al material:

Contacto:

Licencia:

Ejemplo CSS interactico: Ticket a Hogwarts – Inglés

Ejemplo CSS interactivo y modificable para la realización de un Ticket a Hogwarts.

Autor: Olivia NG

Enlace al material:

Contacto:

Licencia:

CreativeCommons Search – Inglés

Buscador web que nos permite buscar imágenes Creative Commons que podemos utilizar en nuestros apuntes, proyectos, trabajos, etc…

Autor:

Enlace al material:

Contacto:

Licencia:

CSS Generators, tools and Snipets – Inglés

Página de «Best Agencies» que incluye generadores de CSS, herramientas y Snipets.

Autor:

Enlace al material:

Contacto:

Licencia:

Magic of CSS – Inglés

Tutorial sobre uso de CSS por Adam Schwartz.

Autor:

Enlace al material:

Contacto:

Licencia: