# Développement d'interfaces WEB
## Présentation

Avec cette ressource,  vous allez découvrir les bases du développement web.

Vous allez aborder les technologies : 
 - [HTML](http://www.w3.org/TR/html5/): HyperText Markup Language, langage permettant de décrire et structurer une page web.
 - [CSS](http://www.w3.org/TR/css-2010/): Cascading StyleSheets, qui permettent de mettre en forme un document html (entre autres).
 - [JavaScript](https://developer.mozilla.org/fr/docs/Web/JavaScript): Langage de script utilisé coté client (et serveur) pour les pages web interactives.
 - [Git](https://git-scm.com/): Gestion de sources et contrôles de version.

## Objectifs

Ce module a pour but de vous faire prendre en main les bases du 
développement web à travers la maîtrise de HTML et CSS. Vous allez voir le déploiement 
de site statique sur un serveur et l'ergonomie d'interface. 
## Planning

| Semaine              |                Cours                             | TP						|
| -------------------- | ------------------------------------------------ | ----------------------- |
| 1 : 03/11 - 07/11	   | [WEB-HTML](./cours/html.pdf)  |     |
| 2 : 10/11 - 14/11	   | [CSS](./cours/css.pdf)  |     [tp1 html](./tp/tp1) ([correction](./tp/tp1/correction))|
| 3 : 17/11 - 21/11	   | [CSS](./cours/css.pdf)  |     [tp2 html-css](./tp/tp2) |
| 4 : 24/11 - 28/11	   | [JS](./cours/js.pdf)   | [tp3 css](./tp/tp3)     |
| 5 : 01/12 - 05/12	   | [JS](./cours/js.pdf)   | [tp4 css](./tp/tp4)     |

## Serveur http(s) de l'iut

Le serveur `dwarves.iut-fbleau.fr` sert vos pages web (html et php) depuis le dossier 
 `public_html` à la racine de compte. L'url correspondante est

```
http(s)://dwarves.iut-fbleau.fr/~login
```

>N'effacez pas votre repertoire `public_html` !

## Aides

Pour vous aider (webographie) : 
 - [https://developer.mozilla.org/fr/](https://developer.mozilla.org/fr/)
 - [https://web.dev/](https://web.dev/?hl=fr)
 - [https://www.w3schools.com/](https://www.w3schools.com/)
 - [https://learn.shayhowe.com/](https://learn.shayhowe.com/)
 - [https://www.alsacreations.com/](https://www.alsacreations.com/)
 - [https://www.grafikart.fr/](https://www.grafikart.fr/)
 - [https://codepen.io/](https://codepen.io/)

Pour coder il existe différents éditeurs de code :
 - [https://atom.io/](https://atom.io/)
 - [https://code.visualstudio.com/](https://code.visualstudio.com/)
 - [https://www.sublimetext.com/](https://www.sublimetext.com/)
 - vim avec de bons plugins

## SAE
SAE S1.05 et S1.06 [partie web](./sae/)
