مجموعة كبيرة من ايقونات ios7 للتحميل

للتحميل من هنا

المصدر:هنا

كود تضمين ملف html داخل ملف html

السلام عليكم ورحمة الله وبركاته

 اليوم اتيت لكم ب كود يجعلك قادرا على تضمين ملف اتش تي ام ال داخل ملف اخر والكود هو

<link rel="import" href="stuff.html"

 ونغير الرابط حق الملف بما يتناسب مع الملف المراد تضمينهheadطبعا نضيف الكود داخل ال

درس عن الjson في الjquery

السلام عليكم

اليوم اتيت لكم بدرس عن ال json 
JSON (an acronym for JavaScript Object Notation) 
الjson الفايدة منه انه يخلي سهل التعامل مع البيانات واكبر الشركات مثل الفيس بوك وقوقل تستخدمه 
يجعل البيانات سهلة القراءة بالنسبة للبشر
---------------------------------------------------------
طبعا هي عبارة عن objects بس انا بشرحها بشرح سهل
هو زي ماتقول متغير داخله قيم وتقدر تضع القيم داخلها قيم والقيم داخلها قيم ثانية الى مالا نهاية
طيب كيفية كتابة الكود

رمز PHP:

<script>
    var x = {name:'ali',lesson:'JSON'}
    document.write(x.name);
    </script>  

طبعا طريقة كتابة الكود هي في البداية وضعت متغير اسمه x وداخله json .الjson تفتح اقواس معكوفة{}
وتضع فيها الkey والقيمة الkey زي عبارة مثلا اقول الإسم :القيمة علي زي كده وتفصل بينهم بفاصلة
طيب هذا اول سطر ثاني سطر عبارة عن كتابة المتغير في الصفحة بس كيف نجيب قيمة من الjson
نجيبها كده نكتب اسم المتغير الأول ثم نكتب اسم الkey اللي داخل الjson
كده طبعا x اسم المتغير ونبغى نجيب نحن الname فنكتب x.name فبكده بيطلع قيمة الإسم
-----------------------------------------------
طيب كيف مثلا نحدث قيمة name بدل ali الى ahmed داخل الjson 

رمز PHP:

x.name= 'ahmed'  

-----------------------------------
طيب خلينا نسويها بشكل اعمق
الكود:

رمز PHP:

<script>
var x = {name:{firstname:'ail',secondname:'hassan'},lesson:'JSON'}
    document.write(x.name.secondname);</script>  

طيب في الjson زي ماقلنا نقدر نخلي القيمة لها قيمة والقيمة لها قيم اخرى
فنحن في الكود حطينا name وlesson لكن داخل الname فيها كود json ثاني اللي فيه firstname وsecondname يعني نقدر نضع json داخل json ونقدر طبعا نفرعها الا مالا نهاية
طيب كيف نكتب قيمة مثلا secondname 
نكتب اولا اسم المتغير ثم اسم الkey ثم اسم الkey اللي داخل الkey الأول
يعني بيكون كده x.name.secondname
يعني بالترتيب من الكبير اللي هو المتغير الى الأصغر منه ثم الأصغر وهكذا

--------------------------------------
طيب فيه حركة كمان انك تدخل array داخل الjson
مثلا الكود:

رمز PHP:

<script>
    arr = ['ali','hassan'];
    var x = {name:arr,age:20,country:'KSA'}
    document.write(x.name[0]);
    </script>  

طبعا في البداية سوينا متغير اسمه arr ووضعنا داخله array 
وثاني شي سوينا متغير x ووضعنا الjson داخله ووضعنا داخل الname قيمة arr اللي هي الarray (المصفوفة) طبعا لما نجي نكتب متغير مانحط حوليه '' أو "" 
طيب كيف نجيب الإسم ali نكتب

رمز PHP:

 x.name[0]  

وطبعا زي ماهو معروف انه المصفوفة تبدأ من الصفر لأول قيمة ولاحظ اني ماكتبت

رمز PHP:

arr[]  

كتبت

رمز PHP:

name[0]  

لانه قيم المصفوفة arr صارت تنتمي الى name 

هناك طريقة اخرى لجلب القيم زي الarray كود المتغير ثم الkey

رمز PHP:

x['name'];x['name']['firstname'];  

وبكده انتهى الدرس

مرجع فيديو لjson 
https://www.youtube.com/watch?v=wbB3lVyUvAM

تشغيل صوت عن طريق javascript

السلام عليكم ورحمة الله وبركاته

اليوم اتيت لكم بطريقة تشغيل صوت معين عن طريق ال

jquery

 ممكن تستخدمه مثلا عند الضغط او اي 

شي تحتاجه فيه

الكود طبعا جافاسكربت

رمز PHP:

 var snd = new Audio("win.mp3"); // buffers automatically when created

       snd.play();  

استخدام الكود غير بس win.mp3 الى مسار الملف الصوتي فقط

اشرطة(progress) بأشكال جبارة

السلام عليكم
اليوم اتيت لكم بأشكال رائعة لأشرطة التحميل اللي هي progress في ال html5

رمز PHP:

<progress></progress>  

رابط الأشرطة مع الكود تبعها: Skillset using HTML5 progress bars with CSS3 animations - CodePen
رابط الموضوع الأصلي:The HTML5 progress Element | CSS-Tricks
رابط الموقع اللي فيه دروس كثير مفيدة وجميلة:CSS-Tricks
موقع كله امثلة زي ده المثال واحلى:http://codepen.io/picks/

خاصية localStorage خاصية المخزن بديل session وcookies في الphp

السلام عليكم ورحمة الله وبركاته

قبل الدرس مثال جهزته النتيجة النهائية والكود كامل 
عشان تفهم التجربة غير القائمة بتلاقي الخلفية تغيرت جرب تحدث الصفحة بتلاقي الخلفية نفسها ماتغيرت ليش كيف الحركة ديه اذا تبغى تعرف تابع الدرس
هذا رابط التجربة :Edit this Fiddle - jsFiddle

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,,,,,
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,,,,,,

اليوم اتيت لكم بشرح localStorage هي تؤدي نفس وظيفة الcookies او session في الphp لكن القيم بدل ماتخزن في السيرفر تخزن في جهاز المستخدم فبيكون استيراد البيانات اخف لانه بتقل العمليات على السيرفر

مصادر ومواقع لتعليم برمجة المواقع والتصميم وكل شي ممكن يخطر على بالك(مؤكد انك ستستفيد)

السلام عليكم ورحمة الله وبركاته

اليوم اتيت لكم بمصادر ضخمة لدروس تعلم البرمجة والتصميم بجميع انواعها

أولا:

موقع the new boston يحتوي على كل هذه الدورات

• Adobe
  After Effects (39 Videos)
  DreamWeaver (41 Videos)
  Flash (6 Videos)
  Photoshop (16 Videos)
  Premiere Pro (12 Videos)
  
  V............................................................................   Computer Programming