Front-end Web Dev محترف في عام ٢٠١٩.
هنالك أدوات تحتاج ان تتعلمها وان تكون متمكن من استخدامها لتصميم موقع بشكل عصري.
في هذه القائمه سوف اذكر لكم جميع هذه الادوات، وظائفها، ميزاتها، أهميتها لتطوير المواقع الإلكترونية في عام ٢٠١٩.
١- أدوات اساسية:
في البدايه تحتاج إلى محرر لكتابة أكواد بشكل متناسق مثل VSCode، Atom, Brackets. أيضاً تحتاج ل Browser مناسب مثل Chrome او Firefox.
إذا كنت تريد التعمق اكثر في تصميم الواجهات لتصبح متخصص في Front-end، إذآ يجب الإلمام أيضاً ببرامج الفوتوشوب مثل XD, Sketch, Figma.
٢- أدوات التصميم:
في بداية اي مشروع تقني يتعلق بالصفحات الإلكترونية لابد من الإلمام بال HTML & CSS. يجب ان تكون متمكن من استخدام هذه الادوات بشكل احترافي خصوصاً ال CSS Positioning, box model, flexbox, CSS Grade, CSS variables.
٣- ألتصميم المتجاوب Responsive layout:
أن تكون الصفحات الإلكترونية تعمل بشكل متناسق على جميع مقاسات الأجهزة. بداية من شاشات الجوال، اللابتوب حتى شاشة الكمبيوتر PC.
كانت تعد من الكماليات، أما الآن فهي من الاساسيات. تحتاج لتعلم
Set viewport, Fluid width, Media queries, rem over px.
٤- التمكن من أستخدم ال JavaScript:
قوة الجافاسكربت تعكس قوة اساس كل صفحه إلكترونية.
تعلم استخدم الجافاسكربت بدون أي مكتبات مساعده. مثل ال Loops, Data Types, functions, operators, conditions. بالاضافه إلى معرفة استخدامات ال JSON و fetch API و DOM.
٥- استخدام قوالب التصميم:
أهم هذه القوالب هو ال Bootstrap.
هو عباره عن إطار خليط من CSS، HTML، JS طورته Twitter.
سوف تحتاجه كثيرا في ال Front-end لإضافة قوالب، ايقونات، تنقل سهل بين الصفحات. ال Bootstrap يختصر عليك وقت ويضيف طابع جميل على صفحتك. بالإضافه إلى Materialize, Bulma.
٦- إطارات ال JavaScript:
في الوقت الحالي اصبح من الضروري تعلم ومعرفة استخدام اطارات مثل React و Vue في واجهات المستخدم ال UI. هذه الإطارات تتشابه مع ال bootstrap كثيراً في خصائصها إلى ان هنالك إختلاف طفيف في التفاصيل.
٧- رفع الصفحات الإلكترونية:
بعد إتمام المشروع وعمل الصفحات الإلكترونية بالشكل المطلوب. إبحث عن شركة استضافه والخيارات كثيره، منها المجاني ومنها بأسعار معقوله. بعد ذلك سوف تحتاج لبرنامج نقل الملفات من وإلى الخادم. أفضل برنامج مستخدم حالياً هو Filezilla, يعمل على جميع أنظمة التشغيل.
المصدر
المشاركات
ليست هناك تعليقات:
إرسال تعليق