Patrycja Paczkowska

Patrycja Paczkowska Front end developer:
React,
JavaScript/ES6,
SASS, HTML, F...

Temat: Projekt graficzny do portfolio!

Witam serdecznie. Mam na imię Patrycja i to mój pierwszy post.

W obecnej chwili staram się o stanowisko Front End Developera. Nie mogę przez dłuższy czas znaleźć pracy. Mam portfolio i parę projektów oraz dużo umiejętności (których tam nie widać). Pomyślałam, że może to wygląd mojej strony portfolio odstrasza pracodawców.
Wybaczcie mi, jeśli proszę o zbyt wiele.

Oferuję stworzenie dla mnie graficznego projektu strony portfolio. Tak, za darmo jako forma nauki. Nie wymagam żadnego doświadczenia. Liczy się tylko chęć.
Ta forma współpracy opłaci się każdemu. Najważniejszą walutą dla początkujących jest w tej chwili doświadczenie.
To jak? Jest ktoś chętny poprawić wygląd mojej strony?
Jeśli będą chętni, wtedy udzielę więcej informacji.

Z góry dziękuję i pozdrawiam.
Dominik K.

Dominik K. designer & developer

Temat: Projekt graficzny do portfolio!

Nie wiem jak twoja wiedza z technologii webowych i jakie frameworki ogarniasz, ale jeżeli jesteś Front-Endowcem, ale niekoniecznie z dobrym smakiem estetycznym - bo nie musisz to opcję widze dla Ciebie dwie:

1. Wykorzystujesz jakieś znane szablony do stawiania stron statycznych, moze jakis prosty Wordpress, generator stron w oparciu o Bootstrap, a moze Gatsby.js? Ten ostatni wymaga znajomosci Reacta, ale polecam.

2. Zbuduj portfolio w oparciu o dobrze udokumentowanego GitHuba zawierajacego projekty i jakieś apki typu mapa fajnych miejsc, kalkulator walut, to-do'er, prywatna bibloteka ksiazek, gdzie front jest oparty na znanych Design Systemach jak np. Material od Googla - mozesz wykorzystac biblioteki jak Materialize czy Material-UI (react)
Nie musisz być Front-Endowcem, który ma super gust i wyczucie smaku, choć tu jest to wskazane, ale powiedzmy szczerze, można być Frontowym Developerem pracując nad aplikacjami ERP, CRM, Enterprise, skupić się na technicznych kwestiach i dokładności odwzorowania projektu zgodnie z wytycznymi wykorzystując gotowy Design System lub po prostu w oparciu o własny firmy, który został wcześniej zaprojektowany.

Dla przykładu, moja aplikacja w bardzo roboczej wersji jeszcze:
https://www.spybox.co/leafmaps
Mimo, że jestem projektantem, to nie mialem pomysłu na wygląd, wykorzystałem pod siebie DS od IBM'a - tzw. Carbon Design System. Troche zmodyfikowałem style i ale mozna spokojnie style ciągnąć z CDN'a i grzebac w dokumentacji lub w oparciu o StoryBook jesli robisz w Angularze, React'e lub Vue.

Co do samego szukania pracy, to nie jest tak, że moze masz beznadziejną strone internetową z portfolio, tylko ciezko jest zdobyc prace w branzy szczegolnie dla poczatkujacych. Malo kto chce zatrudnic ludzi bez doswiadczenia i ryzykowac, trzeba szukac okazji i firm, które dadzą szanse. Najciężej jest właśnie znaleźć taką firmę.
Coś o tym wiem, bo 12 lat temu zaczynałem w IT, ale koleje zycia mnie wycofaly z niej i ugrzązłem w niskim levelu branży reklamowej. Ciężko mi było wrócić do IT jako projektant (UX/UI), po drodze zrobiłem kurs Front-Endowy w Udacity. Ale szukalem powrotu do branzy prawe 3 lata jakby nie patrzeć. W koncu sie udało, ale nie była to droga łatwa.Ten post został edytowany przez Autora dnia 13.01.20 o godzinie 11:28
Patrycja Paczkowska

Patrycja Paczkowska Front end developer:
React,
JavaScript/ES6,
SASS, HTML, F...

Temat: Projekt graficzny do portfolio!

Wszystko jest tak jak piszesz :)

A to moja strona, która znajduje się również na GitHubie:
https://umbbra.github.io/Portfolio/
Nie lubię Boostrapa, mimo że już wiele razy z niego korzystałam, jednak o MaterialUi pomyślę poważnie. I nie ukrywając tworzyłam bez ich pomocy, aby ćwiczyć i stale odświeżać Scss i html.

Twoja aplikacja wygląda świetnie, prosto i przejrzyście- tak, jak ja próbuje tworzyć.
A co do szukania pracy - może faktycznie panikuję, mam duży nacisk psychiczny ze swojej strony rodziny. Trzeba wyluzować i będzie dobrze :)
Poza tym jedna firma dala mi szansę - po miesiącu sama zrezygnowałam, ludzie byli tam niesamowicie rąbnięci, a wiem co mówię, bo to nie tylko moja opinia :D Zresztą, pewnie ich zachowanie wkraczało już do mobbingu świeżych pracowników..

Miło się czytało twoje wypociny, dziękuję!
Dominik K.

Dominik K. designer & developer

Temat: Projekt graficzny do portfolio!

Twoja strona nie jest odstraszająca, a całe twoje portfolio raczej wygląda dość typowo jak na solidnego adepta bootcampowych kursów, który kontaktu z branżą po prostu nie miał, co nie specjalnie dziwne, bo kiedyś trzeba by ją lepiej poznać. Także jesteś "on track", nie ma tu nic nietypowego w tym :)

Wiem więcej, widzę, czytam w opisie React i ES6, miód na moje oczy - to tym bardziej zachęcam do poznania Gatsby,js -> https://www.gatsbyjs.org/. Gatsby to taki starter Reacta jak CRA, którego pewnie znasz, z tą różnicą, że G jest już częściowo napisany, ostylowany, ma swoje pluginy itd. CRA, jest środowiskiem Reacta z tylko ustawieniami Webpack'a. Jest sporo materiałów jak postawić stronę na Netlify i dodatki jak treści zasysać z plików .MD, które mozesz mieć np. na GitHubie. Dużo skór, czyli themes które sa dostepne tutaj: https://www.gatsbyjs.org/starters/?v=2. Podstawowa znajomosc reacta wystarczy, nie musisz znac GraphQL'a, ostrożnie z ulubionymi paczkami NPM, które wstrzykujesz, wyszukaj w Google, czy do Gatsby nie napisano alternatywy, bardziej pod Gatsbiego.

Co do samej pracy i szukania, nie chcę Ciebie jakoś namawiać do niesłuchania rodziny, ale niestety rady ludzi, którzy są przedstawicielami poprzedniej generacji i podobnie przysłowiowe starsze kuzynostwo, które ma stanowisko dyrektora w firmie wuja... nie mają pojęcia o obecnym rynku pracy, szczególnie specjalistów i w branży IT. Sami kandydaci jej nie rozumieją, mechanizmy poznają z czasem i doświadczeniem - wiedzą czego już unikać ;)

Jest dużo firm na zasadzie Janusz Soft, których styl zarządzania nadaje się conajmniej na ogarnianie lokalnego muzeum rybołóstwa a z drugiej strony potężny wysyp firm, które tak przesadnie pokazują na zewnątrz, że praca to "fun", dbają o pracownika, nie mają korpo atmosfery, rzucą owocem w piątek. Z mojego doświadczenia, te firmy w środku są takim korpo 2.0 i dokładnie popełniają te same błędy tylko forma pracy może w nieco bardziej smacznym wydaniu, przynajmniej wizualnie. A ludzie w środku myślą, że pracują conajmniej w oddziale Google'a.

Co do twojego portfolio jeszcze, ja patrząc na twoją stronę nadal zostaję przy poprzedniej opinii, skup się na aplikacjach typu To-Do, troche bardziej opakowane np. w Material Design lub podobną filozofię. Zachęcam Cię do poznania bliżej filozofii od Google i projektowania z rozmiarami layoutów i UI z wielokrotnością 8px, stosowania jednostek rem i em. Do portfolio przesadnie nie wkładaj tam stron "wydmuszek", nie istniejących biznesów z jakąś "randomową" treścią. Lepiej pochwalić się kodem źródłowym appek, tym jak funckje budujesz, nazywasz, jak style piszesz (BEM czy inna technika). Linki do GitHuba z udostepnionym kodem oraz linki LIVE DEMO.Ten post został edytowany przez Autora dnia 14.01.20 o godzinie 09:13
Patrycja Paczkowska

Patrycja Paczkowska Front end developer:
React,
JavaScript/ES6,
SASS, HTML, F...

