You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.7 KiB
35 lines
1.7 KiB
3 years ago
|
# Mon Terrarium : un projet pour en savoir plus sur la manipulation HTML, CSS et DOM à l'aide de JavaScript 🌵🌱
|
||
|
|
|
||
|
|
Un petit code de méditation de type glisser-déposer. Avec un peu de HTML, JS et CSS, vous pouvez créer une interface Web, la styliser et ajouter une interaction.
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
# Cours
|
||
|
|
|
||
|
|
1. [Introduction au HTML](../1-intro-to-html/translations/README.fr.md)
|
||
|
|
2. [Introduction au CSS](../2-intro-to-css/translations/README.fr.md)
|
||
|
|
3. [Introduction au DOM et aux closures JS](../3-intro-to-DOM-and-closures/translations/README.fr.md)
|
||
|
|
|
||
|
|
## Crédits
|
||
|
|
|
||
|
|
Rédigé avec ♥️ par [Jen Looper](https://www.twitter.com/jenlooper)
|
||
|
|
|
||
|
|
Le terrarium créé via CSS a été inspiré du pot en verre de Jakub Mandra[codepen](https://codepen.io/Rotarepmi/pen/rjpNZY).
|
||
|
|
|
||
|
|
L'œuvre a été dessinée à la main par [Jen Looper](http://jenlooper.com) en utilisant Procreate.
|
||
|
|
|
||
|
|
## Déployez votre Terrarium
|
||
|
|
|
||
|
|
Vous pouvez déployer ou publier votre terrarium sur le Web à l'aide d'Azure Static Web Apps.
|
||
|
|
|
||
|
|
1. Forkez ce repo
|
||
|
|
|
||
|
|
2. Appuyez sur ce bouton
|
||
|
|
|
||
|
|
[](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-13441-cxa#create/Microsoft.StaticApp)
|
||
|
|
|
||
|
|
3. Parcourez l'assistant de création de votre application. Assurez-vous de définir la racine de l'application sur `/solution` ou sur la racine de votre base de code. Il n'y a pas d'API dans cette application, alors ne vous inquiétez pas pour en ajouter. Un dossier .github sera créé dans votre référentiel forké qui aidera le service de création d'Azure Static Web Apps à créer et à publier votre application sur une nouvelle URL.
|
||
|
|
|
||
|
|
|
||
|
|
|