Aplicaciones web

Contenidos

Apuntes completos

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:

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

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

Autor: Gerard Falcó

Enlace al material:

Contacto:

Licencia:

Aplicacions Web – Català

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

Apuntes DWEC – José Castillo. – Català

Apuntes del módulo Desarrollo Web en Entorno Cliente desarrollados por José Castillo.

Autor: José Castillo

Enlace al material:

Contacto:

Licencia:

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

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

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á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:

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

JS Robot

Juego para aprender JavaScript mientras vivimos aventuras con un robot.

Autor:

Enlace al material:

Contacto:

Licencia:

CSS Battle – Inglés

Web para aprender CSS jugando, intentando cumplir objetivos con el mínimo código.

Autor:

Enlace al material:

Contacto:

Licencia:

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

Rapid API – Buscador de APIs – Inglés

Web que nos permite buscar APIs para consulta de datos, tanto usando un buscador como organizado por categorías.

Autor:

Enlace al material:

Contacto:

Licencia:

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 APW

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:

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:

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:

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:

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

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

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.org

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 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:

Javascript Algortihms – Inglés

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

The complete Javascript Handbook – Inglés

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

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 Inventor

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 Inventor

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ñol

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

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 Inventor

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

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

Concursos de programación UPV: APP Inventor y Videojuegos

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