W marcu 2016 zrobiłem stronę dla brata, który kandydował wówczas w wyborach. Poprzednią stronę stworzyłem w 2006 roku. Aby zobaczyć ile zapamiętałem z tego fachu i co się zmieniło przez 10 lat zacząłem od znalezienia i użycia darmowego szablonu HTML. Okazało się, że tworzenie stron w dzisiejszych czasach wydaje się dużo przyjemniejsze niż wtedy, gdy szkielet strony oparty był o tabele. Dowiedziałem się czym jest RWD i Bootstrap, znaczniki <tr> i <td> zastąpiły dużo bardziej intuicyjne <div>y. CSS2 przestał być standardem, którym stał się CSS3, a JavaScript zasłużenie rozsiadł się na tronie współczesnych aplikacji webowych i godnie dba o ich interaktywność. Przypomniałem sobie jak wiele radości daje mi tworzenie stron i postanowiłem, że chcę się rozwijać w tej dziedzinie. Uważam też, że najlepiej uczyć się w praktyce dlatego zacząłem szukać kolejnych projektów...
Od kwietnia 2016 rozwijam stronę dot. możliwości wydania własnej gazety. Stronę także postawiłem na gotowym szablonie bootstrapa 3. W największym stopniu modyfikacji poddałem stylowanie i optymalizację pod kątem SEO - m.in. dobrałem odpowiednią ilość nagłówków, znalazłem i zoptymalizowałem obrazy stockowe, zminimalizowałem wielkość css, napisałem teksty oraz stworzyłem i odpowiednio edytowałem plik *.htaccess. Osadziłem też, zmodyfikowałem i dopasowałem do treści moduł kalkulatora JavaScript. Przygotowując gazety używam przede wszystkim Abobe Indesign oraz Adobe Photoshop.
W drugiej połowie 2016 roku wykonałem stronę firmy HIL24. Zdałem sobię sprawę, że dostarczenie treści na stronę przez zleceniodawcę nie należy do najprostszych zadań, jednak strona w jej obecnym kształcie spełnia jego oczekiwania i to jest najważniejsze.
W sierpniu 2016 wykonałem kolejny projekt. Strona spełnia swoją funkcję prezentacji oferty firmy. Umieściłem na niej dużo bootstrapowych carouseli, poznałem modale, nabrałem wprawy w html-u i css-ie, kontynuowałem podglądanie działania kodu JS i jednocześnie dostosowałem stronę pod kątem SEO. Jest to ostatnia strona, w której wykorzystałem gotowy template - dzięki nim dowiedziałem się już wystarczająco o budowie i działaniu współczesnych stron i miałem dość ograniczeń jakie za sobą niesie ich używanie. Kolejne strony postanowiłem tworzyć w oparciu o Bootstrap, który znałem już dosyć dobrze.
Jest to strona prezentująca lokale biurowe na wynajem. Zakodowałem ją pod koniec 2016 roku, w oparciu o bootstrap 4. Zapamiętałem ją głównie przez pryzmat zabawy z flexboxem i głowienia się nad tym, jak uatrakcyjnić za pomocą css-a mało atrakcyjne fotografie.
Niniejsze portfolio również zbudowałem w oparciu Bootstrap 4. Osadziłem wideo, które zapętliłem w Adobe After Effects, zacząłem używać Sass, umieściłem odpowiadające mi animacje i gradienty CSS, zastosowałem pseudoelementy :before i :after, osadziłem i dopasowałem skrypty jQuery odpowiadające m.in. za sortowanie czy płynne wyświeltlanie odpowiedzi w sekcji poniżej. Skupiłem się na poprawności semantycznej HTML, przyłożyłem się do wyeliminowania niedoskonałości, które popełniłem w poprzednich projektach oraz opisałem swoją osobę najlepiej jak potrafię.
+ HTML 5 + CSS3 - SCSS - Boostrap 4 alpha 2 - FontAwesome + JavaScript - osadzenie i modyfikacja skryptów jQuery + PHP - osadzenie i modyfikacja formularzy + SEO - Copywriting - Google Analytics - Google Search Console + FTP & DNS - upload na serwer FTP - przekierowanie DNS domeny + Adobe Photoshop - przygotowanie grafik + Adobe After Effects - zapętlenie wideo bez efektu przejścia
Obecnie tworzę stronę agentki nieruchomości. Wykorzystuję przy niej Bootstrap 4 alpha 6 oraz skrypt fullpage.js . Największym wyzwaniem była dla mnie implementacja API napisanego w PHP oraz Smarty, które odpowiada za pobieranie z aplikacji Galactica Virgo ofert i wyświetlanie ich na stronie. Pomimo, że nigdy wcześniej nie miałem do czynienia w tym stopniu z plikami *.php oraz *.tpl pojąłem zasadę działania i jestem w stanie odpowiednio konfigurować parametry, aby osiągnąć zamierzone rezultaty. Implementacja API wymagała także stworzenia bazy danych MySQL na serwerze i także, mimo iż robiłem to po raz pierwszy, podołałem zadaniu. Przede mną ostatni etap prac, czyli stylowanie, ustawienie responsywności oraz całościowa korekta.