مدونة تعلم

في هذا الدرس سنتعرف مع بعضنا البعض على القوائم وكيف نخطط للصفحة باستخدام لغة HTML القوائم القوائم تنقسم الى نوعين القوائم المرقمة نبدأ القائمة عن طريق الوسم <ol> ثم نغلقه عن طريق الوسم </ol> بين وسم البداية والنهاية نضع عناصر القائمة الخاصة بنا كالتالي <ol> <li>قهوة</li> <li>حليب</li> </ol> قهوة حليب القوائم غير المرقمة بكل بساطة نبدأ القائمة عن طريق الوسم <ul> ثم نغلقه عن طريق الوسم </ul> بين وسم البداية والنهاية نضع عناصر القائمة الخاصة بنا كالتالي <ul> <li>قهوة</li> <li>حليب</li> </ul> القائمة ستظهر بهذا الشكل قهوة حليب تقسيم الصفحة <div> الوسم <div>  هو عبارة عن وسم كتلة و يستخدم لتجميع العناصر و لتقسيم الصفحة لتقسيم صفحتنا على 5 عناصر اساسية باستخدام هذا الوسم، تابعوا معنا المثال التالي <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3....

<!DOCTYPE html> <html> <body><p> صورة<img src=" https://www.w3schools.com/html/smiley.gif " alt="Smiley face" width="32" height="32"></p><p> صورة متحركة : <img src=" https://www.w3schools.com/html/hackanm.gif " alt="Computer man" width="48" height="48"></p><p> كود وضع صورة متحركة هو نفسه كود وضع صورة ثابتة</p></body> </html> هنا كيفية ظهور الكود :صورة: صورة متحركة :  كود وضع صورة متحركة هو نفسه كود وضع صورة ثابتة صور HTML - وسم <img> :  في لغة ال HTML نعرف الصور عن طريق الوسم <img> هذا الوسم ليس لديه محتوى و ليس لديه وسم اغلاق كما في الوسوم الاخرى من أجل اظهار الصورة داخل الوسم نستعمل src و هي اختصار ل source و يكون داخلها رابط الصورة الصيغة الخاصة بالصور في لغة html :    <img src=" رابط الصورة " alt=" نص "> في رابط الصورة ممكن ...

بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته في هذا الدرس سيتم طرح بعض الاسئلة التي غالباً ما يسألها المبتدئ قبل دخوله عالم الجافا, حيث ستتم الاجابة عليها باختصار لكي يتم توضيح الصورة العامة عن هذه اللغة القوية. على بركة الله نبدأ س1: ماهي بدايات لغة الجافا ؟؟ لغة الجافا هي من تطوير شركة صن المعروفة وكانت في البداية جزء منها مكتوب ب سي ++ وسي اما الان فهي مكتوبة من اولها الى اخرها بلغة الجافا. طبعا اهم ما يميز الجافا انها لا تعتمد على(platform ) معين لانها تعمل على آلة الجافا الافتراضية JVM لذلك هي مستقلة عن طبيعة platform وهذا هو السبب الرئيسي لإنتشارها الواسع جدا. س2:هل الجافا هي الجافا سكريبت ؟ لا يخلط كثير من المبتدئين بين هاتين اللغتين ولكن دعوني اوضح ماهي الجافا سكريبت في البداية التي هي من انتاج شركة نتسكيب وكانت في البداية تسمىlive code و اخذت تسمية الجافا سكريبت لسبب تجاري فقط لان الجافا كانت في اشد انتشارها. الجافا سكريبت هي لغة بسيطة جدا مقارنة بالجافا فهي لغة Client Side أي انه يتم تنفيذها على متصفح الويب فالكود يرسل من السيرفر بدون معالجة ,حيث انه يعالج ...

 CSS (Cascading Style Sheets) لغة CSS  وهي اللغة التي تستخدم من أجل واجهة صفحات HTML ادخل اكواد CSS في صفحات HTML :  CSS دخلت مجال التنفيذ مع HTML 4 الاصدار الرابع لتوفير وسيلة أفضل من أجل الستايل الخاص بصفحات HTML نستطيع اضافة اكواد CSS الى صفحة HTML بطرق عدة : اولا  داخل عناصر HTML (داخل الوسم ) كود داخلي ( internal) - باستخدام الوسم <style> في عنصر <head> ملف خارجي (external) - عن طريق ملف CSS خارجي الطريقة الأفضل و المستخدمة في معظم المواقع هي ربط صفحات الHTML لملف CSS خارجي و مع ذلك ، في هذا الدرس سنشرح طريقة ادخال اكواد الCSS داخل الوسوم من أجل فهم أكثر لغة CSS و تسهيل الأمثلة ، و هي أيضا سهلة من أجل اضافة الاكواد و تجريبها بنفسك على كل وسم . و سنتعلم كل شيء عن CSS في دورة خاصة باذن الله . طريقة ادخل الاكواد في الوسوم :  كود الCSS داخل الوسم يطبق فقط على عنصر واحد و هو العنصر الذي وضعنا الكود داخله لادخال الكود بهذه الطريقة كل ماعلينا فعله هو وضع اكواد CSS ...

