Treść książki
Przejdź do opcji czytnikaPrzejdź do nawigacjiPrzejdź do informacjiPrzejdź do stopki
DotworzeniaoprogramowaniawHTML5niepotrzebaspecjalistycznychnarzędzi,wy-
starczypodstawowyedytortekstuorazprzeglądarka,wktórejmożemypodejrzećnasz
projekt.Jestto,coprawda,zestawabsolutnieminimalnydorozpoczęciapracynadpro-
stymprojektem,jaknp.statycznastronaHTML,możesięwięcokazaćniewystarczający
dobardziejzaawansowanychrzeczy.Tworząccoraztobardziejskomplikowaneprojekty
szybkoznajdziemysięwsytuacji,wktórejbędziemypotrzebowaćnowychnarzędziwspo-
magającychpracę.
PodczastworzeniaskryptówJavaScriptpomocnebędzienarzędzie,którepozwolinam
śledzićdziałanieskryptuianalizowaćjegoposzczególnekroki,coułatwiwykrycieoraz
naprawękryjącychsiętambłędów.
Wprzypadkutworzeniaarkuszystylówzdarzasię,żedeklaracjęatrybutówmusimy
powtarzaćwróżnychmiejscacharkusza,np.kopiującwartośćkoloru,byużyćgodlatekstu
iobramowaniaelementu.Użycienarzędziawprowadzającegozmiennedoarkuszystylów
napewnoułatwiłobypracę.
Podczascodziennejpracynadprojektemwprowadzenienarzędziadoautomatyzacji
powtarzalnychczynnościoszczędzinamczas.Zakażdymrazem,gdydokonamyzmia-
nywplikach*.less,musimysamodzielniewykonaćpolecenie,któreskompilujepliki
*.lessdo*.css,odpowiednienarzędzienatomiastmogłobyobserwowaćdokonywane
zmianynaplikachisamowykonywaćodpowiedniepolecenia.
1.1.GoogleChromeDevTools
Obecniedostępnenarynkuprzeglądarkimająwbudowanenarzędzia,dziękiktórymmo-
żemywznaczącysposóbprzyspieszyćpracęnadprojektem,ponieważumożliwiająpodgląd
działaniakoduwnajdrobniejszychszczegółach.Narzędziatepozwalająnamnadebugo-
waniekoduorazjegoanalizępodwzględemwydajności.Prawiekażdaprzeglądarkama
wbudowanenarzędziaprogramistyczne,któretrochęsięróżnią.Niejestemniestetywsta-
niedogłębnieprzedstawićwksiążcewszystkichnarzędziwdostępnychnarynkuprzeglą-
darkach,dlategoteżskupimysięnapracyjedyniezGoogleChromeDevTools.Nieozna-
czatojednak,żepowinniśmytylkoiwyłączniepracowaćztymnarzędziem.Dlakażdego
programistywytwarzającegooprogramowanieprzeznaczonedlaróżnychprzeglądarek
19
