ShadiAbu Hilal

Arayüzleri ve altındaki platformları tasarlarım — tasarım sistemleri, üye merkezleri, uluslararasılaştırma, CI/CD ve mühendislerin güvendiği araçlar.

2.6M+

Haftalık 2,6M+ indirme

10

10 npm paketi

20+

20 yıl

138k

Stack Overflow'da 138 bin kişi

// ölçekte yayınlandı

rtl-detect · npm · VS Code · i18n

Hakkında

Arayüze ağırlık veren mimari.

Ben Shadi Abu Hilal, Broadcom'da Principal UI Engineer'ım. Yahoo ve Verizon Media'da Kıdemli Baş Mimar olarak milyonlarca kişinin kullandığı web sistemleri tasarladım.

Açık kaynak işimin çoğu üretim sorunlarından gelir: yerel yön, RTL CSS, derleme hatları ve başkasının bir dakikada alabileceği araçlar. rtl-detect bir yardımcı olarak başladı. Bir bağımlılık oldu.

Kesin bir yanıt toplantıdan uzun yaşayacaksa Stack Overflow'da yazarım. Arapça ve İngilizce konuşurum; Kaliforniya'da yaşıyorum.

Beceriler

Konuşulan diller: Arapça, İngilizce

Sistemler ve mimari

  • Sistem mimarisi
  • Güvenlik ve ölçeklenebilirlik
  • Önbellekleme stratejileri
  • Özel çerçeveler
  • CI/CD otomasyonu

Mühendislik

  • Ön uç (React, Redux, Angular, Web Components)
  • Arka uç (Node.js, Java)
  • Mobil (SwiftUI, Kotlin Jetpack)
  • HTML, CSS, JavaScript, TypeScript
  • Birim, fonksiyonel, E2E, çapraz tarayıcı
  • Ekran görüntüsü testleri
  • Uluslararasılaştırma (i18n)
  • RTL UI desteği

Liderlik ve süreç

  • Örnek olarak liderlik
  • Agile / Scrum

Ne yapıyorum

  • Büyük ölçekli, güvenli projeleri mimarlamak ve gözden geçirmek
  • UX, PM, arka uç ve UI ekipleriyle iş birliği yapmak
  • Scrum ekiplerini ve teslimatı yönetmek
  • İşe alım, mentorluk ve koçluğa liderlik etmek
  • Ekipler için teknoloji ve araç seçmek
  • Sistemleri ve kullanıcı davranışını analiz etmek
  • CI/CD hatlarını kurmak ve iyileştirmek
  • Yeni özellikler ve ürünler için POC'ler oluşturmak
  • Kodlama standartlarını belirlemek ve uygulatmak
  • Teknik konuşmalar, atölyeler ve eğitim vermek
  • Ekipleri durdurmadan önce engelleri çözmek
  • Geliştirme ortamlarını iyileştirmek
  • Kodun yayınlanmadan önce test edilmesini sağlamak

Roller

  1. Principal UI Engineer

    Broadcom

    2024 — şimdi

    Palo Alto, CA, ABD

  2. Kıdemli Baş Mimar

    Yahoo Inc.

    2021 — 2023

    Mountain View, CA, ABD

  3. Kıdemli Baş Mimar

    Verizon Media

    2019 — 2021

    San Jose, CA, ABD

  4. Baş Yazılım Geliştirme Mühendisi

    Verizon Media

    2019 — 2019

    Sunnyvale, CA, ABD

Eğitim

Bilgisayar Bilimleri Lisans

Princess Sumaya University for Technology

Amman, Ürdün

Onur ve ödüller

  • Best Poster — TechPulse 2012 (Yahoo)

    Yahoo'nun yıllık teknik konferansında HTML5 Canvas ile gelişmiş görüntü işleme üzerine teknik makale ve demo.

  • Super Star Team Award — 2011 (Yahoo)

    Yahoo'nun en yüksek takım onuru. Helwa'yı inşa ettik — 10 milyon kullanıcı, ayda 100M sayfa görüntüleme.

