كيف يمكنك احتراف برمجة مواقع الويب Front-end

0 71

اذا كنت مبتدئ في برمجة مواقع الويب فعليك التركيز جيدأ بما سوف تقراه

تنقسم برمجة مواقع الويب الى قسمين

  • Front-end (تصميم واجهة المستخدم )
  • Back end(هو الجزء الذي لا يراه الزائر في الموقع، فهو مسؤول عن تخزين وتنظيم البيانات)
توضيح اكثر حول Front-end و Back end

اليوم سوف اتكلم عن مجال Front-end وهو مجال تصميم واجهة الموقع الذي سوف يراها الزائر

Front-end

بالمعنى الأساسي ، هو كل ما يمكنك رؤيته عند دخولك إلى موقع ويب ، لذلك فهو في الواقع الواجهة. يُطلق على مطوري البرامج الذين يقومون بتصميم الواجهة اسم “Frontend Developer”. عند تبدا بتطوير واجهة موقع كل ماعليك تعلمه هو HTML .CSS. JavaScript إذا كنت لا تعرف ما هي هذه الاشياء ، فلا تقلق ، فسأشرح لك في الأقسام التالية.

HTML

الحروف هي إختصار HyperText Markup Language، وهي ليست لغة برمجية بالمعنى المتعارف عليه للغات البرمجة، ولكنها لغة أو طريقة لوصف محتويات صفحة الويب لبرامج التصفح، حيث أن أي برنامج متصفح انترنت يحتاج لمعرفة محتويات الصفحة من عناوين ونصوص وصور وروابط و غير ذلك من مكونات صفحة الويب، حتى تتمكن من عرضها بالشكل الصحيح، ولغة الترميز HTML، هي اللغة الرئيسية التي يتكون منها أي موقع أو صفحة على شبكة الإنترنت.

وتتكون صفحة الويب من مجموعة من العناصر (Tags) أو تعرف كــ الوسوم، يكتب كل وسم بين (angle brackets) أو كما تسمى علامة أصغر من > وعلامة أكبر من <. ولا يقوم المتصفح بعرض هذه الوسوم، ولكن يقوم بعرض محتوياتها،

CSS

تعتبر CSS  -اختصار ل – (Cascading Style Sheet) لغة توصيفية  تقوم بمنح موقع الويب شكله الجميل وتصميمه الفريد الذي سيميزه عن غيره من المواقع . تعد لغة ال CSS  صديقة للغة ال  HTML فهي دائماً مرافقة لها وبجانبها في تصميم وإنشاء صفحات الويب. تشكل كل من هاتان اللغتان الأساس لكل موقع، فال HTML هي أساس كل عناصر صفحة الويب أما ال CSS فهي أساس تصميم وشكل الموقع فبدونها ستظل مواقع الويب نصًا عاديًا على خلفيات بيضاء.

ماذا يمكنك الفعل في CSS؟

تحديد الخطوط والهوامش والمسافات لعناصر الموقع .

تحديد لون وحجم العناصر .

تطبيق الألوان على الخلفيات .

تحريك العناصر بحرية والحصول على العديد من الحركات في الموقع .

والعديد من المزايا الاخرى التي يمكنك اكتشافها واضافتها الى موقعك لاعطاءه لمسة جميلة يجعله يختلف عن باقي المواقع ….

HTML مع CSS

JavaScript (Js)

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

-ويكيبيديا

وكما تعرفها ويكيبيديا , فهي لغة برمجية عالية المستوى تستخدم أساساً في متصفحات الويب ولها استخدامات واسعة أخرى في المجالات الأخرى , تضيف اساساً تفاعلية عالية الى صفحة الويب الخاصة بك , ظهرت أساساً لغة جافاسكريبت للمبرمجين الهواة ! وتم ملاحظتها من عموم المبرمجين المحترفين وتطويرها واصدار نسخ أعلى قوة منها لاحقاً لتصبح اللغة الأكثر اثارة للاهتمام من عام 2015 وحتى الآن. 

تؤثر لغة جافاسكريبت في برمجة الويب بشكل كبير جداً , وتعتبر من قواعد واساسيات اي مبرمج ويب فلن تجد اي مبرمج ويب بحق الا ويستطيع التعامل مع لغة جافاسكريبت . تدخل جافاسكريبت بشكل مباشر في تصميم وبرمجة الويب على حد سواء فلها ميزاتها التصميمية كميزاتها البرمجية بنفس القدر وخصوصاً بظهور مكتبات جافاسكريبت الحديثة ك Vue.js و Anhular و طبعاً jQuery ….

اليك افضل المصادر عربية لتعلم هذه الغات باحترافية

Elzero Web School


اتعلم فى ساعة

موقع w3schools

موقع Courses 4 Arab

يمكنك الانضمام الى قناتنا في التلكرام: انضم الان

اترك رد

لن يتم نشر عنوان بريدك الإلكتروني.

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