whatisgithub

What is front-aula5-1sem?

1tdspg-26/front-aula5-1sem — explained in plain English

Analysis updated 2026-05-18

18HTMLAudience · vibe coderComplexity · 1/5Setup · easy

In one sentence

A classroom HTML exercise where students build a multi-page sports website with accessible navigation.

Mindmap

mindmap
  root((repo))
    What it does
      Multi-page sports site
      Relative link navigation
      ARIA accessibility labels
    Tech stack
      HTML
      ARIA
    Use cases
      Practice HTML page structure
      Learn relative file paths
      Apply accessibility labels
    Audience
      Students beginners
    Format
      Guided course exercise
      Portuguese instructions

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Practice building multi-page HTML sites with consistent navigation

USE CASE 2

Learn how relative file paths work between a homepage and subfolder pages

USE CASE 3

Practice adding ARIA labels for screen reader accessibility

What is it built with?

HTMLARIA

How does it compare?

1tdspg-26/front-aula5-1semcatowabisabi/heso-ai-orchestratorhaavarstein/intune-dashboard
Stars181818
LanguageHTMLHTMLHTML
Setup difficultyeasymoderateeasy
Complexity1/53/5
Audiencevibe coderdeveloperops devops

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 30min

No install needed, just a text editor and browser to open the HTML files.

No license information is provided in the README.

So what is it?

front-aula5-1sem is a classroom HTML exercise for a web development course, written in Portuguese. The assignment is called Expanding the Esporte Total Project, where Esporte Total means Total Sports, and it guides students through building a small multi-page sports website. Students start with an existing homepage and add three new internal pages, one for football, one for basketball, and one for volleyball. Each page gets its own title, headings, and paragraph text tailored to that sport, along with hero images or icons that match the sport. The exercise then walks through wiring up navigation links correctly across pages that live in different folders, covering the concept of relative file paths, meaning how one HTML file refers to another when they sit in different directories, whether going from the homepage into a subfolder or back again. Finally, students apply accessibility practices using ARIA labels, special HTML attributes that help screen readers describe links and navigation menus to users who cannot see the screen. Generic links such as read more get turned into accessible buttons with descriptive labels, navigation menus are identified with aria-label, and purely decorative icons are hidden from screen readers with aria-hidden. The acceptance criteria state the project is complete when every page is reachable from the top menu without broken links, and every action button has an accessible label. This is a front-end web development training exercise, suited for beginners learning HTML structure, multi-page site navigation, and basic web accessibility. It is not a standalone product, it exists as a guided learning assignment within a course.

Copy-paste prompts

Prompt 1
Help me create futebol.html, basquete.html, and volei.html following this assignment's structure
Prompt 2
Explain how relative paths differ between linking from index.html into a subfolder versus back out
Prompt 3
Show me examples of using aria-label and aria-hidden correctly based on this exercise's requirements
Prompt 4
Check my navigation links for broken paths as described in this exercise's acceptance criteria

Frequently asked questions

What is front-aula5-1sem?

A classroom HTML exercise where students build a multi-page sports website with accessible navigation.

What language is front-aula5-1sem written in?

Mainly HTML. The stack also includes HTML, ARIA.

What license does front-aula5-1sem use?

No license information is provided in the README.

How hard is front-aula5-1sem to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is front-aula5-1sem for?

Mainly vibe coder.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.