cmda-minor-web / web-app-from-scratch-2021

The course Web App From Scratch is about learning to build web applications with vanilla HTML, CSS & JavaScript, without frameworks or unnecessary libraries. Web App From Scratch is part of the half year minor programme about Web Design and Development in Amsterdam. Bachelor Communication and Multimedia Design, Amsterdam University of Applied Science.

Web App From Scratch @cmda-minor-web 2020 - 2021

In this course you will learn to build a web application without frameworks or unnecessary libraries, but with vanilla HTML, CSS & JavaScript as much as possible. The end result is a modular, single page web app (SPA). Data will be retrieved from an external API of your choice, manipulated and finally shown in the UI of the App. You will learn different ways to structure code and develop your own coding style. With the gained knowledge you will be able to build interactive prototypes, based on real data. Also you will gain a better understanding of how API's, frameworks and libraries work.

Learning goals

• You can add structure to your code by applying patterns. You can defend the choice for the chosen patterns
• You can retrieve data, manipulate it and dynamically convert it to html elements using templating
• You understand how you can work with an external API using asynchronous code
• You understand how you can manage state in your application and you inform the user of state where necessary

Rubric with learning goals
Overall planning

Program

Week 1 - Hello API 🐒

Goal: Retrieve data from an API and render it in an overview page.

Excercises

Slides

Week 2 - Design and Refactor 🛠

Goal: Design the web app. Add routes and states. Split code into modules. Rendering detail page.

Excercises

Slides

Week 3 - Wrapping up 🎁

Goal: Manipulate data. Feedback to the user, Reflect on end result

Excercises

Slides

Best Practices

All work during this course will be tested against our Best Practices for JavaScript.

web-app-from-scratch-2021's Issues

Peer Review