LAB09 - nvbach91/4IZ268-2021-2022-ZS GitHub Wiki

Vývoj webových aplikací - JavaScript

Oprava domácího úkolu (JavaScript)

  • Pokud byste chtěli dostat nějakou hodnotu současného datumu, lze využít new Date()
  • new Date().getFullYear()
  • použít jen jeden z následujících 2 způsobů deklarace funkce
var add = function () {} 
//vs 
function add() {}
  • nešetřit s názvy proměnných stylem S, V, ... ale area, volume, ...
  • nezapomenout na ukončení příkazu pomocí středníku
  • nezapomenout na vrácení výsledku z funkce pro další použití jinde (úlohy 9 a 10)
  • vždy používat === pro porovnávání hodnot
  • naformátovat kód
  • pokud funkce vrátí true/false, je možné vynechat === true
  • názvy proměnných i funkcí v angličtině a podle doporučené konvence
  • kontrola číselných argumentů isNaN, typeof
  • if { return ...} pak netreba else
  • var nepouzivat, nezapomenout na let, const
  • přepoužít funkci
  • camelCase vs PascalCase

Obsah

  • String operations and methods
  • DOM manipulation
  • JavaScript events
  • Formulář: button a input
  • DEMO: todo list/pokedex
  • Domácí úkol

String operations and methods

image

image

DOM manipulation

image

image

JavaScript events

image

Formulář: form, input, button

<form id="registration-form">
  <div class="form-row">
    <label>E-mail</label>
    <input type="email" name="email" placeholder="Your email">
  </div>
  <div class="form-row">
    <label>E-mail</label>
    <input type="password" name="password" placeholder="Your password">
  </div>
  <button class="submit-button">Submit</button>
</form>

Demo: todo list/pokedex

Domácí úkol

Příště

  • jQuery
  • JSON, AJAX
  • API služby
⚠️ **GitHub.com Fallback** ⚠️