Cześć wszystkim od jakiegoś czasu zastanawiam się nad szukaniem pracy w webie, bardziej interesuje mnie by iść w kierunku front endu. Do tej pory zapoznałem się z HTML5, CSS3, LESS, Flexboxem, Gridem, RWD, JavaScript, JSON, AJAX oraz zacząłem naukę Reacta, który jest dla mnie o wiele bardziej zrozumiały niż Angular oraz ma o wiele mniejszy próg wejścia w mojej opinii. Przeglądałem sobie do tej pory różne oferty pracy i teoretycznie większość zagadnień, które są podane w wymogach rozumiem i ogarniam w jakimś tam stopniu. Wiadomo że ta wiedza nadal i tak jest w stopniu podstawowym, ale może jesteście w stanie ocenić po moich projektach czy w ogóle mógłbym zacząć w niedalekim czasie (za 2 -3 miesiące) rozsyłać CV do firm.

1 # strona poświęcona tematyce gier komputerowych:

live: sobol3k.github.io
github: https://github.com/sobol3k/sobol3k.github.io

2 # przelicznik walut (API NBP)

live: niestety z jakiegoś powodu github blokuje mi łączenie z API NBP
github: https://github.com/sobol3k/currency-converter

3 # to - do - list

github: https://github.com/sobol3k/to-do-list

4 # kalkulator

github: https://github.com/sobol3k/calculator

5 # generator haseł

github: https://github.com/sobol3k/password-generator

W planach mam stworzyć kalkulator w React, który przynajmniej w 50% odzwierciedlałby ten windowsowy oraz stronę o mnie z moimi umiejętnościami coś na zasadzie portfolio.
Będę wdzięczny za każdą wypowiedź nawet te mający charakter krytyki.

Nie ma screenów żadnych, ale po nazwach stwierdzam, że są to same "aplikacje" w stylu bootcampowym czyli TO DO list itp.

Kodu jest bardzo mało.

Na chwilę obecną jest to zdecydowanie za mało. Musisz zrobić chociaż jeden o wiele większy projekt.

Nie wiedziałem że trzeba screeny wrzucać :p jak będę w domu to oczywiście że je wrzucę. Myślałem, że ktoś z was mógłby również pobrać repo na kompa i przeklikać :)
Akurat jeśli chodzi o projekt związany z grami i przelicznikiem walut to nie uważam żeby to było coś w stylu bootcampowego i jak dla mnie to tez był jakiś krok milowy do przodu,
ale wiadomo że wy na co dzień po 8h kodujecie to dla was pikuś mały.

Nie obrażaj się. Daję Ci dobre rady. Obecnie konkurencja jest ogromna, z takim czymś nie pokonasz reszty.

Nie no coś ty nie obrażam się :) Potraktowałem to jako dobrą radę od doświadczonego fachowca.

Postaw projekty na jakiś bezpłatny hosting, bo nikt tego nie będzie specjalnie pobierać. Najlepiej poszukaj stażu :) tym bardziej ze teraz okres letni

Przepraszam za post pod postem, ale nie udało mi się edytować pierwszego postu albo nie wiem jak to zrobić.

1 # strona poświęcona tematyce gier komputerowych - RWD zrobione pod urządzenia mobilne zaś cały css oparłem na preprocesorze LESS

na żywo => https://sobol3k.github.io

2 # przelicznik walut (API NBP)

Bardzo chętnie bym wrzucił podgląd na żywo, ale tak jak wspomniałem w pierwszym poście GitHub blokuję mi ściąganie danych NBP.
Użytkownik ma możliwość przewalutowania waluty polskiej na takie jak euro, dolar amerykański, funt brytyjski czy chociażby frank szwajcarski.
W przełomie kilku dni planuję dodać również możliwość przewalutowania z walut zagranicznych na polskiego złotego. Kursy aktualizowane są na żywo według stawek Narodowego Banku Centralnego być może dodam jeszcze inne waluty.

główny widok

przykładowy formularz

#widok mobilny

#druga część widoku mobilnego

3 # to - do - list