مقدمة عن لغة الجافا بسم الله الرحمن الرحيم مقدمة عن لغة الجـافـا وبيئة التشغيل لغة الجافا Java Language: هي لغة حديثة أنتجتها عام 1995م شركة SUN Micro System لتناسب التطبيقات الحديثة . وهي تناسب تطبيقات الإنترنت حيث أصبحت هي قلب برمجة الإنترنت بما توفره من إمكانيات . وتتصف لغة الجافا بالصفات التالية : 1- لغة برمجية تعمل بواسطة الأهدافOOP . 2- لها بيئة تشغيل خاصة بها JVM . 3- لها مكتبة فصائل Class Libraries . 4- تقوم على لغة C / C++ . 5- تعمل على معظم نظم التشغيل . وفيما يلي شرح هذه النقاط : 1- لغة تلتزم بقواعد البرمجة بواسطة الأهداف Object Oriented Programming (OOP) : حيث وفرت كثير من الجهد الذي كان يبذل باستخدام البرمجة التقليدية ، حيث كانت البرمجة التقليدية توفر للمبرمج مكتبة من الدوالي إضافة إلى تركيب تقليدي للبرنامج وعلى المبرمج أن يستعمل الدوالي مع تركيب البرنامج لإنشاء التطبيقات مما يضطره لكتابة السطور الكثيرة أكثر من مرة ؛ لقد كانت وحدة بناء البرنامج هي الدالة .. في حين أتت البرمجة بواسطة الأهداف بفكرة جديدة هي إنشاء عناصر متكاملة تحتوي على بيانات ودوالي هي أساس إنشاء...

التعامل مع السلاسل : يمكنك في السلاسل ان تقوم بإستخراج حرف معيّن من سلسله معينه program Strings; var   s: String;   c: Char; begin   s := 'Hello';   c := s[1];{c = 'H'} end. كذلك يمكنك معرفة طول سلسله بإستخدام الامر Length : program Strings; var   s: String;   l: Integer; begin   s;= 'Hello';   l := Length(s);{l = 5} end. للبحث عن شئ في سلسله يمكنك استخدام الامر Pos . البارامترات : 1: كلمة البحث 2: السلسله التي سيتم البحث بها program Strings; var   s: String;   p: Integer; begin   s := 'Hello world';   p := Pos('world',s); end. الامر Delete يقوم بحذف الحروف من السلسله . البارامترات : 1: السلسله التي سيتم الحذف منها 2: بدء الحذف من اين 3: كمية الاحرف التي سيتم حذفها   program Strings; var   s: String; begin   s;= 'Hello';   Delete(s,1,1);{s = 'ello'} end. الامر Copy يقوم بنسخ ما هو مطلوب من السلسله البارامترات : 1: السلسله التي سيتم النسخ منها 2: بدء النسخ من اين 3: كمية الاحرف التي سيتم نسخها program Strings; var  ...

