جولـة في عـالمِ البرمجة "Freedom Group"

[سُندسْ]

http://www.banaat.cc/uploads/images/banaat-40f930ca13.png (http://www.banaat.cc/uploads/images/banaat-40f930ca13.png)



(http://www.imagup.com/data/1126414496.html)http://data.imagup.com/11/1126414496.png (http://www.imagup.com/data/1126414496.html)

السلامُ عليكُنّ ورحمة الله وبركاته*

عالمُ البرمجة عالمٌ بديع..

فهو فنٌ من نوعٍ مُختلف ق1

واردنا الغوصَ في بعضِ جمالـه ..

فكانت لنا هذه الجولةُ معكُنّ تُقدمها لكُنّ مجموعـة "حُريّة"

فكُنّ معنا :)

[سُندسْ]

(http://www.banaat.cc/uploads/images/banaat-05af132ecb.png)http://www.banaat.cc/uploads/images/banaat-05af132ecb.png (http://www.banaat.cc/uploads/images/banaat-05af132ecb.png)


مٌـقدٍمـَـًـًـَہ , ,



يقوم الحآسب الآلي عند أداء أي عمل من أعمالـہ بتتبع مجموعـہ من الآوآمر المتسلسلـہ والمترابطـہ

مع بعضہـآ و ـآلتي تسمى بٍ ( آلبرنـآمج ) ، وٍ طبعـآ ـآلششخص آللي يقوٍم بكتآبـہ هذه آلتعليمـآت

يسسّمى بٍ [ آلمبرمــج ] وهذه آلآوآمر آو آلجمل ـآلمككتوبـہ تركيبتـہـآ تعتمـد علىآ لغِـِہٌ

ـآلبرمجـہ ـآلمسسّتخدمـہ , وتستطيـعنَ آنتٍ كً مُسسّتخدمـًـَہ آن تععْمليَ توٍجـيـّہِ للآعمـآل آللي تريدنهَـِآ

بآسستخدآم لغغـآت ـآلبرمجـہ.



.


http://www.banaat.cc/uploads/images/banaat-98f524a038.png (http://www.banaat.cc/uploads/images/banaat-98f524a038.png)

هي لغة مخترعة تستخدم لكتابة البرامج حيث يقوم جهاز الحاسوب بتنفيذها بعد مرور البرنامج المكتوب

بعدة مراحل يصبح الحاسوب قادرا علي فهمه.





تقسم لغات البرمجة بناء على قربها من اللغات الإنسانية إلى :

*لغة عالية المستوى (قريبة من اللغة التي يفهمها البشر)

*و لغة منخفضة المستوى (كلغة الأسيمبلي وهي قريبة من لغة الآلة)

وتقسم أحيانا بناء على الأغراض لهذه اللغة.



ومن الممكن تعريف البرمجة :

بأنها عملية كتابة تعليمات وأوامر لجهاز الحاسوب أو أي جهاز آخر،

لتوجيهه و إعلامه بكيفية التعامل مع البيانات أو لتنفيذ فعل معين.



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

مشتركة و حدود مشتركة بحكم أن كل هذه اللغات صممت للتعامل مع الحاسوب.





لغة البرمجة هي بالأساس طريقة تسهل للمبرمج كتابة تعليمات برنامجه التي تنفذ العمل المطلوب منه,

ولكتابة التعليمات توفر لغة البرمجة المختارة مجموعة من اللبنات (http://www.banaat.com/vb/../) الأساسية للاستناد

عليها خلال عملية بناء البرنامج و مجموعة من القواعد التي تمكن من التعامل مع معلومات و

تنظيم هذه الأسس التي توفرها اللغة لتتكامل و تقوم بعمل مفيد, تتمثل هذه الأسس و القواعد بصفة عامة في:

المعلومات و تخزين الأوامر و تنظيم سيرها .




http://www.banaat.cc/uploads/images/banaat-b9942fa024.png (http://www.banaat.cc/uploads/images/banaat-b9942fa024.png)






صفحة الويب هي عبارة عن صفحة مكونة من ثلاثة طبقات (Layers) كالتالي :






١-Content Layer :

أو طبقة المحتويات والمقصود بالمحتويات أي المحتويات الخاصة بالصفحة والمسؤل عن إنشاء هذه

الطبقة هو HTML وللتوضيح اكثر فإنه لا يمكنك بناء منزل بدون مخطط او خريطة ولهذا فإن مسؤلية

HTML هي بناء المخطط حيث ان HTML تساعدك في ترتيب العناصر على الصفحة وذلك انك

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

للعناصر على الصفحة وليس تصميم كما يعتقد العديد فأنت فقط تضع التخطيط للصفحة وهذه هي

المسؤلية الحقيقية لـ HTML .





٢- Presentation Layer :

أو طبقة العرض والمقصود بالعرض هنا التصميم أي كيف ستظهر صفحة الويب للمستخدم والمسؤل!

عن إنشاء هذه الطبقة هو CSS وبكلام أخر أي هي التزيين أو التجميل فبعد الإنتهاء من بناء منزل

فإن وضع الألوان وتزيين المنزل هي المرحلة الثانية بعد التخطيط له وبناءه ولهذا السبب تأتي مسؤلية

CSS هنا حيث أنها تقوم بوضع قناع على صفحة HTML لتزيين التخطيط الذي تم بنائه بواسطة

HTML .





٣- Behavior Layer :

أو طبقة التفاعل وتترجم أحياناً السلوك والمقصود بشكل عام هو كيف تجعل الصفحة تفاعلية او

تتخاطب مع المستخدم والمسؤل عن إنشاء هذه الطبقة هو لغة JavaScript وبإختصار

شديد هو أن JavaScript هي كالروح بالنسبة للجسد أو بكلام أخر هو كيف تجعل الصفحة

تتحدث والمقصود بكلمة تتحدث هو أي كيف تتخاطب مع المستخدم ولكي أسهل عليك الأمر أقول

لك أن JavaScript تمكن صفحة الويب من التحدث مع المستخدم وذلك عن طريق معرفة

ما يقوم به المستخدم على صفحة الويب حيث تقوم بالرد على طلبات المستخدم وأخذ مدخلاته خلال

الصفحة أي بكلام أخر أيضاً أريدك أن تفهم أن JavaScript هي شخص وليست لغة

وعندها عندما تتكلم مع شخص فأنت تسأل ويجيب عليك ويسألك وتجيب عليه ! .





وبعد أن أستعرضنا الطبقات الثلاثة لصفحة الويب عندها أقول لك أن بناء صفحة الويب يبدأ من الطبقة

الخاصة بلغة HTML والسبب هو أنها هي طبقة التخطيط فلا يوجد منزل بدون خريطة ..

وبعد ذلك تأتي طبقة التصميم CSS ثم طبقة التفاعل JavaScript ويجب أن يكون بناء الموقع بهذا الترتيب لأنه في حالة تم فقد التصميم لأي سبب كان فإن التخطيط يكون سليم فأحياناً بعض المستعرضات

يكون عليها بعض القيود فتجدها لا تتعامل مع جافاسكربت اويتم تعطيل جافاسكربت عندها مظهر الموقع

بـ HTML معروف لديك مسبقاً إن تم فقد التصميم أو تم تعطيل جافاسكربت.


http://www.banaat.cc/uploads/images/banaat-9295439b23.png (http://www.banaat.cc/uploads/images/banaat-9295439b23.png)


HTML


لغة النص المتشعب هي اللغة الإجبارية في كل صفحة، فهي روح صفحات الإنترنت،

ولا نستطيع إطلاق مصطلح صفحة إلكترونية على أي صفحة لا تتكون من هذه اللغة.



JS


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

(كبعض البرمجيات البسيطة) والمؤثرات المرئية (مثل القوائم المنسدلة والنوافذ المنبثقة)

وعيبها يكمن في عدم توافقيتها مع جميع المتصفحات، وإرهاقها لجهاز الشخص المتصفح.


Flash


كسابقتها مع تميز الأخيرة بالتوافق مع جميع المتصفحات.


CFM, ASP, PHP, JSP


عندما تحتاج للتعامل مع محتوىً ديناميكي (متغير أو معتمد على قاعدة بيانات)

وعيبها أن لكل منها اشتراطات خاصة من حيث نظام تشغيل خادم الويب، ومن

حيث نوع قواعد البيانات التي يمكن الربط معها.


CGI & Perl


كسابقاتها ولكن الأخيرة أصابتها الشيخوخة بسبب سهولة سابقاتها المتناهية.


CSS


ليست ملزمة، كما ينصح بها بشدة، فهي بمثابة مساحيق تجميل صفحات الإنترنت.



XML


عندما تحتاج إلى ربط البيانات بطريقة معقدة بين أنظمة تشغيل مختلفة.



.

.

[سُندسْ]

http://www.banaat.cc/uploads/images/banaat-c92f986a47.png (http://www.banaat.cc/uploads/images/banaat-c92f986a47.png)


الـ HTML هي اختصار Hyper Text Markup Language أي لغة

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

على الشاشة.

تم تصميم HTML في البدء لكي يتمكن العلماء من إنشاء مستندات نصية تحتوي على أوامر تنسيق

أساسية تسمى (ترميز) وارتباطات إلى معلومات أخرى (تسمى نصوص تشعبية أو ارتباطات

تشعبية) على سبيل المثال يمكن أن يحتوي مستند عن الهزات الأرضية على ارتباط إلى مستندات

أخرى تتحدث عن الهزات الأرضية كتبها علماء آخرون.

لم يخطر على بال مخترعي HTML أن هذه التقنية ستبرهن عن فعالية وفائدة لدرجة أنها ستصبح

السبب الرئيسي لنمو الوب.

ونلآحظ أن لغة HTML ليست لغة برمجة ، بل هي لغة للوصف وتعطي برنامج تصفح الشابكة (

الإنترنت ) وصفاً ليكفية عرضه للمحتويات، فهي تصف له أبعاد الصور و تنسيقات الخطوط

وغيرها.

وتستخدم لغة ال HTML مايعرف بالوسوم tags لإصدار التعليمات إلى المتصفح، هذه الوسوم

توضع بين علامتى أكبر من > و أصغر من <. و تبدأ أكواد HTML بالوسم <HTML>

، و تنتهى بالوسم <HTML/>. يقوم متصفح ويب بتحويل السطور البرمجية بلغة HTML

إلى صفحات مفهومة و سهلة القراءة لزوار المواقع.



أساسيات الوسوم (الأوامر) :

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

NotePad) ويحفظ بصيغة HTML أو HTM , ويحتوي هذا المستند على شفرات

خاصة تسمى وسوم أوامرTags توضع عادة حول كتل من النصوص , تلك الكتل

والوسوم تسمى عناصر (Elements) ويفسر مستعرض الوب كإنترنت إكسبلورر او

نيتسكيب تلك العناصر ليحدد كيفية عرضه على الشاشة.






http://www.banaat.cc/uploads/images/banaat-f4cf43d409.png (http://www.banaat.cc/uploads/images/banaat-f4cf43d409.png)


ما هي الجافا سكريبت ؟

الجافا سكربت هي لغة برمجه تلعب دور حیوي وفعال في صفحات الویب من خلال القیام

بوظائف قد تكون خارجیة او داخلیة بل لنكن اكثر دقة هي مرنه الى درجه تجعلك تتحكم بكل

جزء من الاجزاء اي النماذج او كنوافذ تخرج للمستخدم لتخبره بامر معین او تنبه صفحة الویب كأن

تستخدمها في الـ forms وغیرها من الاستخدامات التي یبثها مطور الویب في صفحاته اثناءبرمجته .





أصلهـآ :

تم تطوير لغة الـ JAVASCRIPT من قبل شركة NETSCAPEوالتي

طورتهـآ من لغـه الـJAVA التي أنتجتهـآ شركة SUN .

لذآ JAVASCRIPT =! JAVA معنآه لغة الجافا تختلف عن لغة الجافاسكريبت

فلغة الجافا تتميز بأنها أكثر قوة وأكثر تعقيدا وهي شبيهة بلغـه C+ .

اما لغة الجافاسكريبت تتميز بالسهولة وتاخد بعض خصائصها من لغة الجافا JAVA .







http://www.banaat.cc/uploads/images/banaat-ed02e17dfd.png (http://www.banaat.cc/uploads/images/banaat-ed02e17dfd.png)


آختصار لـ Personal Home Page

PHP عباره عن لغة تسمى

(Server Side Scripting Language)

ونعني بذلك انها تترجم من جهة الخادم وليس من جهاز المستخدم, و

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

لسهولتها وبساطه التعامل معها فهذه اللغه تتيح لك بناء مواقع حقيقه وممتازه لذلك صممت هذه اللغه

خصيصا للمواقع.





وتتميز بٍ :


-دعمها لعدد كبير من قواعد البيانات :

تدعم لغة PHP عدد كبير من قواعد البيانات منها MySQL و mSQL و Oracle و

DBM و وغيرها الكثير .


-الاداء العالي :

تعتبر اللغه جدا مميزه وفعاله , حتى مع دعمها بتقنيه ZEND اصبحت اقوى , بحيث يمكن ان

تتحمل ملايين الاوامر في اليوم الواحد .





http://www.banaat.cc/uploads/images/banaat-4411e288ad.png (http://www.banaat.cc/uploads/images/banaat-4411e288ad.png)






ماهي لغة CSS؟


إن كلمة CSS قادمة من الحروف الأولى للجملة : Cascading Style

Sheets ، والتي تعني باللغة العربية : صفحات الانماط الانسيابية ، فلغة CSS هي

مجموعة من الأوامر المكتوبة في ملف مستقل-عادة-تتحكم بخصائص HTML والتي تحدد مظهر

الصفحة المصممة ، كلون الخط ونوعه وخلفية الصفحة وشكل الجداول والإطارات، إلخ..






ماهي فوائد لغة CSS؟


*سهولة التعديل والصيانة :

إن أهم ميزة لـcss هي أنك تستطيع تعديل أو صيانة عدد كبير جدا من ملفات HTML من خلال

تعديل ملف واحد فقط هو ملف css.


*سهولة الوصول :

إن استخدام css يسهل عملية الوصول للمعلومة أو النقطة المرغوبة في صفحة HTML على

الطرفين ، المستخدم والمتصفح ، فصفحات html ستكون تقريبا شبه خالية من الوسوم لأنها ستكون

مخزنه في ملف css ممايجعل الصفحة تحتوي على المحتوى والمعلومات فقط ، فيصبح أسهل على

الكمبيوتر أو المتصفح الوصول وعرض الملعومات.

*تغيير بيئة العرض :

أعني بذلك أن بيئة المتصفح تختلف عن بيئة الطباعة وتختلف عن بيئة الكمبيوتر الكفي ، فأنت تحتاج

لعرض نفس الصفحة والمحتويات ولكن في عدة بيئات مختلفة ، فبدلا من تغيير محتويات html

يمكنك تغيير فقط طريقة العرض لتوائم البيئة المستهدفة.

*تقليل حجم الملفات :

إن استخدام ملف css يغنيك عن استخدام اكواد كثيرة جدا في ملفات html كشكل الخط ولونه

ولون الخلفية وصورة الخلفية والجداول وصورة الإزاحة والكثير الكثير من أكواد html كلها تكون

محفوظة في ملف واحد ألا وهو css ، مما يتسبب في هبوط حاد في حجم ملفات html مما يقلل

الضغط على السيرفر ويسرع العرض بشكل كبير.

*سيطرة أكثر على الكتابة :

يمكنك التحكم بالكتابة والنصوص في صفحات html بشكل أوسع من خلال css ، فيمكنك التحكم

بالفراغات بين السطور والكلمات والحروف ، وتغيير أنماط الحروف من كبيرة إلى صغيرة والعكس.





.


.


~

http://www.banaat.cc/uploads/images/banaat-79041edf87.png (http://www.banaat.cc/uploads/images/banaat-79041edf87.png)


كتاب html =

http://www.kutub.info/library/book/4751


كتاب php

http://www.kutub.info/library/book/6737

كتاب Js

http://www.kutub.info/library/book/7203


كتاب css

http://www.kutub.info/library/book/5367 [/ALIGN

[سُندسْ]

وهُنا تكونُ جولتنا قد انتهت ق1

آملاتٍ أن تكون قد حازت علي إعجابكُنّ ق1

والسلامُ عليكُنّ ورحمة الله وبركاته*

http://data.imagup.com/11/1126413550.png (http://www.imagup.com/data/1126413550.html)

[β7ŗ ẤŁṁŝhά3ŗ]

م شاء الله تباركك الله (ق):sg.15::sg.15:
معلومات كثيره @_@ و مفيده :هق::sg.15::sg.15:
تعبت و انا اقراها :هق::××:ق1
بس شي جميل و الله _@__@_ !

قروب الحريةة ق1ق1ق1
تنسيق - و محتوى - اخراج - و تصميم ق1ق1 !
كل شي يفتح النفس :ضحك:ق1ق1ق1 !
سلمتوا

[دُنْيا]

و عليكم السلام ورحمة الله و بركاته ق1
ماشاء الله معلومات قيمة جداً .. الحاجات هذي ندرسها بـ ثالث ثانوي :هق:
وانتوا الحين لخصتوا .. ^^ ق1 شكراً لكم

موضوع جميل جداً .. وتنسيق اجمل =)

بالتوفيق يا رب :hm:ق1

[к α ω т н є я]

عرفت أشيآء مآ كنت أعرفهآ ()

بسطتوا الأشيآء المعقّدة :هق: ، معَ انّي للحين أحس بِ التعقيد

بس الموضوع عجبنيْ ، و استفدت منّه بعدْ ’

و التنسيق خيآلي ، أبدعتن

تسلمون ~

بِ التوفيق لكنّ قروب الحريّة

[C A N D I D U S]

يآآآآآآآآآآآآآآآآىيَ :034q::034q:


مآشآء الله موضوعْ جميييييل جِداً
عن مجـآآآل رآآآآآآآآآآآآآئَع :034q:

عآلمَ البرمجه عآآلَم خيــــــآآآليَ ق1ق1
و مآ قصرتوآ جـَولَه جميله و ممتعهَ :هيا:

بالتوفيق قروبْ الح ـريه


( :sg.15: )