Prénom - NOM
Quel est votre niveau en développement Web ?
Développement Front => tout ce qui est visible, généralement page web dynamique
Développement Back => tout ce qui tourne côté serveur, généralement des processus et/ou stockage de données
The Internet Engineering Task Force (IETF),
founded in 1986, is the premiere standards
development organization (SDO) for the Internet.
.class #id element<style></style><link rel="stylesheet" />
⬇️
Télécharger
Télécharger Version Win64 🔗
npm --version
7.6.0
télécharger 🔗 webdev-minimal
dézipper, puis ouvrir avec Codium
accepter l’installation des extensions recommandées
show recommended extensions
=> install all recommended extensions
npm install
<HEAD>
<title>
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY="
crossorigin="anonymous">
<BODY>
modifier le titre <h1>
créer un paragraphe avec <p>
ajouter un emoji
puis, insérer une icone, par exemple <i class="fa fa-eye"></i>
ajouter une ou des images avec des URLs publiques
Avec TailwindCSS,
personnaliser la page web précédente,
Avec TailwindCSS,
créer un formulaire
avec différents champs (texte, radio, …)
utiliser un style sympa !!!
changement majeur pour positionner des élements de page, avant on utilisait
floatet c’était difficile
Jouer à https://flexboxfroggy.com/
Faire un formulaire form qui contient
input type=textclick et qui écrit sur la console de log le mot ‘ajouter’console.log('ajouter')
<form @submit.prevent>
Ajouter une variable todoList qui contient un tableau nul []
Modifier le bouton Ajouter, de sorte qu’il ajoute la valeur du champ input dans la todoList
Afficher la liste des todoList
etc…
En se basant sur une recherche active sur Internet, vous devez mettre en commun vos connaissances, puis présenter à l’oral à l’ensemble de la classe, comme si vous êtiez un expert du sujet.
20mn de recherche active
10mn de mise en commun avec son binôme
5 mn de présentation à l'oral
Ne pas oublier de parler des MOTS CLEFS !
* W3C
* La neutralité du Net
* Solid
* données personnelles
* Wiki
* les microformats
* Ajax
* Json
* robot web
* indexation
* Altavista
* Google
* PageRank
* Définition *Frontend*
* Définition *Backend*
* Expériences Utilisateur (UX)
* Base de données
* Application Program Interface (API)
* ECMAScript
* Structure DOM
* Virtual DOM
* Json
* Client
* Firefox
* Chromium
* Serveur
* Apache
* NGinx
* langage Javascript
* fonctionnalité Entrées / Sorties (IO)
* la commande *npm*
* CSS
* Flex
* communautaire
* Instagram / Facebook
* composant
* VirtualDOM
* VirtualDOM
* composant
* communautaire