Javascript Fun: Build a Photo Editor App!

Chris Dixon, Web Developer & Online Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
12 Lessons (1h 4m)
    • 1. Introduction

      1:53
    • 2. Creating the HTML structure

      6:52
    • 3. Styling with CSS

      4:50
    • 4. Drawing to the canvas

      12:47
    • 5. Uploading and displaying images

      9:12
    • 6. Understanding pixels

      5:16
    • 7. Looping through image data

      7:04
    • 8. Greyscale, sepia and invert effects

      6:40
    • 9. Adding additional effects

      4:55
    • 10. Clearing effects

      2:54
    • 11. Thank you!

      1:03
    • 12. Follow me on Skillshare!

      0:23

Project Description

The class is fully project based.

The project we will be building in this course is a Javascript Photo Editor. 

We begin by creating the user interface with HTML. The we apply styling using CSS. 

Then we add Javascript, this is where the real magic happens! 

Go ahead and be as creative as you like and I look forward to seeing what you create!

Resources(1)

Student Projects

project card
2 comments