Jump to content


Hej! Zauważyliśmy, że korzystasz z "adblocka".
Chcesz pozbyć się komunikatu? Wystarczy wyłączyć wtyczkę!
Jeśli chcesz swobodnie poruszać się po forum bez reklam możesz zakupić rangę "Premium".
Więcej informacji!
Existing user? Sign In

Sign In



Or sign in with one of these services

Sign Up
Search In
  • More options...
Find results that contain...
Find results in...

[Poradnik] Przydatne linki Frotnend


Frewson
 Share

Recommended Posts

Hejka na pierwszy ogień chciałem się z wami podzielić paroma stronami, wtyczkami do vsc które mogą wam ułatwić pracę.

 

Wszystkie linki posiadają aktualną wiedzę na dzień 01.02.2020

 

Na początek bardzo ważna kwestia dla mnie jak i dla was mam nadzieje też, semantyczność kodu jest bardzo ważna w tych czasach

przed skończeniem wersji sprawdź czy z kodem na pewno jest wszystko okej na stronie https://validator.w3.org/#validate_by_input.

 

Odnośnie validacji i poprawności html zrobię osobny poradnik.

 

Do poczytania.

 

CSS TRICKS: https://css-tricks.com/

Masa przydatnych przykładów wykorzystujące nowinki ze świata Frontu.

 

WebKrytyk: https://www.webkrytyk.pl/

Kilka słów na temat polskich stron internetowych.

 

devmozilla: https://developer.mozilla.org/pl/

Biblia dla programistów, szczególnie polecam z niej czerpać wiedzę na temat css i js 

 

pixabay: https://pixabay.com/pl/

Darmowe grafiki do wykorzystania na stronie.

 

flaticon: https://www.flaticon.com/

jak na moje oko najlepsza opcja jeśli chodzi o ikonki do aplikacji / stronek dodatkowo wszystkie są dostępne w formacie svg. (Dużo darmowych)

 

Do po oglądania. 

 

Hello roman: https://www.youtube.com/channel/UCq8XmOMtrUCb8FcFHQEd8_g

Polski youtuber robi robotę gada z sensem i nie wprowadza w błąd.

 

Overment: https://www.youtube.com/channel/UC_MIaHmSkt9JHNZfQ_gUmrg

Konkretna dawka wiedzy frontendowej.

 

Koduje: https://www.youtube.com/channel/UCLLdzVN9P9lV8kmJhHsiuHA

Postanowiłem wspomnieć o tym kanale ze względu na dobrą wiedzę, niestety kanał nie jest już wspierany od 2 lat.

 

 

 

 

Do pobrania.

 

Osobiście na co dzień piszę w vsc dlatego mogę się wypowiedzieć tylko na temat jego wtyczek. https://code.visualstudio.com/

 

emmet https://code.visualstudio.com/docs/editor/emmet

Przyspiesza pracę z kodem polecam dokładnie zobaczyć i poznać jego możliwości. 

 

LiveServer https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Umożliwia podgląd na żywo z auto odświeżaniem, używałem go dopóki nie przerzuciłem się na gulpa  i webpacka.

 

AutoCloseTag https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

Nie traćmy czasu na domykanie nie potrzebne tagów.

 

AutoRenameTag https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Podczas zmiany tagu podmienia się nazwa końca tagu aby go dobrze zamknąć. 

 

Osobiście piszę głównie w angularze więc jeśli ktoś jest zainteresowany dodatkami których używam w tej technologi mogę wstawić później.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  • Kocham to! 1
Link to post
Share on other sites
  • 2 weeks later...
  • 2 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information