DevTools - jak ich poprawnie używać? [podstawy]

W tym filmie uczę jak używać narzędzi dla webmasterów znajdujących się w przeglądarce internetowej. Zakładki network, source, console, zakładanie breakpointów, nasłuchowanie komunikacji ajaxowej itp.

Wszystkie zadania wykonuję z użyciem DevToolsów w przeglądarce.
Moja przeglądarka to akurat Opera, ale w Chrome i Firefoksie wygląda to bardzo podobnie.

Link do gry, na której wykonuje ćwiczenia:

Instagram:

Facebook:

Fanpage:

Mój newsletter (#unknowNews):

Twitter:

Jakich narzędzi i aplikacji używam?

Mój projekt z serwerami VPS

Dodaj ten kanał do obserwowanych, aby nie przeoczyć kolejnych filmów.

[pyxelr]

Bardzo wartościowy materiał jak na tak krótki czas!
Dobrze, że opiera się to na czymś bardziej zaawansowanym niż tylko na prostym doszukaniu się odpowiedzi w źródle strony internetowej.

[prway]

Świetny pokaz jak przydaje się dobra znajomość narzędzi którymi się posługujemy :)

[MiszAgrippa]

ekstra filmik, chętnie zobacze inne przykłady/zadania z innych dziedzin

[zegarmistrzswiatla]

Zobaczyłem pierwsze 30 sekund i od razu kliknięty SUB. Dzięki za świetną lekcję. Chcemy więcej.

[Qwertmietek]

Dzięki temu wszedłem na karachan. Dobry filmik xD

[paniskonayoutube]

Dobre to było - więcej poproszę :) dzięki za film

[kradstar]

Więcej poprosimy, bardzo przydatne :)!

[lis]

No i dziękuję bardzo, JS zawsze traktowałem jako wcielonego szatana i zło konieczne, teraz będę mógł go lepiej okiełznać.
A jaki meksyk jest w developerskiej edycji Firefoxa - w devtoolsach jest możliwy sniffing websocketu ;)

[Spioszek]

Swego czasu pamiętam jak w taki sposób można było wybrać doładowanie do Steam za mniej niż te 5 euro tylko dowolną kwotę 😉

[WatFat]

W drugim nie trzeba odświeżać strony. Można breakpoint wstawić wewnątrz funkcji, która jest wywoływana w setInterval :)

[patrykg]

Czy przerabiałeś to wcześniej czy po prostu myślisz z prędkością kompilatora ?😅

[maruswielki]

nagrasz inne zadania z tej gierki? bo jestem ciekawy jak je rozwiazales

[szeroki]

super filmik :) jest szansa na rozwiązanie pozostałych zadań ? :)

[MarekBorkowski]

a znacie coś podobnego do przykładu z filmu albo ctf z hackerone?

[matrix]

Zastanawiałem się od początku o co chodzi, że ten film jest jakiś inny, bardziej przyjemny (ja wiem dziwnie to brzmi). Chyba chodzi o dźwięk (zmieniłeś mikrofon?), teraz głos wydaje się głębszy/bardziej szczegółowy (nie umiem opisać) ;)

[zegarmistrzswiatla]

Czy można wymusić taką modyfikację kodu w trakcie ładowania kodu, tak na stałe?

[hban]

musialem spowolnic filmik do 0.75 bo za szybko mowisz

[energetycznosc]

Spoko film, zapraszam na swój kanał o linuxie. Pozdrawiam.

[amonra]

A mi się on sam zrobił! A nic takiego nie używam