Diploma in Full Stack Software DevelopmentNVQ Level 5Diploma programme
Student learning material

Web Application Development

From your first HTML page to a secure, hosted e-commerce application: HTML, CSS, JavaScript, XML, JSON, PHP with MySQL, AJAX, shop components and publishing. Read a topic, run the live examples, then check yourself.

Start with Unit 4 →The practicalsGlossary
index.html 1 <section class='card'> 2 <h2>Hello web</h2> 3 <button id='go'>Buy</button> 4 </section> 5 .card { display: flex; } 6 const res = await fetch('api.php'); 7 <?php $user = $_SESSION['id']; 8 SELECT * FROM products; https://myshop.lk { }

Units

How to use this material

1. Read a topic

Each page is one short topic. Work through the units in order using the sidebar or the Next button.

2. Type and run the code

Type every example yourself, then change it. Press “▶ Try it” on HTML, CSS and JavaScript examples to edit and run them in the page.

3. Do the tasks

Green “Try it” boxes are hands-on tasks. Finish them before moving on; they build towards the two practicals.

4. Check yourself

Each unit ends with review questions and answers. Pages you open get a tick in the menu and on the unit cards.