افضل موقع اختصار روابط 2020

Front End Development

تعريف Front End  Development:

الـ Front End Developer بشكل عام هو شخص يجيد التعامل مع ما يراه المستخدم فقط،

من هذا التعريف نجد ان فى نوعين من صناعه اى برنامج 

1. Front End  Development وهو ما سنتحدث عنه اليوم .

Back end:وهو ما لا يراه المستخدم فى الصفحه وهو جزء خاص بلبرمجه 

الفرق بين  Front end و Back end:

اولا front end :

هو الخاص بتطوير الصفحه الاماميه للمستخدم والتطبيقات التى يشاهدها المستخدم اى كل يراه المستخدم مثلا button وdropdown menu و navbar و pragraphوحجات تانى كتير يمكن مشاهدتها فى الصفحه .

ويمكن استخدام لغات برمجه لFron end مثلا :

1. html 
2. css
3. html 5
4. css3
5. bootstrap
6. Java script
7. jquery

والان سوف نتحث عن بعض اللغات  من هذه اللغات باختصار وليس بتوسع .

اولا سوف نتحدث عن لغه html :

وهى لغه  صفحات الاماميه  الويب او الموقع وتعرتبر لغه اتش تى ام الا لغه ترميز وليس لغه برمجه وقد تم انشائها عام 1990 بواسطه بعض المبرمجين .

 ثانيا سوف نتحدث الان عن لغه سى اس اس css:

 وهى من اللغات السهله والجميله فى تعلمها وتعير لغه تزيين الصفحه ويوجد منها اصدارات كثيره من اهم هذه الاصدارات هى لغه سى اس اس تلاته css3 وقد تم فى اضافات جديده احسنت من اللغه وسهله من استخدامها وسهوله التعامل معها وقد ظهر منها اختصار للاكواد مثلا sass  وهى لغه سهله الكود من حيث القراءه والكتابه والتعامل معاها .

ثالثا سوف نتحدث عن لغه  اتش تى ام ال الاصدار الخامس Html5:

الان سوف نتعرف باختصار عن الاصدار الخامس من لغه اتش تى ام ال الاصدار الخامس . والذى ظهر فيه تاجات جديده سهله على المبرمج كتابه الكود مثلا تاج form وما به من خصائص كثيره  مثلا lable وهو وسم تعريف ما ياتى بعده ; كما يوجد تاج جديد لم يكن فى لغه اتش تى امل ال وهو تاج button الزرار وهو ما كان يصعب على المبرمج ان يستخدم تاج نفسه فى لغه اتش تى ام ال 

لكن جائت لغه اتش تى ام ال الاصدار الخامس فعملت وسم خاص للزرار button. وايضا يوجد تاج جديد لم يكن فى لغه اتش تى ام الheaderوهو راس اى موضوع يعنى مثلا لا يوجد شئ بدون مقدمه راسيه تاج الهيدر هو ما نكتبهحتى نعرف ان ما يرمز له هو شئ رئيسى . ,وايضا سوف نعرف تاج جديد لم تستطيع لغه اتش تى ام ال وجدوده فى نسختها الاوله وهو تاج الفوتر footer هذا التج مهم جدا جدا فلا تخلو صفحه منه ابد فهو شيئ اساسى فى الصفحه مثلا الهيدر headerولكن الهيدر herderبيكون فى اول الصفحه ولكن الفتر بيكون فى اخر الصفحه حيث يوجد فى اختصار ما يحتوى عليه الموقع من مواضيع 

رابعا سوف نتحدث عن لغه سى اس اس الاصدار الثالث css 3:

الان سوف نتحدث عن الاصدار التالت من لغه سى اس اس وهو سى اس اس الاصدار الثالث وهذا الاصدار كان سهل جدا فى الاستخدام حيث هر في بعض الخصائص لم تكن تظهر فى لغه سى اس اس وهوAdvanced وهو جزء مهم مهم جدا فى الصفحه حيث يقوم ببعض الاشكال من التدوير بذاويه ميعينه حول كلا من محور xومحور y ونقطه الاصل z وظهور جزء مهم جدا وهو الانميشن اى يمكنك ان تعمل انميش زى مان انت عاوز وهذا يعطى للصفحه شكل رائع جدا .

ثانيا backend : 

هو ما لا يستطيع المشاهد رايته لانه يكون خاص بلبرمجه بلغات برمجه مختلفه مثلا 

1. #c
2. Java
3. Java script
4. Python
5. c/c++
6. Go lang

وغيرهم كتير ببرمج بيهم فى back end.

هناك برامج كتيره تستخدمها لكتابت الكود ومن هذه البرامج برنامج Brackets

وهنا نشرح الخطوات اللازمه لتثبيت البرنامج وحفظ الملف html وcss:

لتحميل البرنامج من هنا 

1. 

هذا هو شكلها

2- وهذا شكلها بعد انتهاء التثبيت 

1.