Unit 1 Readings - Part 1.

Activity Instructions

Estimated Time: 30min

Please explore the following topics in your preferred method. You could use the help of an AI assistant, or you could use other resources online such as Stack Overflow, MDN, or Youtube.

For each topic you have been given sample question(s) to get you started. However you decide to do your research, at the end of each week you should be comfortable answering the questions or talking about each topic. As we move further into the semester you will notice that the *topics* will turn more into *tasks*. "How can I use this thing to accomplish the task I have before me?" should be the question you are asking yourself.

Whether using StackOverflow, Youtube, or an AI assistant, if you ask about accomplishing a task and you get code back you should always review the code line by line to understand what it is doing, and how it works. Then test that code. Don't just trust that it will work correctly.

Keep digging until you feel like you understand the topics and how to apply them. Sometimes this might not take long, other times it could take a while. Keep notes as you do your research. Submit these notes in ILearn.

Topics:

Review as needed

  • HTML Introduction
  • CSS Introduction
  • CSS Diner CSS review and practice
  • Running Javascript
  • Practice with the DOM
  • CSS Selectors:
    “What are CSS selectors?”, “Can you give an example of a CSS selector?”, “How do I use multiple selectors in one rule?”, “What is a CSS combinator?”, “What is a pseudo-class in CSS?”
  • Javascript variables:
    “Can you explain how to declare and use variables in javascript?”, “What is the difference between let and const?”, “Why do variables need to be declared?”, “What are primitives in Javascript?”, “What are literals in Javascript?”, “What does it mean to be weakly typed?”, “How can I store lists in Javascript?”
  • Manipulating documents (DOM) with javascript:
    “What is the Document Object Model?”, “How can I manipulate an html document with javascript?”, “How can I add elements to the DOM?”, “How can I remove elements from the DOM?”, “How can I add or remove attributes from elements in the DOM?”,“What is the difference between element.innerHTML and element.insertAdjacentHTML?”