Skip to content

Commit

Permalink
Update full-stack-project-implementation-guide.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@lechien73
lechien73 authored Jan 8, 2025
1 parent 1470f94 commit 6ab1dfe
Showing 1 changed file with 108 additions and 0 deletions.
108 changes: 108 additions & 0 deletions full-stack-project-implementation-guide.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -443,6 +443,114 @@ <h5>Criterion: 5.4 Document AI’s role in the development process and how it im
</div>
</div>
</div>

<!-- LO6 -->
<div class="accordion-item">
<h2 class="accordion-header" id="headingLOFive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseLOFive" aria-expanded="false" aria-controls="collapseLOFive">
LO6: Learners will be able to deploy a Full-Stack Web application using Django Web framework and related contemporary technologies to a cloud-based platform, ensuring proper functionality and security.
</button>
</h2>
<div id="collapseLOFive" class="accordion-collapse collapse" aria-labelledby="headingLOFive" data-bs-parent="#learningOutcomesAccordion">
<div class="accordion-body">
<h5>Criterion: 6.1 Deploy Application to Cloud Platform</h5>
<table class="table">
<thead>
<tr>
<th>Criterion</th>
<th>Description</th>
<th>Expected Performance</th>
</tr>
</thead>
<tbody>
<tr>
<td>AI-Assisted Coding</td>
<td>Use 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.</td>
<td>
<ul>
<li>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."</li>
<li>Briefly document AI usage in the README: Learners should document one significant AI prompt and its impact on the project.</li>
<li>Manual intervention: Describe one significant example of a specific manual intervention where the AI-generated code was refined.</li>
</ul>
</td>
</tr>
</tbody>
</table>

<h5>Criterion: 5.2 Use AI tools to assist in debugging HTML and CSS</h5>
<table class="table">
<thead>
<tr>
<th>Criterion</th>
<th>Description</th>
<th>Expected Performance</th>
</tr>
</thead>
<tbody>
<tr>
<td>AI-Assisted Debugging</td>
<td>Use 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.</td>
<td>
<ul>
<li>Extensive use of AI for debugging: Use AI tools to debug issues like misaligned elements.</li>
<li>AI suggesting accurate fixes: Ensure the AI suggestions (e.g., flexbox alignment corrections) improve the design.</li>
<li>Minimal manual intervention: Document how AI assisted in debugging and what manual tweaks were applied.</li>
</ul>
</td>
</tr>
</tbody>
</table>

<h5>Criterion: 5.3 Use AI tools to optimise HTML and CSS for better performance and user experience</h5>
<table class="table">
<thead>
<tr>
<th>Criterion</th>
<th>Description</th>
<th>Expected Performance</th>
</tr>
</thead>
<tbody>
<tr>
<td>AI-Assisted Optimisation</td>
<td>Use AI tools to assist in optimising HTML and CSS for performance and user experience.</td>
<td>
<ul>
<li>Efficient AI use for optimization: Use AI to streamline CSS for performance and responsive design.</li>
<li>Minimal manual adjustments: Review AI-suggested optimizations for visual consistency.</li>
<li>Enhanced user experience: Implement AI suggestions that improve load times, responsive design, and user interaction.</li>
</ul>
</td>
</tr>
</tbody>
</table>

<h5>Criterion: 5.4 Document AI’s role in the development process and how it improved or streamlined the workflow</h5>
<table class="table">
<thead>
<tr>
<th>Criterion</th>
<th>Description</th>
<th>Expected Performance</th>
</tr>
</thead>
<tbody>
<tr>
<td>AI Workflow Integration</td>
<td>Document 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.</td>
<td>
<ul>
<li>Concise documentation of AI usage: Outline the role of AI tools in the README.md under "AI Tool Usage."</li>
<li>Minimal examples, focused on workflow improvement: Document examples where AI tools streamlined the workflow, such as optimizing CSS or generating initial layouts.</li>
<li>README Integration: Mention AI tools' contributions, focusing on areas like code generation, bug fixing, or layout optimization.</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>

Expand Down

0 comments on commit 6ab1dfe

Please sign in to comment.