From 6ab1dfef890cbd913f333a6cff73cadc7df478d4 Mon Sep 17 00:00:00 2001 From: Matt Rudge Date: Wed, 8 Jan 2025 12:47:08 +0000 Subject: [PATCH] Update full-stack-project-implementation-guide.html --- full-stack-project-implementation-guide.html | 108 +++++++++++++++++++ 1 file changed, 108 insertions(+) diff --git a/full-stack-project-implementation-guide.html b/full-stack-project-implementation-guide.html index bdf01f4..7c02f58 100644 --- a/full-stack-project-implementation-guide.html +++ b/full-stack-project-implementation-guide.html @@ -443,6 +443,114 @@
Criterion: 5.4 Document AI’s role in the development process and how it im + + +
+

+ +

+
+
+
Criterion: 6.1 Deploy Application to Cloud Platform
+ + + + + + + + + + + + + + + +
CriterionDescriptionExpected Performance
AI-Assisted CodingUse AI tools to assist in writing HTML, CSS, and JavaScript code. Ensure AI-generated code aligns with project requirements through timely manual intervention. Document in the README file evidence of how AI tools contributed to the development process. +
    +
  • Effective AI use in coding: Use significant AI prompts to generate parts of the project. For example, prompt "Generate a fully responsive navigation bar with dropdown menus and a mobile toggle."
    • +
  • Briefly document AI usage in the README: Learners should document one significant AI prompt and its impact on the project.
    • +
  • Manual intervention: Describe one significant example of a specific manual intervention where the AI-generated code was refined.
    • +
+
+ +
Criterion: 5.2 Use AI tools to assist in debugging HTML and CSS
+ + + + + + + + + + + + + + + +
CriterionDescriptionExpected Performance
AI-Assisted DebuggingUse AI tools to assist in identifying and fixing errors in HTML and CSS code. AI tools should accurately identify issues and suggest relevant fixes with minimal manual intervention. +
    +
  • Extensive use of AI for debugging: Use AI tools to debug issues like misaligned elements.
    • +
  • AI suggesting accurate fixes: Ensure the AI suggestions (e.g., flexbox alignment corrections) improve the design.
    • +
  • Minimal manual intervention: Document how AI assisted in debugging and what manual tweaks were applied.
    • +
+
+ +
Criterion: 5.3 Use AI tools to optimise HTML and CSS for better performance and user experience
+ + + + + + + + + + + + + + + +
CriterionDescriptionExpected Performance
AI-Assisted OptimisationUse AI tools to assist in optimising HTML and CSS for performance and user experience. +
    +
  • Efficient AI use for optimization: Use AI to streamline CSS for performance and responsive design.
    • +
  • Minimal manual adjustments: Review AI-suggested optimizations for visual consistency.
    • +
  • Enhanced user experience: Implement AI suggestions that improve load times, responsive design, and user interaction.
    • +
+
+ +
Criterion: 5.4 Document AI’s role in the development process and how it improved or streamlined the workflow
+ + + + + + + + + + + + + + + +
CriterionDescriptionExpected Performance
AI Workflow IntegrationDocument how AI tools (e.g., GitHub Copilot) were used to improve or streamline the development process. Provide specific examples of how AI tools assisted in key stages of the project. +
    +
  • Concise documentation of AI usage: Outline the role of AI tools in the README.md under "AI Tool Usage."
    • +
  • Minimal examples, focused on workflow improvement: Document examples where AI tools streamlined the workflow, such as optimizing CSS or generating initial layouts.
    • +
  • README Integration: Mention AI tools' contributions, focusing on areas like code generation, bug fixing, or layout optimization.
    • +
+
+
+
+