[Poradnik] Przydatne linki Frotnend

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.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Jeśli ktoś ma pytanie odnośnie pracy na froncie lub do dobrych praktyk pracy z kodem zapraszam do komentarzy. 

@Frewson Polecam korzystam z większości i bywają przydatne.

Przydatny poradnik !

@alvy Dzięki za opinię