Weekly Deliverables:

• Understand the DOM structure
• Get a feeling for HTML syntax
• Get familiair with your text editor
• Basic understanding of CSS syntax
• Linking to external files
• Structuring your files

Homework

Read these Chapters from the Front-end Handbook

• What Is a Front-End Developer?
• Part I. The Front-End Practice

Watch these videos:

• How the Internet Works in 5 Minutes
• How Web Browsers Work

Exercises:

• Khan Academy: Into to HTML/CSS: Making webpages

Assignment:

• Make your own web resume:
  • One page
  • Two files: HTML and CSS
  • Include the following:
    • Your personal info (name, place of birth, etc.)
    • A picture
    • A few lines about who you are
    • Education
    • Work experience
  • Include the following:
    • Different types of headings (h1, h2)
    • A list (ul)
    • img
    • p
    • Some css properties: margin, padding
    • Make sure that you page looks nice, and that your text is readable
  • upload in a zip
  • BEFORE you hand it in, read the Style guide and check your files (you can also use the <a href="https://validator.w3.org target="_blank">HTML validator ).

Assignment:

• Next week we will talk about responsive web design and using media queries start reading about this subject here Introduction to Media Queries. And take a look at this website here you can find examples of responsive design.

Helpful links:

• https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction
• https://css-tricks.com/almanac/properties/