Javascript Fun: Build a Photo Effects App!

Focused View

Chris Dixon

1:04:55

8 View

01 Welcome To The Class!.mp4

02:34

02 Creating The User Interface.mp4

07:23

03 Styling With CSS.mp4

08:25

04 Drawing To The Canvas.mp4

10:46

05 Uploading Images.mp4

06:56

06 Understanding Pixel Data.mp4

05:56

07 Looping Through Image Data.mp4

06:22

08 Greyscale, Sepia & Invert Functions.mp4

04:51

09 Adding Additional Effects.mp4

05:53

10 Clear & Download Image.mp4

05:26

11 Follow Me On Skillshare!.mp4

00:23

Description

Welcome to the Javascript fun series!

You can find all of the code, resources, and project stages here:

https://github.com/chrisdixon161/fun-javascript-projects.com

For web design or development, there are 3 must-know technologies, HTML, CSS, and Javascript.

The main aim of the Javascript fun series is to take your knowledge of these 3 (only a little is required!), and put them into practice by building a series of educational, yet fun projects that show you exactly how they work perfectly together. Working on projects and solving problems is a great way to learn.

The project we will build in this course will be a Javascript Photo Editing App.

All the required tools are free to download, I will be using the following:

Visual Studio Code Text Editor: https://code.visualstudio.com

Chrome Web Browser: https://www.google.co.uk/chrome/browser

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

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

You will learn things such as:

Creating HTML interfaces
Styling with CSS
Incorporating Javascript and linking external files
Const and let
ES6 Arrow Functions
Event handlers
Manipulating the DOM
Drawing to the canvas
Loops
Using the canvas 2d context
Working with file readers
Uploading images
How pixels are structured
Looping through pixel data
Manipulating and replacing pixels on the canvas
Downloading Images
And much more!

So if you are looking to move on and put your skills into practice using real projects, I look forward to seeing you in class!

What You'll Learn?

Technology
Web Development
HTML
CSS
Web Design
Javascript
Photo Effect

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Chris Dixon

Instructor's Courses

Hello, My name is Chris and I am a Web Developer from the UK. I am an experienced trainer leading web development bootcamps and also teaching online courses.

My main areas of interest are Vue.js, WordPress, Shopify, Javascript, eCommerce, and business. I am passionate about what I do and about teaching others.

Whatever your reason for learning to build websites you have made an excellent career choice.

My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website back in 1999 and I have watched the web evolve into what it is today.

I try to make my courses enjoyable and try to remember what it was like when I was learning. I also believe the best way to learn is by doing and try to include as many practical examples as possible in my courses.

Thanks for taking an interest and I look forward to you joining me.

Chris

SkillShare

View courses SkillShare

Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.