Przejdź do głównej zawartości

Tutor IDE:
Mali developerzy,
Wielkie ambicje,
Prawdziwe projekty.

Profesjonalne środowisko do nauki HTML, CSS i JS dla szkół i młodych twórców.

Edytor kodu Tutor IDE
Portfolio ucznia Tutor IDE

To nie jest zabawa w klocki.

To prawdziwy Web Development.

</>

Technologia

Nauka prawdziwych języków: HTML (struktura), CSS (wygląd), JavaScript (interakcja).

Środowisko

Praca w przeglądarce bez konieczności instalacji. Otwierasz i kodujesz.

🎓

Dla kogo

Szkoły programowania, nauczyciele oraz rodzice szukający bezpiecznej przestrzeni cyfrowej.

Przyjazne środowisko do tworzenia prawdziwych stron internetowych, dopasowane do dzieci, ale oparte na profesjonalnych standardach.

Edytor kodu

Centrum dowodzenia młodego programisty.

Silnik Visual Studio Code dostosowany do edukacji. Ten sam silnik, na którym pracują zawodowi programiści w Google czy Microsoft.

Edytor kodu Tutor IDE z podglądem na żywo

Podświetlanie składni

Kolorowanie kodu ułatwia rozróżnienie tagów i wyłapywanie błędów.

Autouzupełnianie

Inteligentne domykanie nawiasów i podpowiedzi — mniej literówek, więcej tworzenia.

Standardy UX

Obsługa skrótów klawiszowych (Ctrl+S), cofanie zmian i zarządzanie plikami.

Podgląd na żywo

Natychmiastowy efekt po każdej zmianie kodu. Pisz HTML i od razu widzisz stronę.

Brak instalacji — wystarczy otworzyć przeglądarkę, zalogować się i zacząć pisać.

Asystent AI

Nauczyciel, nie wyręczyciel.

Inteligentny tutor, który stosuje metodę sokratejską — naprowadza pytaniami, zamiast generować gotowy kod.

Wyjaśnia pojęcia

Tłumaczy trudne terminy prostym językiem i analogiami (np. „HTML to szkielet domu").

Blokuje gotowce

Gdy uczeń prosi „napisz mi stronę", asystent odmawia i proponuje plan działania.

Mówi po polsku

Pełne wsparcie językowe dopasowane do wieku ucznia.

Edukacyjne wyjaśnienia

AI podaje kilka sposobów rozwiązania problemu (np. Flexbox vs Text-align).

Asystent AI Tutor IDE w akcji
Publikacja projektów uczniów

Publikacja

Od kodu do publikacji.

Prawdziwe adresy URL: Projekty dostępne pod code.tutoride.dev/[user]/[project].
Poczucie sprawstwa: „To moja strona i każdy może ją zobaczyć." Możliwość wysłania linku babci lub koledze.
Jeden klik: Publikacja wymaga tylko jednego kliknięcia w edytorze.
Prywatność: Uczeń sam decyduje, kiedy projekt jest gotowy do pokazania światu.

Dla nauczyciela

Pełna kontrola nad klasą.

Panel nauczyciela pozwala zarządzać kontami, monitorować postępy i kontrolować zasoby — wszystko z przeglądarki.

Zarządzanie kontami

Tworzenie loginów, reset haseł, edycja awatarów.

Monitoring

Wgląd w projekty uczniów i ich postępy w czasie rzeczywistym.

Zasoby

Kontrola przestrzeni dyskowej i limitów plików.

Dostępność

Panel działa w przeglądarce — zero konfiguracji serwerów.

Wgląd w proces nauki z AI.

Nauczyciel widzi wszystko, o co pyta uczeń.

Pełna historia: Dostęp do archiwum czatów każdego ucznia.

Nawet usunięte: Nauczyciel widzi sesje, które uczeń usunął.

Weryfikacja: Sprawdzenie, czy uczeń rozumie materiał.

Diagnostyka: Analiza problemów na podstawie zadanych pytań.

Monitoring nauczyciela

Bezpieczeństwo

Wielowarstwowe bezpieczeństwo.

Każdy aspekt platformy jest zaprojektowany z myślą o ochronie młodych użytkowników.

Kontrola Treści

AI rozmawia tylko o programowaniu (blokada tematów niezwiązanych z nauką).

Limity Aktywności

Ograniczenia liczby wiadomości na minutę i długości zapytań.

Bezpieczeństwo Techniczne

Ochrona przed złośliwym kodem w przeglądarce i izolacja projektów.

Dane Osobowe

Brak udostępniania danych podmiotom trzecim.

Tutor IDE logo

Gotowy na start?

Dołącz do Tutor IDE i zacznij tworzyć prawdziwe strony internetowe. Zaloguj się lub dowiedz się więcej.