diff --git a/common-content/en/module/itd/groups/genai-cover-letters/index.md b/common-content/en/module/itd/groups/genai-cover-letters/index.md index 1d967af9f..4472d1b0b 100644 --- a/common-content/en/module/itd/groups/genai-cover-letters/index.md +++ b/common-content/en/module/itd/groups/genai-cover-letters/index.md @@ -18,4 +18,4 @@ Discuss what makes for good and bad professional writing. Come up with examples Look at someone's example generated cover letter (or have ChatGPT generate one to use in the workshop) and reflect on it together. -How well does it achieve the goals of a cover letter? How professional is the writing? What things does it do badly? How does it make the applicant stand out compare to other generic letters? +How well does the AI-generated cover letter achieve the goals of a cover letter? How professional is the writing? What things does it do badly? Is it generic or is it unique to the person? diff --git a/common-content/en/module/itd/how-itd-works/accessing-the-dashboard/index.md b/common-content/en/module/itd/how-itd-works/accessing-the-dashboard/index.md index 55323f96c..45e121c30 100644 --- a/common-content/en/module/itd/how-itd-works/accessing-the-dashboard/index.md +++ b/common-content/en/module/itd/how-itd-works/accessing-the-dashboard/index.md @@ -7,7 +7,7 @@ time=15 ## How to access the Dashboard -These instructions come from **Step 4** in the `#cyf-intro-to-digital-course` canvas ([https://codeyourfuture.slack.com/canvas/C01332PNRTN](https://codeyourfuture.slack.com/canvas/C01332PNRTN) so please refer to that first as it contains links to the instructions your should follow to access the dashboard. The information below is just designed to summarise those instructions.. +These instructions come from **Step 3** in the [`#cyf-intro-to-digital-course-volunteers` canvas](https://cyf-introtodigital.slack.com/docs/TNZ5MU8DD/F0AMT9D0406) so please refer to that first as it contains links to the instructions your should follow to access the dashboard. The information below is just designed to summarise those instructions. 1. Volunteers need to access the Dashboard [https://dashboard.codeyourfuture.io/](https://dashboard.codeyourfuture.io/) 1. Sign in using GitHub. @@ -16,7 +16,7 @@ These instructions come from **Step 4** in the `#cyf-intro-to-digital-course` ca ```console Important: If you already completed this form in some point please click here. ``` - This takes you to a page where you enter your email address and you will then get sent an email to confirm your login and thereafter you will be able to access the dashboard directly. If you have problems, post a question into the slack channel `#cyf-intro-to-digital-course`
+ This takes you to a page where you enter your email address and you will then get sent an email to confirm your login and thereafter you will be able to access the dashboard directly. If you have problems, post a question into the slack channel `#cyf-intro-to-digital-course-volunteers`
1. Once you are in, the home screen of the dashboard looks like this:
![the dashboard home screen](dashboardHome.png)
The menu at the top has links to the home page and the ITD programme. There will be other programs linked here as and when they start and have applicants on them. diff --git a/common-content/en/module/itd/how-itd-works/reviewing/index.md b/common-content/en/module/itd/how-itd-works/reviewing/index.md index 13d23de4c..f5d6b8903 100644 --- a/common-content/en/module/itd/how-itd-works/reviewing/index.md +++ b/common-content/en/module/itd/how-itd-works/reviewing/index.md @@ -10,4 +10,4 @@ time=10 Reviewing work submitted by the applicants is a core task for volunteers. You should prioritise reviewing submitted work when you have free time available. We will also have online sessions on Saturdays for ITD so please check in slack to find the details of those. The links should be posted into the channel and on the global channel. -The Slack channel `#cyf-intro-to-digital-course` is for volunteers to discuss and ask questions, for example if you have questions about reviewing applicants work. This channel has a canvas containing important information [https://codeyourfuture.slack.com/canvas/C01332PNRTN](https://codeyourfuture.slack.com/canvas/C01332PNRTN). You **should read the canvas first**. This document contains additional information to help you find your way around as a volunteer. +The Slack Workspace `CodeYourFuture Intro to Digital/Basic Online Skills` has a channel called `cyf-intro-to-digital-course-volunteers` which is for volunteers to discuss and ask questions, for example if you have questions about reviewing applicants work. This workspace has a [canvas containing important information](https://cyf-introtodigital.slack.com/docs/TNZ5MU8DD/F0AMT9D0406). You **should read the canvas first**. This document contains additional information to help you find your way around as a volunteer. diff --git a/common-content/en/module/itd/how-itd-works/useful-links/index.md b/common-content/en/module/itd/how-itd-works/useful-links/index.md index 642e9eab0..d17827507 100644 --- a/common-content/en/module/itd/how-itd-works/useful-links/index.md +++ b/common-content/en/module/itd/how-itd-works/useful-links/index.md @@ -15,11 +15,11 @@ Here is a quick list of useful links (some are for applicants only, but it is he **CYF Learning Platform (for applicants only):** [https://course1.codeyourfuture.io/](https://course1.codeyourfuture.io/) -**ITD Slack Channel:** -[https://codeyourfuture.slack.com/archives/C01332PNRTN](https://codeyourfuture.slack.com/archives/C01332PNRTN). Post into the slack channel if you have questions or problems. +**ITD Slack Workspace:** +[https://cyf-introtodigital.slack.com](https://cyf-introtodigital.slack.com) for all communication around the ITD. -**ITD Canvas:** -[https://codeyourfuture.slack.com/canvas/C01332PNRTN](https://codeyourfuture.slack.com/canvas/C01332PNRTN). The canvas is the official CYF information about ITD. The canvas is attached to the ITD slack channel. +**ITD Canvas for Volunteers:** +[https://cyf-introtodigital.slack.com/docs/TNZ5MU8DD/F0AMT9D0406](https://cyf-introtodigital.slack.com/docs/TNZ5MU8DD/F0AMT9D0406). The canvas is the official CYF information about ITD for volunteers. **CYF Dashboard:** [https://dashboard.codeyourfuture.io/](https://dashboard.codeyourfuture.io/). Use the dashboard to view applicant progress. @@ -33,5 +33,3 @@ Here is a quick list of useful links (some are for applicants only, but it is he - **Step 5**: [https://curriculum.codeyourfuture.io/itd/steps/five/#acceptance-criteria](https://curriculum.codeyourfuture.io/itd/steps/five/#acceptance-criteria) - **Step 6**: [https://curriculum.codeyourfuture.io/itd/steps/six/#acceptance-criteria](https://curriculum.codeyourfuture.io/itd/steps/six/#acceptance-criteria) - **Step 7**: [https://curriculum.codeyourfuture.io/itd/steps/seven/#acceptance-criteria](https://curriculum.codeyourfuture.io/itd/steps/seven/#acceptance-criteria) - -## To be continued... diff --git a/common-content/en/module/itd/how-itd-works/using-the-dashboard/index.md b/common-content/en/module/itd/how-itd-works/using-the-dashboard/index.md index 33b6cdb21..20a506754 100644 --- a/common-content/en/module/itd/how-itd-works/using-the-dashboard/index.md +++ b/common-content/en/module/itd/how-itd-works/using-the-dashboard/index.md @@ -25,7 +25,7 @@ _ You can see that `Applicant 1` has submitted work for Step 0 but it hasn't yet ### How to view submissions - Click on the **name** of one of the applicants. You will see a menu appear like this one:
- ![review options](reviewOptions.png). + ![review options](reviewOptions.png) - If you click on **Steps** you will see what the applicant has submitted for the ITD steps. The example below shows the applicant has submitted work for three steps and you are looking at their submission link for STEP 1: ![reviewing steps](reviewSteps.png) Clicking the **Submitted** link will allow you to see their submitted work. diff --git a/common-content/en/module/itd/how-itd-works/what-is-itd/index.md b/common-content/en/module/itd/how-itd-works/what-is-itd/index.md index d4d67eb8a..f541f77d0 100644 --- a/common-content/en/module/itd/how-itd-works/what-is-itd/index.md +++ b/common-content/en/module/itd/how-itd-works/what-is-itd/index.md @@ -8,7 +8,7 @@ time=5 When people [sign up to study](https://codeyourfuture.io/itc/) on our website, they are invited to begin our Intro To Digital (ITD) Course. This course lasts one month, and runs 5 times a year. -Learners complete the course on our [Guided Learning platform](https://course1.codeyourfuture.io/) by completing a sequence of steps. Each step is explained clearly in B1 English. The text is reproduced on this site in the [Steps](./steps) section. +Learners complete the course on our [Guided Learning platform](https://course1.codeyourfuture.io/) by completing a sequence of steps. Each step is explained clearly in B1 English. The text is reproduced on [our ITD curriculum](https://curriculum.codeyourfuture.io/itd/). These submissions are passed to our internal dashboard, where volunteers can track the progress of each person and help them move forward. @@ -19,7 +19,7 @@ Volunteers review the submissions and guide learners via: 1. [drop-in sessions](./workshops) organised in-person or online by respective regional CYF teams 1. calling and SMS messaging directly from the dashboard -If you'd like to help, please [sign up as a volunteer](https://codeyourfuture.io/volunteer/). +If you'd like to help, please [sign up as a volunteer](https://codeyourfuture.io/volunteers/). --- @@ -29,19 +29,19 @@ If you'd like to help, please [sign up as a volunteer](https://codeyourfuture.io ### 📅 Open -January -March -May -July +February +April +June September November <---> ### ⛔ Closed -February -April -June +January +March +May +July August October December diff --git a/common-content/en/module/itd/step-3/ai-use-in-itd/index.md b/common-content/en/module/itd/step-3/ai-use-in-itd/index.md new file mode 100644 index 000000000..ab8635394 --- /dev/null +++ b/common-content/en/module/itd/step-3/ai-use-in-itd/index.md @@ -0,0 +1,86 @@ ++++ +title ="Acceptable AI use in the ITD" +description= "Learn what acceptable AI use looks like during the ITD" +time= 20 +[build] + render = 'never' + list = 'local' + publishResources = false ++++ + +> [!WARNING] +> Protect sensitive information: Never paste personal data, private project code, or information belonging to organisations into public AI tools. This includes anything related to your employer or work placement. + +To read the full AI guidelines for education at {{}}, please access the [AI Use Guidelines for Trainees](/ai-use-guidelines). This page will explain what acceptable AI use looks like for the ITD specifically. + +Generally, AI might be a good tool for: + +- Explaining tech concepts in plain language +- Answering "what does this mean?" questions +- Getting a starting point for research + +You need to exercise CAUTION and avoid the following situations: + +- Letting AI write something for you (e.g. your CV) +- Copying AI explanations without checking your understanding +- Just accepting the AI answer without exploring further + +## Our priority is building understanding + +At {{}}, we prioritise building understanding we can be employable in the tech industry. Employability in software engineering involves knowing how to debug broken code, find new information, and break down problems to find a solution. {{}} mentors will try to help you without giving away the answers or writing the code for you so you learn how to overcome hurdles yourself and apply that skill in the workplace. + +It can be easy for AI tools to do the hard work for us, e.g. solving the problem, give answers, fixing errors, or even writing emails for us. When AI does the work for us, we may think we're making progress and learning when we're not. + +- We're not understanding why we do certain things and what happens when we do them incorrectly. +- We're not building skills that will make us employable. + +We need to do that work ourselves, so that **we build the deeper skills that will help us in our careers**. + +## Why is it bad for AI to write for us? + +Let's take the example of a CV. We ask you to write your CV and keep it updated. This has the following knock on benefits to your skills: + +- You improve your written English skills. +- You are forced to think about your skills history and create your own narrative about your skills. +- By writing it yourself you will remember your CV content more, which helps with interview technique (recall of your skills). +- By writing it yourself you understand the structure and content of the CV, making it easier to make quick edits and updates. + +And what happens when AI writes a CV for us: + +- You don't build English language instincts, you only read an example of written English. You don't make your own mistakes so you don't learn what is right or wrong. If you get a perfect instance of English generated in the first go, you are less likely to know what mistakes to correct in the future when you write your own words. +- You don't build a mental map of your CV through structuring it yourself. This makes it harder to recall your own CV in interviews. +- Your CV lacks personalised tone of voice. CV comes out generic. Harder to catch the eye of recruiters, easier for recruiters to spot AI generation as it will sound like generated output, easier for the recruiter to discount your CV. +- Big risk of AI making things up about your background - remember AI hallucinates. + +## How do we use AI to build understanding? + +**1. Ask "why", not "how"** + +Develop the habit of following up with questions that go deeper into understanding, e.g: + +- "Why does this approach work?" +- "What are the alternatives?" +- "When would this not work?" + +Avoid asking "how do I do X?" - this skips the understanding and goes straight to the answer. + +**2. Check if you've learnt something** + +There is a meaningful difference between "I used AI to help me understand this concept" and "I used AI to avoid engaging with this concept." + +The first makes you stronger. The second leaves a gap that will show itself later, often at the worst moment, like a job interview. + +**Ask yourself: Can you do this task next time without using AI?** + +If the answer is: + +- Yes - you've learned the skill and can demonstrate it without AI. +- No - you didn't understand and have to ask again, try to recap this question with less AI assistance. +- Depends - did you learn the research skill to help you find answers in the future without AI help? + +> [!TIP] +> **Challenge yourself 🧠** +> +> Check you have learnt by deleting the AI output and rewriting it yourself. You should know how to write it without AI assistance if you have picked up the knowledge. +> +> If you don't know how - go back to the learning material, ask "why" instead of "how" and use alternative resources like articles, YouTube, documentation and volunteer insights to get more insight. diff --git a/common-content/en/module/itd/step-3/extend/index.md b/common-content/en/module/itd/step-3/extend/index.md index f86532ca0..a7f3ed83b 100644 --- a/common-content/en/module/itd/step-3/extend/index.md +++ b/common-content/en/module/itd/step-3/extend/index.md @@ -9,7 +9,8 @@ time=5 +++ #### Further Reading + You do not have to read these resources, but you might find them interesting or useful -- [Hey programmers – is AI making us dumber?](https://www.theregister.com/2025/02/21/opinion_ai_dumber/) -- [UN Development Report - A Matter of Choice: People and Possibilities in the Age of AI](https://report.hdr.undp.org/) +- [Hey programmers – is AI making us dumber?](https://www.theregister.com/2025/02/21/opinion_ai_dumber/) +- [Why Prompting is the most underrated skill in the age of AI](https://stackademic.com/blog/why-prompting-is-the-most-underrated-skill-in-the-age-of-ai) diff --git a/common-content/en/module/itd/step-3/instructions/index.md b/common-content/en/module/itd/step-3/instructions/index.md index e113042a1..44712322a 100644 --- a/common-content/en/module/itd/step-3/instructions/index.md +++ b/common-content/en/module/itd/step-3/instructions/index.md @@ -1,66 +1,331 @@ +++ title ="Step 3: What to do" -description= "Learn how to use AI appropriately" -time= 90 +description= "Complete the tasks for Step Three" +time= 60 [build] render = 'never' list = 'local' publishResources = false +++ +## CV writing: Human vs AI -### Overview +> [!WARNING] +> Protect sensitive information: Never paste personal data, private project code, or information belonging to organisations into public AI tools. This includes anything related to your employer or work placement. -You may have heard of or used generative AI tools like ChatGPT, Copilot or Gemmi (shortened to AI or AI tools from now on). These are powerful tools that can enable your learning journey with CodeYourFuture (CYF). +### Read three CVs -These AI tools are not really intelligent. They are just very very good at guessing what words should come next in a sentence. They don't understand the real world at all. They're just good at pretending they do. This means they can make silly mistakes and make up things that don’t exist (hallucinations). For instance, up until fairly recently, many AI tools said there were two 'r's in the word strawberry. Most mistakes are not as funny or as obvious. For instance it is common for AI to make up names of code packages which don't exist. Malicious packages even get created with names often generated by AI to exploit this. +Let's compare three CVs, one made by a human, and two made by ChatGPT using different kinds of prompts. -This means that all output from AI is potentially untrustworthy. It's especially hard to tell if AI code output is any good as a junior developer. You just haven't built the understanding of what good code looks like yet - that comes with experience. +{{}} +===[[Human Written CV]]=== +**Jaya Shankar** -Despite all these downsides and risks, AI can be an amazing tool. The great majority of our teachers are volunteers, so their availability is limited. AI means that you now have a teacher at your fingertips whenever you get stuck. However, good teachers try to help you to understand and find the answers yourself. AI tools do not do this by default - they tend to simply give you the answer. This can make you think you’re progressing and understanding when you’re not. So, you need to use it correctly. You need to be careful to ask it to help you to learn the concepts, not to solve the problems. For instance it would be inappropriate to get it to do CYF coursework for you but it would be appropriate to get it to help you to understand a concept you're struggling with. +London | jaya.shankar@generic_email.com | 07123456789 -Success at CYF is not about using AI to rush through the course and tick all the boxes. It's about building a deep understanding of the concepts we teach for yourself. Using AI to do the work for you wastes everyone’s time. You will end the course without the coding skills you wanted (which means you won't get a job) and our volunteers will have wasted their time marking AI work. +**Summary** -#### Questions +A representative who can put customer needs first and is looking for their next step into helping people access the services they need. Can hold difficult conversations to solve customer-facing blockers; retained 90% of clients who were ready to leave the business in 2 months. Holds a track record for adapting to busy workloads to allow for team success; reduced a 5-day backlog in customer communication requests to 0 days overnight. -##### Question One -A CYF student is assigned coursework on a CYF course. The assignment is to build a homepage for a library which displays their twenty newest books. It requires that they use CSS Grid (a CSS feature used to display HTML elements in a grid format). They think that ChatGPT could help them complete this task. +**Experience** -Which of the prompts below is an appropriate use of AI? +Shop assistant part-time, Tesco, May 2024 - February 2026: -1. Generate a webpage to display information about books in a grid format. -2. Use CSS Grid to build a webpage to display twenty digital books -3. Build a homepage for a library website  -4. I want to learn more about CSS Grid. Please explain the core concepts simply with examples. +- Built relationships across the store team to understand business layout, connected three disparate teams who subsequently found five common blockers that could be solved to save the business £50,000 a year. +- Increased efficiency of in-store team by 70% through delegation of tasks across the team. +- Upskilled over two weeks in self-checkout management, picking duties, and stock management to allow cover for the store manager. +- Led a 15-person team as management cover for the holiday period in-store. +- Managed leave for the team, payroll, and rota. +- Rotated within the customer service team at HQ to clear a backlog of customer service issues. +- Reduced the backlog from a 5-day delay to 0 days within two working days. +- Handled difficult conversations both face-to-face and over the phone to retain the customer base through excellent support. -##### Question Two -A CYF student asks an AI tool to help them understand a complex CSS topic. The information the AI gives doesn't sound right. +**Education** -Which of the below might be appropriate responses? +A levels, College, June 2024: Maths, English, Music (ABB) -1. Googling the topic and look for reliable sources to clarify the point. +GCSEs, School, July 2022 + +**Interests** + +- Languages: English (fluent), Gujarati (fluent), Swahili (intermediate), Hindi (intermediate) +- Clarinet player for an amateur theatre company + +**References available upon request** + +===[[Prompt 1: ChatGPT generated CV]]=== + +_Prompt 1 given to ChatGPT_ + +"Make a cv for me, I'm Jaya Shankar, I want to be a customer service advisor. I'm in London and worked for Tesco as a shop assistant. I've done A levels and GCSEs and I can play the clarinet." + +_Generated CV_ + +**Jaya Shankar** + +**Location:** London, UK +**Phone:** [Your Phone Number] +**Email:** [Your Email Address] + +**Professional Profile** + +Friendly, reliable, and customer-focused individual with experience working in retail as a Shop Assistant at Tesco. Skilled in helping customers, handling transactions, and working effectively as part of a team in a busy environment. Looking to secure a Customer Service Advisor role where I can provide excellent service and contribute to a positive customer experience. + +**Key Skills** + +- Excellent customer service +- Strong communication skills +- Cash handling and till operation +- Teamwork and collaboration +- Problem-solving +- Time management +- Friendly and professional attitude +- Able to work in fast-paced environments + +**Work Experience** + +**Shop Assistant** +**Tesco** +_Dates: [Month/Year] – [Month/Year or Present]_ + +- Assisted customers with enquiries and provided friendly service. +- Operated tills and processed cash and card payments accurately. +- Replenished shelves and ensured products were well presented. +- Maintained a clean, safe, and organised shop floor. +- Worked as part of a team to meet daily store targets. + +**Education** + +**A Levels** +[School or College Name] +_Completed: [Year]_ + +**GCSEs** +[School Name] +_Completed: [Year]_ + +**Additional Skills & Interests** + +- Clarinet player with experience performing and practising regularly. +- Enjoy working with people and providing excellent customer service. +- Willing to learn new skills and take on new responsibilities. + +**References** + +Available upon request. + +===[[Prompt 2: ChatGPT generated CV]]=== + +_Prompt 2 given to ChatGPT_ + +"I need to write a CV for this job description:" + +
+Job Description +As a Customer Service Advisor, you will be the first point of contact for our customers, providing essential advice and assistance, predominantly over the phone, or email and web chat. + +Your can-do attitude and passion for helping people will be key, as we fully train you to navigate various conversations and provide clear, quick information. + +You Will Be Responsible For + +- Speaking to customers on the phone, helping them with their questions or issues. +- Helping customers to pay the correct amount of tax at the right time. +- Taking payments by phone and via our online services. +- Creating customer records and keeping them up to date. +- Using webchat and email to support our customers online. + +What are we looking for? + +- No experience is necessary as you will be fully trained, but we would like you to be comfortable talking on the phone and discussing debt with our customers. +- You will also need to be comfortable writing up notes, as this is mainly a phone-based role. + +We are looking for individuals with the drive and passion to make a difference to people's lives, and need people: + +- With great verbal and written communication skills in English. Dedicated to providing brilliant customer service. +- With a can-do attitude and passion for supporting people. +- With a resilience to work in a demanding and rewarding environment. +- With the ability to provide information quickly and clearly. +- Comfortable in handling various types of conversations. +- To have basic maths skills. + +
+ +"Here is my candidate profile:" + +
+Candidate Profile + +- Jaya Shankar, London. +- Education up to A levels (maths, eng, music, ABB) (A levels completed June 2024, GCSEs completed July 2022). +- Work experience: Shop assistant, Tesco, May 2024 - present. Key skills: communication and relationship building, delegating tasks, upskilling quickly to self-checkout management, picking, stock management to cover for manager. Team lead responsibilities for holiday management cover, managed leave, payroll and rota. +- Volunteer at a food bank (2024 to current). +- Languages: English (fluent), Gujarati (fluent), Swahili (intermediate), Hindi (intermediate). +- Clarinet player for an amateur theatre company. +
+ +_Generated CV_ + +**Jaya Shankar** + +London + +**Personal Profile** + +Friendly, reliable and customer-focused individual with experience working in a busy retail environment and volunteering within the local community. Confident communicating with a wide range of people, resolving customer queries, and working under pressure while maintaining a professional and positive attitude. A quick learner who takes pride in providing excellent service, keeping accurate records, and supporting colleagues. Fluent in English and committed to helping people, making me well suited to a Customer Service Advisor role. + +**Key Skills** + +- Excellent verbal and written communication skills +- Strong customer service and problem-solving abilities +- Confident speaking with customers both in person and over the phone +- Ability to explain information clearly and patiently +- Accurate record keeping and attention to detail +- Good organisational and time management skills +- Teamwork and leadership experience +- Basic mathematical and cash handling skills +- Able to remain calm and professional in busy environments +- Fast learner who adapts quickly to new systems and responsibilities + +**Work Experience** + +**Shop Assistant**, **Tesco** | May 2024 – Present + +- Provide friendly and professional customer service in a fast-paced retail environment. +- Assist customers with enquiries and resolve issues efficiently. +- Trained quickly to manage the self-checkout area, supporting customers and troubleshooting problems. +- Carry out stock replenishment and picking duties while maintaining accuracy. +- Help ensure shelves are well stocked and products are available for customers. +- Cover management responsibilities during holidays, including supporting payroll, managing staff leave, and assisting with rotas. +- Delegate tasks to colleagues and help maintain an organised and productive team. +- Build positive relationships with customers and colleagues through clear communication and teamwork. + +**Volunteering** + +**Food Bank Volunteer** 2024 – Present + +- Support members of the local community by preparing and distributing food parcels. +- Communicate respectfully and sensitively with people from a variety of backgrounds. +- Work as part of a team to organise stock and ensure efficient service. +- Demonstrate empathy, reliability and a commitment to helping others. + +**Education** + +**A Levels** Completed June 2024 + +- Mathematics – A +- English – B +- Music – B + +**GCSEs** Completed July 2022 + +**Additional Information** + +**Languages** + +- English – Fluent +- Gujarati – Fluent +- Swahili – Intermediate +- Hindi – Intermediate + +**Interests** + +**Clarinet Player – Amateur Theatre Company** + +- Perform regularly as part of an orchestra, demonstrating commitment, teamwork, discipline and the ability to work collaboratively towards shared goals. + +{{< /tabs >}} + +### Review the CVs + +We have a [guide on how to write a great CV](https://cyf-curriculum.netlify.app/guides/employability/cvs/), use this to help assess what's good or bad about the CVs. + +We also have a [automated CV feedback tool](https://cv-eval.hosting.codeyourfuture.io/) that can help give us feedback on the CV. We can even post a job description to the tool. All of the CVs above are for the job description as below: + +
+Job Description +As a Customer Service Advisor, you will be the first point of contact for our customers, providing essential advice and assistance, predominantly over the phone, or email and web chat. + +Your can-do attitude and passion for helping people will be key, as we fully train you to navigate various conversations and provide clear, quick information. + +You Will Be Responsible For + +- Speaking to customers on the phone, helping them with their questions or issues. +- Helping customers to pay the correct amount of tax at the right time. +- Taking payments by phone and via our online services. +- Creating customer records and keeping them up to date. +- Using webchat and email to support our customers online. + +What are we looking for? + +- No experience is necessary as you will be fully trained, but we would like you to be comfortable talking on the phone and discussing debt with our customers. +- You will also need to be comfortable writing up notes, as this is mainly a phone-based role. + +We are looking for individuals with the drive and passion to make a difference to people's lives, and need people: + +- With great verbal and written communication skills in English. Dedicated to providing brilliant customer service. +- With a can-do attitude and passion for supporting people. +- With a resilience to work in a demanding and rewarding environment. +- With the ability to provide information quickly and clearly. +- Comfortable in handling various types of conversations. +- To have basic maths skills. + +
+ +Take a look at the CVs and answer the following questions: + +- Which CV is more generic? What makes it generic? +- Which CV matches the job description the least and the most, why? +- If we take the human-written CV as the source of truth, did the AI generated CVs "hallucinate" any achievements? + +We can see that the third CV over-exaggerated a lot of the experience and description of skills. It is full of "fluffy" language that aims to boost how skills sound on paper but comes across as generic and impersonal. + +The second AI generated CV is even more generic, to the point of having almost no dates, no personal evidence of skills, no understanding of positive outcomes from past experience. It is as generic as can be. + +The first human-written CV is shorter, but to the point. It backs up skills with evidence and doesn't use fluffy language to look impressive. It only lacks a bit in experience which is more reflective of the experience of the person than the quality of writing. Because the applicant wrote this CV they could provide more accurate context and data to backup skills. + +## Questions + +### Question One + +A {{}} trainee is assigned coursework on a {{}} course. The assignment is to build a homepage for a library that displays its twenty newest books. It requires that they use CSS Grid (a CSS feature used to display HTML elements in a grid format). They think that ChatGPT could help them complete this task. + +Which of the prompts below is an appropriate use of AI by the trainee? + +1. "Generate a webpage to display information about books in a grid format." +2. "Use CSS Grid to build a webpage to display twenty digital books." +3. "Build a homepage for a library website." +4. "I want to learn more about CSS Grid. Please explain the core concepts simply with examples." + +### Question Two + +A {{}} trainee prompts an AI tool to help them understand a complex CSS topic. The information the AI gives doesn't sound right. + +Which of the below might be appropriate reactions from the trainee? + +1. Googling the topic and looking for reliable sources to clarify the point. 2. Trying to persuade the AI to check again. 3. Accepting this as the truth because the AI seemed to know what it was talking about. 4. Asking a volunteer whether the AI is right. 5. Asking another AI tool.  -##### Question Three -A CYF student balances fulltime work and family responsibilities with studying at CYF. They are struggling to keep up with the course. In particular, they are struggling to understand some fundamental concepts. +### Question Three -Which of the below are NOT appropriate responses? +A {{}} trainee balances full-time work and family responsibilities with studying at {{}}. They are struggling to keep up with the course. In particular, they are struggling to understand some fundamental concepts. -1. Asking volunteers for guidance at a session -2. Giving an AI tool their assigned problems and ask it to solve them for them. They then copy and paste the output, making no edits. +Which of the below are appropriate actions that the trainee could take? + +1. Asking volunteers for guidance at a session. +2. Giving an AI tool their assigned problems and asking it to solve them. They then copy and paste the output, making no edits. 3. Asking an AI tool to explain the concepts they find difficult to understand. -4. Attempting to solve the problems, then giving up asking an AI tool to fix their code. Then copying and pasting the answer without understanding the changes it made. +4. Attempting to solve the problems, then giving up and asking an AI tool to fix their code. Then copying and pasting the answer without understanding the changes it made. 5. Using Google to find articles on the topics they are struggling with.  -6. Copying another student’s answers. -7. Sending a direct message to a active volunteer -8. Giving an AI tool their assigned problems and ask it to solve them for them. They then copy and paste the output, making small edits. +6. Copying another trainee’s answers. +7. Sending a direct message to an active volunteer. + +## What Should You Do? -### What Should You Do? +### 1. Create a Google Doc -#### 1. Create a Google Doc 1. Create a Google Doc 2. Place your answers for each of the questions above into the doc 3. Add one to three sentences explaining why you chose the answers you did @@ -68,7 +333,7 @@ Which of the below are NOT appropriate responses? > [!NOTE] > If you are new to Google Docs, you may find this [guide on what Google Docs is and how to use it](https://support.google.com/docs/answer/7068618?hl=en-GB&co=GENIE.Platform%3DDesktop) useful. -#### 2. Put your name in the document name +### 2. Put your name in the document name Include your given name or your family name in the title of the Google Doc. @@ -76,7 +341,7 @@ Include your given name or your family name in the title of the Google Doc. `How to change document name in Google Docs` {{}} -#### 3. Make your Google Doc public +### 3. Make your Google Doc public Change the sharing settings of your Google Doc to "Anyone with the link can view". @@ -84,6 +349,6 @@ Change the sharing settings of your Google Doc to "Anyone with the link can view `How to share Google Docs to public` {{}} -#### 4. Submit the Google Doc link +### 4. Submit the Google Doc link -Submit the link to the Google Doc in Step 3 on the [CYF Course Platform](https://application-process.codeyourfuture.io/). \ No newline at end of file +Submit the link to the Google Doc in Step 3 on the [CYF Course Platform](https://application-process.codeyourfuture.io/). diff --git a/common-content/en/module/itd/step-3/intro-to-ai/index.md b/common-content/en/module/itd/step-3/intro-to-ai/index.md new file mode 100644 index 000000000..c6a694fb0 --- /dev/null +++ b/common-content/en/module/itd/step-3/intro-to-ai/index.md @@ -0,0 +1,58 @@ ++++ +title ="Introduction to AI" +description= "Learn what AI is at a general level, and how we can use it as a learning tool" +time= 15 +[build] + render = 'never' + list = 'local' + publishResources = false ++++ + +You may have heard of, or used, generative AI tools (shortened to AI or AI tools from now on) like ChatGPT, Copilot or Gemini. These are powerful tools that we have seen both disrupt and assist the learning of trainees at {{}}. + +> [!WARNING] +> Protect sensitive information: Never paste personal data, private project code, or information belonging to organisations into public AI tools. This includes anything related to your employer or work placement. + +## AI: A predictive word-generator + +AI assistants, like those mentioned above, are often large language models (LLMs). LLMs are "trained" on huge amounts of data to predict what word should come next in a sentence. Because they can read and generate text data, it feels like you're messaging a smart "person", but it is just software that has an algorithm for guessing what words should follow your input ({{}} The input we give an AI assistant. {{}}). Like a big "word generator". + +## AI makes mistakes + +Not only does AI tools predict the text to generate but it could be trained on out-of-date, limited or even wrong data. This means these tools can make mistakes or make up things that don’t exist ({{}}When a large language model (LLM) perceives patterns or objects that are nonexistent, creating nonsensical or inaccurate outputs. {{}}). For instance, a famous hallucination from 2024 was that many AI tools said there were two 'r's in the word strawberry. + +**AI hallucinations can be costly to a programmer.** + +It has been reported that AI can make up names of code packages which don't exist, and direct a programmer to use the package in their code. This comes with a security risk: people can create malicious packages with names AI tends to generate often to exploit their "predictions" and get coders to import viruses into their code. + +This means we should **keep a critical eye on all output from AI tools**. + +Spotting issues with AI output is a key skill when using these tools. To thrive as a professional you need to have good judgement of what is a correct output. We can build this skill over time with feedback, discussion, insight from people with more experience than us, and constant questioning of "why" things are built the way they are. + +Here are two ways to think critically about AI output: + +### 1. Challenge AI output + +We have observed that more experienced developers interact with AI very critically: they push back, ask for alternatives, get justification for the response from AI tooling. + +Build this habit early. Don't just use AI output without questioning it. + +Ask AI for a different approach. Ask it to defend its answer. Ask it what could go wrong. + +### 2. Always Verify + +AI makes mistakes. It can produce code that looks correct but contains subtle errors, outdated practices, or security vulnerabilities. It can confidently agree with ideas that are wrong. Your job is always to check against documentation, against your own understanding, by running tests and more. + +Look for **verified sources**: + +- Ask AI to cite its sources and then check you trust where it found its information. +- Cross-check what you're reading with real documentation straight from the creators of the library/language/software you're using. A core coding skill. +- Use Slack to ask questions to your ITD peers and volunteers, what insights can you gain from the community. + +## Bad prompts can create bad AI output + +AI can also be led to give incorrect information when a prompt isn't accurate. Which means we need to **ask good questions** (or prompts). + +As ITD learners, we are early in the {{}} journey, we are likely still building our foundational software engineering knowledge. This means it is more likely we will ask AI inaccurate questions and AI will give misleading results. It's something to be aware of and cautious about - the accuracy of the questions we ask is important. + +For now, remember to challenge and verify what AI tools give us back. If we can't explain it, or verify the information with our own fact-finding, we shouldn't use it. diff --git a/common-content/en/module/itd/step-6/extend/index.md b/common-content/en/module/itd/step-6/extend/index.md index efa402c21..02ea78a11 100644 --- a/common-content/en/module/itd/step-6/extend/index.md +++ b/common-content/en/module/itd/step-6/extend/index.md @@ -12,4 +12,4 @@ time= 60 This step is just for you. You don't need to submit it. -Now that your webpage is live, you can make it even better by adding images and organizing your files like a developer. Try uploading your own images to your repository and updating your HTML so they appear on your site. You can also create folders (for example, `/images` or `/css`) to keep your project tidy. This is how professional developers structure their projects, and it will make your code easier to manage as your website grows. \ No newline at end of file +Now that your webpage is live, you can make it even better by adding images and organising your files like a developer. Try uploading your own images to your repository and updating your HTML so they appear on your site. You can also create folders (for example, `/images` or `/css`) to keep your project tidy. This is how professional developers structure their projects, and it will make your code easier to manage as your website grows. diff --git a/common-content/en/module/itd/step-6/instructions/index.md b/common-content/en/module/itd/step-6/instructions/index.md index 3c112094f..a57f08053 100644 --- a/common-content/en/module/itd/step-6/instructions/index.md +++ b/common-content/en/module/itd/step-6/instructions/index.md @@ -11,36 +11,43 @@ time= 300 ### Overview In this exercise, you will: + - Upload and manage your project files on GitHub - Publish your webpage (from Step 5) using GitHub Pages - + ### What Should You Do? #### 1. Sign up a GitHub account Create a free account on [GitHub](https://github.com/). -{{}} -- Need to choose a **professional GitHub username**? Ask an AI assistant for tips on picking one that's clear, simple, and career-friendly. -- Curious **why a professional username matters**? Let AI explain how it can impact your credibility, discoverability, and personal brand. +{{}} + +- Need to choose a **professional GitHub username**? Ask an AI assistant for tips on picking one that's clear, simple, and career-friendly. (_Does it give a different response if you ask "how to pick a username" vs "how to pick a clear, simple and career-friendly GitHub username" - what is that difference?_) +- Curious **why a professional username matters**? Use a search engine to find out how it can impact your credibility, discoverability, and personal brand. **Tip:** Avoid including your birth year in your username - this information could be misused for discrimination. {{}} > [!IMPORTANT] > -> People sometimes use different names in different contexts (nicknames, shortened versions, or using first and middle names differently). +> People sometimes use different names in different contexts (nicknames, shortened versions, or using first and middle names differently). > -> For professional purposes, **choose one consistent name** for your accounts and CV. It doesn't have to match your legal name, but consistency helps employers recognize you. +> For professional purposes, **choose one consistent name** for your accounts and CV. It doesn't have to match your legal name, but consistency helps employers recognize you. > > Decide on the professional name you will use now and stick with it across all professional contexts. #### 2. Use AI to learn about GitHub -Before you start uploading files, use AI to explore some key concepts and terminology. -Understanding these will make GitHub easier to use. +Before you start uploading files, use AI to explore some key concepts and terminology. Understanding these will make GitHub easier to use. + +> [!CAUTION] +> +> Remember what we mentioned in [Step Three](https://curriculum.codeyourfuture.io/itd/steps/three/)! +> AI output is always worth **verifying** with our own Google searches. See if you can validate the AI's output via internet articles and blogs. Here are some questions you can ask AI: + - What is **GitHub**, and why is it useful for projects like a website? - What is a **repository** (or **repo**), and how is it similar to a project folder on my computer? - What is a **commit** and a **commit message**? @@ -59,13 +66,13 @@ Follow this guide to create your first repository: Follow this guide to make your first edit in GitHub: 👉 [Quickstart for repositories - Commit your first change](https://docs.github.com/en/repositories/creating-and-managing-repositories/quickstart-for-repositories#commit-your-first-change) -{{}} -While editing the `README.md`, ask AI these questions to understand it better: +{{}} +While editing the `README.md`, using a search engine or AI, ask these questions to understand the file better: - What is the purpose of the `README.md` file in a repository? - What information is usually included in `README.md`? - What is **Markdown**, and how is it different from **plain text**? -{{}} + {{}} ##### C. Managing files @@ -73,28 +80,27 @@ Read: [Managing Files -- GitHub Docs](https://docs.github.com/en/repositories/wo This explains how to **add**, **edit**, **rename**, and **delete** files. 👉 Important: - - Follow only the instructions for using the GitHub website. - - Skip anything that involves the command line or the `git` command. + +- Follow only the instructions for using the GitHub website. +- Skip anything that involves the command line or the `git` command. #### 4. Create a repository for your website 1. **Create a repository** and include your name in the repository name. - - The repository name will appear in the link to your webpage. - - This helps identify your work. You can use your first name, last name, or a combination. + - The repository name will appear in the link to your webpage. + - This helps identify your work. You can use your first name, last name, or a combination. 2. **Download your webpage files from CodePen** - - Go to the CodePen page you prepared in Step 5 and **export** your webpage as a ZIP file. - - The **Export** button is located in the lower-right corner of the CodePen page. (See [Exporting Pens](https://blog.codepen.io/documentation/exporting-pens/) for more information.) - + - Go to the CodePen page you prepared in Step 5 and **export** your webpage as a ZIP file. + - The **Export** button is located in the lower-right corner of the CodePen page. (See [Exporting Pens](https://blog.codepen.io/documentation/exporting-pens/) for more information.) + 3. **Unzip the downloaded file** into a local folder on your computer. - 4. **Upload your webpage files to GitHub** - **Important**: Only upload the files in the `dist/` subfolder to your repository. - Optionally, you can add your own images to your repository and edit your code on GitHub to use them. 5. **Add a brief description** of your project in the `README.md` file. - #### 5. Deploy your webpage on GitHub Pages ![Configuring Github Page settings](github-pages-settings.png) @@ -109,12 +115,13 @@ This explains how to **add**, **edit**, **rename**, and **delete** files. For detailed instructions, see: [Configuring a publishing source for your GitHub Pages site](https://docs.github.com/en/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site) -#### 6. Submit your webpage link +#### 6. Submit your webpage link Submit the link to your deployed webpage in Step 6 on the [CYF Course Platform](https://application-process.codeyourfuture.io/). -{{}} -If you're not sure where to find your links, try asking AI: +{{}} +If you're not sure where to find your links, try finding out with a search engine or AI: + - How do I find out the link to my repository? - How do I find out the link to my webpage deployed on GitHub Pages? -{{}} + {{}} diff --git a/common-content/en/module/itd/step-7/acceptance/index.md b/common-content/en/module/itd/step-7/acceptance/index.md index 7f2a52dbc..6a598811b 100644 --- a/common-content/en/module/itd/step-7/acceptance/index.md +++ b/common-content/en/module/itd/step-7/acceptance/index.md @@ -15,7 +15,6 @@ Here are the criteria you need to meet: ```objectives - Your Google Doc contains a link to your CodePen containing the solution - Your Google Doc contains a screenshot which meets the requirements in the instructions -- Your Google Doc contains a link to your conversation with the AI - Your Google Doc contains answers to the questions in the "4. Self Check" section - Your Google Doc has your name in the title - Your Google doc is public diff --git a/common-content/en/module/itd/step-7/instructions/index.md b/common-content/en/module/itd/step-7/instructions/index.md index 55dc5b4ae..39e26998a 100644 --- a/common-content/en/module/itd/step-7/instructions/index.md +++ b/common-content/en/module/itd/step-7/instructions/index.md @@ -1,6 +1,6 @@ +++ title ="Step 7: What to do" -description= "Use AI appropriately to solve a novel CSS problem" +description= "Use the internet appropriately to solve a novel CSS problem" time= 90 [build] render = 'never' @@ -9,9 +9,7 @@ time= 90 +++ ### Overview -As covered in step 3, generative AI tools such as ChatGPT can be a great help in your studies with CodeYourFuture. However, the way you use them is very important. These tools can just as easily be a great obstacle to your learning if you let them do your thinking for you. -This step is an opportunity to practice this with a practical task which is outside your current knowledge of CSS and HTML. We have provided a **[CodePen](https://codepen.io/Ara225/pen/JoYbRVd)** which contains some HTML code. Your task is to use CSS to style the HTML so that: - The element with the class of "parent" has a dotted border. - The element with the class of "parent" is centred on the page even if the screen size changes. - The div elements with the class "child" have background colors, borders, rounded corners and margins between them. @@ -25,42 +23,54 @@ You may use any colours you like - they aren't the important bit in this task. Here are some visual examples: #### On a large screen + ![alt text](animals-larger-screen.png) + #### On a much smaller screen + ![alt text](animals-smaller-screen.png) -Assuming you were new to HTML and CSS when you started this course, this task is outside your current knowledge. This makes it an excellent candidate for AI assistance, as you can use AI to help you understand the new concepts. +Assuming you were new to HTML and CSS when you started this course, this task is outside your current knowledge. This makes it an excellent candidate for internet or AI assistance, as you can use these tools to help you understand the new concepts. + +_(You can also give it a go without these tools if you feel up for it 👀)_ ### What Should You Do? -**You are not allowed to have AI write code for you. You must write your own code.** +**You are not allowed to generate code using AI. You must write your own code.** #### 1. Fork the CodePen -Fork the **[exercise CodePen](https://codepen.io/Ara225/pen/JoYbRVd)** into the CodePen account you created in step 5. -#### 2. Make a Plan -Start by thinking about what you need to know to solve this problem. What might be a good first question to ask the AI? How can you avoid having the AI do your thinking for you? +Fork the **[exercise CodePen](https://codepen.io/Ara225/pen/JoYbRVd)** into the CodePen account you created in step 5. -#### 3. Interact with the AI -Use an AI tool to help you solve the problem. This can mean asking it to explain concepts, provide examples, explain code, etc. It must not mean copying code from the AI or blindly following its advice without understanding why. You may wish to look at step 3 again and/or search resources for using AI appropriately. If you're stuck, Google or ask in the #step-7-questions-support channel on Slack. +#### 2. Make a Plan -> [!NOTE] -> You will need to submit a link to your AI chat, so please use an AI tool which allows for chats to be shared by link, such as ChatGPT or Gemini. +Start by thinking about what you need to know to solve this problem. + +What might be a good first question to search for? What steps might be needed to reach the end result? What knowledge do you lack and need to find out? + +#### 3. Search for answers + +Use the internet or an AI tool (or both) to help you solve the problem. It must not involve copying code or blindly following AI output without understanding why. + +Revisit [step three](https://curriculum.codeyourfuture.io/itd/steps/three/) for more advice on how to use AI tools. If you're stuck, Google or ask in the #step-7-questions-support channel on Slack. #### 4. Self Check -Look over the code you have written. -1. Do you understand it all? -1. Has any been pasted from an AI tool or elsewhere? -1. What worked and what didn’t work when prompting the AI? +Look over the code you have written. + +1. Do you understand it all? Can you explain it out loud? What do you not understand? +1. Has any code been pasted from the internet or AI? +1. What worked or didn't work when searching the internet or prompting AI? #### 5. Create a Google Doc + Create a Google Doc. > [!NOTE] > If you are new to Google Docs, you may find this [guide on what Google Docs is and how to use it](https://support.google.com/docs/answer/7068618?hl=en-GB&co=GENIE.Platform%3DDesktop) useful. -#### 6. Put your name in the document name +#### 6. Put your name in the document name + Include your given name or your family name in the title of the Google Doc. {{}} @@ -68,6 +78,7 @@ Include your given name or your family name in the title of the Google Doc. {{}} #### 7. Make your Google Doc public + Change the sharing settings of your Google Doc to "Anyone with the link can view". {{}} @@ -75,11 +86,12 @@ Change the sharing settings of your Google Doc to "Anyone with the link can view {{}} #### 8. Fill out your Doc + Please add the following to your google doc: + - A link to your CodePen (please note that volunteers probably won't give you a full code review but this is useful context for them) -- A link to your chat with the AI - Instructions to share links [to Gemini chats are here](https://support.google.com/gemini/answer/13743730) and [to ChatGPT chats are here](https://help.openai.com/en/articles/7925741-chatgpt-shared-links-faq) - A screenshot of the output in CodePen -- Your answers to the questions in the '4. Self Check' section above +- Your answers to the questions in the '4. Self Check' section above #### 9. Submit the Google Doc link diff --git a/org-cyf/content/itd/steps/three/index.md b/org-cyf/content/itd/steps/three/index.md index f2705bec2..bf9d4fb09 100644 --- a/org-cyf/content/itd/steps/three/index.md +++ b/org-cyf/content/itd/steps/three/index.md @@ -6,6 +6,12 @@ menu_level = ['module'] menu=['ITD steps'] weight = 4 [[blocks]] +name="Introduction to AI" +src="module/itd/step-3/intro-to-ai" +[[blocks]] +name="AI Use in the ITD" +src="module/itd/step-3/ai-use-in-itd" +[[blocks]] name="Instructions" src="module/itd/step-3/instructions" [[blocks]]