Skip to content
Web Development · AspIT Sønderjylland
Search
Ctrl
K
Cancel
Light
Auto
Dark
Color aid
Home
Level 1 · Web Introduction
Overview
Getting started
Set up VS Code
Practice: Open a workspace
HTML foundations
Write a page with HTML elements
Build a page with semantic HTML
Project tools and web concepts
Use Git and GitHub as a solo developer
How websites work
Practice: Build an HTML profile page
CSS and layout
Style a page with CSS
Control size and spacing with the box model
Arrange content with Flexbox
Write reusable and predictable CSS
Adapt a layout to different screen sizes
Practice: Style and adapt a profile page
Images and visual design
Apply visual design principles
Prepare images for the web
Create a simple web graphic
Practice: Create a page asset set
CMS and findability
Build a site with a CMS
Organize content and navigation
Add basic search engine information
Practice: Build a small CMS site
Quality and presentation
Validate and test a website
Document your work
Present a digital product
Final project: Build and present a small website
Level 2 · Web Construction
Overview
Web interaction
Write JavaScript for a web page
Respond to user input with DOM events
Manage and render interface state
Practice: Build an interactive web application
Responsive design and animation
Build responsive components
Create accessible web animations
Practice: Build an animated responsive interface
CMS development
Customize a CMS theme
Add functionality to a CMS
Practice: Extend a CMS site
Quality, SEO, and analytics
Plan and track quality work
Test an interactive web application
Improve technical SEO
Configure web analytics
Final project: Build, evaluate, and present a web application
Level 3.1 · Web Development
Overview
TypeScript and development workflow
Move from JavaScript to TypeScript
Set up a React and TypeScript project with Vite
Work with version control in a team
Project stage 1: Prepare the application workspace
React application development
Build typed React components
Manage events and interface state in React
Build routes and URL state with React Router
Test application behavior with Vitest
Project stage 2: Build the React client
Server-side code and APIs
Run TypeScript on the server with Node and Express
Develop, validate, and test a JSON API
Connect a React application to an API
Project stage 3: Add and connect an Express API
Cross-platform development
Design an interface for web and mobile contexts
Package and test an application with Capacitor
Final project: Deliver and present cross-platform web software
Level 3.2 · Content Management
Overview
Measurement and testing
Inspect a website with webmaster tools
Plan and evaluate a split test
Use digital analytics to improve a website
Practice: Measure and report a website improvement
Search and social media
Improve SEO and evaluate SEM options
Plan social media for web marketing
Practice: Create a search and social media plan
Usability and design
Evaluate and improve website usability
Apply current design and layout standards
Practice: Redesign a website across platforms
CMS and webshop maintenance
Manage structured content in a CMS
Improve a CMS with extensions
Maintain a webshop
Final project: Audit and improve a CMS website
Projects
Browse projects
Project: Build a community event website
Project: Create an accessible portfolio
Project: Build a browsable product catalog
Project: Create a public-information campaign
Project: Build an interactive knowledge quiz
Project: Build a community resource directory
Project: Build a Pokémon browser game
Guided Builds
Pokemon Browser Game
Pokémon Browser Game: Introduction
Pokémon Browser Game: Build the first landing-page draft
Pokémon Browser Game: Landing page refinement
Pokémon Browser Game: Build the Pokédex catalog
Pokémon Browser Game: Filter the Pokédex with JavaScript
Pokémon Browser Game: Start the game from trainer setup
Pokémon Browser Game: Render the overworld map
Pokémon Browser Game: Render the trainer position
Pokémon Browser Game: Move one step
Pokémon Browser Game: Enter a wild encounter
Pokémon Browser Game: Build the battle loop
Pokémon Browser Game: Complete the caught collection
H. C. Andersen Biography
H. C. Andersen Website
Light
Auto
Dark
Color aid
Inspect a website with webmaster tools
