Skip to content
This repository has been archived by the owner on Jan 9, 2023. It is now read-only.

Latest commit

 

History

History
78 lines (49 loc) · 3.08 KB

week-2.md

File metadata and controls

78 lines (49 loc) · 3.08 KB

Week 2

JavaScript is weird.

@normie-redditer

The Fermi Paradox by @nadiehbremer.

Table of Contents

Slides

Theory

In this lesson, we're diving deeper in the world of Web APIs. We'll explore how the DOM works and gain a deeper understanding of how we can use JavaScript to interact with it. Using Web APIs, we research several methods of enhancing the user experience. We investigate options, note restrictions and document findings.

Assignments

DOM Manipulation

DOM Manipulation banner

Understand how the DOM (document object model) works and try out different events

Synopsis

  • Time: 8:00h
  • Goals: subgoal 3, subgoal 4
  • Period: before week 3

In-class exercises

Finish the in-class exercises about DOM manipulation and events. Experiment and try out a couple of different events you can listen for. Work on the codepen form exercise.

Assignment

Add any design patterns that need JavaScript interaction (events and DOM) in the interface of your features (dropdowns, filters, menu's etc.). Additionally continue working on your front-end of your feature, start building the HTML and CSS according to the principles you've learned in FED1 and Internetstandaarden.

Web API's

Basics Banner

Research client-side web API's and that can be used for your progressive enhancement

Synopsis

  • Time: 8:00h
  • Goals: subgoal 4, subgoal 5
  • Period: before week 3

Assignment

Research different native web api's and figure out which API you can use for your progressive enhancement. Document what API's you've researched, why you choose a particular API and how the implementation works in your wiki. If you decided, you can already start with implementing and writing code for the usage of that API.

Hand-in

  1. Push your changes:
    Commit your progress in your repository on GitHub under your username in your own matching-app repository.

  2. Create an issue:
    Mark this assignment as complete by opening an issue on our GitHub issue tracker. Fill in the issue template of week-2.md with the correct information. Include what progress you made in the description of the issue.

  3. Feedback:
    Let us know what you thought of the homework, what part you spend a lot of time on and give us any feedback. Your assignment will be reviewed by teachers and student assistants, so expect people to read it and be ready for tips and tops!