Web development fundamentals
CITY & GUILDS LIMITED
Vocational
Web development fundamentals cover programming web applications, using data for webpages, troubleshooting, client-side scripting, configuring applications, and creating a web-based application.
8
Learning Outcomes
24
Assessment Guidance
24
Key Skills
8
Key Terms
38
Assessment Criteria
Assessment criteria
City & Guilds Level 2 Diploma in ICT Systems and Principles for IT Professionals
City & Guilds Level 3 Diploma in ICT Professional Competence
City & Guilds Level 2 Diploma in ICT Professional Competence
City & Guilds Level 3 Certificate in ICT Systems and Principles
City & Guilds Level 3 Diploma in ICT Systems Support
City & Guilds Level 3 Diploma in ICT Systems and Principles for IT Professionals
City & Guilds Level 2 Certificate in ICT Systems Support
City & Guilds Level 2 Diploma in ICT Systems Support
Topic Overview
The City & Guilds Level 2 Certificate in ICT Systems Support provides foundational knowledge and practical skills for maintaining and supporting IT systems in a professional environment. This qualification covers essential topics such as computer hardware, software installation, networking fundamentals, and troubleshooting techniques. It is designed for individuals aspiring to become IT support technicians or helpdesk operators, equipping them with the ability to diagnose and resolve common technical issues.
In today's digital world, ICT systems are the backbone of most organisations. This certificate ensures you understand how to set up, configure, and maintain computer systems, including operating systems, peripherals, and network connectivity. You will learn about health and safety regulations, data protection, and customer service skills—critical for real-world support roles. The qualification also prepares you for further study, such as the Level 3 Diploma in ICT Systems and Principles.
Mastering this topic means you can confidently assist users with hardware faults, software errors, and network problems. You'll develop a systematic approach to troubleshooting, using diagnostic tools and logical reasoning. This course is ideal for those who enjoy problem-solving and want a practical, hands-on career in IT support.
Key Concepts
Core ideas you must understand for this topic
- →Hardware components: Understand the function of CPUs, RAM, storage devices (HDD/SSD), motherboards, and power supplies, and how they interact within a computer system.
- →Operating systems: Install, configure, and manage Windows or Linux OS, including user accounts, file permissions, and system updates.
- →Networking basics: Know the OSI model, IP addressing (IPv4), subnetting, and common network devices (routers, switches, hubs).
- →Troubleshooting methodology: Follow a structured process—identify the problem, establish a theory, test, implement a solution, and document findings.
- →Health and safety: Apply electrostatic discharge (ESD) precautions, safe lifting techniques, and proper disposal of hazardous materials like batteries and toner cartridges.
Learning Objectives
What you need to know and understand
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
Assessment Criteria
Key criteria assessors look for in your portfolio
- Write client-side scripts using JavaScript or similar.
- Use data sources (e.g., databases, APIs) to populate webpages.
- Troubleshoot common web application errors.
- Configure web applications for deployment.
- Create a functional web-based application meeting requirements.
- Program web applications using appropriate languages.
- Use data effectively for dynamic webpages.
- Troubleshoot and debug web applications.
- Configure and deploy web applications.
- Demonstrates knowledge of programming concepts for web applications.
- Uses data effectively within webpages (e.g., databases, APIs).
- Troubleshoots common web application errors.
- Creates a functional web application with client-side scripting.
- Write HTML, CSS, and JavaScript code to create a functional webpage.
- Use data from a source (e.g., API, database) in a web application.
- Troubleshoot common errors in web code.
- Explain the purpose of client-side scripting.
- Program web applications using appropriate languages.
- Use data effectively for webpages.
- Troubleshoot common web application issues.
- Explain purpose of client-side scripting code.
- Configure web applications for deployment.
- Create a functional web-based application.
- Program a web application using appropriate languages and frameworks.
- Use data effectively within webpages, including databases or APIs.
- Troubleshoot common web application issues.
- Write client-side scripting code and explain its purpose.
- Configure web applications for deployment and security.
- Program a basic web application using HTML, CSS, and JavaScript.
- Use data sources to populate webpages.
- Troubleshoot common web application errors.
- Write client-side scripts to enhance functionality.
- Configure web applications for deployment.
- Program a web application using appropriate languages.
- Use data effectively in webpages.
- Troubleshoot common web application issues.
- Explain the purpose of client-side scripting.
- Configure web applications for deployment.
Assessment Guidance
Guidance for achieving higher grades
- 💡Comment your code to explain logic.
- 💡Test your application with different browsers.
- 💡Use version control to track changes.
- 💡Test your application on multiple browsers.
- 💡Use version control to track changes.
- 💡Comment your code for clarity.
- 💡Plan your application structure before coding.
- 💡Use comments in code to explain logic.
- 💡Test each feature incrementally.
- 💡Use browser developer tools to debug.
- 💡Test your application on multiple browsers.
- 💡Keep code clean and well-structured.
- 💡Use comments in code for clarity.
- 💡Test your application thoroughly.
- 💡Understand the difference between HTML, CSS, and JavaScript.
- 💡Practice with HTML, CSS, JavaScript, and a server-side language like PHP.
- 💡Test your application thoroughly on different browsers.
- 💡Use version control to manage your code changes.
- 💡Use a consistent coding style.
- 💡Test each feature as you build it.
- 💡Understand the difference between client-side and server-side.
- 💡Practice writing clean, commented code.
- 💡Test your web application in multiple browsers.
- 💡Understand the difference between client-side and server-side.
- 💡When answering troubleshooting questions, always start with the simplest and most likely cause first (e.g., check cables, power, and user error). Examiners award marks for logical, step-by-step reasoning.
- 💡Memorise key acronyms and their meanings, such as POST (Power-On Self-Test), BIOS (Basic Input/Output System), and DHCP (Dynamic Host Configuration Protocol). These often appear in multiple-choice questions.
- 💡For practical assessments, demonstrate safe working practices explicitly—for example, mention turning off the power before opening a case or using an anti-static wrist strap. This shows you understand health and safety requirements.
Common Mistakes
Common errors to avoid in your coursework
- Mixing up client-side and server-side code.
- Not validating user input leading to security issues.
- Poor file organisation and naming conventions.
- Not validating user input leading to security issues.
- Poor code structure making maintenance difficult.
- Overlooking cross-browser compatibility.
- Not validating user input leading to security vulnerabilities.
- Overcomplicating code instead of using simple solutions.
- Failing to test across different browsers.
- Not validating user input, leading to security issues.
- Forgetting to close tags or mismatched brackets.
- Overcomplicating code without commenting.
- Not validating user input.
- Mixing client-side and server-side code incorrectly.
- Ignoring cross-browser compatibility.
- Neglecting to validate user input leading to security vulnerabilities.
- Poorly structured code that is hard to maintain.
- Overlooking cross-browser compatibility issues.
- Not validating user input.
- Forgetting to test across different browsers.
- Poorly structured code leading to errors.
- Not validating user input leading to security flaws.
- Poorly structured code making debugging difficult.
- Ignoring cross-browser compatibility.
- Misconception: 'More RAM always makes a computer faster.' Correction: While adding RAM can improve performance if the system is memory-constrained, excessive RAM beyond what is needed does not provide additional speed. The benefit depends on the workload and other hardware bottlenecks.
- Misconception: 'Static electricity is not a serious threat to computer components.' Correction: ESD can damage sensitive electronics even if you don't feel a shock. Always use an anti-static wrist strap or mat when handling internal components.
- Misconception: 'If a computer won't turn on, the power supply is always faulty.' Correction: The issue could be a loose cable, faulty power button, or even a dead motherboard. Always check connections and test with a known working power supply before replacing.
Frequently Asked Questions
Common questions students ask about this topic
Pass / Merit / Distinction Evidence Checklist
How your portfolio evidence is graded for CITY & GUILDS LIMITED Web development fundamentals
Every vocational unit is marked against named criteria rather than an exam percentage. Your tutor's brief lists the exact codes for this unit — here is what each band is asking you to do.
Pass (P)
Demonstrate baseline knowledge, accurate terminology, and core practical application.
Merit (M)
Provide detailed analysis, structured explanations, and clear workplace reasoning.
Distinction (D)
Deliver thorough evaluation, original problem solving, and fully justified recommendations.
Before You Start
Prior knowledge that will help with this topic
- •Basic computer literacy: Familiarity with using a computer, including file management and internet browsing.
- •Understanding of basic mathematics: Ability to perform simple calculations, such as converting between binary and decimal for IP addressing.
- •No formal qualifications are required, but a keen interest in how computers work and a willingness to learn technical concepts are essential.
Coursework AI Review
Paste your assignment brief and check your draft against its P/M/D criteria
Key Terminology
Essential terms to know
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
- Know how to programme web applications, Know how to use data for webpages, Know how to troubleshoot web applications, Know client side scripting code and it's purpose, Know how to configure web applications, Be able to create a web based application
Ready to learn?
AI-powered learning tailored to this unit