Appka, która umożliwia wprowadzanie nowych zadań po przez formularz(możliwość usuwania ich oraz edycji) dodatkowo swoje zadania można ustawić pliku pliku .json i wczytać je AJAXem.

#widok główny wraz popupem, który nie wyskakuje kolejny raz(ciasteczka)

#widok główny

4 # kalkulator

na żywo => https://sobol3k.github.io/calculator/

5 # generator haseł

na żywo => https://sobol3k.github.io/password-generator/

Lepiej nie wysyłaj nikomu czegoś takiego z taką grafiką... Rozumiem, że nie startujesz na grafika czy UX designera ale rany boskie przecież widzisz, że to strasznie wygląda i to pokazuje Twoje podejście do pracy

anonimowy napisał(a):

Lepiej nie wysyłaj nikomu czegoś takiego z taką grafiką... Rozumiem, że nie startujesz na grafika czy UX designera ale rany boskie przecież widzisz, że to strasznie wygląda i to pokazuje Twoje podejście do pracy

Nie zajmuję się grafiką ani nie ogarniam Photoshopa czy Gimpa dlatego wszystko staram się robić w CSS. Akurat wygląd to kwestia gustu, ale nie sądziłem że aż tak ci się to nie spodoba ale każdy ma prawo wyrazić swoją opinie :D
Możesz dokładnie powiedzieć o jaki projekt Ci chodzi? Będę wdzięczny.

Czy możecie Panowie ocenić moje projekty pod względem wyglądu i funkcjonalności(JS), z góry dziękuję :)

Chodzi m.in o te screeny co wrzuciłeś. Nie trzeba się znać żeby widzieć, że to kicz. Wiem, że to ciężkie żeby zrobić to żeby ładnie wyglądało bo sam mam z tym problemy ale masz gotowe framowrki do tego np. bootstrap i na standardowych elementach to już lepiej by wyglądało. Lub zainspiruj się jakimiś podobnymi narzędziami

anonimowy napisał(a):

Chodzi m.in o te screeny co wrzuciłeś. Nie trzeba się znać żeby widzieć, że to kicz. Wiem, że to ciężkie żeby zrobić to żeby ładnie wyglądało bo sam mam z tym problemy ale masz gotowe framowrki do tego np. bootstrap i na standardowych elementach to już lepiej by wyglądało. Lub zainspiruj się jakimiś podobnymi narzędziami

Dzięki za rade na pewno poczytam coś o tematyce designu i być może w kolejnych projektach skorzystam z gotowych rozwiązań.

@Silv widzę że dużo komentujesz. Czy twoim zdaniem trzyma się to kupy (design)?

@sobol3k: Strony jakie zaprezentowałeś to jest standard wśród bootkoampowcow i nie tylko. Jest tego masa i nie trzeba mieć żadnych umiejętności by coś takiego zrobić. Ot przejść pierwszy lepszy tutorial. Zadania na staż w mojej firmie były bardziej skomplikowane IMO. Jak chcesz się czymś pochwalić to zrób jakiś "większy" projekt, bo tym co masz może pochwalić się każdy kto szuka pracy :(

Dregorio napisał(a):

@sobol3k: Strony jakie zaprezentowałeś to jest standard wśród bootkoampowcow i nie tylko. Jest tego masa i nie trzeba mieć żadnych umiejętności by coś takiego zrobić. Ot przejść pierwszy lepszy tutorial. Zadania na staż w mojej firmie były bardziej skomplikowane IMO. Jak chcesz się czymś pochwalić to zrób jakiś "większy" projekt, bo tym co masz może pochwalić się każdy kto szuka pracy :(

Może być jakaś gierka? Chyba że polecasz coś innego do zrobienia?

Chcesz iść na front to zrób jakąś apkę webową. Skorzystaj z gotowych komponentów, mi np przy angularze spoko pracowało się z bulma (https://bulma.io/).
Niech tam będzie więcej niż dodawanie/usuwanie obiektów. Niech twój projekt będzie miał więcej js plików niż 2-3.

Serio, nie zdajesz chyba sobie sprawy jaki teraz jest przesyt ludzi, którzy chcą wejść w branżę. Jak chcesz z nimi konkurować? Z projektami co mają kilkadziesiąt linijek kodu?

@sobol3k: powiem tylko na podstawie zamieszczonych przez Ciebie zrzutów ekranu.

Moim zdaniem – ale to moje zdanie – pewnych rzeczy brakuje, by można było Twoją stronę uznać za równie dobrze zaprojektowaną, co np. nasze forum czy strona Hacker News. Uwzględniam przy tym to, że Twoja strona ma mniej funkcjonalności (a więc design będzie "uboższy" z zasady).

Ileś razy było wspominane na tym forum, że pewne rzeczy to kwestia wymagań klienta, a pewne nie (np. bezpieczeństwo). "Klienta" rozumiem ogólnie – może być nim zarówno inny drobny przedsiębiorca, osoba prywatna lub Twój pracodawca (w rozumieniu umowy o pracę). Moim zdaniem design jest taką kwestią, która zależy od jego wymagań. Może klient zażyczy sobie strony, która posiada 5 kolorów, w tym trzy odcienie szarego – rób taką stronę. Klient może zażyczyć sobie witrynę "jednostronową" (SPA) lub "wielostronową" (multi-page design) – rób taką.

Inna sprawa, czy to, co zrobiłeś, odpowiada temu, co sam chciałeś osiągnąć. Jeśli zależało Ci na zrobieniu strony zgodnie z Twoim gustem – nie mogę jej oceniać. Jeśli natomiast chcesz zrobić stronę, która "się wyróżnia", wygląda "dobrze" i może "spodobać się" ogółowi (np. na naszym forum lub ludziom z HR firm, do których będziesz pisać) – powiedziałbym, że "standardy" wyglądają inaczej. Przez "standardy" rozumiem np. to, że strona nie ma "przygnębiającej kolorystyki", czy też że posiada więcej funkcjonalności, które mają "sens" (a przynajmniej wydaje się odwiedzającym, że mają). Te dwie rzeczy najbardziej bym u Ciebie krytykował.

Oczywiście, do pewnego stopnia "standardy" są kwestią gustu. Niektórzy mogliby powiedzieć, że wolą minimalistyczny design – taki jak Twój czy mój – a inni, że wolą strony posiadające wiele menu, obrazków, interaktywnych linków (trudno mi podać wyraźny przykład – w zasadzie większość stron korporacji, które oglądałem). Jedni mogą woleć ostre rogi kontenerów (jak u Ciebie), inni obłe (jak u mnie czy na naszym forum).

Widzę też pewne "standardy", które są powiązane z poszczególnymi rodzajami stron. Blogi mogą wyglądać tak (mnie się osobiście bardzo podoba): http://john.ankarstrom.se/html/ lub tak https://blog.codinghorror.com/; strony z newsami i grami mogą wyglądać tak: https://www.gry-online.pl/ lub tak https://www.dobreprogramy.pl/; strony główne wyszukiwarek Google, Bing i DuckDuckGo mogą wyglądać tak, jak wyglądają – bo z zasady oferują jedną główną funkcjonalność (przynajmniej w moim odczuciu).

Jest jeszcze kwestia interaktywności – powiązana, jednak nieidentyczna z funkcjonalnością i layoutem. Teraz większość stron, które odwiedzam, jest interaktywna w wielu aspektach. Nie wiem, jak u Ciebie jest (patrzę na zrzuty ekranu, jak napisałem).

Jeśli chodzi o moje gusta, w stronach/aplikacjach webowych lubię dwie rzeczy: minimalizm (jak u mnie) i dużą intuicyjność poruszania się po stronie (trudno mi tu podać przykład). Pomijam oczywiście gry, gdzie na pierwszym miejscu kładę zabawę, a nie to, jak aplikacja działa i wygląda.

Co do kodu JavaScript to teraz się tak nie robi, że się robi globalne skrypty, tylko się pracuje na modułach (ES6 modules albo standard Node: CommonJS modules).

Poza tym - robisz wszystko ręcznie, elementy DOM itp. Ktoś może powiedzieć, że teraz się tak nie robi, i że jest React itp. ale moim zdaniem to nawet dobrze, że poznajesz pracę na czystym DOM, tylko i tak musisz wiedzieć, że:

• ciężko zrobić w ten sposób większe rzeczy. Biblioteki takie jak React, Vue itp. pozwalają pracować na wygodnych komponentach, które możesz sobie potem używać w różnych miejscach (chociaż nawet bez biblioteki można używać WebComponentów, ale tutaj ci nie powiem wiele, bo nie używałem tego specjalnie)
• a do AJAXa możesz użyć dzisiaj funkcji fetch https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API zamiast pracować z mniej wygodnym XHR obiektem, jak robisz to tutaj
  https://github.com/sobol3k/to-do-list/blob/ffa6c76c63d1c6c6cedc11a3862d0a45420477a4/js/load-tasks.js

Anyway, ten kod wygląda bardzo archaicznie, i o ile uważam, że powinno się trochę w życiu popisać ręcznie DOM (bez React itp.), i że to co napisałeś, może cię czegoś nauczyć, to jednak teraz na ogół się tak nie pisze (chyba że w specyficznych przypadkach, kiedy np. trzeba korzystać ręcznie z DOM dla poprawy wydajności albo do obsłużenia czegoś, co się nie da inaczej zrobić) i ten kod sprawia wrażenie, jakby był pisany kilkanaście lat temu.

Dziękuję za obszerną opinie! Postaram się dodać kilka funkcjonalności do każdego z projektu aby strona wydawała się bardziej funkcjonalniej niż wygląda. Tak jak pisałem w planach mam jeszcze zrobienie gry typu snake lub strzelanka do randomowych obiektów pojawiających się nagle na stronce.

@sobol3k: żebyś mnie źle nie zrozumiał. To nie brak funkcjonalności jest problemem, ale oczekiwania odbiorców (=przeznaczenie strony) "wyższe" niż to, co im dasz. Np. ja od Google oczekuję jednej rzeczy – wyszukiwania. A od naszego forum wielu rzeczy – możliwości przeglądania mikroblogów, postowania, komentowania, pisania w Kompendium, wiadomości prywatnych...

Silv napisał(a):

@sobol3k: żebyś mnie źle nie zrozumiał. To nie brak funkcjonalności jest problemem, ale oczekiwania odbiorców (=przeznaczenie strony) "wyższe" niż to, co im dasz. Np. ja od Google oczekuję jednej rzeczy – wyszukiwania. A od naszego forum wielu rzeczy – możliwości przeglądania mikroblogów, postowania, komentowania, pisania w Kompendium, wiadomości prywatnych...

Jak najbardziej zrozumiałem co masz na myśli, z jednej strony myślałem że projekty które wykonałem są okej. Z drugiej strony to dobrze, że założyłem taki temat bo dowiedziałem się od was że chyba jeszcze mało umiem :p

Napisali ci już o wyczuciu smaku. Weź pod uwagę jeszcze wyczucie rynku, to znaczy zorientuj się wstępnie z iloma podobnymi ludźmi będziesz konkurować o jedno miejsce? 10, 20, 50, 100, 200, 500?

Co wy ludzie macie z tymi rozgadanymi tekstami na interfejsach? Niespełnione aspiracje pisarskie, czy jak? :)

"Tutaj [więc nie na drugim końcu internetu?] możesz przeliczyć polską walute na inne zagraniczne jak funt brytyjski, frank szwajcaski, euro czy choćby dolar amerykański".

Czemu "CHOĆBY dolar amerykański"? :))) Autor chyba chciał się dyskretnie pochwalić erudycją, która pozwala mu sypać przykładami walut jak z rękawa :))

Ja i bez tego doceniam, że kilka przykładów tych "innych zagranicznych" podał. (Swoją drogą, skoro "innych", to czy złoty też jest zagraniczny??). Pewnie na wypadek, gdyby użytkownikowi nie wystarczyło wiedzy o świecie i wyobraźni.

Szkoda, że z literówkami, bo "przeliczyć walute" czy "szwajcaski" nie zwiastują dbałości o szczegóły.

I dalej słowotok: "Aby przejść do przeliczania danej waluty należy kliknąć w któreś z powyższych kółek zlokalizowanych na tym formularzu".

Kto to będzie czytał?!?

Niedawno wklejałem ten link innemu delikwentowi, który wykazywał się podobnym syndromem: https://www.joelonsoftware.com/2000/04/26/designing-for-people-who-have-better-things-to-do-with-their-lives/ - lektura obowiązkowa! Bo tu też pasuje jak ulał.

Sadly, the CEO of the company had been an English major at an Ivy League college; he had no training in UI design or software engineering, but he sure thought he was a good editor of prose. So he vetoed the wording done by the professional UI designers and added lots of his own verbiage. A typical dialog in Juno looks like this:

Życie dogoniło parodię :)

"W każdej chwili [już bałem się, że w niedzielę nieczynne] możesz edytować swoje zadanie wystarczy kliknąć na nie lewym przyciskiem myszy" - a nie prawym pośladkiem dolnej pupy? Zlituj się chłopie :))

Wyobrażam sobie, jak wyglądałby interfejs 4programmers, gdybyś się nim zajmował... ;)

Myślę, że brakuje Ci skali odniesienia, bo z tego co piszesz chyba nie miałeś nigdy okazji pracować z innymi programistami. Twoje aplikacje są baaaardzo małe i baaaardzo proste - pokazują, że opanowałeś podstawy, podstaw, ale do pracy za $$$ jest jeszcze daleko. Myślę, że jakiś fajny staż pozwoliłby Ci uzyskać ten punkt odniesienia, żebyś wiedział, gdzie teraz jesteś. A jesteś na początku drogi.

Ale głowa do góry - jeśli jesteś tu gdzie jesteś i sprawia Ci to frajdę to znaczy, że jesteś na dobrej drodze. Jeśli Cię to pocieszy to zapewne na froncie umiesz więcej niż ja.

Koledzy słusznie zauważyli, że potrzeba Ci większego projektu i przez większy projekt nie rozumieją dodanie dodatkowej funkcji w kalkulatorze, którą uzyskasz przez copy&paste już istniejącej, tylko coś co pokazuje rozwiązywanie życiowych problemów. Idealnym sposobem byłoby napisanie aplikacji, z której mają korzystać prawdziwi użytkownicy i robi coś konkretnego. Nie masz pomysłu? Proszę: https://www.ideaswatch.com/startup-ideas/app - choć imo lepiej byłoby zacząć pisać coś dla wujka/cioci. Strzelam wujek ma warsztat samochodowy - strona internetowa + system rezerwacji terminów + np. dla stałych klientów lista naprawa / terminy wymiany oleju / przeglądów itd. Napisz coś takiego i gwarantuję Ci że nauczysz się więcej niż z 50 kolejnych kalkulatorów i todo-list.

Ja teraz uczę się hobbystycznie Reacta - w pracy (pracuje na backendzie) notorycznie tworzymy powtarzalne struktury typu szkielet modułu, resource model, strukturę tabeli w xml itp itd. Trywialne rzeczy, ale pracy przy tym jest sporo i jak to przy copy&paste sporo pomyłek, a co najgorsze to jest straaasznie nudne i powtarzalne. Tak więc w ramach nauki Reacta postanowiłem sobie napisać apkę, która będzie te wszelkie powtarzalne pliki generować. Dodatkowo system logowania aby każdy mógł sobie zapisać swoje projekty aby nie generować za każdym razem wszystkiego od nowa itp. Oceniam, że napisanie tego zajmie mi ~3 miesiące ale:

• pisząc to zetknę się z wieloma problemami, które będę musiał rozwiązać
• zapewne 5 razy zabrnę w ślepą uliczkę i będę musiał cały kod refaktorować
• wystąpi po drodze wiele tematów, których będę się musiał douczyć
• po tych 3 miesiącach będę mógł powiedzieć, ze umiem coś sensownego napisać na froncie.

Aplikacja, która stanowi wyzwanie a przy okazji rozwiązuje jakiś realny problem to +100 do motywacji i +1000 do nauki. Znajdź sobie coś takiego, poświęć kilka miesięcy na rozwój, doprowadź do stanu używalności i będziesz miał czym się pochwalić na rekrutacji na Juniora. Potem już będzie z górki.

Tak z ciekawości ile masz lat? :) Czyżby licealista? :)

hadwao napisał(a):

Myślę, że brakuje Ci skali odniesienia, bo z tego co piszesz chyba nie miałeś nigdy okazji pracować z innymi programistami. Twoje aplikacje są baaaardzo małe i baaaardzo proste - pokazują, że opanowałeś podstawy, podstaw, ale do pracy za $$$ jest jeszcze daleko. Myślę, że jakiś fajny staż pozwoliłby Ci uzyskać ten punkt odniesienia, żebyś wiedział, gdzie teraz jesteś. A jesteś na początku drogi.

Ale głowa do góry - jeśli jesteś tu gdzie jesteś i sprawia Ci to frajdę to znaczy, że jesteś na dobrej drodze. Jeśli Cię to pocieszy to zapewne na froncie umiesz więcej niż ja.

Koledzy słusznie zauważyli, że potrzeba Ci większego projektu i przez większy projekt nie rozumieją dodanie dodatkowej funkcji w kalkulatorze, którą uzyskasz przez copy&paste już istniejącej, tylko coś co pokazuje rozwiązywanie życiowych problemów. Idealnym sposobem byłoby napisanie aplikacji, z której mają korzystać prawdziwi użytkownicy i robi coś konkretnego. Nie masz pomysłu? Proszę: https://www.ideaswatch.com/startup-ideas/app - choć imo lepiej byłoby zacząć pisać coś dla wujka/cioci. Strzelam wujek ma warsztat samochodowy - strona internetowa + system rezerwacji terminów + np. dla stałych klientów lista naprawa / terminy wymiany oleju / przeglądów itd. Napisz coś takiego i gwarantuję Ci że nauczysz się więcej niż z 50 kolejnych kalkulatorów i todo-list.

Ja teraz uczę się hobbystycznie Reacta - w pracy (pracuje na backendzie) notorycznie tworzymy powtarzalne struktury typu szkielet modułu, resource model, strukturę tabeli w xml itp itd. Trywialne rzeczy, ale pracy przy tym jest sporo i jak to przy copy&paste sporo pomyłek, a co najgorsze to jest straaasznie nudne i powtarzalne. Tak więc w ramach nauki Reacta postanowiłem sobie napisać apkę, która będzie te wszelkie powtarzalne pliki generować. Dodatkowo system logowania aby każdy mógł sobie zapisać swoje projekty aby nie generować za każdym razem wszystkiego od nowa itp. Oceniam, że napisanie tego zajmie mi ~3 miesiące ale:

• pisząc to zetknę się z wieloma problemami, które będę musiał rozwiązać
• zapewne 5 razy zabrnę w ślepą uliczkę i będę musiał cały kod refaktorować
• wystąpi po drodze wiele tematów, których będę się musiał douczyć
• po tych 3 miesiącach będę mógł powiedzieć, ze umiem coś sensownego napisać na froncie.

Aplikacja, która stanowi wyzwanie a przy okazji rozwiązuje jakiś realny problem to +100 do motywacji i +1000 do nauki. Znajdź sobie coś takiego, poświęć kilka miesięcy na rozwój, doprowadź do stanu używalności i będziesz miał czym się pochwalić na rekrutacji na Juniora. Potem już będzie z górki.

W sumie to pocieszające jest to co mówisz bo to znaczy że rzeczywiście kieruję się w dobrą stroną, dziwi mnie to że jako programista na co dzień umiesz mniej z frontu niż ja.
Niby wiem że robisz backend, ale chyba jakieś szkolenia w robocie są ze wszystkich technologii?
Dziękuję za podrzucenie strony z pomysłami, wezmę się za siebie i napisze coś dużego w końcu czymś na serio będę się mógł pochwalić.

wiewiorek napisał(a):

Tak z ciekawości ile masz lat? :) Czyżby licealista? :)

22, liceum 2/3 lata temu ukończyłem.

Te screeny nie są takie złe i nie przejmuj się co inni mówią.

W tym designie jest klimacik jak w tych "indie" horrorach scp-xxx, w które wszyscy grali kilka lat temu :D