Ocena strony

pytanie zadane 19 lipca 2017 w Nasze projekty przez r00bal Nowicjusz (190 p.)

Cześć,

Od jakiegoś czasu próbuje swoich sił w nauce programowania. Stworzyłem stronkę portfolio na której można podejrzeć moje projekciki z freecodecamp'u. Jestem w stu procentach samoukiem więc pewnie robię dużo błędów, o których nie mam pojęcia. Dlatego prośba do bardziej doświadczonych kolegów i koleżanek, o rzucenie okiem na moją stroną i udzielenie kilku porad. Co powinienem poprawić, na co zwrócić uwagę, jakie błędy? Będę wdzięczny za konstruktywną krytykę i cenne wskazówki !

Link do strony - http://frontendpit.pl/

Nie ukrywam, że po cichu marzy mi się w przyszłości jakaś posadka juniora stąd też kolejne pytanie: W którą stroną ukierunkować swoją naukę, jakie technologie są niezbędne, żeby zająć się tematem na poważnie. Dotychczas uczyłem się z codeschool i freecodecamp’u plus youtube, głównie frontend: html,css,javascript.. Może ktoś, kto przechodził podobną drogę będzie chciał podzielić się swoją historią.
Pozdrawiam wszystkich !

komentarz 19 lipca 2017 przez Filip31411 Dyskutant (8,820 p.)

Ze strony wizualnej:

Moim zdaniem te nagłówki trochę nie pasują (daleki cień i czcionka). Poza tym menu jest mało widoczne. Reszta bardzo przejżysta i schludna :)

(Na mobile)

komentarz 19 lipca 2017 przez X3h Dyskutant (9,540 p.)

Kółko i krzyżyk Zamiast UI to AI

komentarz 19 lipca 2017 przez Pietrak Pasjonat (18,850 p.)

Menu do przebudowy. Gdyby nie komentarz do góry to bym nie wiedział o jego istnieniu. \

Dodatkowo za długo się rozwija. Spamowałem hamburger menu, bo myślałem, że nie działa.

1 odpowiedź

odpowiedź 19 lipca 2017 przez imklau Nałogowiec (42,090 p.)
wybrane 21 lipca 2017 przez r00bal

Najlepsza

brakuje Ci podstawowych znaczników, które powinny być nawet przed <title>, a mówię o:
```
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
```
najlepszy sposób na umieszczanie ikonek
poważnie potrzebny dodatkowo div do nagłówka?
```
<div class="title"> 
   <h2>about</h2> 
</div>
```
poczytaj sobie, czym jest label, bo inputy muszą posiadać ten element
ikonki do mediów raczej powinny być listą
każdy element <img> musi posiadać alt
polecam sprawdzanie stron na początku tutaj

A co do Twojego drugiego pytania to polecam dalej zagłębiać się w HTML5, CSS3 i JS ;)
tutaj masz zbiór przydatnych linków, którymi warto się kierować podczas nauki. No i dalej to standardowo obsługa Gita, możesz wziąć się za jQuery, Bootstrapa, Gulp lub Grunt, warto też znać jakąś metodologię CSS - najczęściej w ogłoszeniach jest o BEM, React albo Angular, trochę do wyboru tego jest ;)