Salar Memon

Salar Memon Contact information, map and directions, contact form, opening hours, services, ratings, photos, videos and announcements from Salar Memon, Digital creator, .

06/08/2025

HTML Full Course Episode 12

آج کی قسط میں ہم ایچ ٹی ایم ایل فارمز پر بات کرنے والے ہیں۔

فارم ویب سائٹ کا وہ حصہ ہے جہاں یوزر سے ڈیٹا لیا جاتا ہے۔ جیسے کہ لاگ اِن فارم، رجسٹریشن فارم، سرچ بار، کانٹیکٹ فارم وغیرہ۔
فارمز کے ذریعے یوزر کی ان پُٹ کو سرور پر بھیجا جاتا ہے تاکہ اسے پروسیس کیا جا سکے۔

HTML میں فارم بنانے کا بنیادی ڈھانچہ

فارم بنانے کے لیے ٹیگ استعمال ہوتا ہے۔ اس کے اندر مختلف ان پُٹ فیلڈز رکھے جاتے ہیں۔
فارم ٹیگ دو ایٹریبیوٹ لیتا ہے ایک ایکشن اور دوسرا میتھڈ

یعنی اس طرح





ایکشن ایٹریبیوٹ اس لیے استعمال کیا جاتا ہے تاکہ ایچ ٹی ایم ایل کو یہ بتایا جاسکے کہ فارم کا ڈیٹا کہاں بھیجنا ہے اگر کوئی ویلیو نہ دی جائے تو ڈیٹا کرنٹ پیج کے یو آر ایل پر سینڈ ہو جاتا ہے۔
جب یوزر فارم بھر کر Submit
بٹن دباتا ہے تو فارم کے اندر موجود تمام ڈیٹا action میں دیے گئے ایڈریس پر بھیج دیا جاتا ہے۔

اب بات کرتے ہیں ایکشن ایٹریبیوٹ کی ویلیوز کی اقسام پر

1 Relative Path
اس کا استعمال تب کیا جاتا ہے جب فارم ڈیٹا اسی سرور پر کسی مخصوص فائل کو بھیجنا ہو۔
مثال کے طور پر


اوپر دی گئی مثال میں فارم کا ڈیٹا اسی فولڈر میں موجود save-data.php کو جائے گا۔

2 Absolute URL

اس کا استعمال تب کیا جاتا ہے جب جب فارم کا ڈیٹا کسی دوسرے ڈومین یا مکمل ایڈریس پر بھیجنا ہو۔

مثال کے طور پر


یہ فارم کا ڈیٹا کسی دوسری ویب سائٹ یا
API پر بھیج دے گا۔

اگر ایکشن ایٹریبیوٹ کو خالی چھوڑ دیا جائے اس طرح

04/08/2025

HTML Full Course Episode 11.

Lists

آج کی قسط میں ہم ایچ ٹی ایم ایل لسٹس کے بارے میں سیکھنے والے ہیں۔

ویب ڈویلپمنٹ میں اکثر ہمیں چیزوں کو ایک ترتیب میں یا پوائنٹس کی شکل میں دکھانے کی ضرورت پڑتی ہے۔ مثال کے طور پر: مینو، ٹو ڈو لسٹ، پروڈکٹ کی خصوصیات اور آرٹیکل کے اہم نکات وغیرہ ایسی صورتحال میں ہم HTML Lists استعمال کرتے ہیں۔ HTML میں دو بنیادی قسم کی لسٹس ہوتی ہیں:

1. Unordered List ()

یہ لسٹ بغیر نمبر کے ہوتی ہیں یعنی ہر آئٹم کے آگے ایک بُلٹ پوائنٹ (●) آتا ہے۔
مثال:

Fruits

Apple
Mango
Banana


Output:
● Apple
● Mango
● Banana

ان آرڈرڈ لسٹ بنانے کا سنٹیکس یہ ہے کہ پہلے ایک یو ایل ایلیمنٹ بنائیں اور اس کے اوپننگ اور کلوزنگ ٹیگ کے بیچ ایل آئئ الیمینٹ ایڈ کرتے جائیں جو کہ آپ کی لسٹ کے آئٹم ہونگے۔
جیسا کہ اوپر مثال میں سمجھایا گیا ہے۔

