> For the complete documentation index, see [llms.txt](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media.md).

# Unit 3: Arrays, Loops, Media

- [Unit 3 Overview](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/unit-3-overview.md)
- [U3LA1.1: While Loops](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/u3la1.1-while-loops.md): How can we use iteration to abstract artwork?
- [U3LA1.2: For Loops Pt 1](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/u3la1.2-for-loops-pt-1.md): How can we use iteration to abstract artwork?
- [U3LA1.3: Nested For Loops (For Loops pt 2)](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/u3la1.3-nested-for-loops-for-loops-pt-2.md): How can we use iteration to abstract artwork?
- [U3LA1 Mini Project: Wallpaper Design](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/u3la1-mini-project-wallpaper-design.md): How can sounds, images, and fonts be combined and manipulated with code?
- [U3LA2.1: Introduction to Arrays](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/u3la2.1-introduction-to-arrays.md): How can arrays help us simplify code?
- [U3LA.2.2: Arrays with floor() and random()](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/u3la.2.2-arrays-with-floor-and-random.md): How can arrays help us simplify code?
- [U3LA2 Mini Project 1: Fortune Teller](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/u3la2-mini-project-1-fortune-teller.md): How can arrays help us simplify code?
- [U3LA2.3: Loops and Arrays](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/u3la2.3-loops-and-arrays.md): How can arrays help us simplify code?
- [U3LA2.4: Updating and Deleting from Arrays](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/u3la2.4-updating-and-deleting-from-arrays.md): How can I manage data in my array?
- [🤓 U3LA2 Mini Project 2: CodeWars Array Challenges](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/u3la2-mini-project-2-codewars-array-challenges.md): How can I use arrays and loops to solve code challenges?
- [U3LA3.1: Preload, Images, Tint](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/u3la3.1-preload-and-and-images.md): How can I utilize the preload function and load images into my program?
- [U3LA3.2: Images and Arrays with ml5](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/u3la3.2-images-and-arrays-with-ml5.md): \[OPTIONAL LESSON] How can our computer interact with an array of images?
- [U3LA3.3: Fonts && Text Styling](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/u3la3.3-fonts-and-and-text-styling.md): How can I use custom fonts and text to enhance my programs?
- [U3LA4 Mini Project 4: Typography](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/u3la4-mini-project-4-typography.md): How can type be interactive while conveying mood and meaning in projects?
- [U3LA4.1: Loading & Playing Sound Files](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/u3la4.1-loading-and-playing-sound-files.md): How can sounds be embedded with code?
- [Unit 3 Final Project: Patatap](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-3-arrays-loops-media/unit-3-final-project-patatap.md): How can I create a visual, interactive project with sound?