Skip to content

Lara30/exos1-angular

 
 

Repository files navigation

ANGULAR EXERCICES

Exercice 1

  • Afficher un titre et un paragraphe dont les propriétés sont déclarées dans la classe AppComponent

Exercice 2

  • Afficher au click la date et l'heure actuelle en créant une méthode afficherDate dans la classe AppComponent

Exercice 3

  • Afficher au click le message "Angular c'est de la bombe !!!" dans une boite de dialogue alert en créant une méthode afficheAlert dans votre classe AppComponent

Exercice 4

  • Afficher une liste des langages étudiés à CODA(html,css,javascript...) en utilisant *ngFor dans app.component.html

Exercice 5

  • Au click sur un bouton animer le personage de l'image1.png en modifiant la propriété margin-left de l'image en créant une méthode animer

Exercice 6

  • Créer un carrousel d'images qui change au click sur un bouton en créant une méthode caroussel et une propriété qui contient un tableau des urls des images : image2.jpg, image3.jpg,image4.jpg

Exercice 7

Liste de courses

  • Afficher une liste de course avec les données du tableau suivant: ['pain', 'lait', 'beurre', 'farine']
  • Créer un champ de saisie(input) qui permet d'ajouter un produit à une liste de course lors d'un click sur le boutonajouter
  • Au click sur un produit changer l'opacité du texte et rayer le produit
  • Au click sur un langage déja modifié en opacité et rayé, rétablir l'apparence d'origine

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 58.6%
  • TypeScript 31.7%
  • CSS 5.0%
  • JavaScript 4.7%