Zapoznanie z WebIDE

1. Najlepszy widget na świecie — WebIDE

Praktyka to podstawa. Żeby nauka HTML była ciekawsza, damy ci kilka zadań do każdego wykładu. Tak łatwiej zapamiętać przeczytany materiał. I już za parę minut dostaniesz swoje pierwsze zadanie.

Żeby było ci wygodniej rozwiązywać zadania, stworzyliśmy dla ciebie specjalny widget — WebIDE. Wygląda on tak:

Po lewej znajdziesz warunki zadania i listę wymagań, które twoje rozwiązanie powinno spełniać. Na środku znajdziesz edytor, w którym napiszesz rozwiązanie. Panel na dole pokazuje wynik — twoją stronę w oddzielnym oknie.

2. Główne przyciski

Na górze widoczne są następujące przyciski:

• Sprawdź: wyślij swoje rozwiązanie do testów.
• Uruchom: uruchom program bez wysyłania do sprawdzenia (licznik testów nie zwiększa się).
• Rozwiązanie — rozwijane menu zawiera:
  • Poprawne rozwiązanie: pokaż rozwiązanie autora zadania.
  • Przywróć mój kod: wróć do swojego kodu po przeglądzie poprawnego rozwiązania.
  • Resetuj rozwiązanie: zresetuj rozwiązanie zadania — rozpocznij od początku.
• Pomoc — zadaj pytanie dotyczące swojego rozwiązania w społeczności CodeGym.
• Dyskusja: omów zadanie z innymi użytkownikami.
• Analiza kodu: otrzymaj wskazówki dotyczące stylu twojego kodu.

3. Jakie przyciski nacisnąć

Gdy napiszesz już program (rozwiązanie zadania), naciśnij przycisk „Sprawdź”. Twój program zostanie wysłany na serwer CodeGym, gdzie zostanie uruchomiony i automatycznie sprawdzony.

Jeśli nie uda ci się napisać rozwiązania, skorzystaj z podpowiedzi (nie obijaj głową ściany). W menu „Pomoc” kliknij przycisk „Podpowiedź”. Możesz także zobaczyć poprawne rozwiązanie, klikając przycisk „Poprawne rozwiązanie”.

Gotowy? W takim razie oto twoje pierwsze zadanie: