mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-10 04:43:03 -05:00
fix(simple-animations): wrong author, challenge number & typos
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
# Simple Animations
|
# Simple Animations
|
||||||
|
|
||||||
> author: thomas-laforge
|
> author: sven-brodny
|
||||||
|
|
||||||
### Run Application
|
### Run Application
|
||||||
|
|
||||||
@@ -10,4 +10,4 @@ npx nx serve angular-simple-animations
|
|||||||
|
|
||||||
### Documentation and Instruction
|
### Documentation and Instruction
|
||||||
|
|
||||||
Challenge documentation is [here](https://angular-challenges.vercel.app/challenges/angular/45-simple-animations/).
|
Challenge documentation is [here](https://angular-challenges.vercel.app/challenges/angular/46-simple-animations/).
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"total": 45,
|
"total": 46,
|
||||||
"🟢": 17,
|
"🟢": 17,
|
||||||
"🟠": 120,
|
"🟠": 120,
|
||||||
"🔴": 209
|
"🔴": 209
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
---
|
---
|
||||||
title: 🟢 Simple Animations
|
title: 🟢 Simple Animations
|
||||||
description: Challenge 45 is about learning angular's integrated animation API
|
description: Challenge 46 is about learning Angular's integrated animation API
|
||||||
author: sven-brodny
|
author: sven-brodny
|
||||||
challengeNumber: 45
|
challengeNumber: 46
|
||||||
command: angular-simple-animations
|
command: angular-simple-animations
|
||||||
sidebar:
|
sidebar:
|
||||||
order: 17
|
order: 17
|
||||||
@@ -13,9 +13,9 @@ sidebar:
|
|||||||
|
|
||||||
Well-designed animations can make your application more fun and straightforward to use, but they aren't just cosmetic. Animations can improve your application and user experience in a number of ways:
|
Well-designed animations can make your application more fun and straightforward to use, but they aren't just cosmetic. Animations can improve your application and user experience in a number of ways:
|
||||||
|
|
||||||
- Without animations, web page transitions can seem abrupt and jarring
|
- Without animations, web page transitions can seem abrupt and jarring.
|
||||||
- Motion greatly enhances the user experience, so animations give users a chance to detect the application's response to their actions
|
- Motion greatly enhances the user experience, so animations give users a chance to detect the application's response to their actions.
|
||||||
- Good animations intuitively call the user's attention to where it is needed
|
- Good animations intuitively call the user's attention to where it is needed.
|
||||||
|
|
||||||
I would recommend you to read the [official documentation](https://angular.io/guide/animations). You will learn everything that is necessary to successfully complete the challenge.
|
I would recommend you to read the [official documentation](https://angular.io/guide/animations). You will learn everything that is necessary to successfully complete the challenge.
|
||||||
|
|
||||||
@@ -27,12 +27,12 @@ The goal of this challenge is to add animations.
|
|||||||
|
|
||||||
## Constraints
|
## Constraints
|
||||||
|
|
||||||
Don't use any css and utilize angular's integrated `@angular/animations` api.
|
Don't use any CSS and utilize Angular's integrated `@angular/animations` API.
|
||||||
|
|
||||||
### Level 1
|
### Level 1
|
||||||
|
|
||||||
Add a fading or moving animation for the paragraphs on the left side
|
Add a fading or moving animation for the paragraphs on the left side.
|
||||||
|
|
||||||
### Level 2
|
### Level 2
|
||||||
|
|
||||||
Add a stagger animation for the list on the right side
|
Add a stagger animation for the list on the right side.
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ hero:
|
|||||||
icon: right-arrow
|
icon: right-arrow
|
||||||
variant: primary
|
variant: primary
|
||||||
- text: Ir al Desafío más reciente
|
- text: Ir al Desafío más reciente
|
||||||
link: /es/challenges/angular/45-simple-animations/
|
link: /es/challenges/angular/46-simple-animations/
|
||||||
icon: rocket
|
icon: rocket
|
||||||
- text: Dar una estrella
|
- text: Dar una estrella
|
||||||
link: https://github.com/tomalaforge/angular-challenges
|
link: https://github.com/tomalaforge/angular-challenges
|
||||||
|
|||||||
@@ -15,7 +15,7 @@ hero:
|
|||||||
icon: right-arrow
|
icon: right-arrow
|
||||||
variant: primary
|
variant: primary
|
||||||
- text: Aller au dernier Challenge
|
- text: Aller au dernier Challenge
|
||||||
link: /fr/challenges/angular/45-simple-animations/
|
link: /fr/challenges/angular/46-simple-animations/
|
||||||
icon: rocket
|
icon: rocket
|
||||||
- text: Donne une étoile
|
- text: Donne une étoile
|
||||||
link: https://github.com/tomalaforge/angular-challenges
|
link: https://github.com/tomalaforge/angular-challenges
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ hero:
|
|||||||
icon: right-arrow
|
icon: right-arrow
|
||||||
variant: primary
|
variant: primary
|
||||||
- text: Ir para o desafio mais recente
|
- text: Ir para o desafio mais recente
|
||||||
link: /pt/challenges/angular/45-simple-animations/
|
link: /pt/challenges/angular/46-simple-animations/
|
||||||
icon: rocket
|
icon: rocket
|
||||||
- text: Dar uma estrela
|
- text: Dar uma estrela
|
||||||
link: https://github.com/tomalaforge/angular-challenges
|
link: https://github.com/tomalaforge/angular-challenges
|
||||||
@@ -34,6 +34,7 @@ import SubscriptionForm from '../../../components/SubscriptionForm.astro';
|
|||||||
</Card>
|
</Card>
|
||||||
|
|
||||||
{' '}
|
{' '}
|
||||||
|
|
||||||
<Card title="Inscreva-se para ser notificado do desafio mais recente">
|
<Card title="Inscreva-se para ser notificado do desafio mais recente">
|
||||||
<SubscriptionForm isNote={false} lang="pt" />
|
<SubscriptionForm isNote={false} lang="pt" />
|
||||||
</Card>
|
</Card>
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ hero:
|
|||||||
icon: right-arrow
|
icon: right-arrow
|
||||||
variant: primary
|
variant: primary
|
||||||
- text: Перейти к последней задаче
|
- text: Перейти к последней задаче
|
||||||
link: /ru/challenges/angular/45-simple-animations/
|
link: /ru/challenges/angular/46-simple-animations/
|
||||||
icon: rocket
|
icon: rocket
|
||||||
- text: Добавить звезду
|
- text: Добавить звезду
|
||||||
link: https://github.com/tomalaforge/angular-challenges
|
link: https://github.com/tomalaforge/angular-challenges
|
||||||
|
|||||||
Reference in New Issue
Block a user