ایچ ٹی ایم ایل میں لسٹس کی دوسری قسم
Ordered List ہے یہ لسٹ نمبر یا حروف کے ساتھ ترتیب وار ہوتی ہے۔
مثال:

Fruits

Apple
Mango
Banana


Output:

1. Apple
2. Mango
3. Banana

آرڈرڈ لسٹ بنانے کا سنٹیکس بھی کچھ ویسا ہی ہے صرف یو ایل کی جگ او ایل الیمینٹ کا استعمال کرنا ہے اور اس کے اندر لسٹ آئٹم ایڈ کرنے ہیں۔

لسٹ کا اسٹائل تبدیل کرنے کے لیے آپ ٹائپ ایٹریبیوٹ کا استعمال کرسکتے ہیں ۔
جیسے اس طرح

Apple
Mango
Banana



Output

A Apple
B Mango
C Banana

جاری ہے۔

تحریر سالار میمن

27/07/2025

HTML Full Course Episode 7

گزشتہ قسط میں ہم نے ایچ ٹی ایم ایل کا ایک بیسک بوئلر پلیٹ کوڈ لکھنا سیکھا تھا ۔ آج کی قسط میں ہم ہیڈ الیمینٹ کے اندر کا کوڈ لکھنا سیکھیں گے

گزشتہ قسط میں ہم نے اپنا کوڈ یہاں پر چل چھوڑا تھا ۔










جب بھی ہم صفحہ بناتے ہیں، اس کا آغاز ٹیگ سے ہوتا ہے، اور اس کے فوراً بعد آتا ہے:

...

یہ "ہیڈ" سیکشن ویب صفحے کا وہ حصہ ہوتا ہے جو براہِ راست صفحے پر نظر نہیں آتا، لیکن یہ ویب براؤزر اور سرچ انجنز کو صفحے کی معلومات فراہم کرتا ہے۔
ایچ ٹی ایم ایل میں ہیڈ الیمینٹ ویب پیج کے دماغ کی طرح ہوتا ہے یعنی اس کا اسٹرکچر ویب سائٹ میں ظاہر نہیں ہوتا لیکن اس کی فنکشنیلٹی ضرور متعین کرتا ہے ۔
آج ہم سیکھیں گے کہ ہیڈ ٹیگ کے اندر استعمال ہونے والے تین اہم ایلیمینٹس کیا کرتے ہیں:

میٹا ٹیگز
میٹا ایک ایسا ایلیمنٹ ہے جو آپ کی ویب سائٹ کے ظاہر پر اثر انداز نہیں ہوتا لیکن براؤزر اور سرچ انجن کو ضروری معلومات فراہم کرنے کے لیے ہیڈ الیمینٹ کے اندر رکھا جاتا ہے

عام طور پر استعمال:



یہ ایک بہت اہم ٹیگ ہے جو براؤزر کو بتاتا ہے کہ اس ویب پیج میں کس قسم کے حروف (characters) استعمال ہو رہے ہیں اور انہیں کیسے سمجھنا (encode) ہے

Charset" کا مطلب ہوتا ہے "Character Set" یعنی حرفوں کا مجموعہ۔

جب ہم کوئی لفظ لکھتے ہیں، جیسے السلام علیکم تو کمپیوٹر کو یہ حروف بائنری کوڈز یعنی 0 اور 1 کی شکل میں سمجھنے ہوتے ہیں۔
اب سوال یہ ہے کہ "الف" یا "ا" یا "é" کو کس بائنری میں تبدیل کیا جائے؟
یہی کام کرتا ہے Character Encoding System — جیسے کہ UTF-8۔
UTF-8 ایک بہت مشہور Character Encoding طریقہ ہے جو پوری دنیا کی زبانوں کے لاکھوں الفاظ کو سمجھنے، محفوظ کرنے اور دکھانے کی صلاحیت رکھتا ہے۔
یہ Unicode سسٹم پر مبنی
یہ ایک بہت ہلکا انکوڈنگ سسٹم ہے جسے
زیادہ تر براؤزر اور سرور ڈیفالٹ کے طور پر استعمال کرتے ہیں

ہیڈ ٹیگ کے اندر آنے والے ایلیمنٹس میں ایک اور اہم الیمینٹ ہے ٹائٹل الیمینٹ کے بیچ لکھا جانے والا متن آپ کی ویب سائٹ کے ٹائٹل کے طور پر ظاہر ہوگا اور گوگل کے سرچ انجن رزلٹ میں بھی۔

مثال کےطور پر



My first Website



ہیڈ ٹیگ میں استعمال ہونے والا ایک اور ٹیگ لنک ٹیگ ہے جس کا تعارف پہلے بھی ہوچکا ہے۔



ایچ ریف ایٹریبیوٹ میں آپ نے اپنے فائل کا ہاتھ دینا ہے۔ یاد رکھیں لنک ایک سیلف کلوزنگ ٹیگ ہے یعنی اس کو کلوزنگ ٹیگ کی ضرورت نہیں ہوتی ۔

یوں تو ہیڈ الیمینٹ میں لکھے جانے والے بہت سارے ایلیمنٹس ہیں اور میٹا ٹیگز کی تعداد بھی بیشمار ہے لیکن ابھی ہم صرف بیسک سیکھنے پر ہی فوکس کر رہے ہیں۔

آنے والی اقساط میں ہم باڈی ٹیگ کے اندر کا اسٹرکچر سیکھنا شروع کریں گے جو کہ ہماری ویب پیج کا بنیادی اسٹرکچر ہوتا ہے اور ویب پیج پر نظر آتا ہے۔

جاری ہے ۔

تحریر سالار میمن

25/07/2025

HTML Full Course Episode 6

گزشتہ قسط میں ہم نے ایچ ٹی ایم ایل ڈاک ٹائپ ڈیکلیئر کرنے پر تفصیل سے بات کی تھی آج کی قسط میں ہم بنیادی اسٹرکچر لکھنا سیکھیں گے۔

ایچ ٹی ایم ایل میں

لائن کے بعد html ٹیگ لکھا جاتا ہے باقی سارا اسٹرکچر اسی الیمینٹ کے اندر ہی لکھا جاتا ہے۔



اوپر دی گئی مثال میں لینگ ایک ایٹریبیوٹ ہے جو اس ویب پیج کی زبان ڈیکلیئر کرنے کے لیے استعمال ہو رہا ہے اور اس کی ویلیو
en جس سے مراد انگلش ہے۔

ایچ ٹی ایم ایل میں ایٹریبیوٹ کسی بھی ٹیگ کے متعلق اضافی معلومات فراہم کرنے لیے استعمال ہوتے ہیں ۔ جیسے اوپر دی گئی مثال میں lang attribute زبان کے متعلق معلومات فراہم کرنے کے لیے استعمال ہوا ہے۔ یاد رکھیں کسی بھی ایٹریبیوٹ کی ویلیو "" کے بیچ میں لکھنا ضروری ہے۔

ایچ ٹی ایم ایل ایلیمنٹ کے اندر دو الیمینٹ ہوتے ہیں ہیڈ اور باڈی یعنی اس طرح







باڈی ٹیگ کے اندر آپ اپنی ویب سائٹ کا وہ اسٹرکچر لکھتے ہیں جو آپ کی ویب پیج کا حصہ ہوگا اور دیکھا جاسکے گا ۔
باقی ہیڈ ٹیگ کے اندر آپ صرف وہ انفارمیشن دیتے ہیں جو ضروری تو ہوتی ہے لیکن آپ کی ویب پیج کے اسٹرکچر کا حصہ نہیں ہوتی ۔
ہیڈ ٹیگ میں درج ذیل چیزیں شامل ہوسکتی ہیں۔
پیج کا ٹائٹل ()

میٹا انفارمیشن ()

سی ایس ایس فائلز ()

جاوا اسکرپٹ فائلز ()

()

سرچ انجن کے لیے معلومات

مختصر الفاظ میں ہیڈ الیمینٹ
ایچ ٹی ایم ایل ڈاکیومنٹ کا وہ حصہ ہوتا ہے جو براؤزر پر نظر نہیں آتا، مگر ویب پیج کے لیے ضروری معلومات فراہم کرتا ہے۔

اگلی قسط میں ہم ہیڈ اور باڈی کے اندر کا اسٹرکچر لکھنا سیکھیں گے ان شاءاللہ

جاری ہے

تحریر سالار میمن

HTML Full Course Episode 5گزشتہ قسط میں ہم نے ایچ ٹی ایم ایل بوئلر پلیٹ کی کی بات کی تھی آئندہ  کی کچھ قسط میں ہم اسٹیپ ...
24/07/2025

HTML Full Course Episode 5

گزشتہ قسط میں ہم نے ایچ ٹی ایم ایل بوئلر پلیٹ کی کی بات کی تھی آئندہ کی کچھ قسط میں ہم اسٹیپ بائے اسٹیپ اسے لکھنا سیکھیں گے ۔



کسی بھی ایچ ٹی ایم ایل پیج کی شروعات اس لائن سے ہوتی ہے۔

جب ہم کوئی ویب پیج بناتے ہیں تو اس کی پہلی لائن عام طور پر ہوتی ہے۔ یہ لائن ڈاک ٹائپ (Doctype) کہلاتی ہے، جو براؤزر کو یہ بتانے کے لیے استعمال ہوتی ہے کہ اس دستاویز کو کون سے ورژن میں لکھا گیا ہے۔
کا مطلب ہے کہ یہ پیج HTML5 میں لکھا گیا ہے، جو ایچ ٹی ایم ایل کا سب سے نیا اور جدید ایچ ٹی ایم ایل ورژن ہے۔ اگر یہ لائن نہ دی جائے تو بعض براؤزر "Quirks Mode" میں چلے جاتے ہیں، جس کا مطلب ہے کہ وہ صفحہ کو پرانے طریقے سے دکھائیں گے، جس سے ڈیزائن اور فنکشن خراب ہو سکتا ہے۔ اس لیے
لکھنا بہت ضروری ہوتا ہے تاکہ ویب پیج کو ہر براؤزر میں ایک جیسے اور صحیح طریقے سے دکھایا جا سکے۔

پرانے HTML ورژنز (جیسے HTML 4.01 یا XHTML) میں ڈاک ٹائپ بہت لمبے اور پیچیدہ ہوتے تھے، جیسے:



ایچ ٹی ایم ایل فائو نے یہ سب آسان بنا دیا، اور صرف
کافی ہے۔

تو براؤزر کو کیسے پتا چلتا ہے کہ یہ ایچ ٹی ایم ایل فائو ہے؟

براؤزرز کے اندر پروگرام کیا گیا ہوتا ہے کہ اگر وہ صرف دیکھیں، تو وہ سمجھ جائیں کہ یہ ایچ ٹی ایم ایل فائو کا ڈاک ٹائپ ہے۔
یہ ایک عالمی معیار بن چکا ہے، اس لیے الگ سے ڈاک ٹائپ ایچ ٹی ایم ایل فائو لکھنے کی کوئی ضرورت نہیں۔

تو کیا لکھ سکتے ہیں؟

❌ نہیں! یہ غلط سنٹیکس ہے اور براؤزر اسے پہچان نہیں سکے گا۔
صحیح اور واحد درست طریقہ یہی ہے:

۔

جاری ہے
تحریر سالار میمن

HTML Full Course Episode 4امید ہے اب تک اقسام میں آپ نے ایچ ٹی ایم ایل ٹیگز کو لکھنے کا سنٹیکس سیکھ لیا ہوگا اب ہم ایچ ٹ...
23/07/2025

HTML Full Course Episode 4

امید ہے اب تک اقسام میں آپ نے ایچ ٹی ایم ایل ٹیگز کو لکھنے کا سنٹیکس سیکھ لیا ہوگا اب ہم ایچ ٹی ایم ایل پیج کا boilerplate یعنی بنیادی ڈھانچہ لکھنا سیکھیں گے

ایچ ٹی ایم ایل کو لکھنے اور اس کا براہ پریویو دیکھنے کو لیے ہمیں کوڈ ایڈٹر کی ضرورت پڑنے والی ہے۔ اس کورس میں آگے بڑھنے کے لیے آپ اپنے ڈوائس پر کوئی بھی کوڈ ایڈٹر انسٹال کرلیں ۔
میں آپ کو Visual Studio Code ریکمینڈ کرتا ہوں اگر آپ کے پاس کمپیوٹر یا لیپ ٹاپ نہیں ہے تو کوئی بات نہیں آپ اسمارٹ فون پر Spck editor نامی ایپ پلے اسٹور سے ڈاؤنلوڈ کرلیں ۔

ایچ ٹی ایم ایل بوئلر پلیٹ کیا ہے?
جب بھی آپ ایک نئی ویب سائٹ یا پروجیکٹ شروع کرتے ہیں تو سب سے پہلے جو چیز لکھی جاتی ہے وہ ہے HTML Boilerplate۔
اس میں وہ تمام ضروری کوڈ شامل ہوتا ہے جو ایک ویب پیج کے صحیح طریقے سے کام کرنے کے لیے لازمی ہوتا ہے۔
ایک سادہ HTML Boilerplate کی مثال:






میری ویب سائٹ




خوش آمدید!
یہ ایک سادہ HTML Boilerplate ہے۔




اس کوڈ کو کاپی پیسٹ کریں اور کوڈ ایڈٹر میں پیسٹ کر کے اس کا ریزلٹ دیکھیں۔

اگلی قسط میں ہم ایک ایک لائن کے متعلق تفصیل سے پڑھیں گے۔

جاری ہے
تحریر سالار میمن

HTML Full course episode 3.Self closing tagsگزشتہ قسط میں ہم نے ایچ ٹی ایم ایل ٹیگز لکھنے کا سنٹیکس سیکھا تھا آج کی قسط ...
22/07/2025

HTML Full course episode 3.

Self closing tags

گزشتہ قسط میں ہم نے ایچ ٹی ایم ایل ٹیگز لکھنے کا سنٹیکس سیکھا تھا آج کی قسط میں ہم ایسے ٹیگز کے بارے بات کرنے والے ہیں جن کا کوئی کلوزنگ ٹیگ نہیں ہوتا ۔
مثال کے طور پر ایچ ٹی ایم ایل میں تصاویر ایڈ کرنے کے لیے
ٹیگ کا استعمال کیا جاتا ہے۔
اس کو اس طرح لکھنا غلط ہے


سیلف کلوزنگ ٹیگ کو صرف اوپننگ ٹیگ کی طرح لکھا جاتا ہےاس کو اس طرح بھی لکھ سکتے ہیں


درج بالا ٹیگ میں img اس ٹیگ کا نام ہے جبکہ src اس ٹیگ کا
attribute ہے جو اس ٹیگ کو example.png تصویر کے ساتھ منسلک کرتا ہے ۔

ایٹریبیوٹ کے متعلق آئندہ کی اقساط میں سیکھا جائے گا ۔

Img ٹیگ کے بیچ کوئی مواد ایڈ کرنے کی ضرورت نہیں ہوتی کیونکہ کسی بھی تصویر کے ایڈ کرنے کے لیے اس تصویر کا یو آر ایل یا پاتھ براہ راست اس ٹیگ کے اوپننگ ٹیگ میں اس آر سی ایٹریبیوٹ کی ویلیو کے طور پر ایڈ کیا جاتا ہے ۔

سیلف کلوزنگ ٹیگ کی ایک اور مثال لنک ٹیگ بھی ہے جیسے

اس مثال میں rel اور href اس ٹیگ کے ایٹریبیوٹ ہیں ایچ ریف ایٹریبیوٹ کا مقصد اس ایچ ٹی ایم ایل فائل کو اسٹائل ڈوٹ سی ایس ایس فائل سے منسلک کرنا ہے ۔

اب تک ہم نے صرف ایچ ٹی ایم ایل کے بنیادی سنٹیکس کے متعلق ہی بات کی ہے آنے والی اقساط میں ہم باقاعدہ طور پر ایچ ٹی ایم ایل کوڈ لکھنا شروع کرینگے جس کے لیے ہمیں کوڈ ایڈٹر کی ضرورت پڑے گی جس کو ہم اگلی قسط میں سیٹ اپ کرینگے گے۔

جاری ہے

تحریر سالار میمن

HTML Full course episode 2. گزشتہ قسط میں ہم نے ایچ ٹی ایم ایل کے مقصد اور اس کے ویب ڈیویلپمنٹ میں استعمال کے متعلق جائز...
20/07/2025

HTML Full course episode 2.

گزشتہ قسط میں ہم نے ایچ ٹی ایم ایل کے مقصد اور اس کے ویب ڈیویلپمنٹ میں استعمال کے متعلق جائزہ لیا آج کی اس قسط میں ہم ایچ ٹی ایم ایل ٹیگز لکھنے کا سنٹیکس سیکھیں گے۔

HTML tag syntax

اگر آپ نے سنٹیکس لفظ پہلی بار سنا ہے تو اس کا مطلب آپ اس طرح سمجھ لیں جیسے کسی بھی زبان کا گرامر ہوتا ہے اسی طرح کسی بھی پروگرامنگ کی زبان کو صحیح طرح لکھنے کو اس زبان کا سنٹیکس syntax کہتے ہیں۔

ایچ ٹی ایم ایل میں زیادہ تر
elements جوڑے یعنی پیئر میں لکھے جاتے ہیں اوپننگ اور کلوزنگ ٹیگ۔

مثال کے طور پر ایچ ٹی ایم ایل میں ہیڈر یعنی ویب پیج کی سرخی کو لکھنے کے لیے
h1 element کا استعمال کیا جاتا ہے۔
اس کا لکھنا کا طریقہ یہ ہے۔
heading

یاد رکھیں اوپننگ ٹیگ کو اس طرح لکھتے ہیں ان گریٹر تھین اور لیس تھین سائنز کے بیچ ٹیگ کا نام لکھا جاتا ہے جیسے , ,

اور کلوزنگ ٹیگ کو اس طرح لکھا جاتا ہے ۔

اوپننگ اور کلوزنگ ٹیک کے درمیان صرف اتنا فرق ہوتا ہے کہ
لیس تھین سائن > کے فورأ بعد فارورڈ سلیش / لگائی جاتی ہے یعنی اس طرح ,

اب دونوں اوپننگ اور کلوزنگ ٹیگز کے درمیان اس ٹیگ کا مواد لکھا جاتا ہے جیسے کے مثال کے طور پر میں نے ایک ویب سائٹ بنانی ہے اور اس ویب سائٹ کی ہیڈنگ میں
Coding Classes رکھنا چاہتا ہوں تو اسے درج ذیل طریقے سے لکھوں گا۔
Coding Classes
یعنی میں اپنے مواد کو اوپننگ اور کلوزنگ ٹیگ کے درمیان میں لکھوں گا ۔

اگلی قسط میں ہم سیلف کلوزنگ ٹیگز کے بارے میں سیکھیں گے یعنی ایسے ٹیگز جن کا کوئی کلوزنگ ٹیگ نہیں ہوتا ۔

جاری ہے

تحریر سالار میمن

19/07/2025

HTML full course episode 1
---

السلام علیکم

کوڈنگ کے متعلق فری اور اردو کورسز کا آغاز آج سے کیا جارہا ہے ان کورسز کے دوران
HTML , CSS, JavaScript اور Python کے بنیادی تصورات کے متعلق سکھایا جائے گا۔

