• 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



Qu'est-ce que l'AMP? L'étude de cas de la façon dont les pages d'amp sont


Nous utiliserons dans cet article (avec permission) le code du site Web Serruriers.co. Un site Web qui utilise la technologie d'AMP pour offrir des informations sur serruriers et serrureries de Paris.

serruriers serrurerie

En octobre 2015, Google a annoncé le projet Pages Mobiles Accélérées (l'AMP), un cadre très accessible pour créer des pages Web mobiles rapide chargeant. L'initiative open source est conçue pour permettre aux éditeurs de facilement améliorer la vitesse (et par conséquent, l'expérience de l'utilisateur) pour leur lectorat mobile sans sacrifier n'importe quelles recettes publicitaires qu'ils peuvent compter.

Bien que les développeurs expérimentés puissent souvent réaliser des résultats semblables par des optimisations de performance intensives, les éditeurs négligent souvent ce en raison des contraintes de ressource. L'AMP permet à ces optimisations d'être facilement réalisées sans changer l'expérience Web mobile primaire.

Il y a aussi l'avantage supplémentaire de son utilisation future par Google et d'autres entreprises technologiques Web en vue, qui encouragent son utilisation en l'intégrant fortement dans leurs plates-formes respectives.

Comment AMP Marche-t-il?

Essentiellement un cadre pour créer des pages Web mobiles, l'AMP consiste en trois parties de base :

  • HTML d'AMP : un sous-ensemble de HTML, cette langue de majoration a quelques étiquettes personnalisées et propriétés et beaucoup de restrictions. Mais si vous êtes familiers du HTML régulier, vous ne devriez pas avoir des difficultés à adapter des pages existantes au HTML d'AMP. Pour plus de détails comment il diffère du HTML de base, vérifier AMP Projet liste d'exigé majoration que votre AMP HTML page "doit" avoir.
  • AMP JS : un cadre de Javascript pour pages mobiles. Pour la plupart, il gère le traitement de ressource et le chargement asynchrone. Il devrait être noté que l'on ne permet pas le Javascript tiers avec l'AMPLI.
  • AMP CDN : un Réseau de Livraison de Contenu facultatif, il prendra vos pages permises d'AMP, cachette eux et fera automatiquement quelques optimisations de performance.

Comment pouvez-vous utiliser AMP sur votre site?

Pour commencer, vous devrez maintenir au moins deux versions de n'importe quelle page d'article : la version originale de votre article le pagine les utilisateurs verront typiquement, et la version d'AMP de cette page.

Puisque l'AMP ne permet pas de choses comme des éléments de formulaire et le Javascript tiers, vous ne pourrez pas probablement avoir des formulaires principales, des commentaires à-page et quelques autres éléments vous pouvez être utilisés à l'ayant à votre page dans une mise en œuvre standard.

Il est probable aussi que vous devrez récrire votre modèle de site pour satisfaire les restrictions. Par exemple, tout le CSS dans l'AMP doit être en ligne et être moins de 50Ko. En raison du fait d'être intensif de chargement de polices de caractères personnalisées, ils doivent être chargés utilisant une extension de police de caractères d'ampli spéciale, pour mieux contrôler ce chargement.

Le multimédia doit être manipulé particulièrement. Par exemple, les images doivent utiliser l'élément amp-img personnalisé et doivent inclure une largeur explicite et une hauteur. (En convertissant un site Web d'héritage à un modèle d'AMP, ceci peut être une douleur majeure si la largeur et les attributs de hauteur ne sont pas déjà utilisés). De plus, si vos images sont des GIF animés, vous devez utiliser l'ampli-anim séparé a prolongé le composant.

Cette étiquette et des composants prolongés ne sont pas difficiles d'utiliser; ils exigent juste un peu de planification dans votre conception de site.

Pour Google (et d'autres technologies soutenant le Projet d'AMP) pour détecter la version d'AMP de votre article, vous devrez modifier la version originale de la page d'article.