https://github.com/shevchenkool/asynchrony-promises
https://github.com/shevchenkool/asynchrony-promises
flatpickr html-css-javascript netlify parcel
Last synced: 27 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/shevchenkool/asynchrony-promises
- Owner: ShevchenkoOl
- Created: 2022-10-04T20:10:05.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-28T17:04:36.000Z (about 1 year ago)
- Last Synced: 2024-04-28T18:28:24.165Z (about 1 year ago)
- Topics: flatpickr, html-css-javascript, netlify, parcel
- Language: JavaScript
- Homepage: https://shevchenkool.github.io/asynchrony-promises/
- Size: 1.85 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Asynchrony and Promises
This repository includes a hands-on exercise on using asynchronous functions (setTimeout(), setInterval()), as well as methods of the Promise class.
## Tasks
1. **Color switch.**
It starts changing the background color after pressing the ```start``` button with a certain frequency and ends after pressing the ```stop``` button..
2. **Countdown timer**
We use the __*flatpickr*__ and __*notiflix*__ library. We select the desired date in the future and press the ```start``` button, the timer begins counting down to today.
3. **promise generator**
The HTML contains form markup in the fields of which the user will enter the first delay in milliseconds, the step to increase the delay for each promise after the first, and the number of promises that need to be created.
4. **Digital clock**
Using the function __*setInterval()*__ and __*Date*__ we have created three types of watches, electronic with the day of the week, month and year, regular electronic and dial watches.
## How to Use the Repository
1. Clone the repository: `git clone https://github.com/ShevchenkoOl/asynchrony-promises.git`
2. use ```npm install``` command to install package dependencies
3. Navigate to the relevant section to explore the corresponding material.
4. Open files and study the provided code examples.
## Author
This repository was created and maintained by [Oleksii Shevchenko](https://shevchenkool.github.io/portfolio/). Questions, suggestions and feedback can be directed to [email]([email protected]) or [linkedin profile](linkedin.com/in/oleksii-shevchenko-535ab61b8).
If you have any questions or suggestions, feel free to create an issue or submit a pull request.
**Best of luck with learning JavaScript!**