Frontend Engineer

الأدوار والمسؤوليات

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

ما نبحث عنه فيك

سجل أكاديمي استثنائي من المدرسة الثانوية والجامعة
درجة جامعية في علوم الكمبيوتر أو العلوم والتكنولوجيا والهندسة والرياضيات، أو سرد مقنع حول مسارك البديل
الدافع وسجل حافل بالتفوق على التوقعات
منظم جيدًا، ومبادر ذاتيًا وقادر على التسليم في الموعد المحدد
طريقة احترافية في التعامل مع الزملاء والشركاء والمجتمع
خبرة في تصميم وكتابة تقنيات الويب عالية الجودة
خبرة وشغف بـ Typescript أو React أو Flutter
نظرة ثاقبة لإمكانية الوصول والأداء
الإنجليزية المكتوبة والمنطوقة بشكل احترافي
خبرة في Linux (يفضل Debian أو Ubuntu)
مهارات التعامل الشخصي الممتازة، والفضول، والمرونة، والمساءلة
الشغف، والتفكير، والدافع الذاتي
مهارات التواصل والعرض الممتازة
التركيز على النتائج، مع الدافع الشخصي للوفاء بالالتزامات
القدرة على السفر مرتين في السنة، لحضور فعاليات الشركة لمدة تصل إلى أسبوعين لكل منها

مهارات لطيفة

خبرة في تكنولوجيا الحاويات مثل LXD وDocker وKubernetes
الاهتمام بالتفاصيل المتعلقة بتطوير واجهة المستخدم التي تركز على المستخدم
تصميم وتطوير وإدارة واجهة برمجة تطبيقات REST
خبرة في هندسة الأداء والأمان

الملف الشخصي المرغوب للمرشح

1. المهارات الأساسية
أ) HTML (لغة ترميز النص التشعبي)
البنية الأساسية لصفحات الويب.
معرفة HTML الدلالية لسهولة الوصول وتحسين محركات البحث.
فهم ميزات HTML5 (على سبيل المثال، علامات الفيديو/الصوت، والتحقق من صحة النموذج، واللوحة القماشية، وتحديد الموقع الجغرافي).
ب) CSS (أوراق الأنماط المتتالية)
تصميم العرض المرئي لصفحات الويب.
تقنيات التخطيط: Flexbox وCSS Grid وتحديد المواقع.
التصميم المستجيب: استخدام استعلامات الوسائط للتصميمات التي تركز على الأجهزة المحمولة.
المعالجات الأولية: SASS وLESS لتحسين إمكانية الصيانة والميزات مثل التعشيش والمتغيرات.
أطر عمل CSS: Bootstrap وTailwind CSS وMaterial UI لتطوير أسرع.
ج) JavaScript
JavaScript الأساسية: فهم قوي لمفاهيم JavaScript الأساسية مثل المتغيرات والحلقات والوظائف والنطاق والإغلاقات.
التلاعب بـ DOM: القدرة على التفاعل مع HTML وCSS وتعديلهما من خلال JavaScript (نموذج كائن المستند).
معالجة الأحداث: فهم كيفية التعامل مع تفاعلات المستخدم، مثل النقرات وإرسال النماذج وحركات الماوس.

البرمجة غير المتزامنة: العمل مع عمليات الاسترجاع والوعود وasync/await للتعامل مع المهام غير المتزامنة.

ميزات JavaScript ES6+: التفكيك، ووظائف الأسهم، والفئات، والوحدات النمطية، وحرفيات القالب، ومشغلات الانتشار.

2. أطر العمل والمكتبات الأمامية

React.js: مكتبة JavaScript شائعة لبناء واجهات المستخدم مع المكونات وإدارة الحالة والخطافات.

Vue.js: إطار عمل JavaScript متقدم لبناء واجهات المستخدم وتطبيقات الصفحة الواحدة.

Angular: إطار عمل أمامي كامل الميزات من Google يستخدم TypeScript ويدعم ميزات متقدمة مثل ربط البيانات ثنائي الاتجاه وحقن التبعيات.

Svelte: إطار عمل JavaScript أحدث يجمع المكونات في JavaScript أساسي محسّن للغاية في وقت البناء.

3. التحكم في الإصدار والتعاون

Git: نظام التحكم في الإصدار لإدارة التعليمات البرمجية والتعاون مع الفرق. المعرفة بسير عمل Git (التفرع والدمج وطلبات السحب).
GitHub و GitLab و Bitbucket: منصات لاستضافة مستودعات التعليمات البرمجية وتتبع المشكلات وتسهيل مراجعات التعليمات البرمجية.
4. أدوات البناء ومديري الحزم
NPM/Yarn: مديرو الحزم لإدارة التبعيات في مشاريع JavaScript.
Webpack: حزمة وحدات لتطبيقات JavaScript، تتيح ميزات مثل تقسيم التعليمات البرمجية وتجميعها والتصغير.
Babel: مُجمِّع JavaScript يسمح باستخدام بناء جملة JavaScript الحديث مع الحفاظ على التوافق مع المتصفحات القديمة.
Vite: أداة بناء أحدث وأسرع تركز على تحسين تجربة المطور لمشاريع الواجهة الأمامية.
5. إدارة الحالة
Redux (مع React): حاوية حالة يمكن التنبؤ بها لتطبيقات JavaScript.
Vuex (مع Vue.js): مكتبة إدارة حالة لتطبيقات Vue.
Context API (مع React): طريقة مضمنة أبسط لإدارة الحالة العالمية في تطبيقات React.
MobX: مكتبة لإدارة الحالة بطريقة بسيطة وقابلة للتطوير في تطبيقات JavaScript.
6. التصميم المتجاوب وتطوير الأجهزة المحمولة
التصميم الذي يركز على الأجهزة المحمولة أولاً: التصميم للأجهزة المحمولة أولاً، ثم التوسع للشاشات الأكبر.
تطبيقات الويب التقدمية (PWA): بناء تطبيقات ويب تتصرف مثل التطبيقات الأصلية (الدعم دون اتصال بالإنترنت، والإشعارات الفورية، وما إلى ذلك).
التوافق بين المتصفحات: ضمان عمل التطبيقات بسلاسة عبر جميع المتصفحات (Chrome وFirefox وSafari وEdge وما إلى ذلك).
استعلامات الوسائط CSS: استخدام استعلامات الوسائط لتطبيق أنماط مختلفة بناءً على حجم الشاشة والتوجيه والدقة.