Temat: Projekt graficzny do portfolio!

W końcu otrzymałam porządną ocenę :) Ale już i tak tworzę bardzo odświeżoną wersję. Widzę sama, że już wygląda lepiej :)

No i teraz jestem pewna, że mam brać się za Gatsby. Użyję go łącząc projekty - ToDo, Kalkulator i Oszczędności, dodam pogodę powiązaną z api... Zrobię z tego "Stronę startową" do przeglądarki. Odpowiednie stylowanie, kod zebrany razem, ponownie przeanalizowany i poprawiony.

Co do rodziny - tak, masz rację i cały czas sobie o tym przypominam. Dobrze, że odziedziczyłam upartość :)

Wszystkie rady biorę do siebie i wstrzykuję w nową "obudowę" portfolio. Być może niedługo umieszczę tu link, to będziesz mógł spojrzeć jak mi poszło :)

Dzięki za wszystko, pozdrawiam!
Dominik K.

Dominik K. designer & developer

Temat: Projekt graficzny do portfolio!

Patrycja P.:
W końcu otrzymałam porządną ocenę :) Ale już i tak tworzę bardzo odświeżoną wersję. Widzę sama, że już wygląda lepiej :)
Najważniejsze to nie świrować, nie popadać w skrajności i w scenariusze analizy jak beznadziejnym mogę być specjalistą, że nikt nie chce mnie zatrudnić. Powody są zupełnie inne

Patrycja P.:
No i teraz jestem pewna, że mam brać się za Gatsby. Użyję go łącząc projekty - ToDo, Kalkulator i Oszczędności, dodam pogodę powiązaną z api... Zrobię z tego "Stronę startową" do przeglądarki. Odpowiednie stylowanie, kod zebrany razem, ponownie przeanalizowany i poprawiony.
Tak, wykorzystaj jakiś starter theme od Gatsbiego, w miarę możliwości, kalkulacji sił nad zamiary przerób pod siebie. Może być to strona statyczna, linki do projektów na GitHubie ew. drobne opisy. Ale też pamiętaj by projekty miał dobrze udokumentowane pliki README.MD, zadbaj o jakieś LIVE DEMO projektu wykorzystując do tego github pages albo nawet usługi typu codesandbox czy stackblitz czy nawet codepen - co by mogła sobie jakaś HR-ówka obejrzeć, która nie ogarnia instalowania "dependencji" :P.
Patrycja Paczkowska

Patrycja Paczkowska Front end developer:
React,
JavaScript/ES6,
SASS, HTML, F...

Temat: Projekt graficzny do portfolio!

Strona już gotowa wizualnie. Optymalizacja i będę grzebać w projektach. Pliki do live demo zawsze były :) Brakowało tylko kodu, bo myślałam, że każdy wszystko odnajdzie na Githubie. Miałam tylko odnośnik do profilu na GH. Jeszcze tylko REDME wszędzie dorobić :)

https://umbbra.github.io/PaczkowskaFrontEnd/
Dominik K.

Dominik K. designer & developer

Temat: Projekt graficzny do portfolio!

Mam taką uwagę co do twoich repo na Githubie szczególnie Kalkulatory - projekt w którym ciągniesz dane z API od NBP - usuń "node_modules" i sobie uzupełnij lokalnie .gitignore by ci nie wrzucał ich. Nie jest to, delikatnie mówiąc, dobry wzorzec postępowania szczególnie dla osoby pretendującej do zajmowania stanowiska programisty ;). Szybko bym to zmienił.

Widzę, że używasz jQuery w projektach Reactowych. Trochę z tym eksperymentowałem szczególnie przy budowaniu slide show, ale jak poczytałem ponoć to nie jest dobra droga - łączenie Reacta z jQuery. Przy projekcie tzw. "Old Portfolio" ten sam efekt zdarzeń klikniecia menu możesz osiągnąć po prostu anchor'ów linkowanie z "#" po id elementu plus w CSS parametr 'scroll-behaviour: smooth;' - wiecej: https://css-tricks.com/snippets/jquery/smooth-scrolling/

Natomiast jak chcesz ten efekt osiągnąć w połączeniu jeszcze z React Router to polecam paczkę react-router-hash-link -> https://www.npmjs.com/package/react-router-hash-linkTen post został edytowany przez Autora dnia 21.01.20 o godzinie 15:12

Następna dyskusja:

Projekt graficzny produktu




Wyślij zaproszenie do