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

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ón1

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 Nazareno0

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é 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ánchez1

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

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

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

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

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

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

API Pública basada en el universo Marvel.

Autor:

Enlace al material:

Contacto:

Licencia:

API Pública NASA – Inglés0

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

Autor:

Enlace al material:

Contacto:

Licencia:

Hostings gratuitos

Hosting 000webhost – Inglés0

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

Autor:

Enlace al material:

Contacto:

Licencia:

LucusHost0

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

Autor:

Enlace al material:

Contacto:

Licencia:

Github Pages0

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

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

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

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

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: