Szukam stażu/pierwszej pracy w Warszawie (front-end)

0

Cześć!

Jestem początkującym front-end developerem. Dotychczas zajmowałem się projektowaniem graficznym, ale zamiłowanie do nowych technologii spowodowało, że zainteresowałem się również tworzeniem stron internetowych. Szukam stażu lub pierwszej pracy we front-endzie na terenie Warszawy, która pozwoli mi dalej poszerzać dotąd zdobytą wiedzę.

Poniżej autorski projekt portfolio:
http://krawczyk.design/

Pozdrawiam,
Łukasz Krawczyk

2

Troszkę w humorystycznym akcencie :) ale spytam .... mógłbyś wymienić których 30% html'a 5 nie czaisz? :)
Portfolio bardzo ładne, ale np w projekcie Clemo, jestem ciekaw dlaczego plik Clemo/js/scripts.js jest skonstrutowany tak, że każda funkcja jest zawarta w $(document).ready(function()? Ja mimo że frontendem się nie zajmuję, wkładałbym te funkcje albo do osobnych plików (przerost formy) albo dawał wszystkow w jednym $(document).ready(function(). Pamiętaj że istnieją narzedzia do minifikacji js'a, dzięki czemu osiągniesz zadowalający efekt i będziesz miał ładne scalone pliczki.

0
axelbest napisał(a):

Troszkę w humorystycznym akcencie :) ale spytam .... mógłbyś wymienić których 30% html'a 5 nie czaisz? :)
Portfolio bardzo ładne, ale np w projekcie Clemo, jestem ciekaw dlaczego plik Clemo/js/scripts.js jest skonstrutowany tak, że każda funkcja jest zawarta w $(document).ready(function()? Ja mimo że frontendem się nie zajmuję, wkładałbym te funkcje albo do osobnych plików (przerost formy) albo dawał wszystkow w jednym $(document).ready(function(). Pamiętaj że istnieją narzedzia do minifikacji js'a, dzięki czemu osiągniesz zadowalający efekt i będziesz miał ładne scalone pliczki.

Właśnie nie, bo ich nie czaję :D A tak całkiem serio to chodziło mi jedynie o zobrazowanie poziomu (zakładając, że 0-33% (podstawowy), 34-66% (średni), 67-100% (zaawansowany)). Słupki z procentami niebawem wywalę, bo mało to miarodajne, a i sporo oburzenia wywołują :) Mimo wszystko dzięki za odzew i sugestię ws. Clemo, poprawię to.

0

ja preferuje stronki bez przewijania / znaczy cala zawartosc 1920x1080 /

1

w sumie trochę mało jak na 3 lata freelance, raptem trzy wizytówki i tyle jeśli chodzi o komercyjne
pisząc grafika+dtp spodziewałem się lepszego wystroju przykładowych stron, oraz pomysłów, a nie tylko "boxy" z wymiarami lub stockowe foty
dodatkowo strona główna ładuje się nieznośnie długo nawet na SSD i niezgorszym łączu, aż chciałem zamknąć
pomimo małej ilości requestów po gałach wali słaby cache i olbrzymia fota "web.png" oraz "print.png" (łącznie 2,5MB) które o ironio są realnie na stronie niewielkiej wielkości, niestety spore niedopatrzenie jak na grafika, pozostaje tylko chłostać za optymalizację

0
czysteskarpety napisał(a):

w sumie trochę mało jak na 3 lata freelance, raptem trzy wizytówki i tyle jeśli chodzi o komercyjne
pisząc grafika+dtp spodziewałem się lepszego wystroju przykładowych stron, oraz pomysłów, a nie tylko "boxy" z wymiarami lub stockowe foty
dodatkowo strona główna ładuje się nieznośnie długo nawet na SSD i niezgorszym łączu, aż chciałem zamknąć
pomimo małej ilości requestów po gałach wali słaby cache i olbrzymia fota "web.png" oraz "print.png" (łącznie 2,5MB) które o ironio są realnie na stronie niewielkiej wielkości, niestety spore niedopatrzenie jak na grafika, pozostaje tylko chłostać za optymalizację

Faktycznie, zapomniałem o zoptymalizowaniu tych dwóch plików. W DTP są trzy projekty identyfikacji wizualnych, więc to nie tylko wizytówki ;) Nie chciałem pakować większej ilości projektów, bo mija się to z celem. Poza tym jest to moja pierwsza strona po kilkumiesięcznej przygodzie z web devem, którą zrobiłem od A do Z sam, dlatego też mogą być większe bądź mniejsze uchybienia. Z tego też powodu szukam stażu/pracy, by móc nauczyć się dobrych praktyk :)