الدرس الثالث - المتغيرات و الثوابت ماهي المتغيرات؟ المتغيرات عباره عن اسماء تخزّن في ذاكرة الحاسوب . هذا الاسم يستخدم لتخزين المعلومات في الذاكره . يمكننا استخدام انواع مختلفه من المعلومات في المتغيرات , مثلاً الارقام و السلال و غيره . استخدام المتغيرات : يجب دائماً ان نعلن عن المتغيرات قبل استخدامها . نستخدم الكلمه الاساسيه var لعمل ذلك . دائماً يجب اختيار نوع البيانات للمتغير . وهذه هي انواع المتغيرات المختلفه . Byte : من 0 إلى 255 Word : من 0 إلى 65535 ShortInt : من -128 إلى 127 Integer : من -32768 إلى 32767 LongInt : من -4228250000 إلى 4228249000 Real : قيم النّقطة المتغيّرة Char : حرفاً واحداً String : فوق 255 حرف Boolean : true او false في هذا المثال سوف نتعرف على طريقة الاعلان عن متغير من نوع intger اسمه i : program Hello; begin   Write('Hello world'); end. لإعطاء قيمه للمتغير يتم استخدام عامل الاسناد := program Variables; var   i: Integer; be...

تعلم برمجة Pascal الدرس الثاني - الالوان , الاحداثيات , النوافذ و الصوت الالوان : لتغيير لون النص الذي يُطبع على الشاشه يمكننا استخدام الامر TextColor . مثال : program Colors; uses   crt; begin   TextColor(Red);   Writeln('Hello');   TextColor(White);   Writeln('world'); end. الامر TextBackground يقوم بتغيير لون خلفية النص . اذا كنت تريد تغيير لون خلفية الشاشه إلى لون معيّن يجب ان تستخدم الامر ClrScr . program Colors; uses   crt; begin   TextBackground(Red);   Writeln('Hello');   TextColor(White);   ClrScr; end. إحداثيات الشاشه : يمكنك ان تضع السهم في اي مكان تريده في الشاشه بإستخدام الامر GoToXY . في الدوس , الشاشه بعرض 80 حرف و ارتفاعها 25 حرف . يتغير الطول و العرض في المنصات الاخرى , قد تتذكر الرسوم البيانيه في الرياضيات . احداثيات الشاشه كذلك تعمل بنفس الطريقه . في المثال الذي سوف نعرضه سوف نعرف كيف نحرّك المؤشر إلى العمود العاشر في الصف الخامس program Coordinates; uses   crt; begin   GoToXY(10,5);   Writeln('Hello'); end. النوافذ : النوافذ ست...

السلام عليكم ورحمة الله وبركاته سأقدم لكم دروس فعلاً مفيده و سهله و تشرح الاساسيات بالتفصيل بإذن الله , سوف اقوم بإضافة كل درس على حدة برمجه موفقه مع باسكال بإذن الله . تعلم برمجة Pascal الدرس الاول - مقدمه عن باسكال : باسكال لغة برمجه انشئت بواسطة Niklaus Wirth في عام 1970 . كان اسمها سابقاً Blaise Pascal , عالم الرياضيات الفرنسي المشهور . لقد صنعت هذه اللغه لتعليم البرمجه ولكي تكون محل ثقه لدى المبرمجين . منذ ذلك الوقت قد اصبحت لغة البرمجه باسكال اكثر من انها فقط لغه اكاديميه و لكنّها استخدمت تجارياً ايضا . ما الذي احتاجه لأبدأ مع باسكال : قبل بداية تعلم برمجة الباسكال , تحتاج إلى مترجم باسكال (compiler) . هذا الدرس يستخدم (مترجم باسكال المجاني) : https://www.freepascal.org/ .  يمكنك الحصول على قائمه من مترجمات باسكال في https://www.freebyte....ascal_compilers . أو حمل تطبيق turbo pascal من الموقع إليكم الرابط  www.commentcamarche.net/.../telecharger-34096272- turbo - pascal برنامجك الاول : اول شئ يجب ان تفعله ان تفتح مترج...