GirlsGoIT Wiki (ro)
RU
  • Introducere
  • Unelte
    • Slack
    • Visual Studio Code
    • CodeSandbox
      • Cum rezolvi un task la proiect
      • Cum rezolvi un exercițiu
    • GitHub
  • FRONTEND STATIC
    • Internet
    • HTML
    • CSS
    • Exerciții
      • Erontend Static Exercitii
  • FRONTEND DINAMIC
    • JavaScript
      • Introducere
      • Consola Browser'ului
      • Variabile
      • Tipuri de date
      • Operatori
      • JavaScript & HTML
      • Funcții
      • DOM & Window API
      • Math API
      • Condiționale (if)
      • Cicluri (for & while)
    • Vue.js
      • Componente Vue
      • Componente & Forme
      • Lifecycle hooks
      • Comunicare între componente
      • Vue Router
      • Axios
      • Instalare locală
    • Exercitii
    • Rest API
      • Rest api GET
      • Rest api GET one
      • Rest api POST
      • Rest api PUT
      • Rest api DELETE
  • PYTHON
    • Introducere
    • Variabile
    • Tipuri de Date
    • Operatori
    • Control Flow
    • Liste
    • Cicluri for
    • Funcții
    • Dictionare
    • Seturi
    • Fișiere
    • Try-except-finally. Lambda
    • Librării, module
    • Exercitii
      • Variabile
      • TIpuri de Date
      • Operatori
      • If...else
      • Liste
      • Cicluri for
      • Funcții
      • Dicționare
      • Seturi
      • Fișiere
      • Try-except, Lambda
      • Librării , module
      • ✨Mai multe exerciții ✨
    • Python Archiva
  • BACKEND
    • Instalare Python
    • Python OOP
    • Baze de date
    • Django
    • REST API's
    • Django REST Framework
    • Exerciții
      • Python OOP
      • Django
      • Django Rest Framework
  • Data Science
    • Introducere în Data Science
    • Vizualizarea datelor
      • Matplotlib
    • Numpy
    • Pandas
    • DecisionTrees
  • 3D Printing
    • Intro
    • Fusion 360 Intro
    • Sketch
    • Solid body
    • Arduino
    • Final Projects
  • ARHIVA
    • Milligram
    • Drone
      • Intro
    • Old Backend
      • Bootstrap
      • Hello Flask
      • DB Modeling
      • Ubuntu Quest
      • Baze de date
      • Heroku Deploy
    • Robotica NAO
      • Finalizarea proiectelor
      • Flow Control
      • Cum creez un Dialog box
      • Convenția GirlsGoIT Robotics Choregraphe
      • Tracker
      • Dialog - QiChat
    • Robotica
      • 1.1 mBlock
      • 1.2 Descărcarea, instalarea și conectarea
      • 1.3 Execută un program de pe mBlock IDE sau încarcă pe Board
      • 1.4 Conectarea prin USB, Bluetooth sau 2.4GHz
      • 2.1 Programe Simple
      • 2.2 Senzori
      • 2.3 Exerciții avansate - Scratch
      • 3.0.1 Instalare Arduino IDE
      • 3.0.2 Instalare Arduino IDE WEB
      • 3.1 Configurare Arduino IDE
      • 3.2 Introducere în limbajul C
      • 3.3 Exemple Arduino - mBot
      • 3.4 Line follow - Arduino
      • 3.5 Ultimate robot
      • 4.1 Planificarea și managementul proiectelor
      • Custom robot
      • Noțiuni și explicații
      • Delay fara sa opreasca programul
      • Alte resurse și exemple
Powered by GitBook
On this page
  1. Unelte
  2. CodeSandbox

Cum rezolvi un exercițiu

PreviousCum rezolvi un task la proiectNextGitHub

Last updated 4 years ago

1. Asigurăte că ești în workspace-ul corect, spre exemplu, FrontEnd Dinamic(JS)

2. Pe pagina All Sandboxes, găsești folderul tău

3. După ce ai deschis-o, dai click pe New Sandbox dacă încă nu ai nici un Sandbox creat

sau butonul Create Sandbox din header

4. In fereastra apărută, scrolezi puțin și găsești template-urile din workspace-ul în care lucrezi, de exemplu, Hello World tempalte

5. Dai click pe el și vei crea un nou Sandbox be baza la acel template

6. Înainte de a începe rezolvarea, dai click pe numele generat random din header(ex: epic-pine-2jjf2) și îi dai un nume nou ca să-ți fie mai ușor să-l găsești după

7. Dacă pe stânga de numele Sandbox-ului vezi că el nu a fost creat în fodler-ul tău, dar e în Drafts sau alt folder

dai click pe el și în fereastra apărută, găsești workspace-ul în care lucrezi, selectezi folder-ul tău și click pe Move to ... button

8. Pe parcurs, dacă ai nevoie de ajutor-ul trainerului pentru rezolvarea unei probleme, fiind în Sandbox, dai click pe tab-ul Live și trimiți trainer-ului link-ul apărut în secțiunea Live(ex: https://codesandbox.io/live/XDokJl)

Ca trainer-ul să poată face modificări, asigurăte că în secțiunea Live Mode e selectată opțiunea Everyone can edit

Ca să urmărești schimbările ce le face trainer-ul și fișierele ce le editează, va trebui să dai click pe avatar-ul/iconi-ța ce a apărut lângă a ta și vei vedea mesajul Following [your-trainer-username]

9. Când trermini de rezolvat exercițiul, te asiguri încă o dată că Sandbox-ul în care ai lucrat este în folder-ul tău, și trimiți link-ul trainer-ului din bara de adrese a browser-ului sau, cu butonul Copy Sandbox Link din fereastra Share