Potrzebny starszy inżynier front-end
Obowiązki
Prowadzenie projektowania architektury i wysokiej jakości wdrażania podstawowych projektów front-end, zapewniając wydajność, stabilność i łatwość konserwacji.
Dokładne odwzorowanie projektów Figma do pikseli, dostarczając wyjątkowe interakcje i szczegóły wizualne.
Projektowanie i wdrażanie skalowalnego komponentu UI oraz modułowego systemu rozwoju w celu poprawy wydajności i ponownego wykorzystania kodu.
Rozwój i optymalizacja funkcji związanych z Web3, zapewniając bezpieczne i stabilne interakcje z blockchainem.
Tworzenie interaktywnych, wysokowydajnych wykresów i wizualizacji danych za pomocą Canvas.
Ścisła współpraca z menedżerami produktu, projektantami i inżynierami back-end w celu dostarczenia projektów od koncepcji do uruchomienia.
Wymagania
Znajomość Next.js lub Nuxt.js, z praktycznym doświadczeniem w dużych projektach.
Znajomość Web3.js, Ethers.js lub podobnych frameworków, z doświadczeniem w rozwoju front-end DApp lub blockchain.
Silna wiedza w zakresie komponentyzacji UI i modułowego rozwoju, z doświadczeniem w projektowaniu architektury front-end.
Umiejętność pracy z Tailwind CSS z solidnym zrozumieniem modułowych i łatwych do konserwacji praktyk stylizacji.
Mistrzostwo w CSS i technikach układu, zdolność do osiągania wdrożenia idealnie dopasowanego do projektów Figma.
Znajomość rozwoju Canvas, zdolność do samodzielnego budowania wysokowydajnych interaktywnych wykresów i wizualizacji danych.
Silna świadomość jakości kodu, umiejętności optymalizacji wydajności oraz doświadczenie w adaptacji międzyplatformowej.
Miłe do posiadania
Wkład w projekty open-source lub blogi techniczne.
Znajomość Three.js, WebGL lub innych zaawansowanych technologii wizualizacji.
Doświadczenie w skomplikowanych wykresach, pulpitach danych lub projektach front-end finansowych.
Architektura UI Frontend
Struktura folderów komponentów
Umieść podstawowe komponenty UI, takie jak Przycisk, Pole tekstowe, Wybór i Rozwijane menu w dedykowanym katalogu ui/. Reprezentują one najbardziej fundamentalne elementy wizualne aplikacji. Komponenty specyficzne dla biznesu lub złożone powinny być umieszczone w katalogu components/. Te wyższe komponenty są budowane poprzez łączenie podstawowych elementów UI z folderu ui/ i mogą zawierać dodatkowe style, zachowania lub logikę biznesową. To rozdzielenie wyraźnie odróżnia wielokrotnego użytku prymitywy UI od implementacji specyficznych dla funkcji, poprawiając organizację kodu i łatwość konserwacji.
Metodologia Atomic Design
Przyjmij metodologię Atomic Design, aby strukturyzować interfejs użytkownika w hierarchiczny i skalowalny sposób. Dzieli ona UI na pięć poziomów szczegółowości:
Atom to najmniejszy element budulcowy — podstawowe elementy HTML lub prymitywne komponenty, takie jak Przycisk, Pole tekstowe lub Ikona.
Cząsteczki powstają poprzez łączenie wielu atomów w funkcjonalną jednostkę, na przykład, Pasek wyszukiwania składający się z Pola tekstowego i Przyciski.
Organizmy to bardziej złożone sekcje UI składające się z cząsteczek i/lub atomów, takie jak Nagłówek, Pasek boczny lub Karta użytkownika.
Szablony definiują układy na poziomie strony, określając strukturę i rozmieszczenie komponentów.
Strony to konkretne instancje szablonów wypełnione rzeczywistymi danymi, reprezentujące rzeczywiste widoki użytkowników.
W tym projekcie katalog ui/ odpowiada poziomowi Atomów, podczas gdy katalog components/ zazwyczaj reprezentuje Cząsteczki lub Organizmy.
System projektowania i biblioteka komponentów
Katalog ui/ służy jako wewnętrzny, prywatny system projektowania lub biblioteka komponentów projektu. Zapewnia spójną podstawę dla całego rozwoju UI w aplikacji. Standaryzując podstawowe elementy, zapewnia spójność wizualną, redukuje duplikację i przyspiesza rozwój. Wszystkie wyższe komponenty są budowane na tej wspólnej bibliotece, promując ponowne wykorzystanie i długoterminową skalowalność.
Komponenty prezentacyjne a komponenty kontenerowe
Zastosuj rozdzielenie między komponentami prezentacyjnymi a kontenerowymi, aby utrzymać czystą architekturę.
Komponenty prezentacyjne są odpowiedzialne tylko za renderowanie UI i stosowanie stylów. Otrzymują dane przez props i mają mało lub wcale nie mają logiki wewnętrznej. Komponenty w katalogu ui/ należą do tej kategorii.
Komponenty kontenerowe zajmują się pobieraniem danych, zarządzaniem stanem i logiką biznesową. Łączą komponenty prezentacyjne, aby stworzyć funkcjonalne, bogate w funkcje części aplikacji. To rozdzielenie obowiązków zapewnia, że UI i logika są od siebie oddzielone, co ułatwia testowanie, ponowne wykorzystanie i konserwację komponentów.
Wzorzec komponentów inteligentnych i głupich
Ten wzorzec ściśle odpowiada powyższemu konceptowi.
Inteligentne komponenty zarządzają stanem, interagują z API lub globalnymi magazynami (np. Redux) i używają Hooków React do obsługi logiki. Zazwyczaj są związane z danymi i zachowaniem.
Głupie komponenty są bezstanowe, czysto wizualne elementy, które renderują się wyłącznie na podstawie props. Są wielokrotnego użytku w różnych kontekstach i upraszczają testowanie oraz debugowanie.
Hooki i separacja UI
Używaj niestandardowych Hooków React (np. useForm, usePagination, useAuth), aby enkapsulować logikę biznesową, stan i efekty uboczne. Utrzymuj warstwę UI skoncentrowaną wyłącznie na prezentacji. Takie podejście pozwala programistom ponownie wykorzystywać logikę w różnych komponentach, jednocześnie utrzymując warstwę widoku prostą i przewidywalną.
Rozwój oparty na Storybook
Używaj Storybook do rozwijania, testowania i dokumentowania komponentów UI w izolacji. Napisz historie dla każdego komponentu, aby pokazać różne stany, props i wariacje. To umożliwia programistom front-end budowanie i debugowanie komponentów niezależnie od całej aplikacji. Korzyści obejmują szybszą iterację, lepszą współpracę z projektantami, poprawioną dokumentację i wsparcie dla testów wizualnych.
Rozwój oparty na komponentach (CDD)
Postępuj zgodnie z procesem opartym na komponentach, budując hierarchię UI od dołu do góry. Zacznij od atomów, łącz je w cząsteczki, składaj organizmy, a na końcu konstruuj szablony i strony. Ta metoda zapewnia spójność, redukuje prace do wykonania i dostosowuje rozwój do systemów projektowania, szczególnie podczas pracy z Figma lub podobnymi narzędziami.
Wzorzec Tailwind CSS i Headless UI
Wykorzystaj biblioteki komponentów bez stylów, oparte wyłącznie na logice, takie jak Headless UI lub Radix UI do interaktywnych elementów, takich jak rozwijane menu, modale i zakładki. Stosuj stylizację za pomocą Tailwind CSS, aby zachować pełną kontrolę nad projektem bez pisania niestandardowego CSS. Ten wzorzec całkowicie oddziela logikę interakcji od wizualnej prezentacji, umożliwiając szybki, elastyczny i spójny rozwój UI przy jednoczesnym zachowaniu dostępności i nawigacji za pomocą klawiatury.
Podsumowanie
Przyjmij modułową, skalowalną architekturę front-end opartą na następujących zasadach:
- Używaj Atomic Design do strukturyzacji komponentów UI według poziomu złożoności.
- Utrzymuj prywatną bibliotekę komponentów w katalogu ui/ dla elementów podstawowych.
- Rozdziel komponenty prezentacyjne i kontenerowe, aby wymusić czystą architekturę.
- Zastosuj wzorzec komponentów inteligentnych i głupich dla lepszego zarządzania logiką i UI.
- Enkapsuluj logikę za pomocą Hooków React.
- Rozwijaj komponenty UI w izolacji za pomocą Storybook.
- Postępuj zgodnie z procesem Rozwoju Opartego na Komponentach (CDD).
- Łącz biblioteki Headless UI z Tailwind CSS dla elastycznej, łatwej do konserwacji stylizacji.
- Opcjonalnie, użyj konfiguracji Monorepo, aby dzielić komponenty między wieloma projektami.
To podejście promuje ponowne wykorzystanie, spójność i długoterminową łatwość konserwacji, co czyni je idealnym dla aplikacji średniej i dużej skali.
-
5 dni4376 PLN
251 5 dni4376 PLN# Propozycja - Senior Frontend Developer (Web3 & Canvas)
**Cześć!**
Jestem Denys Hritsanov, senior fullstack developer z 15-letnim doświadczeniem i rolą Head of AI Transformation w Deloitte. Specjalizuję się w advanced frontend architecture i Web3 applications.
## Perfect Match dla Waszych Wymagań
**Next.js & Architektura Expertise:**
… - **Enterprise-level Next.js** projects z advanced performance optimization
- **Atomic Design implementation** - dokładnie zgodnie z Waszą architekturą UI
- **Component-driven development** z Storybook i modular systems
- **Perfect Figma-to-code** accuracy - pixel-perfect implementations
**Web3 & Blockchain Development:**
- **DApp frontend development** z Web3.js i Ethers.js
- **Blockchain interactions** - secure i stable integrations
- **Crypto trading platforms** experience z real-time data
- **Smart contract integration** dla complex business logic
**Canvas & Data Visualization:**
- **High-performance interactive charts** z Canvas API
- **Financial dashboards** z real-time data visualization
- **Three.js expertise** dla advanced 3D visualizations
- **WebGL implementations** dla complex graphics
## Technical Stack Alignment
**Perfect Architecture Match:**
- **Tailwind CSS mastery** z Headless UI components
- **Atomic Design methodology** - ui/ i components/ structure
- **Smart/Dumb components** separation
- **Custom React Hooks** dla business logic encapsulation
- **Performance optimization** - Core Web Vitals expertise
**Advanced Capabilities:**
- **Monorepo setup** dla shared component libraries
- **Component testing** z Jest i React Testing Library
- **TypeScript expertise** dla type-safe development
- **CI/CD pipelines** dla automated testing i deployment
## Proven Experience
**Web3 Projects:**
- **DeFi platforms** z complex trading interfaces
- **NFT marketplaces** z blockchain integrations
- **Crypto analytics dashboards** z real-time charts
**Enterprise Frontend:**
- **Scalable component systems** dla large applications
- **Performance optimization** dla high-traffic applications
- **Cross-platform compatibility** i accessibility compliance
## Additional Value
**Open Source Contributions:** Active contributor to React i Web3 communities
**Technical Writing:** Experience z documentation i technical blogs
**Team Leadership:** Experience managing frontend teams i architectural decisions
**Gotowy dostarczyć pixel-perfect, high-performance Web3 frontend zgodnie z Waszą advanced architecture.**
Mogę zacząć
-
22 dni4376 PLN
97 3 0 1 22 dni4376 PLNCześć!
Zobaczyłem twój projekt i jest dla mnie interesujący. Mam doświadczenie zarówno w outsourcingu, jak i w rozwoju produktów, i świetnie pracuję w zespole.
🔥 Moje kluczowe umiejętności:
✅ Rozwój SPA i aplikacji internetowych
✅ Optymalizacja wydajności
✅ Zarządzanie i wsparcie projektów
✅ Jakościowy i czysty kod
… 💻 Technologie: HTML, CSS, JavaScript, React, Vue, Git
Jeśli zależy ci na jakościowym i niezawodnym rozwiązaniu – jestem gotów omówić szczegóły. Można się skontaktować tutaj lub w dogodnym dla ciebie formacie.
-
29 dni11 999 PLN
15075 32 0 1 29 dni11 999 PLNDzień dobry!
Nazywam się Walenty, i reprezentuję Arctic Web Agency. Jesteśmy zespołem doświadczonych programistów, którzy specjalizują się w tworzeniu nowoczesnych i efektywnych rozwiązań internetowych dla biznesu. W wiadomościach prywatnych mogę przesłać przykłady naszych podobnych prac. Jesteśmy gotowi podjąć się realizacji Twojego projektu!
Z poważaniem
Zespół Arctic Web
Freelancehunt
-
30 dni5471 PLN
128 30 dni5471 PLNCześć!
Zainteresował mnie Twój projekt — mam odpowiednie doświadczenie i jestem gotów podjąć się realizacji. Pracuję szybko, odpowiedzialnie i z uwagą na szczegóły.
🔹 Krótko o mnie: mam ponad 3 lata doświadczenia w programowaniu.
Mam doświadczenie w .NET Core, C#, ASP.NET MVC, Web API, JavaScript/CSS/HTML, React.js, Next.js, MS SQL, Git.
🔹 Gotowy: zacząć od razu, ustalić termin i budżet, wprowadzić poprawki w razie potrzeby.
-
30 dni5471 PLN
1263 8 0 30 dni5471 PLNCześć!
Zainteresował mnie Twój projekt — mam odpowiednie doświadczenie i jestem gotowa podjąć się realizacji. Pracuję szybko, odpowiedzialnie i z uwagą na szczegóły.
🔹 Krótko o mnie: mam ponad 3 lata doświadczenia w programowaniu.
Mam doświadczenie w .NET Core, C#, ASP.NET MVC, Web API, JavaScript/CSS/HTML, React.js, Next.js, MS SQL, Git.
🔹 Jestem gotowa: zacząć od razu, ustalić termin i budżet, wprowadzić poprawki w razie potrzeby.
-
30 dni4380 PLN
920 13 0 30 dni4380 PLNDzień dobry!
Cieszę się, że mogę pomóc.
Mam duże doświadczenie w rozwoju stron internetowych i aplikacji mobilnych.
-
14 dni4376 PLN
304 14 dni4376 PLNCześć!
Nazywam się Aleksiej, reprezentuję grupę deweloperów – NC-1.
W naszej drużynie jest specjalista (full stack, senior) z niezbędnym doświadczeniem i wiedzą dla Ciebie. Stawka za godzinę – 23 usd
Stos technologiczny: PHP, Symfony, Laravel, Yii2, Codeigniter. MySQL, OOP. LAMP stack, Javascript, testowanie jednostkowe, oAuth, Docker, HTML, CSS, TailWind CSS, Javasscript, Vue.js/Nuxt.js, React.js/Next.js. Rozwój API. GIT
Przykłady - https://1drv.ms/b/c/b7a0d31a9dae1bc5/EeH6JPdpBbpKtrkA1zFQOIMBAmqUcd_Ptx5tt5p9hBNG-g?e=wXDGHh
Portfolio – https://nc-one.com/case-studies
Z poważaniem, Aleksiej M.
-
1 dzień36 470 PLN
93973 1266 1 10 1 dzień36 470 PLNWitaj. Mam duże doświadczenie z Next.js/Node.js. Jestem gotowy do współpracy.
-
30 dni4376 PLN
1887 8 0 30 dni4376 PLNMy w The Dev Company z radością składamy naszą aplikację na stanowisko Architekta Frontend/UI. Nasz zespół ma bogate doświadczenie w projektowaniu i wdrażaniu skalowalnych, wysokowydajnych architektur front-end dla złożonych aplikacji Web3, w tym pulpitów opartych na blockchainie, DApps i interaktywnych platform wizualizacji danych.
Specjalizujemy się w:
– Next.js / React z naciskiem na skalowalną architekturę komponentów przy użyciu Atomic Design, CDD i rozdzielenia komponentów prezentacyjnych i kontenerowych.
– Wdrożeniach Figma w perfekcyjnym pikselu z mistrzostwem w Tailwind CSS i praktykach stylizacji modułowej.
– Integracjach Web3 za pomocą Ethers.js i Web3.js, w tym bezpiecznych połączeniach portfela, interakcjach z blockchainem i śledzeniu transakcji.
– Wizualizacjach opartych na Canvas do budowania interaktywnych, wysokowydajnych wykresów i pulpitów analitycznych, w tym interfejsów użytkownika na poziomie finansowym.
– Wzorcach Headless UI (Radix UI, Headless UI) połączonych z Tailwind CSS dla elastyczności i łatwości utrzymania.
… – Rozwoju napędzanego Storybookiem do budowy izolowanych komponentów, dokumentacji i testów wizualnych.
Relewantne Doświadczenie
Dostarczaliśmy projekty dla platformy DeFi, zbudowaliśmy pełny frontend dla projektu gry NFT Web-3 oraz narzędzi analitycznych — zawsze kładąc nacisk na wydajność, modułowość i bezpieczeństwo. Obejmuje to budowanie wielokrotnego użytku systemów UI, optymalizację renderowania dla dużych zbiorów danych oraz zapewnienie płynnej integracji z inteligentnymi kontraktami i interfejsami API blockchain.
Nasze Podejście
– Architektura UI — Atomic Design + prywatna biblioteka UI w ui/ dla elementów podstawowych.
– Rozwój napędzany komponentami — Budowanie od atomów do stron z przepływami pracy Storybook.
– Wydajność — Podział kodu, leniwe ładowanie, memoizacja i optymalizacja Canvas.
– Bezpieczeństwo — Bezpieczne zarządzanie interakcjami z blockchainem, walidacje transakcji i ograniczenia prędkości.
– Współpraca — Ścisła współpraca z zespołami projektowymi w celu zapewnienia bezbłędnej reprodukcji specyfikacji Figma.
Wierzymy, że nasza kombinacja wiedzy technicznej, doświadczenia w Web3 i najlepszych praktyk architektury UI idealnie odpowiada Twoim wymaganiom, i jesteśmy pewni naszej zdolności do dostarczenia wysokiej jakości, skalowalnego i łatwego w utrzymaniu frontendu dla Twojej platformy.
Chętnie omówimy Twój projekt w większych szczegółach.
Z poważaniem,
The Dev Company
-
20 dni4376 PLN
2161 4 2 20 dni4376 PLN👋Witamy!
Jesteśmy Skillwave Global LLP — zespołem z Wielkiej Brytanii, który pomaga firmom uruchamiać efektywne produkty cyfrowe: od stron internetowych i sklepów online po złożone systemy.
📈Podchodzimy do każdego zadania indywidualnie — tworzymy nie tylko ładną stronę, ale narzędzie, które działa na wynik: przyciąga klientów, sprzedaje i budzi zaufanie.
✅Co oferujemy:
• Pełna web development (Frontend / Backend / WordPress / CMS)
• UI/UX design w Figma z naciskiem na konwersje
• Szybkie ładowanie, responsywność, SEO — domyślnie
… • Wsparcie i rozwój projektu po uruchomieniu
💼Pracujemy przejrzyście, oficjalnie i zorientowani na wynik.
Jesteśmy gotowi omówić Twój projekt i już w najbliższych dniach zaproponować koncepcję!
🙌Oto nasze prace i opinie na ich temat, więcej dowiesz się w prezentacji!
Freelancehunt
-
30 dni4376 PLN
421 30 dni4376 PLNCześć Dhe,
Z radością składam moją propozycję na stanowisko Starszego Inżyniera Front-End w [Nazwa Firmy]. Posiadając bogate doświadczenie w Next.js/Nuxt.js, Web3.js/Ethers.js oraz w rozwoju wydajnych interfejsów użytkownika, jestem pewny swojej zdolności do prowadzenia architektury front-end, wdrażania projektów w idealnej jakości oraz optymalizacji interakcji z blockchainem dla Twoich projektów.
Proszę o wiadomość prywatną, jeśli uważasz, że pasuję do tej roli
-
Vitalii Y. Galaxy IT
Вже й сюди добрались
-
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Sklep internetowy z odzieżąPotrzebny programista do sklepu internetowego z odzieżą Szukam doświadczonego programisty do stworzenia pełnoprawnego sklepu internetowego z odzieżą z modelem sprzedaży dropshipping. Co należy zrobić: 6 stron: strona główna, produkt, koszyk, zamówienie, konto, panel… Układ HTML i CSS, Javascript & Typescript ∙ 1 dzień 16 godzin temu ∙ 82 oferty |
Full-stack rozwój — Amazon PPC Dashboard (Etap 1)Potrzebny programista full-stack z doświadczeniem w pracy z Amazon API do realizacji Etapu 1 wewnętrznego dashboardu PPC. Projekt realny, dane żywe, wszystko gotowe do startu. Prototyp frontendu (5 stron, React + TypeScript): CO JUŻ GOTOWE — Prototyp frontendu na React 18 +… Javascript & Typescript, Programowanie stron internetowych ∙ 4 dni 3 godziny temu ∙ 31 ofert |
Opracowanie strony internetowej do tworzenia fotoksiążek i ram fotowychCel projektuNależy opracować nowoczesną stronę internetową do zamawiania fotoksiążek, ram fotowych i innych spersonalizowanych produktów fotograficznych.Głównym celem projektu jest umożliwienie klientowi samodzielnego stworzenia gotowego projektu produktu bez udziału projektanta… Javascript & Typescript, Programowanie stron internetowych ∙ 5 dni 19 godzin temu ∙ 98 ofert |
Zespół do samodzielnie stworzonej platformy rynkowej usług pogrzebowych.Poszukujemy zespołu do uruchomienia i rozwoju autorskiej krajowej platformy rynkowej usług pogrzebowych. Od razu: nie szukamy pojedynczych osób, juniorów ani "zbieraczy stron". Potrzebny jest silny zespół produktowy na poziomie middle+/senior z rzeczywistymi przypadkami… Javascript & Typescript, Programowanie stron internetowych ∙ 6 dni 14 godzin temu ∙ 27 ofert |
Dopracowanie istniejącego projektu Next.js/Supabase: oferty, CRM, analityka, czat AIIstnieje działający projekt WatchGenius — platforma analityczna luksusowych zegarków z katalogiem modeli, analizą cen, zewnętrznymi ofertami, formularzami zgłoszeniowymi i czatem AI. Projekt został już częściowo opracowany. Potrzebny jest doświadczony programista full-stack,… Javascript & Typescript, Programowanie stron internetowych ∙ 8 dni 15 godzin temu ∙ 55 ofert |