Frewson 7 Posted February 1, 2020 Report Share Posted February 1, 2020 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. MagicDragon 1 Quote Link to post Share on other sites
Frewson 7 Posted February 1, 2020 Author Report Share Posted February 1, 2020 Jeśli ktoś ma pytanie odnośnie pracy na froncie lub do dobrych praktyk pracy z kodem zapraszam do komentarzy. Quote Link to post Share on other sites
MagicDragon 0 Posted February 13, 2020 Report Share Posted February 13, 2020 @Frewson Polecam korzystam z większości i bywają przydatne. Quote Link to post Share on other sites
alvy 2 Posted April 29, 2020 Report Share Posted April 29, 2020 Przydatny poradnik ! Quote Link to post Share on other sites
Frewson 7 Posted April 30, 2020 Author Report Share Posted April 30, 2020 @alvy Dzięki za opinię Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.