Portfolio

    • Online: termomag.pl
    • Rok realizacji: 2018

    Termomag.pl

    Witryna stworzona dla nowogrodzkiej firmy “Mag” Robert Magiełda specjalizującej się w dekarstwie, termomodernizacji budynków i wykańczaniu wnętrz.

    Wykonałem od podstaw projekt graficzny strony i dokonałem jego wdrożenia. W prosty i czytelny sposób przedstawione zostały porównania stanu budynków przed i po pracach wykonanych przez firmę. Logo dostarczone przez właściciela firmy.

    • Online: hotelik-szczesne.pl
    • Rok realizacji: 2017

    Hotelik Szczęsne

    Strona internetowa wykonana dla niewielkiego, przytulnego hoteliku w Szczęsnych pod Olsztynem. Wdrożyłem layout dostarczony przez klienta. Do wykonania dynamicznych elementów (rozwijane menu, zobacz więcej, etc.) wykorzystałem autorską front-endową bibliotekę Hawk, a strona została podpięta pod własny CMS Eagle.

    • Online: moirafurniture.com
    • Rok realizacji: 2016

    Moira Furniture

    Strona wykonana dla indonezyjskiej firmy meblowej Moira Furniture. Na życzenie klienta została oparta na systemie zarządzania treścią WordPress z użyciem gotowego szablonu, który dostosowałem do wymagań zleceniodawcy (stąd kod strony nie jest perfekcyjny, mówiąc eufemistycznie). Napisałem także kilka własnych prostych widgetów wyświetlających wybrane kategorie w estetyczny sposób. Strona jest responsywna.

    • Rok realizacji: 2015

    Trio „Dolce”

    Prosta witryna zaprojektowana dla – niestety nieistniejącego już – zielonogórskiego zespołu muzycznego „Dolce”, mająca być niejako ich internetową wizytówką. Samodzielnie zaprojektowany layout pociąłem i zakodowałem do HTML5 i CSS3. Napisałem też prosty, aczkolwiek spełniający swą rolę walidator formularza kontaktowego w JavaScript. Zaadoptowałem także gotowy odtwarzacz plików MP3.

    • Online: dag-krzystkowice.pl
    • Rok realizacji: 2012

    Wirtualne Muzeum Dynamit AG w Krzystkowicach

    Współrealizowany z Miłoszem Grobelnym projekt wirtualnego muzeum niemieckiej fabryki chemicznej z czasów II Wojny Światowej Dynamit AG Fabrik Christianstadt, której pozostałości znajdują się w lesie przy Nowogrodzie Bobrzańskim. Ja zająłem się napisaniem samej strony i wprowadzaniem do niej materiałów. Zdjęcia na mapie specjalistycznej są mojego autorstwa. Witryna oparta na XHTML i CSS z własnymi skryptami PHP/MySQL i JavaScript, a także gotowymi rozwiązaniami w JS. Intro wykonane przez ekipę Firefly Film Studio. Strona cały czas jest rozwijana i aktualizowana.

Oferta

  • Tworzenie stron internetowych Tworzenie stron internetowych

    Strony internetowe

    Strona internetowa (tzw. landing page) w czytelny sposób przedstawia działalność firmy, organizacji lub osoby prywatnej, np. ofertę, cel działania, wykonane prace, historię, dane teleadresowe czy mapę dojazdu do siedziby. Realizacja obejmuje stworzenie projektu graficznego, jego wdrożenie i podpięcie pod autorski system zarządzania treścią EagleSystem lub WordPress na życzenie klienta. Taka informacyjna strona obsługuje komunikację jednostronną z użytkownikiem – innymi słowy prezentuje mu informacje i pozwala na przyjęcie jakichś odeń, np. wiadomości z formularza kontaktowego, albo zgłoszenia adresu e-mail do subskrypcji newslettera.

  • Tworzenie aplikacji internetowych Tworzenie aplikacji internetowych

    Aplikacje internetowe

    System internetowy obsługujący pełną interakcję z użytkownikiem i pozwalający przetwarzać różnego rodzaju dane, np. zamówienia, zgłoszenia, w celu optymalizacji pracy – przeprowadzania obliczeń, przygotowywania podsumowań/zestawień i analizy danych. Współpraca obejmuje zaprojektowanie i wdrożenie aplikacji internetowej realizującej potrzeby biznesowe klienta.

  • Tworzenie mailingów i podpisów/stopek do maila Tworzenie mailingów i podpisów/stopek do maila

    Mailing i podpis do poczty elektronicznej

    Dobrze technicznie i graficznie przygotowany mejling może zachęcić większą liczbę subskrybentów newslettera do rozważenia proponowanej oferty. Natomiast indywidualny estetyczny podpis (stopka) do mejla z logotypem firmy i najważniejszymi informacjami uczyni komunikację z kontrahentami bardziej profesjonalną i wyróżniającą się na tle konkurencji.

  • Integracje z zewnętrznymi usługami Integracje z zewnętrznymi usługami

    Integracja z zewnętrznymi usługami

    Zarządzanie firmą wiąże się z korzystaniem z wielu różnych aplikacji i platform. Wiele z nich pozwala na zautomatyzowaną komunikację poprzez API. Wykorzystanie tych możliwości pozwala na sprawną obsługę wielu różnych źródeł danych w jednym systemie poprzez połączenie aplikacji lub strony internetowej z systemem księgowości (np. WFirma), płatności (PayU, Przelewy24), newslettera (Freshmail, GetResponse), organizacji spotkań internetowych (Zoom), a nawet zarządzania logistyką firmy (GSMTasks).

Artykuły

  • Jak tworzyć strony internetowe dobrze

    Dbanie o wysoką jakość kodu jest zalecane i szanowane już od dawna. Jednak dotyczy to w głównej mierze języków programowania. Kod HTML (i CSS) jak dotąd traktowane były – poza wąskim gronem zapaleńców – na ogół na zasadzie: „nieważne jak, byle działało”, a przynajmniej ja odnosiłem zawsze takie wrażenie. Jednak kod strony internetowej również można napisać solidnie, tak aby był łatwy w utrzymaniu i modyfikowaniu, albo całkowicie marnie.

    Czytaj dalej ››

Pracuję nad

    • Strona internetowa: hawk2.filipmarkiewicz.pl
    • GitHub: /Rotmistrz/Hawk-Framework-v2
    • Początek projektu: 2017

    Hawk Framework II

    Hawk Framework II to druga wersja tworzonego przeze mnie frameworka (wcześniej raczej biblioteki) front-endowego opartego o języki JavaScript, HTML, CSS (SCSS). W ramach tego projektu opracowałem najbardziej przydatne komponenty do tworzenia interfejsu użytkownika (mechanizm wczytywania treści na warstwie, zakładki, listy rozwijane, obsługę formularzy i inne), gotowe bloki HTML/SCSS najczęściej używanych na stronach internetowych obiektów (np. tytuły, bloki tekstu, pola formularza, przyciski, kafelki), a także zestaw zmiennych SCSS przydatnych w tworzeniu projektu (breakpointy RWD, kolory, wielkości i rodziny czcionek), animacji oraz mixin SCSS. Hawk Framework II w pełni wykorzystuje metodykę BEM i jest przygotowany z zachowaniem zasad czystego kodu.

    Projekt jest cały czas rozwijany i planowane jest wdrożenie obsługi Komponentów zgodnie ze wzorcem Model-Widok-Kontroler (MVC), obsługi ścieżek i innych niezbędnych mechanizmów pozwalających w ułatwiony sposób stworzyć interfejs użytkownika aplikacji internetowej, jednak z wykorzystaniem innej filozofii działania niż rozwiązania popularne na rynku.

    Hawk Framework II jest projektem otwartoźródłowym na licencji MIT. Jeśli ktoś będzie go używał, będzie mi bardzo miło, jeśli w miejscu załączania plików JS i CSS znajdzie się jakaś wzmianka o mnie i link do mojego portfolio, albo chociaż link do GitHuba. Projekt jest wciąż rozwijany, jednak już od jakiegoś czasu z powodzeniem używam go w projektach komercyjnych.

O mnie

Nazywam się Filip Jędrzej Markiewicz. Ukończyłem studia na Politechnice Wrocławskiej na kierunku Informatyka o specjalizacji Inżynieria Oprogramowania. Obecnie pracuję we Wrocławiu. Pasjonuję się programowaniem, a w szczególności architekturą oprogramowania. Od kwietnia 2022 roku prowadzę własną firmę pod nazwą Kodmistrz Filip Markiewicz Usługi Informatyczne oferującą tworzenie stron i aplikacji internetowych oraz wsparcie w sprawach o zbliżonym zakresie.

Tworzeniem stron i aplikacji internetowych zajmuję się już dość długo, bo od około 2009 roku. Odważę się powiedzieć, że HTML5 i CSS3 znam biegle i potrafię dobrze pociąć i zakodować każdy layout, a także umożliwić użytkownikowi interakcję za pomocą JavaScript'u. Opanowałem również bardzo dobrze PHP i MySQL, co pozwala mi napisać w pełni funkcjonalną aplikację internetową, a także opracować API z wykorzystaniem architektury REST. Zwykle wspomagam się frameworkiem Symfony. Jeśli zachodzi taka konieczność, potrafię także wykonać estetyczny layout.

Cały czas się uczę i dokładam starań, aby mój kod był coraz lepszy. Ponieważ jest to nie tylko moja praca, ale także pasja, jestem pełen zapału i przykładam dużą uwagę do nawet najmniejszych szczegółów podczas realizacji każdego projektu. Jestem orędownikiem czystego kodu z zachowaniem popularnych zasad SOLID, DRY, a w przypadku kodu HTML/CSS - metodyki BEM. Znam także C++ i Javę, jednak nie miałem jeszcze okazji użyć ich w projektach komercyjnych.

Prywatnie mam jeszcze sporo innych zajęć. Interesuję się historią (w szczególności starożytnością, średniowieczem i nowożytnością), ekonomią i polityką. Oprócz tego, wolny czas lubię spędzić w towarzystwie książki – preferuję zwłaszcza beletrystykę historyczną. W moim życiu nie może też zabraknąć dobrej muzyki (zwykle jest to rock, heavy/power metal, folk, okazjonalnie klasyczna czy „indie pop”). Uwielbiam spacery – a najlepiej górskie wędrówki – i jazdę na rowerze, a ponadto grywam w siatkówkę, tenisa (głównie stołowego, ale lubię rownież grę na korcie) i badmintona. Zdarza mi się wolne chwile spędzić również na strzelnicy, przy szachownicy lub stole bilardowym.

Prowadzę dwie małe strony na popularnym portalu społecznościowym: Piórem po kartce, gdzie staram się opisywać poprawną polszczyznę w sposób logiczny i łatwy w odbiorze, a także Płacę gotówką, bo fizyczny pieniądz to wolność, którego nazwa mówi sama za siebie.

Zdjęcie autora

Kontakt