WEEK 15: Project Research: Critique
(April 22 & 24)

To Do This Week:

Work of Final projects, finish missing projects


Workshop

Canvas Games: Canvas-Game List

Weather Apps: Weather App Class List

Final Projects: Final Project Class List   – use a folder named “final”

FINAL PROJECTS are DUE for Grading by TUESDAY APRIL 30th by 5:00pm

MISSING PROJECTS are DUE for Grading by WEDNESDAY MAY 1st by 5:00pm


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’ etc]. Please help me develop a structured plan that includes the following components:

  1. 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.
  2. 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.
  3. Learning Resources: Recommend books, online courses, and other resources that are best suited for learning the specific technologies and concepts I need.
  4. 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.
  5. Timeline: Propose a realistic timeline for achieving milestones in my learning journey, including when to start and complete each project.
  6. 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].”


Discussion

Course Evaluations

Final Projects due for Wednesday Review

  • Scripting  (40%): Your project should demonstrate your  JavaScript skills to manipulate elements, manage data, and create dynamic interactions. 
  • Interface and Interaction Design (30%): Your project should demonstrate thoughtful usability, aesthetics, and interaction design. 
  • Content Completion (20%): Images are working, text is spell-checked. Make sure there is a title, author name and instructions if needed.
  • Progress Reviews (10%): Completion of of project for peer-review

WORKSHOP for Wednesday Peer Critique

Final Project Class List

Questions to Address in Peer Critique

First Impressions:

  • What three words or phrases would you use to describe your initial impression of the website?

Interaction Design/Scripting:

  • How smoothly does the site function? Are there any JavaScript errors or bugs? How well do the interactive elements work (e.g., buttons, forms, dynamic content)?
  • What unique features or creative solutions are implemented in the project? How do they enhance or detract from the overall experience?
  • Is the source code well-organized and commented? Does it include a statement detailing how the site was built and acknowledging any resources or external libraries used (e.g., APIs, frameworks, ChatGPT)?

Interface Design and Usability:

  • How effective is the visual hierarchy in guiding the user through the site’s content?
  • Is the site navigation intuitive and accessible? Are elements like links, menus, and buttons clearly defined and functional?
  • Evaluate the color scheme, typography, and layout. Do these elements enhance the overall user experience? 
  • Does the website adhere to basic visual hierarchy principles like proportion, alignment and contrast? 

Content Presentation:

  • Is the site easy to understand and follow? Is there a title and author name? Are instructions needed?

Additional Comments and Suggestions:

  • Any other feedback?