<html>
<head>
<title>Ma Page</title>
<!-- Fichier de style qui sera chargé puis pris en compte -->
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div>Le contenu de ma page</div>
<!-- Fichier JavaScript qui sera chargé puis exécuté -->
<script type="text/javascript" src="main.js"></script>
<!-- JavaScript intégré au html, exécuté immédiatement -->
<script type="text/javascript">
// ici mon code javascript
</script>
</body>
</html>href="css/styles.css" pour accéder à styles.css depuis index.html
src="js/main.js" pour accéder à main.js depuis index.html
background-image: url(../images/header.jpg) pour accéder à une image depuis
styles.css
- projet/index.html
- projet/js/main.js
- projet/css/styles.css
- projet/images/<fichiers images>
Détecte le support d'une fonctionnalité par le navigateur
🔎 <nom_fonctionalité> polyfill <navigateur_cible>Permet de faire fonctionner une version récente de javascript (ES6) sur un navigateur qui ne le supporte.
https://babeljs.io/rendu = fonction(props, stats). Cette forme
de conception s'oppose à la programmation impérative qui décrit des suites de transformations. Ici
on change la donnée, et le framwork se charge de transformer le rendu automatiquement pour
correspondre à la nouvelle description.
this.props)this.state) qu'il utilisera
pour le rendu de données dynamiques transverses (ex: retour d'événément click)
this.setState({myKey:
'data') et ne dois jamais être faite dans la fonction de rendu
=> app agnostic
=> app specific
=> can use MyComponent