background preloader

Technologies web pour développeurs

Le Web fournit d'incroyables opportunités aux développeuses et développeurs. Pour tirer le meilleur parti de ces technologies, il est nécessaire de savoir comment les utiliser. Voici différents liens qui vous permettront de naviguer dans la documentation de ces technologies web. Documentation pour le développement web Références Une liste de l'ensemble des références sur les technologies web dont celles sur HTML, CSS, etc. Guides Cette page fournit différents tutoriels pour vous aider à manipuler les technologies web afin de réaliser ce que vous souhaitez. Tutoriels Une liste de tutoriels qui progressent étape par étape pour apprendre les API, langages et autres sujets. Les applications web progressives (Progressive Web Applications ou PWA en anglais) Références des technologies web API Web Les références pour l'ensemble des API qui permettent de rendre le Web interactif et scriptable. HyperText Markup Language est le langage utilisé pour décrire et définir le contenu d'une page web. JavaScript

https://developer.mozilla.org/fr/docs/Web

Related:  programation web

Différence entre PHP et Javascript - WayToLearnX JavaScript et PHP sont deux langages de programmation les plus populaires et les plus polyvalents utilisés pour le développement de sites Web. De nombreux programmeurs seraient d’accord pour dire qu’il n’est pas juste de comparer l’un avec l’autre car ils ont des objectifs différents en matière de développement de sites Web. Bien que JavaScript soit un langage de script côté client, PHP est le langage de script côté serveur le plus populaire. JavaScript gère les éléments du côté navigateur, tandis que PHP gère les éléments du côté serveur. Calaméo - Upgradez maintenant ! Comparer avec les plans classiquesRevenir à mon plan personnalisé Équivalent à $636 HT / an 100GB stockagePublications illimitéesPages illimités par document250MB par document2500 publications privées25 administrateurs50 dossiers10000 abonnésFonctionnalités basiquesAucune publicitéFonctionnalités PREMIUMMarque blancheGoogle AnalyticsVidéos YouTube, Dailymotion et VimeoMusiques SoundCloudTéléchargement directImpression illimitée

Mémento des balises HTML - Apprenez à créer votre site web avec HTML5 et CSS3 Cette page est une liste non exhaustive des balises HTML qui existent. Vous trouverez ici un grand nombre de balises HTML. Nous en avons déjà vu certaines dans le cours, mais il y en a d'autres que nous n'avons pas eu l'occasion d'étudier. Généralement, les balises que nous n'avons pas étudiées sont des balises un peu plus rarement utilisées. Peut-être trouverez-vous votre bonheur dans ce lot de nouvelles balises.

Les commandes de Google En bref... Voici une liste quasi-exhaustive des commandes Google. Notez qu'il n'y a jamais d'espace avant et après les deux points. Présentation du cours complet HTML et CSS Objectifs du cours HTML et CSS et prérequis Bienvenue à tous dans ce cours complet traitant des deux langages informatiques incontournables : le HTML et CSS. Le but de ce tutoriel est d’explorer les différentes fonctionnalités du HTML et du CSS et de vous apprendre à les utiliser pas à pas. Responsive webdesign avangtages et bonnes pratiques Ce n'est un secret pour personne, la navigation mobile sur internet fera mordre la poussière au traffic de bureau classique -plus tôt que vous le pensez. Aux États-Unis, il représente déjà 20% du web global. En Asie et en Afrique, plus de la moitié de tout le traffic provient du mobile. En plus de cela, il y a des milliers et des milliers des millards d'appareils qui peuvent être utilisés pour accéder au web. Concevoir des sites adaptatifs qui fonctionnent correctement dans ce nouvel écosystème est un vrai nouveau défi. La question à se poser est de savoir comment nous pouvons relever ce défi.

Commencer avec le HTML - Apprendre le développement web Cet article porte sur les fondements du HTML, pour prendre un bon départ — nous définissons les éléments, les attributs et tout autre terme important que vous avez peut‑être entendu, ainsi que leur emplacement adéquat dans le langage. Nous montrons comment un élément HTML est structuré, comment une page HTML classique est structurée et expliquons les autres importants traits de base du langage. Dans ce parcours, nous jouons avec certains HTML pour exciter votre intérêt. Qu'est ce que le HTML ? @font-face : astuces et outils pour bien l’utiliser La déclaration CSS @font-face permet d’utiliser n’importe quelle police de caractères sur le web. Mais ce qui peut paraître un changement mineur dans l’apparence d’un site peut le rendre illisible pour une partie de l’audience, alourdir le poids des pages au-delà du raisonnable, voire vous coûter un procès ! Voici donc une liste de conseils, astuces et techniques pour utiliser cette possibilité sans risques et dans les règles de l’art, ainsi qu’un aperçu des utilisations alternatives de cette fonctionnalité. Choisir une police Les polices apportent une touche de personnalité au texte, mais un accent peut être perçu comme charmant ou élégant, ou irritant voire même distrayant… Choisissez la police adaptée à la personnalité souhaitée pour le site. Par ailleurs, les polices systèmes sont conçues pour une lisibilité optimale à l’écran ; ce n’est pas forcément le cas des polices plus audacieuses ou destinées à l’impression.

Mise en page et CSS Introduction à la mise en page par les CSS Les CSS permettent de gérer deux aspects relativement distincts de la présentation de vos pages : La présentation des textes, en jouant sur la taille, la couleur, l'interligne, le type de caractère, la graisse, etc.La mise en page, en gérant la disposition des principaux élements (en-tête, menu, pied de page, etc.) et de leurs contenus. Ce deuxième point est sans aucun doute le plus complexe à maîtriser. Pour vous permettre d'en faire le tour et de réaliser les designs évolutifs que permettent les CSS, nous allons aborder les notions nécessaires une par une : 1- La notion de "flux"

LCProd.net : Les diapositives des supports de cours. Tweeter vos commentaires !Toutes les remarques sont lesbienvenues ! @lcprod Ces supports de cours sont fournis au format PDF non protégés sous licence CreativeCommons avec les règles suivantes : BY/NC/ND Paternité. Google Webmaster Tools pour les nuls : ses secrets dévoilés Pour faire suite à une question posée sur un groupe Facebook, je tiens à écrire ce billet. Certains blogueurs se demandent pourquoi un minimum de trafic journalier ne leur est pas garanti via les moteurs de recherches. Cette situation se produit même s’il publie souvent. Je suis assez énervé quand je lis des articles qui prônent que publier beaucoup aide au référencement. Ce n’est pas entièrement faux. Mieux vaut privilégier qualité puis régularité.

Taille des écrans, responsive design, et point de rupture Très régulièrement, on me pose des questions sur les tailles des écrans pour faire un design « responsive ». Pour ceux qui connaisse le terme, mais qui ne savent pas vraiment ce que cela veut dire, sachez qu’on appelle « design responsive » (ou responsive design ) la capacité d’un site web à s’adapter au terminal de lecture. Mais pourquoi faire ? Eh bien avec le nombre d’appareils différents capables d’afficher une page web, il a fallut réfléchir à un moyen pour afficher proprement un site (et de façon légèrement différentes) quelque soit le support: écran d’ordinateur, tablette, smartphone, ou télévision. Pour cela, on s’appuie sur la technologie des feuilles de style (CSS), qui permet de modifier l’affichage d’un élément d’une page web en fonction de la taille de l’écran (ou du navigateur ). Exemple de mise en page responsive

Related: