6 مهارات أساسية لمطوري Vue
1. HTML & CSS
HTML و CSS هما أساس الويب. HTML (لغة ترميز النص التشعبي) هي اللغة المستخدمة لتطوير صفحات الويب. يقوم HTML بإنشاء موقع ويب ويحتوي أيضًا على بيانات لمحتوى موقع الويب.
CSS (أوراق الأنماط المتتالية) هي اللغة التي تحدد طريقة عرض المستند المكتوب بلغة HTML. تصقل CSS الأشياء بأسلوب لجعلها تبدو أفضل.
يتم إنشاء تطبيقات Vue باستخدام مكونات الملف الفردي (SFC). يسمح لك SFC بتحديد ملفات
- منطق جافا سكريبت
- قالب كود HTML
- تصميم CSS
الكل في ملف واحد. سيعرض Vue HTML من القالب ليتم عرضه للمستخدم.
صقل مهاراتك في HTML و CSS حتى تتمكن من عرض العناصر بشكل صحيح على صفحة الويب.
يجب أن تكون على دراية بكتابة علامات HTML الدلالية. لتصميم تطبيقك، يمكنك استخدام CSS أو Flexbox أو CSS Grid.
2. أساسيات JavaScript وجافا سكريبت الحديث (ES6 – ES7 – ES8)
بدلاً من عرض البيانات الثابتة، ستحتوي تطبيقات Vue على بيانات ديناميكية وستستجيب لإدخال المستخدم وتفاعله. سيتم استخدام JavaScript لكتابة منطق هذا السلوك في SFC الخاص بك.
الويب عبارة عن منصة ديناميكية بشكل متزايد. يتم الآن إطلاق معايير جديدة لـ JavaScript كل عام. تجلب هذه المعايير المزيد والمزيد من الميزات القوية.
بعض الميزات الجديدة هي تدمير الكائنات، والقوالب الحرفية، وطرق جديدة لتعريف المتغيرات وطرق جديدة للصفائف.
سيؤدي استخدام JavaScript الحديث إلى تحسين كفاءة التطوير الخاص بك مع السماح لك بكتابة التعليمات البرمجية بشكل أفضل وأسهل في القراءة.
3. بوابة
Git هي مهارة مهمة في روتيننا كمطورين برمجيات. Git هو نظام تحكم في الإصدار (VCS).
على المستوى الأساسي، يسمح لك git بتتبع التغييرات في ملفاتك ويبسط العمل على الملفات والمشاريع مع عدة أشخاص.
لبدء استخدام Git ، ستحتاج إلى القيام بأمرين. أولاً، قم بتثبيت Git على جهاز الكمبيوتر الخاص بك.
ثانيًا، أنشئ حسابًا على نظام أساسي قائم على السحابة مثل GitHub أو GitLab لتخزين التعليمات البرمجية الخاصة بك.
أثناء كتابة رمز جديد أو تغيير الرمز الحالي، ستقوم بتخزين التغييرات في حسابك على GitHub.
يمكن للمطورين الآخرين العمل على قاعدة التعليمات البرمجية الموجودة لديك عبر Git.
4. npm أو الغزل
HTML وCSS هما أساس الويب. HTML (لغة ترميز النص التشعبي) هي اللغة المستخدمة لتطوير صفحات الويب.
يقوم HTML بإنشاء موقع ويب ويحتوي أيضًا على بيانات لمحتوى موقع الويب.
CSS (أوراق الأنماط المتتالية) هي اللغة التي تحدد طريقة عرض المستند المكتوب بلغة HTML. تصقل CSS الأشياء بأسلوب لجعلها تبدو أفضل.
يتم إنشاء تطبيقات Vue باستخدام مكونات الملف الفردي (SFC). يسمح لك SFC بتحديد ملفات
- منطق جافا سكريبت
- قالب كود HTML
- تصميم CSS
الكل في ملف واحد. سيعرض Vue HTML من القالب ليتم عرضه للمستخدم.
صقل مهاراتك في HTML وCSS حتى تتمكن من عرض العناصر بشكل صحيح على صفحة الويب.
يجب أن تكون على دراية بكتابة علامات HTML الدلالية. لتصميم تطبيقك، يمكنك استخدام CSS أو Flexbox أو CSS Grid.
5. Vue
لكي تكون مطور Vue ناجحًا، فأنت بحاجة إلى معرفة أساسيات لغة البرمجة Vue.
تعد وثائق Vue مصدرًا ممتازًا لبدء تعلم كيفية استخدام Vue.
لدى Vue فلسفة أساسية تسهل البدء. وجود حاجز منخفض للدخول يجعل من Vue اعتبارًا جيدًا كأول إطار عمل JavaScript للتعلم.
إذا كان لديك تطبيق حالي، فيمكنك استخدام Vue في جزء واحد فقط من الواجهة الأمامية.
أو يمكنك إنشاء تطبيق كامل بالكامل في Vue. مع زيادة حجم التطبيق الخاص بك، سيتم توسيع Vue وفقًا لذلك.
6. Vue CLI
يمتلك فريق Vue واجهة سطر أوامر (CLI) للمساعدة في تطوير المشاريع باستخدام Vue.
يوفر CLI لمشروع Vue الخاص بك إمكانية الوصول الفوري إلى أفضل أدوات البناء من عالم الواجهة الأمامية.
كما أنه يجمعها بسلاسة مع الإعدادات الافتراضية المعقولة. في الوقت نفسه، يتيح سهولة التهيئة والتخصيص ليناسب احتياجاتك الخاصة.
تبنت Vue CLI 3 بنية جديدة قائمة على المكونات الإضافية. يمكن إضافة المكونات الإضافية في أي مرحلة من دورة حياة التطوير.
تسمح لك المكونات الإضافية بقضاء الوقت في التطوير بدلاً من التهيئة. تسمح بنية البرنامج المساعد للمطورين بإنشاء المكونات الإضافية والإعدادات المسبقة الخاصة بهم.
المصدر: pluralsight
شاهد المزيد:
