ts-is — useful package for data checking
Easy checks for TS and JS data.
مكتبه بسيطه بتسهل عليك ال check في البيانات.
https://www.npmjs.com/package/@p4ck493/ts-is
Easy checks for TS and JS data.
مكتبه بسيطه بتسهل عليك ال check في البيانات.
https://www.npmjs.com/package/@p4ck493/ts-is
MongoDB-CheatSheet.pdf
3.1 MB
ملخص مهم لأوامر MongoDB
Web Development Code
MongoDB-CheatSheet.pdf
ما هو MongoDB؟
الـ MongoDB هي قاعدة بيانات NoSQL موجهة document-oriented تستخدم لتخزين بيانات valume data بدلاً من استخدام table و rows كما هو الحال في relational databses التقليدية ، تستخدم MongoDB الـ collections و الـ documents .
ما هي collections و documents ؟
الـ Documents : تتكون من key-value وهي unit للبيانات في MongoDB.
الـ Collections : تحتوي على مجموعات من Documents و functions التي تعادل relational database tables .
15 امر في MonogDB من الاوامر المهم و الاساسية :
1.Enlist available databases
→ Show db
2 . To Create a new DB
→ use db-name
3 . See your current working directry
→ db
4 . Delete Database
db.mydb.drop()
5 . Create User
-> db.createUser({
user:'admin',
pws:'root',
roles:["readWrite", "dbAdmin"]
})
6 . Creating Collections
-> db.createCollection('customers');
7 . Showing Collections
-> show collections
8 . Inserting values into collections
-> db.customers.insert({first_name:"shubham", last_name:"Athawane"});
9 . View Collection Records
-> db.customers.find();
//And
-> db.customers.find().pretty();
//Note: pretty() will show you result in json formate
10 . Add new Document in Collections
-> db.customers.insert([{"first_name":"Virat", "last_name":"Kohli"},
{"first_name":"Taylor", "last_name":"Swift"}])
// And -> $set, $inc, $unset
-> db.customers.update({first_name:"Glen"}, {$set:{age:45}})
11 . Rename Document
-> db.customers.update({first_name:"Virat"}, {$rename:{"age":"old"}})
12 . Remove document
-> db.customers.remove({first_name:"Joe"})
13 . find the matching
-> db.customers.findOne({first_name:"Joe"})
14 . Count Rows
-> db.customers.count()
15 . This is Less than/Greater than/ Less than or Eq/Greater than or Eq operators
db.customers.find({age: {$lt: 90}})
db.customers.find({age: {$lte: 90}})
db.customers.find({age: {$gt: 90}})
db.customers.find({age: {$gte: 90}})
الـ MongoDB هي قاعدة بيانات NoSQL موجهة document-oriented تستخدم لتخزين بيانات valume data بدلاً من استخدام table و rows كما هو الحال في relational databses التقليدية ، تستخدم MongoDB الـ collections و الـ documents .
ما هي collections و documents ؟
الـ Documents : تتكون من key-value وهي unit للبيانات في MongoDB.
الـ Collections : تحتوي على مجموعات من Documents و functions التي تعادل relational database tables .
15 امر في MonogDB من الاوامر المهم و الاساسية :
1.Enlist available databases
→ Show db
2 . To Create a new DB
→ use db-name
3 . See your current working directry
→ db
4 . Delete Database
db.mydb.drop()
5 . Create User
-> db.createUser({
user:'admin',
pws:'root',
roles:["readWrite", "dbAdmin"]
})
6 . Creating Collections
-> db.createCollection('customers');
7 . Showing Collections
-> show collections
8 . Inserting values into collections
-> db.customers.insert({first_name:"shubham", last_name:"Athawane"});
9 . View Collection Records
-> db.customers.find();
//And
-> db.customers.find().pretty();
//Note: pretty() will show you result in json formate
10 . Add new Document in Collections
-> db.customers.insert([{"first_name":"Virat", "last_name":"Kohli"},
{"first_name":"Taylor", "last_name":"Swift"}])
// And -> $set, $inc, $unset
-> db.customers.update({first_name:"Glen"}, {$set:{age:45}})
11 . Rename Document
-> db.customers.update({first_name:"Virat"}, {$rename:{"age":"old"}})
12 . Remove document
-> db.customers.remove({first_name:"Joe"})
13 . find the matching
-> db.customers.findOne({first_name:"Joe"})
14 . Count Rows
-> db.customers.count()
15 . This is Less than/Greater than/ Less than or Eq/Greater than or Eq operators
db.customers.find({age: {$lt: 90}})
db.customers.find({age: {$lte: 90}})
db.customers.find({age: {$gt: 90}})
db.customers.find({age: {$gte: 90}})
Framework vs Library
المقارنة اللى مش هتحتاج تدور على مقارنات تاني بعدها 😉
هتلاقى مقارنات كتير بتقول ان المكتبة بتضم فانكشنز بتساعدك تنجز مهامك بشكل اسرع ... لكن اطار العمل كذلك برضو ، ف دا مش وجه مقارنة اطلاقا.
كذلك هتلاقى حاجة زى ان اطار العمل كافي لانشاء تطبيقات كاملة لكن المكتبة غير كافية ... و دا غلط طبعا دا احنا ممكن نعمل تطبيقات كاملة بدونهم هم الاتنين.
و هتلاقى كلام عن ان اطار العمل افضل من المكتبة ، او ان اطار العمل مكون من عدة مكتبات ... و دا لا يمت للواقع بصلة.
و هتسمع انك لو عملت فانكشن فى ملف ، كدا انت عملت مكتبة مش اطار عمل ... يؤسفنى اقولك ان دا برضو غلط ، و الامر معتمد على وظيفة الفانكشن دى.
خلينا متفقين ان كل الامور اللى فوق دى هى فروق خاطئة بين المكتبة و اطار العمل.
طب اى الفرق الحاسم بين المكتبة و اطار العمل ؟
• شايف كلمة "اطار عمل" ، معناها ايه ؟ معناها انه اطار هتكتب الكود بداخله.
• طب شايف كلمة "مكتبة" ، معناها ايه ؟ معناها مكان نقدر ناخد منه اكواد و نستخدمها.
• بس كدا الامر انتهى ، فى ابسط من كدا ؟ انزل تحت بقا عشان نتكلم بتفاصيل اكتر.
المكتبة احنا بنربطها بالتطبيق بتاعنا ، عشان نقدر نستخدم محتواها ، ف مثلا jQuery تعتبر مكتبة.
لكن اطار العمل احنا بنربط بيه التطبيق بتاعنا ، عشان هو يقدر يستخدم محتوى التطبيق دا ، ف مثلا Vue تعتبر اطار عمل.
المكتبة لازم تكون مكتوبة بطريقة معينة عشان نقدر نستخدمها.
لكن اطار العمل لازم نكون كاتبين التطبيق بتاعنا بطريقة معينة عشان هو يقدر يستخدمه.
تعالى ناخد مثال جامد جدا عن jQuery ، هل هى بتجبرك تعمل اى حاجة فى التطبيق بتاعك عشان تقدر تستخدمها ؟ لا خالص ، مجرد انك تربطها بالتطبيق فقط و هتقدر تستخدم كل حاجة فيها.
تعالى نشوف مثال اجمد عن Vue ، هل هى بتجبرك تعمل اى حاجة فى التطبيق بتاعك عشان تقدر تستخدمها ؟ دى مش بس بتجبرك دى ممكن تيجى تكتب التطبيق بدالك لانها عارفة ان المفروض نعمل object جديد من الVue class و نبعتله حاجات معينة ، و لو عاوزين نظهر اى بيانات فى الصفحة لازم نستخدم الtemplate الخاص بيها ، غير كدا مش هتقدر تستفيد من Vue ، ف هى اجبرتك انك تمشى بstandard معين.
طب هل React بتجبرك زى Vue كدا ؟ هتلاحظ انه لا و ان ال template اللى react app بيبدء بيه ممكن يتحذف كله و يتعمل تاني على مزاجك.
اثبتى بقا ان React مكتبة لكن Next اللى مبنية فوقها تعتبر اطار عمل ! هنسأل نفس السؤال "هل Next بتجبرك تمشى بstandard معين ؟" ، اه لازم تعمل صفحاتك فى مكان معين عشان Next تقدر تستخدمها و تعمل auto routing ، و غيره.
بما ان المكتبة بتسيبك تشتغل براحتك (و عادى جدا تشتغل بشكل عشوائي) ، لكن اطار العمل بيخليك تمشى على standard معين ، نقدر نقول ان اطر العمل مفضلة عن المكتبات اثناء انشاء مشاريع كبيرة ، كدا انت عرفت ليه بنفضل Angular عن React فى المشاريع الكبيرة.
ف الملخص ان المكتبة بيتم استخدامها بواسطة تطبيقك ، لكن اطار العمل هو اللى بيستخدم تطبيقك.
حتى هتلاقى ناس بتقول :
Your code calls a library, but a framework calls your code.
و دا معناه ان الكود بتاعك بينادى على المكتبة (بالتالى الكود بتاعك عارف مسارها) ، لكن اطار العمل بينادى على الكود بتاعك (بالتالى اطار العمل عارف مسار الكود بتاعك ، و لو اتغير مش هيشوفه)
المقارنة اللى مش هتحتاج تدور على مقارنات تاني بعدها 😉
هتلاقى مقارنات كتير بتقول ان المكتبة بتضم فانكشنز بتساعدك تنجز مهامك بشكل اسرع ... لكن اطار العمل كذلك برضو ، ف دا مش وجه مقارنة اطلاقا.
كذلك هتلاقى حاجة زى ان اطار العمل كافي لانشاء تطبيقات كاملة لكن المكتبة غير كافية ... و دا غلط طبعا دا احنا ممكن نعمل تطبيقات كاملة بدونهم هم الاتنين.
و هتلاقى كلام عن ان اطار العمل افضل من المكتبة ، او ان اطار العمل مكون من عدة مكتبات ... و دا لا يمت للواقع بصلة.
و هتسمع انك لو عملت فانكشن فى ملف ، كدا انت عملت مكتبة مش اطار عمل ... يؤسفنى اقولك ان دا برضو غلط ، و الامر معتمد على وظيفة الفانكشن دى.
خلينا متفقين ان كل الامور اللى فوق دى هى فروق خاطئة بين المكتبة و اطار العمل.
طب اى الفرق الحاسم بين المكتبة و اطار العمل ؟
• شايف كلمة "اطار عمل" ، معناها ايه ؟ معناها انه اطار هتكتب الكود بداخله.
• طب شايف كلمة "مكتبة" ، معناها ايه ؟ معناها مكان نقدر ناخد منه اكواد و نستخدمها.
• بس كدا الامر انتهى ، فى ابسط من كدا ؟ انزل تحت بقا عشان نتكلم بتفاصيل اكتر.
المكتبة احنا بنربطها بالتطبيق بتاعنا ، عشان نقدر نستخدم محتواها ، ف مثلا jQuery تعتبر مكتبة.
لكن اطار العمل احنا بنربط بيه التطبيق بتاعنا ، عشان هو يقدر يستخدم محتوى التطبيق دا ، ف مثلا Vue تعتبر اطار عمل.
المكتبة لازم تكون مكتوبة بطريقة معينة عشان نقدر نستخدمها.
لكن اطار العمل لازم نكون كاتبين التطبيق بتاعنا بطريقة معينة عشان هو يقدر يستخدمه.
تعالى ناخد مثال جامد جدا عن jQuery ، هل هى بتجبرك تعمل اى حاجة فى التطبيق بتاعك عشان تقدر تستخدمها ؟ لا خالص ، مجرد انك تربطها بالتطبيق فقط و هتقدر تستخدم كل حاجة فيها.
تعالى نشوف مثال اجمد عن Vue ، هل هى بتجبرك تعمل اى حاجة فى التطبيق بتاعك عشان تقدر تستخدمها ؟ دى مش بس بتجبرك دى ممكن تيجى تكتب التطبيق بدالك لانها عارفة ان المفروض نعمل object جديد من الVue class و نبعتله حاجات معينة ، و لو عاوزين نظهر اى بيانات فى الصفحة لازم نستخدم الtemplate الخاص بيها ، غير كدا مش هتقدر تستفيد من Vue ، ف هى اجبرتك انك تمشى بstandard معين.
طب هل React بتجبرك زى Vue كدا ؟ هتلاحظ انه لا و ان ال template اللى react app بيبدء بيه ممكن يتحذف كله و يتعمل تاني على مزاجك.
اثبتى بقا ان React مكتبة لكن Next اللى مبنية فوقها تعتبر اطار عمل ! هنسأل نفس السؤال "هل Next بتجبرك تمشى بstandard معين ؟" ، اه لازم تعمل صفحاتك فى مكان معين عشان Next تقدر تستخدمها و تعمل auto routing ، و غيره.
بما ان المكتبة بتسيبك تشتغل براحتك (و عادى جدا تشتغل بشكل عشوائي) ، لكن اطار العمل بيخليك تمشى على standard معين ، نقدر نقول ان اطر العمل مفضلة عن المكتبات اثناء انشاء مشاريع كبيرة ، كدا انت عرفت ليه بنفضل Angular عن React فى المشاريع الكبيرة.
ف الملخص ان المكتبة بيتم استخدامها بواسطة تطبيقك ، لكن اطار العمل هو اللى بيستخدم تطبيقك.
حتى هتلاقى ناس بتقول :
Your code calls a library, but a framework calls your code.
و دا معناه ان الكود بتاعك بينادى على المكتبة (بالتالى الكود بتاعك عارف مسارها) ، لكن اطار العمل بينادى على الكود بتاعك (بالتالى اطار العمل عارف مسار الكود بتاعك ، و لو اتغير مش هيشوفه)
أفضل مكتبات الanimation 🪩 لـ JavaScript و CSS بيحتاجها أي frontend developer 💻📱.
<html>
<body>
<form action="" >
<h1>Form elements</h1>
<fieldset>
<legend>Inputs</legend>
Text : <input type="text" size="15" maxlength="15" />
<br>
Number : <input type="number" size="15" maxlength="15" />
<br>
Password : <input type="password" size="15" maxlength="15" />
</fieldset>
<br> <br>
<fieldset>
<legend>Radio buttons</legend>
<input type="radio" /> Option 1
<input type="radio"/> Option 2
<input type="radio" /> Option 3
</fieldset>
<br> <br>
<fieldset>
<legend>Check boxes</legend>
<input type="checkbox"/>Option 1<br>
<input type="checkbox" checked="checked" />Option 2<br>
<input type="checkbox"/>Option 3
</fieldset>
<br> <br>
<fieldset>
<legend>Selector</legend>
<select>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option selected="selected">Option 4</option>
</select>
</fieldset>
<br> <br>
<fieldset>
<legend>Multiple selector</legend>
<select multiple="multiple">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option selected="selected">Option 4</option>
</select>
</fieldset>
<br> <br>
<fieldset>
<legend>Form buttons</legend>
<input type="reset" value="reset" />
<input type="submit" value="submit" />
</fieldset>
</form>
</body>
</html>
Form in html √
ch : @codedevelopment √
طريقه بسيطه من طرق سحب سورس ال html لموقع في لغه python ☑️
ch : @codedevelopment √
import requests
url = "https://google.com" #رابط الموقع
result = requests.get(url).text
print(result)
ch : @codedevelopment √
import json
data = {}
while True:
name = input("Enter your name :\n")
age = input("Enter Your Age :\n")
co = input("Enter Your countery :\n")
rem = input("Contenu : \n [y or n]")
data["name"] = {"name":name,"age":age,"from":co}
s = json.dumps(data)
with open("data.json","a") as e:
e.write(s+"\n")
if rem.lower() == "y":
continue
elif rem.lower() == "n":
break
Simple code with json ✓
close-open-all.py
6.8 KB
◍ بوت فتح وقفل الكل .
◍ فتح وقفل من اعدادات الجروب و ليس بالمسح .
- 𝙳𝙴𝚅𝙲𝙾𝙳𝙴𝚁 𝙴𝙱𝙽𝙼𝙰𝚂𝚁.√
◍ ملف بسيط لهدف التعليم √
◍ فتح وقفل من اعدادات الجروب و ليس بالمسح .
- 𝙳𝙴𝚅𝙲𝙾𝙳𝙴𝚁 𝙴𝙱𝙽𝙼𝙰𝚂𝚁.√
◍ ملف بسيط لهدف التعليم √