Table of Contents
Szoftverkövetelmények
Fejlesztői környezet
A fejlesztéshez a Visual Studio Code (VSCode) nevű nyílt forráskódú kódszerkesztőt használjuk, amelyet a Microsoft fejlesztett.
A VSCode elindítása után telepíteni kell a Live Server bővítményt. Ehhez kattints a bal oldali oldalsávban található ikonra:
Ezután keresd meg a Live Server bővítményt, majd kattints az “Install” gombra:
Ha a bővítmény sikeresen települt, az alábbi gomb jelenik meg a VSCode jobb alsó sarkában:
Egy új projekt inicializálásához hozz létre egy új mappát a fájlkezelőben, majd nyisd meg ezt a mappát a VSCode-ban (File > Open folder…).
Ezután hozz létre egy új fájlt index.html
néven.
Másold be a következő kódot, majd mentsd el az HTML fájlt (Ctrl+S):
<!DOCTYPE html> <html> <head> <title>Oldal címe</title> </head> <body> <h1>Első szintű címsor</h1> <p>Ez egy bekezdés.</p> <p>Ez is egy bekezdés.</p> </body> </html>
Kattints a jobb alsó sarokban található “Go Live” gombra, és nyisd meg a http://localhost:5500/
címet a böngészőben (ezt a Live Server bővítmény automatikusan megnyithatja). Ha módosítod az HTML fájl kódját, a tartalomnak automatikusan frissülnie kell a böngészőben.
GitHub repository
A gyakorlatokon elkészült munkát hétről hétre egy publikus GitHub repository-ba kell feltölteni.
A létrehozott repository linkjét meg kell adni a következő űrlapon: https://forms.office.com/e/nH3w6uRrnQ (határidő: a szorgalmi időszak 2. hete)