كيف تصبح مطور مواقع ويب محترف ؟! ماهي اللغات المستخدمة في بناء المواقع ؟ أساسيات في Html CSS؟ كورسات تعليمية للغات تصميم المواقع

بسم الله الرحمن الرحيم وأفضل الصلاة وأتم التسليم على سيدنا محمد وعلى آله وصحبه أجمعين
بدايةً أودّ أن أخبركم أنّ هذا مقال قديم وأنصحكم بالذهاب إلى أكاديميّة إلزيرو إذ يوجد فيها مسارات التّعلّم
رابط الأكاديميّة: http://elzero.org
(من القائمة العُليا اختر مسارات التعليم واختر المسار الخاص بك ومعلّمنا أسامة محمد قد كتب الكثير من الأمور الهامّة والّتي تفوق مقالتي احترافاً ودِقَّةً إذا أنني لم أكتب إلا القليل )




ربما أنت تمر في مثل الظروف التي مررت بها وهي بحثي حول موضوع "الوصول الى مرتبة المطور المحترف" والبحث عن مصدر تعليمي نافع ومفيد ومعلمين محترفين ! هذا موجود فعلاً.

إن تطوير المواقع  بالنسبة لمن لا يعرفونه قد يبدو صعباً لكن في الواقع هو ممتع وجميل
فلدينا لغة  Html لغة هكيلة المواقع ولدينا CSS لغة تنسيق المواقع والمظهر ولدينا لغة الجافا سكريبت javascript المشهورة تستخدم لجعل الموقع أكثر ديناميكية وحركة ولدينا لغة php لغة برمجة مخدم الموقع والتعامل مع قواعد البيانات ويوجد العديد من اللغات والتقنيات وأطر العمل التي سوف تتعرف عليها حالما تنخرط في تعلم هذا المجال
الآن سوف أقوم بادلالك على الطريق الصحيح إن شاء الله لتصبح مطوراً محترفاً
أولـــــــــاً
عليك أن تتعلم لغة هيكلة المواقع لغة   HTML  اختصاراً لجملة HyperText Markup Language
فلغة الHtml لغة سهلة جداً تستخدم لبناء هيكل الموقع مثل ("الجداول , مربعات النصوص , الأزرار , تقسيم صفحة الموقع")
أي هي لغة كتابة صفحة انترنت
مثال عن كود  الـHtml
<html> 

<head>

<title>هنا عنوان الصفحة</title> 

</head>  

<body>
هنا جسم الصفحة
</body>
</html>

في لغة الHtml لدينا أوسمة (Tags) الوسم هو عنصر أساسي في لغة Html ف<head> وسم  ولكل وسم فتح هنالك وسم إغلاق

مثال ("وسم الBody له وسم فتح و وسم إغلاق وسم الفتح <body> وسم الإغلاق </body>") 

ملاحظة نغلق الوسوم الأساسية بإضافة / بعد اشارة الأصغر اليسرى > 

ومحتوى الوسم يكون داخل وسمي الإغلاق والفتح

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

ملاحظة ("للhtml اصدارات تعلم الرابعة لأنها مدخل أما الخامسة فبعد اتقانك للغتين HTML , Css تعلم الاصدار Html5 ")

ثانيــــــا


عليك أن تتعلم لغة تنسيق المواقع لغة الCSS اختصارا لجملة Cascading Style Sheet

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

كيف يتم ربط الCSS بالـ Html ؟؟

في الHtml لاحظنا وسم أو(تاغ) اسمه <head> في هذا الوسم يتم التعريف عن وسوم وعناصر ال HTML الموجودة في وسم <body> وتنسيقها بلغة CSS مثال :

لدي في HTML وسم لجعل النص يظهر في الصفحة عريض  وهو
<b> النص العريض هنا</b> طبعا الوسوم لاتظهر إلّا في الكود !
أريد تنسيق محتوى الوسم b وجعل لونه أحمر وحجمه 18بكسل مثلاً
ففي وسم الHEAD أقوم بفتح وسم <Style> وأقوم بتعريف الوسم وتنسيقه كالتالي:
<style type=text/css>
<b { color : RED ; } </style
الآن عرفنا طريقة التعريف عن الوسوم وتنسيقها كبداية 

<html>

<head>

<title>هنا عنوان الصفحة</title>

<style type=text/css>

اسم الوسم  
{  خصائص التنسيق }
</style>
</head>
<body>
<الوسم>
Ahmad DEAB
</الوسم>
</body>
</html>





CSS لها اصدار جديد بعد انهائك من HTML 4 و CSS2 ابدء بتعلم النسخة الثالثة

CSS3 كما أنصحك تعلم الHTML 5 الاحترافية .

ثالثـــــاً


عندما تنتهي من اللغتين HTML , CSS أنصحك ببدايتك في HTML 5 , CSS3 اللغتان الأكثر استخداماً لكنك لن تستفيد شيء دون تعلم الاصدارات القديمة لا تشغل بالك جداً بها انتهي من CSS2 , HTML 4 وباشر فيهم لتنطلق مصمماً لأجمل القوالب والصفحات الاحترافية وأكمل مسيرتك لتتعلم اللغة البرمجية السهلة JAVA SCRIPT لغة برمجة تستخدم أيضاً داخل كود الHTML بشكل جميل شرحها سوف تتلقاه في الكورس الخاص بها انساها الآن عندما تنتهي من اللغات السابقة انطلق بها

هي بالمختصر المفيد تزيد من ديناميكية الموقع مستخدمة في كل المواقع المشهورة مثل Facebook Twitter Google والكثير.
رابعاً
بعد أن تنتهي من الـHTML , CSS , JavaScript 
ابدأ مسيرتك مع PHP اختصاراً لجملة PHP: Hypertext preprocessor لغة برمجة نصية تم تصميمها لبرمجة وتطوير تطبيقات الويب Web Application ويمكن استخدامها لانتاج برامج قائمة بذاتها ليس بالمواقع فقط 
انها لغة مفتوحة المصدر تدعم البرمجة الكائنية التوجه (Object-oriented-programming- OOP)
تشبه بكتابتها لغة C المشهورة

وأخيراً وليس آخراً أقدم لك مراجع أساسية ومضمونة لتعلم اللغات السابقة بأحسن المعلمين 
HTML كورس بالفيديو
HTML 5 كورس بالفيديو
CSS كورس بالفيديو
CSS 3 كورس بالفيديو
JavaScript كورس بالفيديو
PHP كورس بالفيديو
Web Design Course كورس تصميم المواقع بالفيديو
أتمنى أن أكون قد كشفت لكم المعلومات القيمة لتستفيدوا ولا تنسوا المشاركة والتعليق
وأخيراً أنهي مقالتي بشكركم للقراءة ولا تنسونا من صالح دعائكم وتعليقات
شاركو المنشور على فيسبوك

تعليقات

إرسال تعليق