# Intro to Frontend

Here you can find module content and assignments for the Intro to Frontend module.

| Week | Topic                                                                                                                                                                                     | Preparation                                                                                                                                     | Assignment                                                                                                                                    | Session Plan                                                                                                                                      |
| ---- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
| 1.   | [The browser environment, DOM, event listeners and making requests](https://program.hackyourfuture.dk/~/revisions/n2RGk5og1pvUUWu5OSlj/course-content/foundation/intro-to-frontend/week1) | [Preparation](https://program.hackyourfuture.dk/~/revisions/n2RGk5og1pvUUWu5OSlj/course-content/foundation/intro-to-frontend/week1/preparation) | [Assignment](https://program.hackyourfuture.dk/~/revisions/n2RGk5og1pvUUWu5OSlj/course-content/foundation/intro-to-frontend/week1/assignment) | [Session Plan](https://program.hackyourfuture.dk/~/revisions/n2RGk5og1pvUUWu5OSlj/course-content/foundation/intro-to-frontend/week1/session-plan) |

## Learning goals

* [ ] Understand the browser environment
  * [ ] HTML vs CSS vs JS
  * [ ] Client vs server
  * [ ] Where is the script tag being loaded
* [ ] How to use the DOM to implement dynamic functionality
  * [ ] What is it and what do developers use the DOM for?
  * [ ] DOM manipulation
    * [ ] Get elements
    * [ ] Insert elements
    * [ ] Element manipulation (style, innerHTML, text)
    * [ ] Window object
    * [ ] Document object
* [ ] How to use Event Listeners to implement interactivity
  * [ ] Document onload
  * [ ] Click, submit, change, input - Focus on usage
* [ ] Displaying external data
  * [ ] Fetch (No promise explanation! Focus on usage)