Contenu principal
Apprendre à coder
Qu'apprendre ensuite
Félicitations pour avoir acquis les bases du HTML et du CSS ! Vous comprenez maintenant bien mieux ce qui se passe dans les pages Web sur Internet. Vous pouvez confortablement regarder comment elles sont faites et commencer à reconnaître les balises HTML et les propriétés CSS utilisées.
Il reste cependant beaucoup de chose à découvrir concernant le HTML et le CSS. Alors, lisez ce qui suit !
Plus de balises HTML
- Les balises de formulaire : il y a un bon nombre de balises qui servent à créer des formulaires Web, comme
<button>et<input>. Elles sont normalement utilisées pour communiquer des données au serveur, ce qui n'est pas permis sur Khan Academy. Elles peuvent aussi être utilisées avec le JS pour créer un jeu, ce que nous enseignons dans le cours HTML/JS. Apprenez en plus sur les balises de formulaire avec cette présentation (en anglais). Apprenez les langages serveur comme le PHP, le Python et le Ruby sur Codecademy. - Les cadres en ligne : La balise
<iframe>est un moyen d'encadrer une autre page Web à l'intérieur des vôtres, et est pratique pour intégrer des choses comme les vidéos Youtube, ou les cartes Google Maps, etc. Cette balise est actuellement désactivée sur Khan Academy pour des raisons de sécurité et de modération, mais peut être expérimentée ailleurs. Apprenez en plus avec cette présentation (en anglais). - Les balises multimédia : Les balises
<audio>et<video>sont supportées dans les navigateurs modernes et permettent de jouer des fichiers audio ou vidéo sur des pages Web. Comme la balise<iframe>, elles sont actuellement désactivées sur Khan Academy, mais peuvent être utilisées ailleurs. Apprenez en plus avec cette présentation (en anglais). - Les nouvelles balises sémantiques : Il y a quelques années, pour suivre les spécifications "HTML5", les navigateurs ont ajouté de nouvelles balises sémantiques pour les développeurs, à utiliser à la place des
<div>, lorsqu'appropriées, comme<article>,<aside>,<nav>, etc. Il y a de nombreux articles sur elles ici (en anglais), en particulier cet organigramme pratique (en anglais) qui explique quand les utiliser.
Plus de sélecteurs et de propriétés CSS
Vous pouvez toutes les expérimentez, ici, à Khan Academy :
- CSS3 : Nous avons couvert du CSS qui a été supporté dans les navigateurs pendant des années, mais il y a beaucoup de nouvelles propriétés et de sélecteurs CSS faisant partie des spécifications "CSS3", et les navigateurs ajoutent du support continuellement alors qu'ils sortent de nouvelles versions. Apprenez en plus avec cette présentation de sélecteurs CSS3 (en anglais) et cette présentation de propriétés CSS3 (en anglais). Pensez à vérifier sur caniuse.com pour voir ce qui est supporté sur chaque navigateur.
- Requêtes média (Media queries) : C'est une technique qui vous permet de spécifier des CSS différents en fonction des situations, comme lorsque votre page Web est regardée sur un écran plus petit ou quand elle est imprimée. Apprenez en plus avec le W3C (en anglais).
- Les frameworks CSS : Un framework est un ensemble de règles et de classes CSS, et beaucoup de développeurs utilisent des frameworks CSS pour leur permettre d'écrire du CSS plus rapidement. L'un des plus populaires est Twitter Bootstrap, mais il y a aussi ZURB foundation, Pure CSS, Topcoat, et d'autres encore.
Utiliser le JS dans les pages Web
Les développeurs Web utilise le JavaScript pour créer des pages Web interactives, pour répondre à des événements utilisateur et récupérer des données dynamiquement à partir des serveurs. Ils le font en insérant des balises
<script> dans le HTML, et en plaçant du JavaScript à l'intérieur. Leur code JS utilise l' "API DOM", un ensemble de fonctions que les navigateurs proposent sur toutes les pages Web pour laisser les développeurs faire des requêtes et manipuler les pages.Cela veut dire que si vous voulez apprendre à faire des pages Web interactives, il vous faut apprendre les fondamentaux du langage JavaScript (ce qu'on peut faire, ici, à Khan Academy), et apprendre à utiliser l'API DOM (ce qu'on peut voir dans notre cours ici).
Créer des pages Web en dehors de Khan Academy
Nous adorons vous voir créer de sympathiques pages Web ici, puis partager ce que vous avez appris à la communauté, mais nous pensons aussi que c'est un bonne chose d'expérimenter d'autres environnements de programmation et aller tester des fonctionnalités que nous, nous avons bloquées. Si vous voulez continuer à coder à l'intérieur d'un navigateur (particulièrement si vous êtes sur un ChromeBook), vous pouvez essayer JSBin.com, JSFiddle.net, Cloud9 IDE, et Mozilla Thimble.
Si vous voulez coder en dehors d'un navigateur, vous pouvez télécharger un environnement de développement (IDE en anglais) et sauvegarder vos pages Web sous forme de fichiers ".html". Les IDEs les plus utilisés sont Notepad++ (Windows only), SublimeText, Adobe Brackets, Coda, et TextWrangler.
Héberger des pages Web sur un serveur
Nous hébergeons les pages Web que vous créez ici, à Khan Academy, sur notre propre serveur, mais vous voulez peut-être gérer vous-même votre présence sur le Web.
Tout d'abord, vous devez trouver une société qui hébergera votre site. Il existe de nombreux hébergeurs Web, avec différents degrés de flexibilité et de prix.
Puis, vous allez vouloir aussi créer un nom de domaine, comme "monsupernomdedomaine.com", pour que votre site reflète une partie de votre identité. Quelquefois, vous pouvez le faire avec votre fournisseur, mais la plupart du temps, vous prendrez un autre registraire de nom de domaine. Apprenez en plus avec cette présentation (en anglais).
Une fois que vous avez un hébergement Web, vous pouvez transférer vos fichiers sur le serveur avec un client FTP, comme FileZilla. C'est un programme qui se connecte directement au serveur et permet de naviguer, télécharger et téléverser des fichiers, de et vers le serveur. Vous pouvez aussi utiliser un protocole SSH sur le serveur pour éditer directement les fichiers dans la machine.
Continuez à apprendre
Le HTML et le CSS évoluent constamment, car les navigateurs se renouvellent si vite et la communauté des développeurs Web est très active. Une de mes méthodes préférées pour rester à jour est mon inscription à Frontend Focus, une newsletter avec des liens vers des articles et des démos. Bien sûr, quand vous apprenez quelque chose de nouveau, vous devez tester pour être sûr de bien comprendre comment cela fonctionne.
Pratiquez, pratiquez, pratiquez !
Vous souhaitez rejoindre la discussion ?
Merci Khan ACADEMY your are a best ! big UP big UPPPPPP . :D(7 votes)
Pouvez- vous actualiser le lien vers Les balises multimédia car il est suspendue,merci.(5 votes)
Merci Khan academy !
Le développement en HTML et CSS est un peu plus précis pour moi.
encore merci !
je vais continuer le "combat" !(4 votes)- Bonjour, merci pour cette formation en HTML et CSS. Je souhaiterai savoir à quand la formation en JS? merci d'avance(2 votes)
j'aimerais connaitre l'avis du coach sur mes projets que j'ai réaliser jusqu'a ici et donner moi votre avis vos conseils votre critique aussi
et qu'elle sont mes chances d'etre selectionné dans le processus de selection de l'ecole code 213avec les projets que j'ai realisé(2 votes)
Merci Khan academy pour ces leçons compréhensibles et simples
Devenez un créateur de pages professionnel grâce à ces leçons(2 votes)- MERCI KHAN ACADEMY,c'et super les cours.Si nous pouvons avoir des certifications à la fin de chaque cours ,même-ci c'est payant ,ça serait cool.
MERCI!(1 vote) - Quelles sont les adresses de fichier local?(1 vote)
- Thanks for this introduction of HTML /CSS(1 vote)
- Merci à tousles khan Academistes pour l'effort qui ont fait pour nous aider à comprendre les cours.
Merci.
J'ai un remarque la validation du html:
lors du quiz et pour la 3eme question le logiciel de validation indique 2 erreurs alors que la reponse indique une. prière m'expliquer ca?
Merci(1 vote)