Test #1 Topics to Review – Written Test

This is a guide for what you should study and the topics you should be familiar with. Ensure you review
all the content from Week 1 to Week 3 inclusive.

Contents
Test #1 Topics to Review – Written Test......................................................................................................1
Study Tips................................................................................................................................................1
Week 1....................................................................................................................................................2
Computer Science Careers...................................................................................................................2
HTML Documents................................................................................................................................3
Week 2....................................................................................................................................................3
HTML Documents................................................................................................................................3
HTML Tags...........................................................................................................................................3
Week 3....................................................................................................................................................4
Over All Site Design.............................................................................................................................4
Cascading Stylesheets (CSS).................................................................................................................5

Study Tips
- A great way to study is using spaced repetition
o A memory technique which attempts to bring material to your attention just as you
forget it
o A free app for this on Android/Desktops is Anki (https://apps.ankiweb.net/)
 Unfortunately, it is not free on Apple, however, you can still access it for free on
Desktop
- Take advantage of the WooFlash quizzes I have created for you which also make use of spaced
repetition
o Not comprehensive, so don’t depend solely on them
- Make sure to review all the material we’ve covered, look at the sheet below, if there is
something you don’t know, that is what you must review
- Review provided examples packages and your completed labs, make sure you understand the
code
- Studying a little bit every few days is the best way to learn, avoid cramming
- If you’re missing any notes, ask a classmate to share theirs with you
- Great online resources for clarifying coding content:
o MDN Web Docs, very easy to search up specific elements and CSS properties:
https://developer.mozilla.org/en-US/
o W3 Schools: https://www.w3schools.com/
 - Don’t hesitate to ask me any questions! – I have office hours at the school in my office (E200)
Mondays 5PM – 6PM and on Tuesdays 12PM – 1PM, any other time by appointment
o I check email and MS Teams often, so you can always reach me there
- Make sure to get a full night’s rest before the test!

Week 1
Computer Science Careers
- Hardware/Networks
o Computer Technician
o Network Admin
- Developers
o Desktop Developer
o Back-end Developer
o Game Developer
o Mobile Developer
- Web
o Web Designer
o Web Master
o Web Developer
- What is web page development?
o Front-end vs. back-end vs. full-stack
- Full-stack Developer
- Database
o Database Designer
o Database Developer
o Database Administrator
- Developer Support

o DevOps Engineer
o Developer Advocate
o Project Manager
- Quality Assurance (QA)
- Quality Control (QC)
- Difference between QA/QC
- Analysts
o Systems Analyst
o Security Analyst
o Business Analyst
o Network Analyst
- Data
o Data Scientist
o Machine Learning Specialist
o Research Scientist
HTML Documents
- What is HTML?
o The set of markup symbols or codes placed in a file intended for display on a Web
browser page

Week 2
HTML Documents
- What is a Mark-Up Language?
- Document structure
o <html> is the root element
o <body> and <head> are children of the <html> element
- Required elements
o <html></html>
o <head></head>
o <title></title>
o <meta /> (charset)
o <body></body>
o Know the purpose of each…. Where is the content of the title tag displayed? Where is
the content body tag displayed? What goes inside of each tag?
- Element structure and guidelines for tags
o Tags
o Attributes
o Know the syntax, which tags are container tags, which are stand alone, how to set
attributes

HTML Tags
- How to add and organize text on a page (paragraphs, various lists, headers)
- Heading elements (H1 – H6), ex: <h1></h1>
- Paragraph element <p></p>
- Line break tag, stand alone tag <br>
- Preformatted text <pre></pre>
- Special characters:

Code Characters
© &copy;
< &lt;
> &gt;
& &amp;
&nbsp;
- Lists
o Ordered <ol></ol>
o Unordered <ul></ul>
 o Description <dl></dl>
o Ordered/unordered tags only allow list items <li></li>
 List item tag is only allowed inside of order/unordered list tag
o Description tags only allow description terms and description details <dt></dt> and
<dd></dd>
 Description term/description details only allowed inside of description list tag
o Nested lists (must nest properly)
- Hyperlinks
o Anchor element <a></a>
o Attribute href
o Absolute link
o Relative link
 How to go up a folder structure?
 How to specify the current folder?
 Linking within the page using the id attribute
 Email links (starting href value with mailto)
 Phone links

- Logical style elements

o <strong></strong>
o <em></em>
- Comments in HTML <!-- Comment -->
- Block quote element <blockquote></blockquote>

Week 3
Over All Site Design
- Block-level elements vs. Inline elements
o Difference between each
o Why should we use them? Accessibility, easier to understand what the purpose of each
section is
o What should be the typical content of each?
- Organizing a website and things to consider when designing or developing a website
- Semantic elements
o Header section: <header></header>
o Navigation section: <nav></nav>
o Main section: <main></main>
o Footer section: <footer></footer>
o <section></section>
o <article></article>
o <figure></figure>
o <address></address>
 o <summary></summary>
o <aside></aside>
- Accessibility – POUR
o No what each letter stands for in the acronym and be able to describe it

Cascading Stylesheets (CSS)

- <div></div> and <span></span> element
- What is a stylesheet?
- What is a style?
- What is the cascade?
o Know which styles are more likely to be applied based on their origin (browser default,
external stylesheets, embedded styles, inline styles, HTML attributes) and how far down
the cascade they are
- CSS Advantages
- Types of Cascading Style Sheets
o Inline styles
o Embedded styles
o External styles
o Which is the best to use and why?
o Where and how is each configured and added to an HTML page?
- CSS Syntax
o Rule
 Selector
 Declaration

Anything covered in the notes, lectures, examples, or labs is fair game! Review everything from weeks
1-3 to ensure you are prepared for the test