Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit e01b72e

Browse files
committed
first commit
0 parents commit e01b72e

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+19344
-0
lines changed

‎assignment-1/README.md

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
এই মডিউলে আমরা দেখে ফেললাম কিভাবে ভ্যানিলা রিডাক্স দিয়ে কাজ করতে হয় । এই প্রোজেক্টে যা যা দেখানো হয়েছে, তার উপর ভিত্তি করে আপনাদের জন্যে একটি এসাইনমেন্ট তৈরি করা হয়েছে । এই এসাইনমেন্ট এর জন্য আমরা HTML/CSS ব্যবহার করে একটি template তৈরি করে দিয়েছি । এসাইনমেন্ট আপনাদের করতে হবে ভ্যানিলা রিডাক্স দিয়ে। যদি আপনি React বা অন্য কোনো ফ্রেমওয়ার্ক ব্যবহার করেন, তবে আপনার এসাইনমেন্টটি গ্রহনযোগ্য হবে না ।
2+
3+
**_উল্লেখ্য যে, এসাইনমেন্ট এর ডিজাইনে কোন ধরনের পরিবর্তন করা যাবে না এবং HTML template এ দেয়া কোনো বাটন বা এলিমেন্ট এর ক্লাস বা আইডি পরিবর্তন করা যাবে না । সেই ক্লাস বা আইডি দিয়েই আপনাকে এসাইনমেন্টটি সম্পন্ন করতে হবে । অন্যথায় এসাইনমেন্টটি গ্রহনযোগ্য হবে না এবং এসাইনমেন্ট এর কোনো মার্ক নাও পেতে পারেন ।_**
4+
5+
## এসাইনমেন্ট এ আপনাকে যা যা করতে হবেঃ
6+
7+
১.১ । Add another Match বাটনে ক্লিক করলে নতুন Match যোগ হবে এবং Inital State হবে 0। প্রতিটি Match এর মধ্যে Delete আইকন, Increment এবং Decrement ইনপুট ফিল্ড এবং Total স্কোর থাকবে। প্রতিটি Match আলাদা আলাদা State management করবে।
8+
9+
১.২ । একদম প্রথম বারে initial state হিসেবে একটি Match থাকবে এবং তার initial value হবে 0
10+
11+
১.৩ । Increment এবং Decrement ইনপুট ফিল্ড এ value নিয়ে কী-বোর্ড এর ইন্টার প্রেস করলে Match এর স্কোর Increment/Decrement ফিল্ড অনুযায়ী বাড়াবে বা কমবে । তবে অবশ্যই কী-বোর্ডের ইন্টার বাটন টিপলে এই কাজ টি করবে ।
12+
13+
১.৪ । Decrement করতে থাকলে Total এর ভ্যালু কখনই শূন্য এর নিচে অর্থাৎ মাইনাস এ হবে না । ধরুন, Total এ ভ্যালু আছে 10 আপনি Decrement করলেন 15 টোটালের ভ্যালু হবে 0 ।
14+
15+
১.৫ । Reset বাটন এর ক্লিক করলে সব Match এর স্কোর শূন্য (0) তে রিসেট হয়ে যাবে। উল্লেখ্য যে, যত গুলো ম্যাচ তৈরি করা হয়েছিল, ততগুলোই থাকবে শুধু মাত্র তাদের Total ভ্যালু Reset হয়ে শূন্য হয়ে যাবে ।
16+
17+
## কিভাবে সাবমিট করবেন:
18+
19+
সবচেয়ে সহজে বুঝার জন্য [এই ভিডিওটি](https://learnwithsumit.com/courses/think-in-a-redux-way/how-to-submit-assignment) দেখে ফেলুন।
20+
21+
এসাইনমেন্টে আপনাকে মাত্র দুইটা জিনিস সাবমিট করতে হবে। সাবমিট একবারই করতে পারবেন তাই ভালো করে দেখে সাবমিট করবেন।
22+
23+
1. **GitHub private repository link:** অবশ্যই সঠিক গিটহাব রিপোজিটরি লিংক দিতে হবে। ভুলে অন্য কোনো লিংক দিলে আপনি এসাইনমেন্টের মার্ক পাবেন না তাই সাবমিট করার আগে নিউ ট্যাবে লিংক ওপেন করে চেক করে নিবেন সঠিক লিংক জমা দিচ্ছেন কিনা।
24+
25+
2. **Live site link:** নেটলিফাইতে সাইট হোস্ট করে সাইটের লাইভ লিংক দিতে হবে। ভুলে অন্য কোনো লিংক দিলে আপনি এসাইনমেন্টের মার্ক পাবেন না তাই সাবমিট করার আগে নিউ ট্যাবে লিংক ওপেন করে চেক করে নিবেন সঠিক লিংক জমা দিচ্ছেন কিনা। নেটলিফাইতে কি ভাবে হোস্ট করতে হয় তা আপনি না জানলে [এইখানে ক্লিক](https://learnwithsumit.com/courses/think-in-a-redux-way/how-to-submit-assignment) করে দেখে নিতে পারেন।
26+
27+
## GitHub private repository কিভাবে তৈরি করবেন:
28+
29+
Github Private repositoty তৈরি করতে [এইখানে ক্লিক করুন](https://classroom.github.com/a/eRTfBQ13) অথবা ব্রাউজারে এই লিংকে **https://classroom.github.com/a/eRTfBQ13** ভিজিট করুন। লিংকে যাওয়ার পরে **Accept this assignment** এ ক্লিক করুন। সর্বোচ্চ ১মিনিট পরে পেইজটি রিলোড দিলে আপনি আপনার রিপোজেটরি লিংক পেয়ে যাবেন। মনে রাখবেন, আপনাকে এই লিংকটি আমাদের প্লাটফর্মে সাবমিট করতে হবে আমাদের কাছে। না বুঝলে উপরে বলা ভিডিও টিউটোরিয়ালটি দেখে নিন।
30+
31+
## এসাইনমেন্ট মার্কস পলিসি:
32+
33+
আপনি নির্ধারিত সময়ে এসাইনমেন্ট জমা দিলে এবং সব কিছু সঠিকভাবে করলে সম্পূর্ণ মার্ক পাবেন। এর পরে জমা দিলে আপনার মার্ক কাটা যাবে। অবশ্যই কোর্স চলাকালিন সময়ে এসাইনমেন্ট জমা দিতে হবে। কোর্সের ডিউরেশন শেষ হয়ে গেলে তার পরে আপনি এসাইনমেন্টে জমা দিলে এসাইনমেন্টের মার্ক নাও পেতে পারেন।
34+
35+
## সাবমিট করার পর কোড চেইঞ্জ:
36+
37+
আপনি ভেবে নিতে পারেন আমি ওয়েবসাইটে সঠিক সময়ে এসাইনমেন্ট সাবমিট করে নিরবে পরে গিটহাবে কোড পুশ করতে থাকবো। আপনার আপনার গিটহাবের সর্বশেষ কমিট দেখলেই বুঝতে পারবো আপনি কখন কোড আপডেট করেছেন। সে অনুযায়ী আমরা আপনার মার্ক কেটে নিবো। তাই এসাইনমেন্ট এর সময় পার হবার পরে আমরা আশা করবো আপনি চালাকি করে আর কোড পুশ করবেন না আপনার রিপোজেটরিতে।
38+
39+
## এসাইনমেন্ট মার্কস কবে পাবেন:
40+
41+
আমরা সর্বোচ্চ ৭ দিনের ভিতরে আপনার এসাইনমেন্টের মার্ক দিয়ে দেওয়ার চেষ্টা করবো। ক্ষেত্র বিশেষে একটু দেরি হতে পারে কারো কারো মার্ক পেতে।

‎assignment-1/image/delete.svg

Lines changed: 3 additions & 0 deletions
Loading[フレーム]

‎assignment-1/image/favicon.png

5.58 KB
Loading[フレーム]

‎assignment-1/image/lws-logo 1.svg

Lines changed: 10 additions & 0 deletions
Loading[フレーム]

‎assignment-1/index.html

Lines changed: 88 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>LWS Assignment 1 - Scoreboard</title>
8+
<link rel="icon" type="image/x-icon" href="./image/favicon.png" />
9+
<link rel="stylesheet" href="./style.css" />
10+
<script src="https://unpkg.com/redux@latest/dist/redux.min.js"></script>
11+
</head>
12+
13+
<body>
14+
<section class="section">
15+
<!-- header -->
16+
<header class="header">
17+
<div class="container">
18+
<div class="header-wrapper">
19+
<img src="./image/lws-logo 1.svg" alt="logo" class="logo" />
20+
<h1 class="name">Scoreboard</h1>
21+
<h5 class="total">Total</h5>
22+
</div>
23+
</div>
24+
</header>
25+
<!-- matches -->
26+
<div class="all-matches container" id="all-matches-container">
27+
<!-- Each form tag is Each row, This will render multiple times on Clicking 'Add Another Match' -->
28+
<!-- <div class="match">
29+
<div class="wrapper">
30+
<button class="lws-delete">
31+
<img src="./image/delete.svg" alt="" />
32+
</button>
33+
<h3 class="lws-matchName">Match 1</h3>
34+
</div>
35+
<div class="inc-dec">
36+
<form class="incrementForm">
37+
<h4>Increment</h4>
38+
<input
39+
type="number"
40+
name="increment"
41+
class="lws-increment"
42+
/>
43+
</form>
44+
<form class="decrementForm">
45+
<h4>Decrement</h4>
46+
<input
47+
type="number"
48+
name="decrement"
49+
class="lws-decrement"
50+
/>
51+
</form>
52+
</div>
53+
<div class="numbers">
54+
<h2 class="lws-singleResult">120</h2>
55+
</div>
56+
</div> -->
57+
</div>
58+
<!-- for adding another matches -->
59+
<div class="add_match">
60+
<button class="btn lws-addMatch" id="addMatchBtn">
61+
Add Another Match
62+
</button>
63+
<button class="lws-reset" id="resetBtn">
64+
<svg
65+
fill="none"
66+
width="24"
67+
height="24"
68+
stroke="currentColor"
69+
stroke-width="2"
70+
viewBox="0 0 24 24"
71+
xmlns="http://www.w3.org/2000/svg"
72+
aria-hidden="true"
73+
>
74+
<path
75+
stroke-linecap="round"
76+
stroke-linejoin="round"
77+
d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
78+
></path>
79+
</svg>
80+
<p>Reset</p>
81+
</button>
82+
</div>
83+
</section>
84+
85+
<section class="mask"></section>
86+
<script src="./script.js"></script>
87+
</body>
88+
</html>

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /