للإعلان على المدونة :

إعلانات

إعلانات

جوجل بلس

تابعنا على الفيسبوك

ترتيب ألكسا

شرح تشفير أكواد جافا سكربت و فك تشفيرها


بعد طول غياب نأمل أن يكون الأخير , نعود إلى الدروس و المقالات المفيدة على مدونة "مدون بلوجر" .

لإخفاء أكواده البرمجية و جعل فك تشفيرها صعبا , يسعى المبرمج إلى تشفير و 'تعقيد' شفرته البرمجية على الزائر , لمنعه من قراءة الكود الذي قام بكتابته , ليتم تنفيذه بشكل كامل , لكن سيكون شكله عبارة عن طلامس و رموز معقدة .

أشهر إستعمالات تشفير أكواد الجافا سكريبت تكون عادة في القوالب و السكربتات المدفوعة لمنع أي شخص اخر من التعديل على الكود البرمجي , و تكون الإماكنية الوحيدة للتعديل على الشيفرة و تطويرها من قبل مبرمج السكربت فقط .

شرح تشفير أكواد جافا سكربت و فك تشفيرها



ربما هو الأشهر و الأكثر رواجا و استعمالا .
سأقوم بكتابة كود بسيط بالجافاسكربت و سنرى الكود المشفر .

هذه التشفيرة الجديدة للكود أعلاه :


يمكننا تجربة الكود للتأكد من سلامته و تنيفذه بشكل صحيح , ننسخ الكود المشفر الجديد و نتوجه نحو ال console , لصق و اضغط enter .

نعم , الكود ينفذ بشكل سليم !
ممتاز !

الأن ستنعرف على طريقة فك تشفير هذا الكود .

فك تشفير javascriptobfuscator 



أقدم لك عزيز هذا الموقع الرائع وهو موقع dcode .

بعد الدخول إلى الموقع , يمكنك وضع الكود المشفر كما هو موضح بالصورة :

شرح تشفير أكواد جافا سكربت و فك تشفيرها

مهم جدا : الكود المراد فك تشفيره لا ترفقه بتاغ ال script .

كما ترى , الموقع لم يرجع الكود كما كان في الأول , لكنه الأن أصبحنا قادرين على فهمه على الأقل .
فخيار فك التشفير لهذه التشفيرة ليس بالناجع إلى ذلك الحد , لكن يساعدك كثيرا في فهم الكود المشفر .

أمل أن يكون الدرس واضحا و مفيدا لك عزيزي القارئ , و تذكر أن في حالة أي مشكلة أو نقطة لم يتم شرحا جيدا , يمكنك ترك تعليقك و مشكلتك و سيتم حلها بإذن الله .

شكرا لكم .
إقرأ المزيد..

موسوعة موضوع مبادرة مهمة لدعم المحتوى العربي

في ضل قلة المحتوى العربي الرقمي على الأنترنت و تراجعه , و ازتياد الفجوة العميقة بين العرب المستخدمين للأنترنت مقارنة بنسبة المحتوى المنخفضة .
تسعى بعض المبادرات الى إغناء المحتوى العربي الرقمي و إثراءه كمّا و نواعا لتوفّر لك المعلومة المفيدة بأسلوب مميز .

موقع موضوع.كوم يعتبر أحد أهم هذه المبادرات حيث تمكن و عن جدارة من الحصول على لقب "الموسوعة العربية رقم 1" !

موسوعة موضوع مبادرة مهمة لدعم المحتوى العربي


و لتوفير أفضل إستفادة من الموقع , يتميز موقع موضوع بالسهولة في الإستخدام , ليتم عرض الموقع بتصميم منسق و تقسيم المواضيع إلى تصنيفات تسهل عمليات البحث .
هذه الموسوعة المميزة , توفر لزوارها و المستفيدين منها إماكنية التصفح من الحاسوب , الأجهزة اللوحية و الهواتف , هذا يعني أنه يمكنك استعمال الموقع في أي وقت و أي مكان .

تم إنشاء الموسوعة سنة 2010 ليتم إطلاقها رسميا سنة 2012 مركزة على جودة المحتوى لتحقق في فترة قصيرة إنجازات كبيرة أبرزها المركز الأول في "جائزة الملكة رانيا الوطنية للريادة" سنة 2011 .
تضم الموسوعة مئات الكاتبين و الناشرين من موظفين قارين أو بدوام حر .

