To Do This Week:
Work on Final Projects (folder is “final477”)
- HTML5 game list – folder is “games”
- Weather game list – folder is “weather”
- P5js game list – folder is “p5js”
Final Project Requirements
-
Originality: You can expand a past project, but it must go well beyond the original with new features and design elements. For P5js Galleries, you should have an iterative process explored in depth, ideally with reflections for each stage.
-
JavaScript Logic: Include clear, natural language logic steps outlining your logic in plain English—use as many JS terms as possible.
-
Usability & Visual Design: Apply visual hierarchy or clear user instructions so users know what to do.
-
Header Info: Include a title and your name in the UI.
-
Project Statement (in code comments):
-
How you built it—your thinking, process and steps.
-
How AI, if applicable, helped with planning, coding, or debugging.
-
Quiz!
Use this prompt with ChatGPT to self-test your knowledge of JavaScript:
“Please create a quiz to assess my understanding of JavaScript, focusing on basic syntax and fundamental concepts, including variables, data types, operators, functions, loops, arrays, conditionals, object literals and classes. Start with 10 questions covering these basic elements, using a mix of true/false, multiple choice, and short answer formats. For the last 5 questions, introduce intermediate-level concepts related to ES6, such as template literals, arrow functions, and let/const. Each question should be presented one at a time, followed by the correct answer and a brief explanation to help me understand the logic and syntax. After completing the quiz, provide a qualitative evaluation of my knowledge rather than a numerical grade, and suggest resources, strategies, or topics for further improvement in both basic JavaScript and ES6 features.”
Follow-Up Practice
Modify the prompt as needed:
“Based on my current understanding and performance in the JavaScript quiz, I would like to create a detailed learning plan to enhance my web development skills. I am particularly interested in [choose: ‘front-end design’, ‘full stack development’, ‘game development’, ‘web design’ etc]. Please help me develop a structured plan that includes the following components:
- Key Skills to Develop: Identify the essential skills I need to focus on for my chosen area. For front-end design, this might include CSS frameworks, JavaScript libraries like React or Vue, and design principles. For full-stack development, include both client-side technologies and server-side languages like Node.js.
- Project Ideas: Suggest practical project ideas that will help me apply these skills. These projects should vary in complexity, starting with simple applications and progressing to more integrated solutions.
- Learning Resources: Recommend books, online courses, and other resources that are best suited for learning the specific technologies and concepts I need.
- Using ChatGPT: Advise on how I can use ChatGPT effectively as a tutor assistant. Include tips on how to formulate questions for debugging, code reviews, or learning new programming concepts.
- Timeline: Propose a realistic timeline for achieving milestones in my learning journey, including when to start and complete each project.
- Feedback Mechanisms: Suggest ways I can get feedback on my projects, such as through code review sessions, joining online communities, or participating in hackathons.
Please tailor this plan based on my quiz results, focusing on areas where I need the most improvement, and aligning with my career aspirations as a [choose: ‘front-end designer’, ‘full stack developer’, etc].”
Course Evaluations
Collaborative Research Paper
Learning JavaScript with AI: Thinking Like a Coder Before Writing Code
>LINK to Google Doc