Full-Stack Development | CS PPT +Worksheets +Activity + Mcq Quiz + Answers_Marking Scheme

Full-Stack Development | CS PPT +Worksheets +Activity + Mcq Quiz + Answers_Marking Scheme

1 · Core Lecture28GitHub-dark code theme cover, 8 Learning Objectives, Full-Stack layers diagram (Frontend/Backend/Database), HTML with full annotated code, CSS box model & flexbox, JavaScript DOM + async/await + ES6, React components/JSX, Virtual DOM flow, Types of ML, Node.js & Express CRUD server, REST API table (all methods + status codes), SQL queries + JOINs, MongoDB/Mongoose schema, Authentication JWT + bcrypt, Full CRUD worked example, Docker + CI/CD with actual Dockerfiles, Web security (6 threat types), Architecture diagram, Performance optimisation, Practice questions, Modern toolchain table, Summary slide (dark), End slide2 · Worksheet520 graded questions (2–4 marks each) across: HTML/CSS/JS, React & State, REST APIs & Express, SQL & NoSQL, Auth/Security/DevOps — Name/Class/Date/Score header3 · Activity6Cover + 5 activities: Build Responsive Product Card (pairs), REST API Design table (groups), Debug the Backend — 6 bugs to find (individual), E-Commerce Database Schema Design (groups), Security Audit + Architecture Diagram (class)4 · Marking Scheme6Full model answers for all 20 questions, half-mark allocations, examiner notes — Teacher Only5 · MCQ Quiz1412 questions with A–D options, green correct-answer highlight, progress bar, score band guide