نسعى و بكل فخر إلى إعادة المعرفة إلى العرب .
ساهم معنا الأن بمقالاتك و مواضيعك , و تذكر أن أي تعديل أو إضافة حتى لو كانت بسيطة ستساهم في إثراء المحتوى العربي على الأنترنت .
خطوة بسيطة و حيدة تمكنك من النشر في الموقع .

كل ما عليك فعله هو تسجيل حساب جديد مرة واحدة , لتنشر عددا غير محدود من المواضيع و المقالات .

1 - إنشاء حساب جديد


إنشاء حساب جديد في موقع موضوع لن يأخذ منك دقيقة واحدة ,
بعد الدخول للموقع يمكنك الضغط من أعلى على كلمة تسجيل , أو مباشرة التوجه نحو هذا الرابط :


إملأ الخانات بما يناسبك و من ثم أثبت ملكيتك لبريدك الإلكتروني عبر تفعيله
 (ستصلك رسالة التفعيل على إيميلك)

مبروك الأن حسابك مفعل و يمكنك النشر في موسوعة موضوع.كوم !

2- نشر المواضيع


من أعلى أنقر على "أكتب موضوعك" , لتظهر لك قائمة غنية بالمواضيع المقترحة , إختر منها واحدة حسب رغبتك , أو أكتب عنوانك بنفسك .
بعد كتابة موضوعك و ملأ الخانات , إضغط على "احفظ الصفحة" .

و بما أن موسوعة موضوع تهتم بزائريها , يتم فحص الموضوع من قبل موظفين مختصين في ذلك مجال يتحققون من دقة المحتوى و صحته .

تهانينا ! لقد نشرت أول مقال لك على موقع "موضوع.كوم" .. ننتظر منك المزيد ! :)
إقرأ المزيد..

للمبرمجين : 6 طرق لتسويق و ترويج خدماتك أو منتوجاتك !

بالرغم من كفائته و قدرته على الإبداع و التميز , يواجه المبرمج العربي صعوبات عدة في عمله .
و أبرزها عدم القدرة على تسويق خدماته و الإستفادة من خبرته .

للمبرمجين : 6 طرق لتسويق و ترويج خدماتك أو منتوجاتك


أخي / أختي المبرمجـ(ـة) , إليك 6 طرق فعالة لتسويق و ترويج منتوجاتك و خدماتك :

1 - إستخدم مواقع العمل الحر 


أن تكون حرا في عملك على الأنترنت يعني أن تكون مديرا لنفسك .
أنت من تقوم بتحديد مهامك و وقت عملك دون ضغط من شخص أخر, مما يوفر لك أرياحية أثناء عملك .
إليك مجموعة من المواقع التي ستساعدك على العثور على زبائن في أسرع وقت :

موقع freelancer
موقع fiverr
موقع خمسات 
موقع مستقل 

2 - إستغل الشبكات الإجتماعية كما يجب


شبكات التواصل الإجتماعي ليست فقط للهو و الدردشة .
المحترفون في التسويق , يستخدمون هذه المواقع كباب للدخل و تسويق خدماتهم و منتوجاتهم .
شارك روابط خدماتك و خبراتك و أعمالك السابقة مع أصدقائك أو على صفحاتك و المجموعات المشترك بها .
أجعلها تخدمك عوض أن تضيع وقتك !


3 - إبن علاقات متينة مع زبائنك السابقين 


ربما قد لا تلاحظ أهمية هذه النقطة إلا بالتجربة .
ببساطة العميل أو الزبون يمثل النقطة الأهم هنا .
بغيابه لا يوجد أي أهمية لعملك .
حاول أن تترك إنطباعا جيدا و إيجابيا لدى زبائنك  , سيجعل ذلك خدماتك تسوق لنفسها بنفسها .
و كن على يقين أن حسن التعامل قد يتفوق على جودة المنتوج في بعض الأحيان !

4 - امتلك موقعا أو مدونة شخصية 


ببساطة , لن يثق فيك الزبون إلا إذا شاهد عيّنة من أعمالك السابقة حتى يعرف جودة العمل و خبرتك .
ستقوّي هذه النقطة سمعتك و تجعل الزبون يثق فيك أكثر من أي وقت أخر .
الأمر بسيط و أسهل مما تتخيل , اختر قالبا او تصميما مميزا و انشر خدماتك و أعمالك السابقة هناك .

5 - إجعل الناس تتحدث عنك


كل نجاح أو تحدي قمت به على أكمل وجه شاركه مع أصدقائك او المجتمع البرمجي من حولك .
سيجعل ذلك الناس تتحدث عنك و تمنحك سمعة أفضل من قبل 

6 - إستغل جزء من أرباحك و أعلن عن شركتك 


أن تحقق مدخولا , هذا لا يعني أن لا تستثمره .
الإعلان لشركتك البرمجية سيجلب لك زبائن أكثر = أعمال أكثر = مدخول أكثر!
مما يجعلك تغطّي ما دفعته في الإعلان بأرباح إضافية !
أليس رائعا !

الأن لم يتبقّ لك إلا أن تشمّر على ساعد الجد و تطبق التعليمات الأخيرة و تشاهد أرباحك تتضاعف !

مشاركة التدوينة مع أصدقائك على مواقع التواصل الإجتماعي تحفزني نحو النشر و الإفادة أكثر فأكثر ! شكرا :)

إقرأ أيضا :

إقرأ المزيد..

إضافة سلايد شو تلقائي لمدونات بلوجر

أهلا بمتتبعي مدونة مدون بلوجر في درس جديد و مفيد .
من أهم و أكثر الإضافات استعمالا , السلايد شو , حيث يقدم للزائر أو المتابع أخر الأخبار أو المقالات بتصميم جميل و مميز .

إضافة سلايد شو تلقائي لمدونات بلوجر
ستنطرق الأن إلى واحد من أكثر ال slideshows إستعمالا : سلايد شو مدونة المحترف .
و من مميزاته أنه يتناسب مع أغلبية المواقع بمختلف تصاميمها .

معاينة :

إضافة سلايد شو تلقائي لمدونات بلوجر

طريقة تركيب السلايد شو : 

1- أولا قم بأخذ نسخة إحتياطية لتفادي أي مشكلة قد تواجهها .
2- توجه إلى لوحة التحكم خاصتك على بلوجر 
3- توجه نحو تعديل القالب 

إبحث عن الكود التالي : (يمكنك البحث عبر الضغط على ctrl+f)



فوقه مباشرة (قبله) , أضف الكود التالي :



ابحث من جديد , عن :



قبله مباشرة أضف الكود التالي :
(غير كلمة "كل" بإسم القسم الذي تريده أن يظهر في السلايد شو)



إبحث الأن عن :



فوقه مباشرة أضف هذا الكود :



أخر خطوة : إبحث عن :



(ربما لا تجده , يمكنك وضع رابط مدونتك في تعليق و مشكلتك و سيتم الرد عليك)
(ضع تعليقا ضمن تعاليق بلوجر و ليس تعليقات الفيسبوك حتى يصلني إشعار بذلك و أجيب عليك في أقرب وقت)
بعده / أسفله مباشرة , أضف هذا الكود



قم بحفظ القالب و يمكنك ملاحظة السلايد شو في مدونتك ! :)
إقرأ المزيد..

إعلان عن سلسلة : لقاء مع لغة برمجة !

البرمجة تغزو عالمنا اليوم و تديره بأتم معنى الكلمة .
أنشطتنا اليومية صار من غير الممكن فيها أن تتخلى عن البرمجة .
هل تسائلت يوما عن أهمية البرمجة ؟
لن أدعك تبحث كثيرا , فقط أنظر حولك , البرامج التي تستعملها يوميا , المواقع التي تتصفحها بإستمرار , التطبيقات التي تساعدك و لا يمكنك الإستغناء عنها , و الألعاب التي تقضي فيها الساعات الطوال .
تخيل نفسك بدون هذه الميزات , و ستعرف حينها أهمية البرمجة .


إعلان عن سلسلة : لقاء مع لغة برمجة !

سلسة "لقاء مع لغة برمجة" هي ببساطة مجموعة من المقالات التي نتطرق من خلالها كل مرة على لغة برمجة معينة , نحدد تاريخها ,  إستعمالاتها و كيفية تعلمها .
مع كل لغة برمجة نتحدث عنها ستكون في نهاية المقالة مصادر رائعة لتعلمها  بأكثر من لغة , و أكثر من شكل (شروحات مصورة , كتب ..).
إن كانت هناك مجموعة من اللغات التي تود تعلمها و اكتشافها , ليس عليك إلا ترك تعليق بإسم اللغة فقط .

أمل أن تكون الفكرة نالت إعجابكم , و تساعد المبرمجين العرب على الدخول أكثر في هذا العالم الرائع .

