• Orígenes

    SoaSummit2009 originó a partir de la idea de que existen personas que respondan mejor al contenido en línea y prefieren aprender nuevas habilidades a su propio ritmo desde la comodidad de sus casas.
  • Comienzo

    El viaje comenzó con un solo tutorial sobre HTML en 2009 y debido a la respuesta que generó, hemos empezado la adición de tutoriales frescos a nuestro repositorio.
  • Ahora

    Nuestra pagina, ahora ostenta muchos tutoriales y artículos afines en temas que van desde lenguajes de programación hasta el diseño web y mucho más.

  • Aprende

    Si deseas aprender y expandir tus conocimientos, te invitamos a leer y aprender. Nunca es demasiado tarde para aprender y nunca deberias parar de hacerlo.
¿Qué es el HTTP y HTTPS?

Si alguna vez has visto un "https" o "http" en la dirección URL de un sitio web, es posible que e has preguntado lo que representa. Estos son los protocolos de tecnología que hacen posible que los usuarios de la Web vean enlaces, salten de un enlace a otro, de una página a otra, etc.

Lee Mas
¿Qué es una URL?

Los sitios web se encuentran por sus direcciones en la World Wide Web. Estas direcciones son conocidas como direcciones URL o Uniform Resource Locator. Cada sitio web tiene una dirección URL asignada a la misma, para que los buscadores y servidores Web se puedan encontrar de forma rápida y fácil.

Lee Mas
¿Qué es HTML?

HTML es un lenguaje de programación diseñado para permitir la creación de sitios web. Estos sitios web pueden ser vistos por cualquier persona conectada a Internet. Es relativamente fácil de aprender, por ser accesible para la mayoría de la gente; y bastante potente en lo que le permite crear.

Lee Mas



12 herramientas web útiles que no sabías

Google no es la única compañía que crea aplicaciones útiles para la web. Hay una gran cantidad de excelentes recursos en línea no realizados en Mountain View, siempre que sepa dónde buscarlos. Aquí hay 12 de nuestras aplicaciones y sitios web favoritos que vale la pena recopilar...


Lee Mas
Tendencias de desarrollo web

El desarrollo web está progresando a una velocidad increíble en estos días y las tendencias que estaban calientes, hoy serán consideradas nada menos que arcaicas. Los usuarios tienen más control y poder y las empresas están cambiando sus servicios de acuerdo con las necesidades del usuario.

Lee Mas
8 cosas que debes saber sobre Google AMP

AMP es un proyecto de código abierto diseñado para ayudar a los editores web a crear contenido optimizado para dispositivos móviles que se carga instantáneamente en todos los dispositivos, según Google. "Queremos que las páginas web con contenido rico como video, animaciones y gráficos...

Lee Mas



Que es AMP? El caso práctico de cómo son las páginas con Google AMP


En octubre de 2015, Google anunció el proyecto Accelerated Mobile Pages (AMP), un marco altamente accesible para la creación rápida de páginas web móviles. La iniciativa de código abierto está diseñada para permitir a los editores mejorar fácilmente la velocidad (y, por lo tanto, la experiencia del usuario) para sus lectores de dispositivos móviles sin sacrificar los ingresos por publicidad que pueden esperar.

Aunque los desarrolladores experimentados a menudo pueden lograr resultados similares a través de optimizaciones de rendimiento intensivas, los editores a menudo descuidan esto debido a las limitaciones de recursos. AMP permite que estas optimizaciones se realicen fácilmente sin cambiar la experiencia principal de la web móvil.

También existe el beneficio adicional de su uso futuro por parte de Google y otras empresas de tecnología web destacadas, que fomentan su uso al integrarlo fuertemente en sus respectivas plataformas.

¿Cómo funciona AMP?


Esencialmente un marco para crear páginas web móviles, el AMP consta de tres partes básicas:

  • AMP HTML:un subconjunto de HTML, este lenguaje de marcado tiene algunas etiquetas y propiedades personalizadas y muchas restricciones. Pero si está familiarizado con el HTML normal, no debería tener problemas para adaptar las páginas existentes al HTML de AMP. Para obtener más detalles sobre cómo difiere del HTML básico, consulte la lista de marcas requeridas por AMP Project que su página de AMP HTML "debe" tener.

  • AMP JS: un marco de JavaScript para páginas móviles. En su mayor parte, maneja el procesamiento de recursos y la carga asíncrona. Cabe señalar que Javascript de terceros no está permitido con AMP.

  • AMP CDN: una red de entrega de contenido opcional, tomará sus páginas de AMP permitidas, las almacenará en la memoria caché y realizará automáticamente algunas optimizaciones de rendimiento.

¿Cómo puede usar AMP en su sitio?


Para empezar, necesitará mantener al menos dos versiones de cualquier página de artículo: la versión original de las páginas de su artículo generalmente verá a los usuarios, y la versión de AMP de esa página.

Como AMP no permite elementos como elementos de formulario y Javascript de terceros, probablemente no podrá tener formularios principales, comentarios en la página y algunos otros elementos que puede estar acostumbrado a tener en su página en una implementación estándar.

También es probable que deba volver a escribir la plantilla de su sitio para cumplir con las restricciones. Por ejemplo, todos los CSS en el AMP deben estar en línea y tener menos de 50 KB. Debido a la carga intensa de fuentes personalizadas, deben cargarse utilizando una extensión de fuente de amplificador especial para controlar mejor esta carga.

Multimedia debe ser manejado particularmente. Por ejemplo, las imágenes deben usar el elemento amp-img personalizado y deben incluir un ancho y alto explícitos. (Al convertir un sitio web de herencia a un modelo de AMP, esto puede ser un gran problema si los atributos de ancho y alto ya no se usan). Además, si sus imágenes son GIF animados, debe usar el amplificador animado por separado para extender el componente.

Esta etiqueta y los componentes extendidos no son difíciles de usar; solo requieren un poco de planificación en el diseño de su sitio.

Para que Google (y otras tecnologías compatibles con el Proyecto MPA) detecten la versión AMP de su artículo, deberá modificar la versión original de la página del artículo.

Fuentes y Paginas con Amp: