Samenvatting
In deze module stelt u een werkomgeving in voor webontwikkeling. U hebt ook een website gemaakt en getest of alles in een webbrowser werkt. Laten we eens kijken naar alles wat u hebt bereikt:
- U hebt de hulpprogramma's gedownload en geïnstalleerd die u nodig hebt voor webontwikkeling en de editor aangepast met basispakketten.
- U hebt een projectmap en de bestanden gemaakt om een website te bouwen.
- U hebt een kop en andere pagina-elementen gemaakt en vervolgens gekoppeld aan externe bestanden en de pagina in een browser getest.
- U hebt stijlen toegepast op verschillende elementen en uw site getest in de browser en ondersteuning toegevoegd voor thema's met behulp van CSS.
- U hebt JavaScript toegevoegd om aangepaste interactie met de pagina mogelijk te maken en tussen thema's te schakelen.
- U hebt geleerd hoe u consoleberichten kunt maken en gebruiken om een kijkje te nemen in uw code.
U verzamelt hulpprogramma's en bouwt een basis als webontwikkelaar. U kunt uw website opnieuw gebruiken als sjabloon voor toekomstige projecten. Naarmate uw vaardigheden en kennis groeien, kunt u meer van de visie vervullen die u voor uw website hebt. Het geeft ook de mogelijkheid om een idee tot leven te komen.
Meer informatie
Concepten voor webontwikkeling
- Fouttolerantie (geleidelijke degradatie)
- Scheiding van verantwoordelijkheden
- Progressieve uitbreiding
Webontwikkelingsverwijzingen
HTML5
- HTML-geschiedenis
- Webhint - Charset 'Utf-8' gebruiken
- MDN-webdocumenten - Wat staat er in het hoofd?
- MDN Web Docs - Referentie voor HTML-elementen
CSS
Javascript
Technologieën voor webontwikkeling
Documentatie voor Microsoft Edge
- Ontwikkelhulpprogramma's voor Microsoft Edge
- HTML en CSS inspecteren, bewerken en fouten opsporen met het hulpprogramma Elements
- Overzicht van console
Azure Static Web Apps (Statische Web Apps van Azure)
Een manier om uw website te implementeren, is door Azure Static Web Apps te gebruiken.