Aplicaciones web

Contenidos

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

Apuntes completos

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

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:

Apuntes de «Aplicaciones web» de Gerard Falcó – Català0

Apuntes del módulo «Aplicaciones Web» de Gerard Falcó.

Autor: Gerard Falcó

Enlace al material:

Contacto:

Licencia:

Aplicacions Web – Català2

Apuntes completos del módulo de Aplicaciones Web del ciclo de Sistemas Microinformáticos y Redes del Institut Obert de Catalunya.

Autor: Varios

Enlace al material:

Contacto:

Licencia: CC BY-NC-SA

Apuntes completos relacionados

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

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 distancia0

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 Nazareno1

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 Desarrollo Web en Entorno Cliente 2020/21 – Sergi García2

Apuntes completos de «Desarrollo Web en Entorno Cliente» utilizados en el CEEDCV durante el curso 2020/21.

Autor: Sergi García

Enlace al material:

Contacto:

Licencia: CC BY-NC-SA

Apuntes Lenguaje de marcas – José Domingo0

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

Autor: José Domingo

Enlace al material:

Contacto:

Licencia:

Apuntes de Lenguajes de Marcas – Jorge Sánchez3

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:

Cheat Sheets

CSS Properties Guide – Inglés0

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 CSS1

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 HTML1

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és1

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és1

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és2

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és2

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és2

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és1

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és1

API Pública basada en Juego de tronos.

Autor:

Enlace al material:

Contacto:

Licencia:

API Pública Star Wars – Inglés0

API pública sobre el universo Star Wars.

Autor:

Enlace al material:

Contacto:

Licencia:

API Pública OMDB – Inglés1

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

Autor:

Enlace al material:

Contacto:

Licencia:

API Pública Spotify – Inglés1

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

Autor:

Enlace al material:

Contacto:

Licencia:

API Pública Universo Marvel – Inglés1

API Pública basada en el universo Marvel.

Autor:

Enlace al material:

Contacto:

Licencia:

API Pública NASA – Inglés1

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

Autor:

Enlace al material:

Contacto:

Licencia:

Hostings gratuitos

Hosting 000webhost – Inglés1

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

Autor:

Enlace al material:

Contacto:

Licencia:

LucusHost1

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

Autor:

Enlace al material:

Contacto:

Licencia:

Github Pages1

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és0

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

Autor:

Enlace al material:

Contacto:

Licencia:

Recursos APW

unDraw – Ilustraciones open source – Inglés0

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

Autor:

Enlace al material:

Contacto:

Licencia:

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

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

Autor:

Enlace al material:

Contacto:

Licencia:

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

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

Autor:

Enlace al material:

Contacto:

Licencia:

No Design Development – Inglés1

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

Autor:

Enlace al material:

Contacto:

Licencia:

Aprende programando – Mates · Física · Tecnología3

Plataforma de aprendizaje STEM a través de la programación informática en distintos niveles de ESO y Bachiller. Cursos de diferentes niveles (de básico a avanzado) para el aprendizaje de Blocky, Python y Javascript, a través de vídeos explicativos y actividades para su aprendizaje.

Autor:

Enlace al material:

Contacto:

Licencia:

Tutoriales para el motor de videojuegos Phaser – Inglés1

Tutoriales oficiales y ejemplos de código variados y completísimos para conocer el funcionamiento del motor de videojuegos en HTML5 Phaser.

Autor:

Enlace al material:

Contacto:

Licencia:

Aprendeaprogramar.org1

Web aprendeaprogramar.org que contiene ejercicios que pueden resolverse online en gran cantidad de lenguajes: Java, Javascript, Python, PHP, etc…

Autor: Sergi García

Enlace al material:

Contacto:

Licencia:

Laby game0

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és0

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:

Javascript Algortihms – Inglés0

Colección de algoritmos de programación más utilizados (ordenación, búsqueda, grafos, cadenas, etc…) implementados en Javascript.

Autor: Oleksii Trekhleb

Enlace al material:

Contacto:

Licencia:

Material Design y Framework Materialize – Inglés0

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és0

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:

The complete Javascript Handbook – Inglés0

Libro gratuito en inglés muy completo y actualizado sobre Javascript. Disponible en formato Web, PDF, EPUB y Mobi.

Autor: Flavio Copes

Enlace al material:

Contacto:

Licencia:

Ejemplo CSS interactico: Ticket a Hogwarts – Inglés1

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

Autor: Olivia NG

Enlace al material:

Contacto:

Licencia:

Programo Ergo Sum: App Inventor0

Recopilación de cursos de creación de aplicaciones con App Inventor realizados por la web Programo Ergo Sum.

Autor:

Enlace al material:

Contacto:

Licencia:

Videotutoriales sobre App Inventor0

Lista de reproducción sobre un video tutorial que enseña App Inventor paso a paso, desde lo más sencillo hasta funciones mas complejas.

Autor:

Enlace al material:

Contacto:

Licencia:

Web sobre APP Inventor en español0

Web en español que ofrece una gran cantidad de recursos para MIT App Inventor, incluyendo tutoriales y actividades ya resueltas. Incluye actividades desde lo mas básicas como sencillos juegos hasta el uso de herramientas como Firebase.

Autor:

Enlace al material:

Contacto:

Licencia:

Web Oficial APP Inventor – Inglés0

Web oficial de APP Inventor. Incluye diferentes recursos relacionados con APP Inventor, incluyendo guías paso a paso y recursos para profesores.

Autor:

Enlace al material:

Contacto:

Licencia:

Crear aplicaciones con MIT App Inventor0

Post que incluye los videos utilizados por José Luis Nuñez para formar en el uso del MIT App Inventor, así como enlace a una carpeta con los materiales para realizar los ejercicios propuestos.

Autor: José Luis Nuñez

Enlace al material:

Contacto:

Licencia:

Awesome Desing Tools – Inglés1

Lista que incluye una gran variedad de herramienta útiles para el diseño de todo tipo de software. Agrupa distintos grupos de herramientas, desde accesibilidad, diseño de sonidos, mockups, realización de interfaces gráficas de usuario, etc…

Autor: Lisa Dziuba

Enlace al material:

Contacto:

Licencia:

CreativeCommons Search – Inglés1

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:

Concursos de programación UPV: APP Inventor y Videojuegos0

Blog sobre los concursos de programación organizados por la UPV de Valencia, realizando aplicaciones con APP Inventor o Videojuegos.

Incluye además de información de dichos concursos, ejemplos y recursos de programación.

Autor:

Enlace al material:

Contacto:

Licencia:

CSS Generators, tools and Snipets – Inglés0

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

Autor:

Enlace al material:

Contacto:

Licencia:

Magic of CSS – Inglés0

Tutorial sobre uso de CSS por Adam Schwartz.

Autor:

Enlace al material:

Contacto:

Licencia: