Added 1.1 Front-End Design LO details

full-stack-project-implementation-guide.html

@@ -144,7 +144,7 @@ <h1>Learning Outcomes, Assessment Criteria and Expected Performance</h1>
         <div class="accordion-item">
             <h2 class="accordion-header" id="headingLOOne">
                 <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseLOOne" aria-expanded="true" aria-controls="collapseLOOne">
-                    LO1: Learners will be able to design and implement a one-page interactive front-end web application using HTML and CSS based on user experience design principles, accessibility, and responsiveness.
+                    LO1: Learners will be able to apply Agile methodology to effectively plan and design a Full-Stack Web application using Django Web framework and related contemporary technologies.
                 </button>
             </h2>
             <div id="collapseLOOne" class="accordion-collapse collapse show" aria-labelledby="headingLOOne" data-bs-parent="#learningOutcomesAccordion">
@@ -161,10 +161,10 @@ <h5>Criterion: 1.1 Front-End Design</h5>
                         <tbody>
                             <tr>
                                 <td>Front-End Design</td>
-                                <td>Design a cohesive one-page layout with a main navigation menu and structured content. Ensure the design adheres to accessibility guidelines, including appropriate colour contrast and alt text for non-text elements. Utilise CSS or CSS frameworks, such as Bootstrap, to create a responsive design.</td>
+                                <td>Design a front-end that meets accessibility guidelines and follows UX design principles. Create a responsive full-stack application that meets its given purpose, provides a set of user interactions, and uses custom HTML and CSS/CSS frameworks..</td>
                                 <td>
                                     <ul>
-                                        <li>A cohesive one-page layout with a main navigation menu and structured content.</li>
+                                        <i>A user-friendly interface with consistent styles, clear navigation, and adherence to wireframes/mockups.</i>
                                         <li>Semantic use of HTML.</li>
                                         <li>Adherence to accessibility guidelines (colour contrast, alt text).</li>
                                         <li>No Web Content Accessibility Guideline (WCAG) errors.</li>