🌐 Learn to Build a Professional Portfolio Website with GitHub Pages & Artificial Intelligence
This course is a hands-on introduction to web development, digital creation, and professional workflows through the creation of a real, public portfolio website.
Instead of learning web technologies in isolation, students apply concepts immediately by planning, building, testing, publishing, and improving a complete website using GitHub Pages, modern development tools, and AI as learning support — the same practices used in professional and academic environments.
This is not a course about copying AI-generated code. It is a course about understanding how websites work and learning how to create and improve them responsibly.
Ready to start the course? Click here and let’s go!👥 Who is this course for?
This course is designed any kind of technical profile to develop skills in areas like:
- Technology and digital creation
- Web development and online portfolios
- Artificial intelligence as a learning tool
- Design, engineering, or computer science
No prior experience with web development, GitHub, or AI is required.
Course Presentation- 📊 Slides: View the slides
- 📄 PDF: Download the PDF
🧠 What will students learn?
Throughout the course, students develop technical, cognitive, and transversal skills that are directly applicable to modern digital environments.
🔹 Technical skills
- HTML, CSS, and JavaScript fundamentals
- Website publishing with GitHub Pages
- Professional development workflows
- Local development and version control
- Multi-page website creation and navigation
🔹 Cognitive & transversal skills
- Structured and logical thinking
- Planning before implementation
- Iterative problem-solving
- Debugging and error analysis
- Learning how to learn with AI
🔹 Social & collaborative skills
- Giving and receiving constructive feedback
- Collaborative improvement of digital projects
- Reflective practice
- Project-based collaboration
These competencies are transferable to any modern technological field, far beyond web development.
🧭 How is the course structured?
The course follows a guided, progressive learning journey, where each lesson builds directly on the previous one:
- Foundations: Publishing a first website and understanding how code becomes a live product
- Understanding code: Reading and modifying AI-generated HTML, CSS, and JavaScript
- Planning before coding: Designing website structure and layouts before generating code
- Professional workflow: Local development, testing, and safe publishing
- Creation & iteration: Building new pages and components with AI as a development partner
- Feedback & improvement: Turning a static website into a living project through user feedback
Students always understand why they are learning a concept and how it fits into the complete website.
🤖 Responsible use of AI as learning support
Artificial intelligence is integrated as a learning assistant, not as a shortcut.
- Students receive prepared prompts aligned with lesson objectives
- AI helps explain concepts, support reasoning, and debug problems
- Solutions are not blindly copied
- Understanding and autonomy are always prioritized
This approach mirrors how AI is increasingly used in education, research, and professional environments.
📊 How is learning evaluated?
Evaluation is designed to support learning and improvement, not create pressure.
- Continuous, competency-based assessment
- Emphasis on reasoning, process, and decision-making
- Errors are treated as learning opportunities
- Clear evaluation criteria shared in advance
Students are evaluated on what they understand, how they work, and how they improve.
🎯 Final project
By the end of the course, students will have:
- Designed
- Built
- Tested
- Published
- Improved
A fully functional, multi-page portfolio website, publicly accessible and ready to showcase their skills.
🚀 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 being passive users of technology to becoming confident creators, problem-solvers, and critical thinkers — skills that are fundamental in today’s and tomorrow’s digital society.