Patent

Method and System for Rendering Advertisements within an Application on a Mobile Device

US IPCOM000243103D · 15 Eyl 2015 tarihinde verildi

Son iş projeleri

Milyonlarca kişinin kullandığı sistemler — VMware güvenliğinden Yahoo ölçeğine.

Broadcom'da VMware vDefend SSP. Yahoo, AOL, TechCrunch, Engadget ve daha fazlasında üye merkezleri, gizlilik panelleri ve tasarım sistemleri.

  1. 01/Platform

    VMware vDefend Security Services Platform (SSP)

    Broadcom

    Broadcom'da Principal UI Engineer — SSP yönetimi ve güvenlik iş akışları için ön yüzü mimarlıyorum.

    VMware vDefend Security Services Platform — VMware Cloud Foundation genelinde vDefend için operasyonel merkez. Güvenlik istihbaratı, ağ algılama ve müdahale, kötü amaçlı yazılım önleme ve ilgili hizmetleri ölçeklenebilir bir platformda merkezileştirir.

    • Güvenlik
    • VMware Cloud Foundation
    • Platform
  2. 02/Platform

    Hesabım

    Yahoo

    Dahili Web UI bileşenleriyle React.

    Member Center 2.0 — Yahoo, AOL, TechCrunch ve diğer Verizon Media markaları için hesap deneyimi. Ön yüzü mimarladım, temel standartları kurdum ve depolar için esnek CI/CD tasarladım.

    • React
    • Web Bileşenleri
    • CI/CD

    Çok markalı: URL'deki yahoo'yu aol, techcrunch, engadget veya desteklenen diğer markalarla değiştirin.

  3. 03/Tasarım sistemi

    Denali

    Yahoo

    Ürün ekipleri genelinde kullanılan temalı tasarım sistemi.

    Denali 2.0 — tasarım sistemindeki tek doğruluk kaynağını düzeltmek için sıfırdan yeniden inşa edildi. Çekirdeği ve React uygulamasını mimarladım.

    • Tasarım sistemi
    • React
    • Temalandırma
  4. 04/Platform

    Gizlilik Paneli

    Yahoo

    Projeyi mimarladım ve çekirdek kodu uyguladım.

    Yahoo, AOL, TechCrunch ve diğer markalar için Privacy Dashboard. Performans, UX ve daha az API çağrısı için Java ön uç sunucusu artı React SPA.

    • React
    • Java
    • Çok markalı

    Çok markalı: URL'deki yahoo'yu aol, techcrunch, engadget veya desteklenen diğer markalarla değiştirin.

  5. 05/Araç seti

    React Web Bileşenleri ve Araçları

    Yahoo

    Geniş ürün yüzeylerinde tutarlı tasarımlar. Açık kaynak değil.

    Yahoo'da dahili kütüphane — yeniden kullanılabilir React web bileşenleri (RTL, temalar) ve REST istemcisi, rota yöneticisi ile yararlı kütüphane uzantıları içeren bir utils paketi.

    • Web Bileşenleri
    • RTL
    • Temalar

    Yahoo'da dahili — kamuya açık değil.

Açık kaynak

  1. 01/npm

    rtl-detect

    Haftalık 2,6 milyon indirme. 295 bağımlı.

    Tek soruyu doğru yanıtlayan küçük bir kütüphane: bu yerel ayar sağdan sola mı? Yüzlerce paket ona bağlı. Altyapı iyi yapıldığında böyle görünür.

    • i18n
    • RTL
    • Node.js
  2. 02/Eklenti

    Claude Code Context Picker

    Makalesiz bağlam. VS Code Marketplace.

    Bir dosya, satır veya sayfadaki canlı bir öğeyi seçip Claude Code'a gönderin. Mühendis modele anlatmak yerine ne demek istediğini gösterebilsin diye.

    • VS Code
    • Claude Code
    • Geliştirici deneyimi