Introduction to web programming

Agenda

  • Very fast intro
  • Practical intro
  • Task (we will work on it together)

What are your expectations??

Types of programming.

Web: backend and frontend.

Before we start:

Search online + ask

Chrome

+ Visual Studio Code

HTML, CSS, JavaScript

<!DOCTYPE html>

<html>
  <head>
    <title>Hello, world</title>

    <style></style>

    <script type="text/javascript"></script>
  </head>

  <body></body>
</html>

HTML

Tags: div, span, input (different types), button, img

Attributes: what are ?

CSS

display, position, margin, padding, font, color, background

JavaScript

  • var, let, const
  • number (operations)
  • string
  • boolean

more JavaScript

  • conditionals

  • loops

  • switch

moaaaaaar JavaScript

  • object

  • array

  • function

moaaaaaar2 JavaScript

console.log, createElement, getElement..., appendChild, remove, modifying element attributes, programatically modyfing element

Pair programming task (https://github.com/mjrdnk/introduction-to-web-programming)

Partner shuffle

Introduction to web programming

By Maciej Jordanek

Made with Slides.com

Introduction to web programming

  • 106

More from Maciej Jordanek