Updated 7.4 to hindi

This commit is contained in:
Sanjay
2021-01-02 21:18:04 +05:30
parent 9ddc3c6713
commit d8da61df42
3 changed files with 44 additions and 42 deletions

View File

@@ -1,17 +1,18 @@
*Complete this quiz by checking one answer per question.*
_प्रति प्रश्न एक उत्तर की जाँच करके इस प्रश्नोत्तरी को पूरा करें._
1. What do you think *state management* means?
1. _स्टेट मैनिज्मन्ट_ का मतलब है आप क्या सोचते हैं ?
- [ ] Enforcement of law & order
- [ ] Logging the user interface state over time
- [ ] Keeping your app data flows clean and synchronizing the user interface with data
- [ ] कानून और व्यवस्था का प्रवर्तन
- [ ] समय के साथ उपयोगकर्ता इंटरफ़ेस स्थिति लॉगिंग
- [ ] अपने एप्लिकेशन डेटा को स्वच्छ रखना और डेटा के साथ उपयोगकर्ता इंटरफ़ेस को सिंक्रनाइज़ करना
2. How can you keep track of the user session state?
2. आप उपयोगकर्ता सत्र स्थिति का ट्रैक कैसे रख सकते हैं?
- [ ] HTTP cookies
- [ ] Local or session storage
- [ ] All of the above
- [ ] HTTP कूकीज
- [ ] स्थानीय या सत्र भंडारण
- [ ] ऊपर के सभी
3. Mutating an object is always the best way to update it
- [ ] true
- [ ] false
3. किसी ऑब्जेक्ट को मियूटेट करना हमेशा इसे अपडेट करने का सबसे अच्छा तरीका है
- [ ] सही
- [ ] गलत

View File

@@ -1,18 +1,19 @@
*Complete this quiz in class.*
_इस क्विज को कक्षा में पूरा करें._
1. What is an immutable object?
1. एक अपरिवर्तनीय वस्तु क्या है?
- [ ] An object defined as a constant
- [ ] An object that cannot be modified after it's created
- [ ] A copy of an existing object
- [ ] स्थिरांक के रूप में परिभाषित एक वस्तु
- [ ] एक ऐसी वस्तु जिसे बनने के बाद संशोधित नहीं किया जा सकता है
- [ ] मौजूदा वस्तु की एक प्रति
2. What benefit(s) you get from using state management?
2. स्टेट मैनिज्मन्ट का उपयोग करने से आपको क्या लाभ होता है?
- [ ] You can keep track of every place the state is updated
- [ ] It's easier to debug the code
- [ ] All of the above
- [ ] आप हर उस जगह पर नज़र रख सकते हैं जहाँ स्टेट अपडेट किया गया है
- [ ] कोड डिबग करना आसान है
- [ ] ऊपर के सभी
3. What's the best way to persist critical user data across different sessions?
- [ ] Using files
- [ ] Using the browser's `localStorage` API
- [ ] In a database behind a server API
3. विभिन्न सत्रों में महत्वपूर्ण उपयोगकर्ता डेटा को बनाए रखने का सबसे अच्छा तरीका क्या है?
- [ ] फ़ाइलों का उपयोग करना
- [ ] ब्राउज़र के `लोकलस्टोरेज` एपीआई का उपयोग करना
- [ ] एक सर्वर एपीआई के पीछे एक डेटाबेस में

View File

@@ -1,25 +1,25 @@
# Implement "Add transaction" dialog
# लेनदेन जोड़ें डियलॉग लागू करें
## Instructions
## अनुदेश
Our bank app is still missing one important feature: the possibility to enter new transactions.
Using everything that you've learnt in the four previous lessons, implement an "Add transaction" dialog:
हमारा बैंक ऐप अभी भी एक महत्वपूर्ण विशेषता को याद कर रहा है: नए लेनदेन दर्ज करने की संभावना।
पिछले चार पाठों में आपने जो कुछ भी सीखा है, उसका उपयोग करके "लेनदेन जोड़ें" डियलॉग को लागू करें:
- Add an "Add transaction" button in the dashboard page
- Either create a new page with an HTML template, or use JavaScript to show/hide the dialog HTML without leaving the dashboard page (you can use [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) property for that, or CSS classes)
- Make sure you handle [keyboard and screen reader accessibility](https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/) for the dialog
- Implement an HTML form to receive input data
- Create JSON data from the form data and send it to the API
- Update the dashboard page with the new data
- डैशबोर्ड पृष्ठ में "लेनदेन जोड़ें" बटन जोड़ें
- या तो HTML टेम्पलेट के साथ एक नया पृष्ठ बनाएँ, या डैशबोर्ड पृष्ठ को छोड़े बिना संवाद HTML दिखाने / छिपाने के लिए जावास्क्रिप्ट का उपयोग करें (आप उसके लिए, या CSS कक्षाओं के लिए [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) हुई संपत्ति का उपयोग कर सकते हैं)
- सुनिश्चित करें कि आप [कीबोर्ड और स्क्रीन रीडर एक्सेसिबिलिटी](https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/) डियलॉग संभालते हैं
- इनपुट डेटा प्राप्त करने के लिए एक HTML फॉर्म को लागू करें
- फॉर्म डेटा से JSON डेटा बनाएं और इसे API पर भेजें
- नए डेटा के साथ डैशबोर्ड पृष्ठ को अपडेट करें
Look at the [server API specifications](../api/README.md) to see which API you need to call and what is the expected JSON format.
[सर्वर एपीआई विनिर्देशों](../../api/README.md) को देखें कि आपको कौन सा एपीआई कॉल करने की आवश्यकता है और जो JSON प्रारूप अपेक्षित है उसे देखने के लिए।
Here's an example result after completing the assignment:
यहां असाइनमेंट पूरा करने के बाद एक उदाहरण परिणाम है:
![Screenshot showing an example "Add transation" dialog](./images/dialog.png)
![एक उदाहरण "ट्रांसलेशन जोड़ें" डियलॉग दिखाते हुए स्क्रीनशॉट](../images/dialog.png)
## Rubric
## शीर्ष
| Criteria | Exemplary | Adequate | Needs Improvement |
| -------- | ------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------- | --------------------------------------------|
| | Adding a transaction is implemented completely following all best practices seen in the lessons. | Adding a transaction is implement, but not following the best practices seen in the lessons, or working only partially. | Adding a transaction is not working at all. |
| मानदंड | उदाहरणात्मक | पर्याप्त | सुधार की जरूरत |
| ------ | -------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- |
| | लेन-देन को जोड़ना पाठों में देखी जाने वाली सभी सर्वोत्तम प्रथाओं का पूरी तरह से पालन किया जाता है. | लेन-देन जोड़ना कार्यान्वयन है, लेकिन पाठों में देखी गई सर्वोत्तम प्रथाओं का पालन नहीं करना, या केवल आंशिक रूप से काम करना. | लेनदेन जोड़ना बिल्कुल भी काम नहीं कर रहा है. |