🌐 Learn to Build a Professional Portfolio Website with GitHub Pages & AI

Source: Dev.to

Course Overview

This free, hands‑on course introduces web development, digital creation, and professional workflows by building a real, public portfolio website. Students apply concepts immediately—planning, building, testing, publishing, and iterating—using GitHub Pages, modern development tools, and AI as a learning support, mirroring practices used in professional and academic environments. The focus is on understanding and using AI‑generated code, not on copying it.

Who is this course for?

What will students learn?

Technical skills

• HTML, CSS, and JavaScript fundamentals
• Version control with Git and GitHub Pages
• Local development, testing, and deployment workflows

Cognitive & transversal skills

• Problem‑solving and critical thinking
• Planning and architectural design of web projects
• Adapting to new tools and technologies

Social & collaborative skills

• Communicating technical ideas clearly
• Working with AI as a development partner
• Incorporating feedback from users and peers

These competencies transfer to any modern technological field, far beyond web development.

Course Structure

Foundations

• Publish a first website
• Understand how code becomes a live product

Understanding code

• Read and modify AI‑generated HTML, CSS, and JavaScript

Planning before coding

• Design website structure and layouts prior to code generation

Professional workflow

• Set up local development environments
• Test changes safely before publishing

Creation & iteration

• Build new pages and components with AI as a development partner

Feedback & improvement

• Turn a static site into a living project through user feedback

Students always grasp why they are learning each concept and how it fits into the complete website.

Responsible use of AI as learning support

How is learning evaluated?

Final project

Why this course matters

In a world increasingly shaped by technology and artificial intelligence, understanding how digital systems work is essential. This course helps students move from passive users to confident creators, problem‑solvers, and critical thinkers—skills fundamental to today’s and tomorrow’s digital society.