Applicatieontwikkeling

what are we going to do?

• Single Page Application (SPA)
• Angular 9.0 (º 6 feb 2020)
• open source, made by Google
• other similar frameworks exist: React, Vue

why Angular? (and not React, Vue)

• first of all: it doesn' t (really) matter
• learning a modern javascript framework is what matters
• neither will exist (in it's current form) in 5 years anyway
• still, which one to chose to teach a modern javascript framework?
• vdab: # jobs for programmers in Gent +60km mentioning (Angular | React | Vue)

what are you going to do?

• you can only learn programming by making things, not by reading slides
• ((add chamilo link here))
• so: build a webapp by the end of week 13
• a github classroom link will be provided on chamilo
• oral exam during the exam period, where you get asked some questions about your webapp

"we have too much work"

"Margaret Hamilton, NASA's lead software engineer for the Apollo Program, stands next to the code she wrote by hand that took Humanity to the moon in 1969"

"we have too much work"

• each year students complain about "too much work"
• they're not (entirely) wrong, you also have projecten2, research techniques with the same deadline (and iTalent!)
• but everything from web4 is on github, so... we check the complainers and notice they all start working in week 9 or 10 (or later)
• so we shrug and pretty much ignore the complaints
• if you want your complaints to be taken seriously, start working and committing early (but then there will be no need to complain and everyone will be happy)

deadline.

• you know the deadline, plan accordingly
• we've heard all excuses over the years; we're real sympathetic, we still won't make an exception just for you, it wouldn't be fair
• some highlights!
• "I have to train for the world championship athletics during the week of the deadline"
• "my firstborn son was born prematurely on the day of the deadline and I was at the hospital"

examples.

made by students in previous years

schedule.

slides?

• they are hosted on my github pages https://pieter-hogent.github.io/web4/
• the code from the example built in the slides can be found on github
  • frontend: https://github.com/pieter-hogent/recipeapp
  • backend: https://github.com/ksa607/RecipeApi
• slides are in Reveal.js (with some custom plugins)
  • press ESC to navigate faster
  • you can print these slides but it's pretty wasteful (1 slide / page), add ?print-pdf to the end of the url
  • should work on touch devices

software?

• Visual Studio Code https://code.visualstudio.com
• Node.js v10.6.x https://nodejs.org/en/
• Angular CLI (v9.0+): "npm install -g @angular/cli"

we're here to help.

we're here to help.

• read errors / warnings; copy-paste them in google
• no errors?
• find steps to reliably reproduce the problem
• isolate the problem (backend / frontend; rendering / database / ...)
• use a debugger; use your brain
• ask on stackoverflow

we're here to help.

• still stuck?
• email me a link to your stackoverflow question
• if not applicable: create branch on github with the problem, add steps to reproduce in the readme of the branch
• email me with your name, class, the link to this github branch, a gif CLEARLY showing the problem, and a short explanation
• we'll talk after the next class to discuss your problem
• if you email me ALWAYS add your class and a link to your github (your mail is automatically filtered as spam if you forget, I won't even see it)

questions?