Reading material for the second lecture

In week two we will discuss the following topics
• CLI
    • To know the terminal/bash/command line for UNIX based systems.
    • Navigate the file system without using a UI explorer.
    • Copy, rename and move files with terminal commands. 
• Responsive web development
    • Relative measurements (%, (r)em, vw)
    • Media queries
    • Positioning (absolute, relative, fixed)
    • Floating and clearing
    • Flexbox
• How to use the inspector

Install GitBash if you have a windows machine.

If you have Windows machines, please follow the following link and install GitBash https://github.com/git-for-windows/git/releases/tag/v2.10.2.windows.1

If you have Linux installed on your laptop or you have a MACbook, then you don’t need to do anything. See you this Sunday.

Read about CLI

Go to the CLI repoistory to prepare for you first commandline class!

Here are resources that we like you to read as a preparation for the coming lecture:

• Start reading about media queries here: Introduction to Media Queries.
• And read about flexbox
• Mastering the :nth-child
• Also take a look at these two websites, here you can find examples of responsive design
  • https://responsivedesign.is/examples/
  • https://www.awwwards.com/50-examples-of-responsive-web-design.html

How to use the inspector 🔍

Read and watch about how you can Inspect and Edit Pages and Styles using the inspector

Here you can read about the inspector which is part of the The Chrome Developer Tools

Please read the following sections:

• Accessing the DevTools
• The DevTools window
• Inspecting the DOM and styles

Please go through the material and come to class prepared!