Skip to content

Introducere

Integrarea provocărilor de cod în aplicația ta web

Bun venit la Ghidul de integrare a provocărilor DojoCode!

Această documentație te va ghida prin procesul de includere a provocărilor de cod în aplicația ta web, permițând utilizatorilor tăi să interacționeze cu provocările de programare în mod fluid. Această integrare poate fi o adiție valoroasă pentru platformele educaționale, bootcamp-urile de programare sau orice aplicație web care își propune să îmbunătățească abilitățile de programare.

Testarea integrării

Înainte de a implementa provocările de cod în aplicația ta web, îți oferim o modalitate convenabilă de a verifica și testa cum va apărea provocarea inclusă pe site-ul tău. Poți accesa instrumentul de verificare la Editori de provocări de cod integrați .

Acest instrument poate fi accesat prin linkul de mai sus sau mergând în subsolul paginii de business și făcând clic pe Embedded. (Fig. 1)

Fig. 1

Testarea opțiunilor de integrare a provocărilor

Poți deschide „Embed Challenge Options” pentru a vedea lista completă de opțiuni.

  1. Alege provocarea

Începe prin a selecta provocarea de cod pe care dorești să o testezi. Acest lucru îți permite să personalizezi conținutul pentru a se potrivi cu nivelul de abilități al publicului tău țintă sau cu subiectele specifice de programare pe care dorești să le acoperi.

  1. Alege tema

Personalizează aspectul provocării integrate pentru a se potrivi cu designul site-ului tău. Poți alege între două teme: light sau dark, asigurându-te că provocarea se integrează perfect în estetica generală a site-ului tău.

  1. Opțiunea ecran complet

Ai flexibilitatea de a decide dacă provocarea integrată ar trebui să fie afișată în modul ecran complet sau în cadrul unei secțiuni specifice a aplicației tale web. Această alegere asigură integrarea perfectă a provocării în interfața ta de utilizator.

Fig. 2

Previzualizare și personalizare

Odată ce ai configurat toate setările după bunul plac, poți previzualiza provocarea de cod integrată. Această previzualizare îți permite să vezi exact cum va apărea provocarea în cadrul aplicației tale web, asigurându-te că se aliniază cu așteptările tale de design și experiență de utilizare. (Fig. 3)

Fig. 3

După previzualizare, ai opțiunea de a personaliza în continuare provocarea integrată pentru a se potrivi nevoilor tale. Nu uita, după actualizarea opțiunilor provocării integrate, să faci clic pe „Update Preferences” (Fig. 4); în acest fel, îți vei salva setările. Fie că este vorba despre ajustarea dimensiunii, a poziționării sau despre adăugarea de instrucțiuni suplimentare, ai flexibilitatea de a o face să se potrivească perfect în aplicația ta.

Fig. 4

Concluzie

Integrarea provocărilor de cod în aplicația ta web poate oferi experiențe de învățare valoroase pentru utilizatorii tăi, sporind în același timp interactivitatea generală a platformei tale. Cu ajutorul instrumentului de verificare și al opțiunilor de personalizare disponibile, poți încorpora cu ușurință provocările de programare în aplicația ta web, oferind o experiență de învățare dinamică și interactivă publicului tău.

Nu ezita să contactezi echipa noastră de asistență prin intermediul Formular de contact dacă ai întrebări sau ai nevoie de asistență în timpul procesului de integrare. Suntem aici pentru a te ajuta să creezi o experiență web mai captivantă și mai educativă pentru utilizatorii tăi.