# Projekt i Programmering

__ author: krm created: 2021-07-13 image: ../../../Image/Slice/ant.png icon: 🏁
__

Vi avslutar kursen och planerar ett projekt. Se projektbeskrivningen nedan eller
börja med första guiden.

- [Projekt](./examination.sv.html)
- [🦉 Starta ett projekt](https://htsit.se/a/project/Tutorial/start-a-project.sv.html)

# 1. ♻️ Tillbackablick på hela kursen

- Repetion av det som är viktigt.

# 2. Mer om Js programmering

Händelsestyrt språk där funktioner manipulerar objekt som kan ha en prototype.

- 🔗 [Allt om Js i Programmering 2](../../programmering-2/repetion)
- Funktioner som ett värde
- 🖋
  [Exempel 1](https://flems.io/#0=N4Igxg9gdgzhA2BTEAucD4EMAONEBMQAaEAMwEskZUBtUKTAW2TQDoALAF0fmPSk6IBqECAC+RekxYhWAK2olIAoZxGkArlDCdy0AASkIEABSYAlPuAAdKPv0AnRJw0O7mANQBGANy2xtrbKcEis8BAA5iZGpgBM5uZ+ULZInPoARsb6ALyGxknBCIhhkSaZpgAsCUkpzvoAblm5mtq60GWWNnaOzq526R6xSQHJ2tAhxeFRjaYAnNV8eEg6erAiXgDMKF6z4pIgDMwirGAwivyCwmjiALpiQA)
- Skapa funktioner med "=>"
- 🖋
  [Exempel 2](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvEAXwvW10QICsEqdBk2J4wAVzTViEegAIAJgAoMASjnAAOmjlyATjGLi9OgEwAqDAG5trbfan04xOQGs5AXjkZPAPjkW1g5CcLSw+FC0AOZKrkqmqqo2aNohLq4ADJ5ySuoe-gAsyWluBdkqFABGFNQUCnmFluaV5tTmCsmpTi4ADmVeFdW19X66WjohYTAR0UqaIAASMFCRcgDqtHpQCgCE80na+obGOgVNLW0dtpQ0tFg90DB6eJUYlcs3cMsw0rJoCDwAIwFRAZNgcECYHB4fDUOACW7CZg8NgAXVYQA)
- Funktionel programmering
- 🖋
  [Exempel 3](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvEAXwvW10QICsEqdBk2J4AOmljEABFGkBeacgCMFAEwUAzBQAsFAKwBdANwSJU2XMVR8WDAAcAFI4AeASnkA+NQCp3ptAkhOFpYfChaAHNHKCg3Y0oQOBhYamIIegQefURlADYAWmVEAAY2DhBMHDx8ajgBGnpGZh42Q1YgA)
- Asynchron programmering
- Callbacks
- 🖋
  [Exempel 4](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvEAXwvW10QICsEqdBk2J4AOmjgxiAFQg5aAV2IAKFQEoAvAD5gQuLVj4otAOYqxIQjF4BCS+vYBmAAxv1AbgmUQU2NWIIegQeAEZEJwBWAFpw0NC2DhBMHDx8ajgBGnpGZh42AF1WIA)
- Promise
- 🖋
  [Exempel 5](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvEAXwvW10QICsEqdBk2J5YxAAS0JAXgnAMiAIwUJAI0QAmVdUQBmVgG4AOmlNC4tWPii0A5gApa+DAEpTp51lkSwAVzRqYgh6CQdXeVMJCQAnGGI-GLQJYkIIOHw1ACpU9PxqEzRWD0D6S2tbRy9w10LTcSlpOQUtVQ09HUQAFiMS2i8fLzrStHKYG3snatdayhA4GFggkNG8AAZENYBaJS6tNbYOEEwcPHy4ARp6RmYeNgBdViA)
- Prototyper
- 🖋 [Exempel 6]()
- This
- 🖋
  [Exempel 7](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvEAXwvW10QICsEqdBk2J5YxAAS0JAXgnAMiAIwUJAI0QAmVdUQBmVgG4AOmlNC4tWPii0A5gApa+DAEpTp51lkSwAVzRqYgh6CQdXeVMJCQAnGGI-GLQJYkIIOHw1ACpU9PxqEzRWD0D6S2tbRy9w10LTcSlpOQUtVQ09HUQAFiMS2i8fLzrStHKYG3snatdayhA4GFggkNG8AAZENYBaJS6tNbYOEEwcPHy4ARp6RmYeNgBdViA)
- new
- 🖋 [Exempel 8]()
- class
- 🖋 [Exempel 9]()

# 3. Bibliotek och packet

- import
- npm install
- 💚 E30
- 🔷 N10
- ⬛

# 4. Hur du skapar ett större program

- lol

# 5. HTML och CSS

- 🔗 [Ett moment om html](https://htsit.se/k/#!/webbutveckling-1/hemsida)
- 🔗 [Ett moment om css](https://htsit.se/k/#!/webbutveckling-1/css)

# 6. DOM och BOM

- Om API:erna DOM och BOM
- 🔗 [HTML DOM](https://www.w3schools.com/js/js_htmldom.asp)
- 🔗 [Film om DOM](https://www.youtube.com/watch?v=4Gv81XcC8iE)

# 7. Webapp

- Några enkla program
- 🔗 [Akrivet mimer-webbapp](https://gitlab.com/krmit/mimer-webapp)
- 🔗 [En klocka](https://htsit.se/w/clock.html)
- 🔗
  [Konvertera från Frenheit till Celsius](https://htsit.se/w/convert-from-f-to-c.html)
- 🔗
  [Konvertera från USD till SEK](https://htsit.se/w/convert-from-usd-to-sek.html)
- 🔗 [Här får du en kaka](https://htsit.se/w/cookkies.html)

# 8. Node med tillämpningar och typescript

- node
- npm
- typescript
- npm run watch
- any

# 9. Phaser

- spel