1

Powiem dosyć brutalnie. Z takimi umiejętnościami (patrząc na gita) nie masz szans na pracę. Co najwyżej staż za jakąś symboliczną kwotę. Brak jakichkolwiek projektów z czystym JS-em. Tylko jQuery, a czasy "programistów jQuery" już minęły. Ja w marcu ostro siadłem do frontu i mam zrobiony całą ścieżkę front-end na freecodecamp ( https://www.freecodecamp.com/map ):
Random Quote Machine, Local Weather APP, Wikipedia Viewer, JavaScript Calculator, Pomodoro Clock, TicTacToe, Twitch.tv JSON API, Simon Game + kilkadziesiąt algorytmów. Do tego zrobione 3 dalsze projekty w Reakcie: Build a Markdown Previewer, Camper Leaderboard, Recipe Box. Używam tez Sassa, gulpa. Od 2 miesięcy szukam pierwszej pracy, i raptem dostałem tylko 2 zaproszenia na rozmowy. Kraków
Taki efekt łatwo uzyskać samym cssem, a ty ładujesz obrazek.
user image

0

Ja musiałem w konsoli usunąć ten kawałek:

<div id="status" class=""></div>

bo inaczej strona się nie ładowała. :P

0

Faktycznie, strona cholernie długo się ładuje.

  • Zastanów się czy aby na pewno do tego potrzebujesz jQuery. Podpowiem - nie ;) Czystym JSem zajmie Ci to mniej więcej tyle samo linii kodu. Przy okazji raczej unikaj selektorów elementów (header nav ul), bo są ściśle powiązane ze strukturą strony. Zamiast tego lepiej używać klas/id/selektorów atrybutu(data-), dużo łatwiej to potem utrzymać.
  • header nav ul kłóci się również ze znajomością BEM, która pojawia się w CV;
  • po co dołączasz do projektu jQuery jeżeli z niego nie korzystasz? klik;
  • chwalisz się w CV znajomością HTML5, CSS3, SASS, BEM, Gulp.js, NPM, Git, RWD, FlexboxGrid - nie sprawdzałem wszystkiego z tej listy, ale na pewno nie wszystko da się potwierdzić, np. wiadomo, że potrafisz zrobić commit w gicie, ale już nie widać znajomości npm czy gulpa. Po pobieżnym rzuceniu na style to i BEM stoi pod znakiem zapytania. Fajnie by było gdyby w repo znalazło się coś na potwierdzenie Twoich umiejętności, bo ktoś to może przejrzeć;
  • sam to pisałeś? Wygląda jakbyś skorzystał z gotowca. Nie żebym nakłaniał do wynajdowania koła na nowo, jednak z racji, że na początku pewnie będziesz zajmować się głównie cięciem projektów to dobrze by było pokazać, że ogarniasz cssy. Jeżeli jednak napisałeś to sam to spoko, fajnie, że już coś potrafisz tylko następnym razem skorzystaj z możliwości jakie daje preprocesor i grid... wygeneruj. Podstawowy grid możesz wykonać tak (SASS + BEM + SMACSS):
$max-columns: 4

$grid: ("small": "420px", "medium": "640px", "large": "920px")

=grid-element($column)
    margin: 1%
    width: percentage(($column/$max-columns) - 0.02)

@each $breakpoint, $size in $grid
    [class^="l-columns__#{$breakpoint}"]
        display: inline-block
        margin: 2% 0
        position: relative
        width: 100%

    @media (min-width: #{$size})
        @for $i from 1 through $max-columns
            .l-columns__#{$breakpoint}--#{$i}
                +grid-element($i)

i tymi kilkunastoma liniami tworzysz coś co ręcznie w CSS byś klepał i klepał. Oszczędzasz czas na tworzenie i utrzymani. Potrzeba więcej kolumn? Zmiana jednej wartości. Inny breakpoint? Również. Kolejny breakpoint? Dodanie wpisu w $grid. Przejście na Flex? Również szybkie do uzyskania.

Wydaje mi się, że po podszkoleniu głównie z CSSa mógłbyś spokojnie szukać roboty jako projektant, który przy okazji potnie swoje dzieła. Jeżeli bardziej kręci Cię JS (programowanie) to jednak trzeba będzie jeszcze sporo się poduczyć.

1 użytkowników online, w tym zalogowanych: 0, gości: 1