Browsers, Servers, Command Line Tools, Code Editors

https://oval-webdev.netlify.app/chapter-1.html

  • Prepare the course reader
  • Prepare the slides
  • Prepare the discussion activities
  • Prepare a case-study

00:00 - Introduction to the course & logistics

  • Schedule
  • Resources we provide
  • Final project!

15:00 - What is the Internet?

  • General overview
  • IP addresses
  • Client/server model
  • Server ports
  • HTTP/HTTPS
  • DNS

30:00 - How does a browser work?

  • Resolving IP of a domain
  • GET request to retrieve HTML
  • Rendering the DOM-tree (to be revisited in Chapter 2)
  • Fetching additional resources via GET requests

45:00 - Interactive activity

  • TBD

55:00 - Break

1:05:00 - Command line tools, Unix shell

  • What is a command line?
  • Executables, flags, arguments
  • Key commands (ls, cd, mv, cp, rm, mkdir)

1:25:00 - Working with code editors

  • Why is a code editor needed?
  • Convenience and extendibility
  • Comparison of the most popular choices
  • Our choice: VS Code

1:35:00 - Case study / VS Code Introduction

  • Navigation
  • Terminal
  • Extensions
  • LiveShare
  • Shortcuts

1:50:00 - Homework instructions & questions

  • Install VS Code
  • Create a sample program