یہ کورس ان لوگوں کے لیے ہے جو اردو زبان میں HTML سیکھنا چاہتے ہیں۔
یہ آرٹیکلز میں خاص ان لوگوں کے لیے لکھوں گا جو انگلش کی سمجھ نہیں رکھتے یا پیڈ کورسز کو افورڈ نہیں کرسکتے ۔

اس پہلی قسط کو
HTML کے تعارف تک محدود رکھتے ہیں اگلی قسط سے انشاء اللہ HTML سکھانے کا آغاز کیا جائے گا۔

📘 HTML Full Course in Urdu — Episode 1
موضوع: HTML کیا ہے؟ اور ویب پر اس کی اہمیت

🔹 HTML کیا ہے؟

HTML کا مطلب ہے HyperText Markup Language
یہ وہ زبان ہے جس میں ویب پیجز لکھے جاتے ہیں۔
جب آپ کوئی ویب سائٹ کھولتے ہیں، اس کا بنیادی اسٹرکچر html میں لکھا ہوتا ہے ۔

🔹 مثال:




HTML


Welcome to my html full course!
This is full HTML fundamental course written by salar memon



🔹 نتیجہ:

اوپر دی گئی کوڈ سے ایک سادہ سا صفحہ بنے گا جس میں ہیڈر اور پیراگراف ہوگا۔
آنے والی اقساط میں ہم اس کوڈ کا مطلب اور HTML کا syntax یعنی لکھنے کا طریقہ سیکھیں گے۔

📌 اگلی قسط میں ہم سیکھیں گے HTML Structure اور ضروری Tags

🔁 پوسٹ کو Share کریں تاکہ اور لوگ بھی سیکھ سکیں
❤️ فالو کریں اگلی قسط کے لیے



جاری ہے
تحریر سالار میمن

I have created  a lightweight JavaScript web application that allows users to securely encrypt and decrypt messages usin...
19/07/2025

I have created a lightweight JavaScript web application that allows users to securely encrypt and decrypt messages using the classic Vigenère and Caesar ciphers. It's fully client-side, responsive, and feature-rich — ideal for educational use, secure messaging, or crypto-themed tools.

Features:

1 Supports both Vigenère and Caesar encryption modes

2 Real-time live encryption & decryption

3 Smart key detection & input validation

4 Dark mode with persistent state

5 Copy to clipboard

6 Download encrypted/decrypted text

7 Generate QR Code from output

8Fully responsive & mobile-friendly

9 Simple, clean code structure (HTML, CSS, JS)

No frameworks or backend required — just open index.html and it works instantly. Perfect for customization or integration into larger projects.

What’s Included:

Full HTML/CSS/JS source code

Organized folder structure

README documentation

Easy to integrate, modify, or extend!.....

Live demo https://lnkd.in/ePPzksGy

My fiverr gig https://www.fiverr.com/s/WEX5vdB

18/07/2025

I will create a custom and eye-catching landing pages built with HTML CSS AND JS for free!
I'm looking to gain experience and work with my first clients.
Hurry up — limited time offer!
📞 WhatsApp: 0335 3314865

05/07/2025

🛠️ Need a Website or Custom Game? I Can Help – Affordable, Fast & Custom-Built! 🎮💻

Hi everyone!
I’m a self-taught web developer from Pakistan. I create:

✅ Custom Browser-Based Games
✅ Personal or Business Websites
✅ Tools like Calculators, Forms, and Interactive Pages
✅ Digital Product Templates (HTML, CSS, JS)

I recently made a space shooting game that works in any browser – no download needed! Want something like that for your brand or website? I can customize it in 1–2 days.

🎯 Prices start from just Rs.1500
🕐 Fast delivery
📲 100% mobile-compatible
💬 Available on WhatsApp & Messenger
03353314865
Check out my demo and let me know what you need!
📩 Comment below or inbox me
Let’s work together. Your satisfaction is guaranteed 💯

Address


Website

Alerts

Be the first to know and let us send you an email when Salar Memon posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

  • Want your business to be the top-listed Media Company?

Share