Big Idea 1
How my final code has big Idea 1
Big Idea 1 corelation in my code
Creative Development in AP CSP
Introduction
Big Idea 1 in AP Computer Science Principles (CSP) emphasizes Creative Development, which includes the process of designing, coding, testing, and documenting computational artifacts. This blog covers the iterative process, collaboration, and implementation, with a focus on frontend development for a Task Manager application.
Development Process
- Brainstorming & Planning
- Define the project goals and user needs.
- Create flowcharts or pseudocode to structure logic.
- Collaborative Development
- Utilize version control (e.g., GitHub) for teamwork.
- Engage in peer reviews for feedback.
- Implementation
- Write modular and reusable code.
- Document functions and key logic clearly.
Frontend Implementation
Below is the frontend code for a Task Manager application, demonstrating structured UI design and JavaScript-based task management.
```html
layout: base title: Task Manager permalink: /task_manager —
Create a Task
Your Tasks
| Task | Actions |
|---|
Big Idea One CRUD Operations
| HTTP Method | Endpoint | Description | Image in Postman |
|---|---|---|---|
| GET | http://127.0.0.1:8887/api/tasks/5 |
Proof of the GET method working. | |
| POST | http://127.0.0.1:8887/api/tasks |
Proof of the POST method working. | |
| PUT | http://127.0.0.1:8887/api/tasks/5 |
Proof of the PUT method working. | |
| DELETE | http://127.0.0.1:8887/api/tasks/5 |
Proof of the DELETE method working. | |
| Random Tasks | http://127.0.0.1:8887/api/random-tasks |
Example of a random task endpoint calling these categories. |
Task Manager Development - Burndown List ✅
Project Completion Status: ✅ All Tasks Completed
| Task | Status |
|---|---|
| Brainstorming & Planning | ✅ Completed |
| Define project goals | ✅ Completed |
| Create UI wireframes | ✅ Completed |
| Set up development environment | ✅ Completed |
| Implement Frontend | ✅ Completed |
| Create Task Input UI | ✅ Completed |
| Add/Edit/Delete Task Functionality | ✅ Completed |
| Implement Random Task Feature | ✅ Completed |
| Apply CSS Styling & Enhancements | ✅ Completed |
| Implement Backend | ✅ Completed |
| Set up API endpoints | ✅ Completed |
| Connect frontend with backend | ✅ Completed |
| Implement data storage | ✅ Completed |
| Testing & Debugging | ✅ Completed |
| Frontend functionality testing | ✅ Completed |
| Backend API testing (Postman) | ✅ Completed |
| Fix UI bugs | ✅ Completed |
| Final Review & Documentation | ✅ Completed |
| Write project blog | ✅ Completed |
| Review and finalize code | ✅ Completed |
Project completed