[FNwsk]

http://pythontutor.com/

Python Tutor to narzędzie umożliwiające wspólne programowanie oraz wizualizację programu napisanego w jednym z tych obsługiwanych języków:

- Python
- Java,
- JavaScript
- TypeScript,
- Ruby
- C
- C++

1. Wizualizacja
Wizualizacja zaimplementowana jest następująco:
Obszar roboczy podzielony jest na dwie kolumny.
W lewej kolumnie znajduje się kod oraz przyciski kontrolujące wykonywanie programu (wykonaj następną linijkę, wróć do poprzedniej linijki kodu, itp.).
W prawej kolumnie są rysowane diagramy, strzałki wizualizujące odwołania oraz struktury danych są graficznie przedstawiane.
Pogląd jak to wygląda znajduje się na obrazku.

2. Wspólne programowanie
Polega to na wygenerowaniu linku, który otwiera duga osoba w swojej przeglądarce wtedy w oknie roboczym pojawia się okno umożliwiające rozmowę między nimi, kursor każdego z nich, oraz każdy z nich może edytować kod a zmiany są dokonywane natychmiastowo.

3. Bez rejestracji. Cała funkcjonalność dostępna jest od ręki.

4. Przykład wizualizacji kodu @sebo-sebicki z tego wpisu http://www.wykop.pl/wpis/21661503

http://pythontutor.com/visualize.html#code=findLongestWord(%22The%20quick%20brown%20fox%20jumped%20over%20the%20lazy%20dog%22%29%3B%0A%0Afunction%20findLongestWord(str%29%20%7B%0A%20%20%0A%20%20var%20word%20%3D%20%5B%5D%3B%0A%20%20var%20kl%20%3D%20str.split('%20'%29%3B%0A%20%20%0A%20%20for%20(var%20i%20%3D%200%3B%20i%20%3C%3D%20kl.length%3B%20i%2B%2B%29%20%7B%0A%20%20%20%20word.push(kl%5Bi%5D.length%29%3B%0A%20%20%7D%0A%20%20%0A%20%20var%20largest%20%3D%20Math.max.apply(Math,%20word%29%3B%0A%20%20%0A%20%20return%20largest%3B%0A%7D%0A&cumulative=false&curInstr=16&heapPrimitives=false&mode=display&origin=opt-frontend.js&py=js&rawInputLstJSON=%5B%5D&textReferences=false

(linki długie ponieważ kod w adresie jest przechowywany)

#naukaprogramowania

[Seamoor]

@FNwsk a zawsze się zastanawiałem czy gdzieś kiedyś znajdę coś takiego jak wizualizacja napisanego kodu krok po kroku. Dzięki !