Computing">
[Go to site: main page, start]

0% ont trouvé ce document utile (0 vote)
7 vues14 pages

Cours HTML, CSS, JavaScript Débutants

Ce document présente un cours de design web pour débutants, couvrant les bases de HTML, CSS et JavaScript. Il inclut des sections sur la syntaxe HTML, le stylisme avec CSS, la programmation JavaScript, ainsi que des concepts avancés comme le DOM, AJAX, JSON et jQuery. Des ressources et des outils sont également fournis pour aider les apprenants à pratiquer et à développer leurs compétences.

Traduit par

ScribdTranslations
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
7 vues14 pages

Cours HTML, CSS, JavaScript Débutants

Ce document présente un cours de design web pour débutants, couvrant les bases de HTML, CSS et JavaScript. Il inclut des sections sur la syntaxe HTML, le stylisme avec CSS, la programmation JavaScript, ainsi que des concepts avancés comme le DOM, AJAX, JSON et jQuery. Des ressources et des outils sont également fournis pour aider les apprenants à pratiquer et à développer leurs compétences.

Traduit par

ScribdTranslations
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

HTML CSS et JavaScript

pour les débutants


Cours de design web
Comment fonctionne Internet

● Web pages are written using HTML, Hypertext Markup


Langue. Ensemble d'instructions sur le contenu qui doit être
rendu ainsi que la structure de base de ce contenu.
● Les navigateurs Web rendent la page conformément au HTML
code

● CSS permet de styliser et de personnaliser l'apparence et la sensation avec


votre code HTML

● JavaScript nous permet de créer une interaction dynamique et capable de


manipuler les éléments HTML à l'aide du modèle d'objet document
Ressources et configuration

Vous avez besoin d'un endroit pour écrire le code,


et pouvoir enregistrer des fichiers.

éditeur

Vous avez besoin d'un endroit pour voir le code,


qui rend le fichier.

navigateur
Éditeur
Beaucoup d'éditeurs

[Link]

Éditeur open source gratuit


Produit Adobe
● Nous l'utilisons dans le cours
● Avoir un aperçu en direct

● Indices de code
Browsers
Dans le cours, nous utilisons Chrome
à cause de Chrome DevTools
Section HTML
Le cours couvre tout ce que vous devez savoir sur HTML

● Syntaxe de base - tous les tags courants utilisés pour développer du contenu web

● How and where you can write HTML - top resources and links
inclus
● Apprenez la structure HTML au sein des pages web
● Explorer les éléments sémantiques HTML5
● Créez votre propre modèle HTML
● Créer des listes HTML, des hyperliens et ajouter des images

● Construire des tables pour une structure HTML encore plus riche

● Créer des formulaires avec des exemples de formulaires détaillés et des balises HTML

explications
● Ajoutez des iframes et d'autres éléments HTML intéressants

● Créez votre propre mini site HTML en utilisant uniquement HTML


Section CSS
Le cours couvre tout ce que vous devez savoir sur le CSS

● Trouvez les meilleures ressources et liens pour vous aider à apprendre

● Les bases du style


● Comment utiliser les classes et les ID pour sélectionner des éléments

● Explore ALL the colors for fonts and backgrounds


● Déplacer les propriétés d'affichage du contenu

● Apprenez à appliquer du style aux éléments HTML courants comme les listes, les tables,

et plus
● Tout ce dont vous avez besoin pour styliser votre texte et le rendre magnifique
y compris Google Fonts
● Des flotteurs pour positionner les éléments et le contenu

● LE MODÈLE DE BOÎTE - remplissage, marges, bordure, hauteur et largeur


pour chaque élément
● Positionnement CSS
● Travailler avec des hyperliens et les rendre attrayants
● Classe Pseudo CSS
Section JavaScript
Le cours couvre tout ce que vous devez savoir sur JavaScript

● explorer comment écrire les bases de JavaScript


● Les types de données, les éléments fondamentaux de la programmation

● Utiliser des variables pour contenir des données

● Fonctions invoquant des blocs de code


● Opérateurs JavaScript et syntaxe d'assignation
● Objets et tableaux JavaScript
● Conditions et interrupteurs pour appliquer la logique

● Boucles et itération à travers les données


● Tableaux et méthodes de tableau
● Objet document pour manipuler le contenu des éléments HTML
● tout cela et bien plus encore
Section du Modèle d'Objet de Document DOM JavaScript
Le cours couvre tout ce que vous devez savoir sur le modèle d'objet de document JavaScript (DOM)

● Sélectionner des éléments dans le DOM


● Manipulation du contenu des éléments et sortie de texte
● Adding styling and classes using JavaScript
● Écouteurs d'événements pour ajouter une interaction utilisateur à votre contenu web

● Building and creating elements with JavaScript


● Construisez un projet de liste interactive à partir de zéro
Section AJAX et JSON
Le cours couvre tout ce que vous devez savoir sur JSON et
AJAX

● Ce qu'est JSON et comment cela fonctionne

● Liens et meilleures ressources pour JSON et JavaScript


● Objets JavaScript et JSON : comment ils fonctionnent et comment vous
peut utiliser JSON dans le code JavaScript
● Array objects and objects that contain arrays and more
● Comment parcourir tous les objets de données JSON et afficher
les intégrer dans votre page HTML

● Défis dans les leçons avec des solutions étape par étape
● Méthodes JSON de JavaScript
● Local Storage to store JSON data
● Utiliser JavaScript Fetch pour récupérer des données JSON et des réponses
● Tout cela et bien plus encore
Section jQuery
Course coverseverythingyou need to know about jQuery

● explorer comment écrire les bases de jQuery


● comment sélectionner des éléments pour appliquer des manipulations

● apprendre à appliquer des styles et des classes


● ajouter des effets aux éléments comme masquer et afficher
● donnez vie à votre page web avec des animations et des effets de glissement,
fondu et animation
● créer une interaction avec votre page en utilisant des écouteurs d'événements comme la souris

événements et événements clavier


● utiliser AJAX pour se connecter à des données JSON afin de peupler facilement le contenu dans

votre page
● tout cela et bien plus
Chargé d'EXEMPLES et de CODE SOURCE
Comment télécharger le code source

Essayez le code vous-même


Outils et ressources
Tout ce dont vous avez besoin est inclus
L'aide n'est pas loin
N'oubliez pas la section Questions et Réponses

Je suis toujours heureux de vous aider.

Vous aimerez peut-être aussi