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.
- 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
Goal: Retrieve data from an API and render it in an overview page.
Goal: Design the web app. Add routes and states. Split code into modules. Rendering detail page.
Goal: Manipulate data. Feedback to the user, Reflect on end result
All work during this course will be tested against our Best Practices for JavaScript.