يمكنك تحفيزي عبر مشاركة التدوينة مع أصدقائقك عبر مواقع التواصل الإجتماعي أو ترك تعليق مشجع ^_^ ! شكرا !
إقرأ المزيد..

المحددات (selectors) , كما لم تعرفها من قبل ! - الجزأ الأول

تعتبر المحددات أو ما تعرف بال selectors جزء لا يمكن التخلي عنه عند تصميم موقعنا بال css و جيكويري و غيرها .
و بما أننا أحيانا نطمح للتطوير و ننسى أساسيات مهمة جدا , نجد أن عددا كبيرا جدا من مصممي الويب لا يستعملون إلّا نوعين من المحددات : "class." للكلاس , "id#" للـ ID !
هذه التدوينة ستساعدك حتما و تفيدك في تصميم مواقعك و تطويرها .

المحددات (selectors) , كما لم تعرفها من قبل ! - الجزأ الأول


سنتعرف معا عن ماهيّة المحددات .
أنواع ال selectors , و طريقة إستعمالهم !

ماهي المحددات selectors ؟

المحددات تستعمل لإدراج بعض التعديلات على عنصر (element) معين دون غيره , أو مجموعة من العناصر في صفحة ويب معينة .
تختلف أنواع المحددات و تتعدد , لذا سنتعرض معا لمجموعة من المجددات مع تفسيرها و أمثلة لها .

1- محدد * :

غني عن التعريف , يستعمله غالبية مصممي المواقع , حيث يقوم بتحديد كل العناصر الموجودة في الصفحة و إضافة بعض التأثيرات أو التغييرات فيه .

مثال :

*{
margin:0px;
padding:0px;
font-family:tahoma;
font-size:15px;
background:red;
}


في هذا الكود قمنا بإختيار كل عناصر الصفحة , إدارج margin:0px; و padding:0px; و إختيار الخط و حجمه و إضافة خلفية حمراء له ..

2- محدد + :

ربما تكون هذه أول مرة تسمع فيها عن هذا المحدد , وظيفة هذا الأخير المحدد المجاور (adjacent) ,
فإن قلت :
div + p
 فكأنك قلت له حدد لي العنصر p التابع للعنصر div مباشرة .
مهم جدا : 
هذا لا يعني أن p موجود داخل العنصر div , لا  !!
هذا يعني أن العنصر div بعد إغلاقه , إذا كان هناك وسم p , فأضف للعنصر p ذلك مجموعة من التعديلات .
ممتاز !


مثال :


div + p{
background:red;
}


في هذا الكود قمنا بإختيار العنصر p الذي يأتي مباشرة بعد العنصر div , و أضفنا له خلفية حمراء .

2- محدد < :

يشبه إلى حد كبير إلى محدد div p , لكن الإختلاف بينهما أن div p يختار كل العناصر p الموجودة في العنصر div مهما كان المستوى , في حين أن بالمحدد < لا ينظر إلّا إلى المستوى الأول .

div > p{
background:red;
}

هنا قمنا يتحديد كل عنصر p حيث يكون "إبنا للعنصر الأب" و هو div .

3 - ["a[href="link

هنا كأنك طلبت كل عنصر a ذو  attribut href بالرابط link .
و إضافة بعض التعديلات عليه .

مثال :

a[href="http://modawin-blogger.blogspot.com"]{
background:red;
}


هذا ليس إلا جزء بسيطا جدا من المحددات في ال css , نتعرف معا إلى أنواع أخرى منها في جزء ثاني قريبا جدا .

تعليقك المشجع , و مشاركة التدوينة مع أصدقائك تشجعني على العمل و النشر و الإفادة .. شكرا ! ^^


إقرأ المزيد..

حول المدونة

مدون بلوجر مدونة عربية تقنية هدفها الأول إغناء المحتوى العربي و إيصال المعلومة و نشرها بين العرب
لتصبح مدون محترف في بلوجر في مقالات و فيديوهات مصورة
تم تأسيسها سنة 2014 من إيهاب المالكي لتهتم بكل ما يمكن أن يحتاجه المدونون , المبرمجون و المصممون . .
دروس بلوجر , قوالب بلوجر , إضافات بلوجر .. و المزيد على مدون بلوجر ! ^^
تصميم : إيهاب المالكي جميع الحقوق محفوظة مدون بلوجر - إتصل بنا - إتفاقية الإستخدام - سياسة الخصوصية