+34 673 332 457 +34 93 14 15 199 practicas@htlescueladeempresaonline.com

Web Programming: online course with internship agreement

The Web Programming course teaches you to build a real website from scratch: semantic HTML, modern CSS with Flexbox and Grid, responsive and accessible layouts, JavaScript and the DOM, Git and GitHub, SQL queries and secure PHP basics, ending with a live portfolio on GitHub Pages. It is designed for beginners. It runs 100 % online for 180 days, includes an internship agreement and costs €200.

  • 180 days of access
  • 100 % online, at your own pace
  • Level: beginner · No prior coding experience required
  • Assessment: 10 quizzes (50 questions) and a final project
  • Internship agreement included
  • Certificate with a verifiable QR code
  • Languages: Spanish, English, French
  • Price: €200

Who it is for

  • People who work near a company website, such as approving copy, reading analytics or briefing freelancers, and want to understand what happens underneath
  • Beginners who want to write HTML, CSS and JavaScript properly from the first line
  • Career changers who need a working, explainable portfolio project published at a public address
  • Anyone building simple sites for small businesses who wants version control and safe back-end basics

What do you need to start?

Prior knowledge

  • No prior programming knowledge is needed; the course starts with how clients and servers exchange a page
  • Comfort with installing programs, managing files and folders, and using a web browser

Software and equipment

  • A computer with an internet connection and a modern web browser with developer tools
  • Visual Studio Code (VS Code), free from code.visualstudio.com, plus a few free extensions installed from inside it
  • A free GitHub account; GitHub Pages is free for public repositories, while publishing from a private repository requires a paid GitHub plan
  • No database server or PHP server installation is needed; PHP examples are read and reasoned through, not run locally

What you'll be able to do

  • Explain what the client and server each do and inspect page requests with browser developer tools
  • Structure a page with semantic elements such as header, nav, main, section, article and footer
  • Lay out pages with Flexbox and Grid, and justify which one each layout problem needs
  • Build layouts that adapt to phone and desktop screens and remain accessible
  • Read modern JavaScript, predict its output, and load scripts correctly with defer
  • Select and change page elements and wire up events with addEventListener, avoiding XSS risks from innerHTML
  • Track changes with Git, use branches and pull requests, and document a repository with a README
  • Write SELECT queries with WHERE and ORDER BY, and deploy a static portfolio to GitHub Pages

Skills you will practise

  • Semantic HTML
  • CSS Flexbox and Grid
  • Responsive design
  • Web accessibility
  • JavaScript (ES2026-style basics)
  • DOM and events
  • Git and GitHub
  • SQL queries
  • Secure PHP basics
  • GitHub Pages deployment

Syllabus

  1. How the web actually works today — Clients, servers and what travels between them, the developer tools used to inspect it, setting up VS Code, and building a first page. · reading and a 5-question quiz
  2. Semantic HTML: structuring a real page — Structuring a portfolio page with meaningful tags, and using attributes such as loading="lazy" for image-heavy galleries. · reading and a 5-question quiz
  3. Modern CSS: cascade, Flexbox and Grid — Selectors, cascade and specificity, the box model, modern colour, and page layout with Flexbox and Grid. · reading and a 5-question quiz
  4. Responsive and accessible by default — Making a finished desktop layout readable and usable on phones and accessible to every visitor, rather than fixing it after launch. · reading and a 5-question quiz
  5. JavaScript fundamentals (2026 edition) — let and const, primitive types, strict comparison, conditions and loops, null versus undefined, and loading scripts with defer instead of at the bottom of the page. · reading and a 5-question quiz
  6. The DOM, events, and real interactivity — Selecting and changing elements, using classList and addEventListener, handling forms without reloads, and why innerHTML with user input is a security risk. · reading and a 5-question quiz
  7. Git, GitHub, and your portfolio — Version history with Git, cloning repositories, branches, pull requests, a useful README, and preparing a project to go live. · reading and a 5-question quiz
  8. SQL and working with a real database — Where products, stock and orders live, and reading and writing queries with SELECT, WHERE and ORDER BY, without installing a database server. · reading and a 5-question quiz
  9. Backend basics with PHP, done securely — Why the browser must never write to a database directly, how PHP works on the server, and why md5 and sha1 are unsuitable for passwords. · reading and a 5-question quiz
  10. Deploying today, and your next step — Assembling an integrated portfolio project, deploying it to GitHub Pages, comparing Netlify and Vercel, and explaining your technical decisions aloud. · reading and a 5-question quiz

Download the syllabus (PDF)

Internship agreement

With this course, an intern could help a web agency or a company's website team build and maintain pages: marking up content in semantic HTML, adjusting Flexbox and Grid layouts for mobile, checking accessibility, and adding small JavaScript interactions such as quantity pickers or form handling. They could also work within a Git workflow using branches and pull requests, read SQL queries against product or order data, and publish static pages.

The internship can run at the same time as the course, within the 180 days of access.

Frequently asked questions

What will the Web Programming course prepare me for, and does it give me a recognised developer credential?

The Web Programming course builds the foundations of front-end web work, with an introduction to SQL and server-side PHP. The materials are clear that no single credential is recognised the same way by every country and company for an entry-level web development role. That is why the course ends with a working portfolio at a public URL that you can explain. On completion you receive a certificate that can be verified with a QR code.

Which languages, tools and services does the course actually cover?

You write HTML, CSS (Flexbox and Grid) and modern JavaScript in Visual Studio Code, and inspect pages with browser developer tools. You use Git for version history and GitHub for repositories, branches, pull requests and README files. You also learn SQL with SELECT, WHERE and ORDER BY, and secure PHP basics such as proper password hashing. Finally, you deploy to GitHub Pages, with Netlify and Vercel introduced as comparable alternatives.

Do I need paid hosting or a PHP back end before my portfolio counts as finished?

No. Publishing a static project no longer means renting shared hosting and uploading files over FTP. It deploys directly from your GitHub repository to GitHub Pages, with no server to manage. A PHP contact form is an optional extension. It needs a different kind of hosting, because GitHub Pages serves static files only. Reviewers open the live link before they read any code, so a working link matters more.

What could I realistically do during the internship, and who arranges the host company?

You find the host company yourself. The school then issues the internship agreement and its annex, and the company usually signs electronically within one to two working days. Suitable tasks draw on the course content: building semantic page structures, making layouts responsive and accessible, adding interactions with DOM events, working through Git branches and pull requests, and reading SQL queries in a web or digital team.

More Technology & AI courses

See all courses

Content updated: 07/10/2026