- 218
- 1 022 587
World Class Tech Ed
United States
Приєднався 17 тра 2012
Kris DeBruine (aka World Class Tech Ed) has 20+ years experience as an educator and as a web developer / programmer. She has taught thousands of kids, teens and adults to code and build their first website. She is passionate about teaching people to code.
Her programming focus includes HTML, CSS and JavaScript. She also has a lot of experience developing WordPress websites. She programs in multiple languages including JavaScript, Java, Python, C++ and VB. She has a background in graphic design and photography so you will see some videos on those topics as well.
On this channel you can learn about:
HTML/CSS
Javascript
Web Development
Wordpress
Python
C++
Animation in Stykz and Flash
Graphic Design
Photoshop
Illustrator
Photography
I also have a channel devoted to watercolor painting. Check it out! ua-cam.com/users/KrisDeBruineStudio
Let's start creating!!
Her programming focus includes HTML, CSS and JavaScript. She also has a lot of experience developing WordPress websites. She programs in multiple languages including JavaScript, Java, Python, C++ and VB. She has a background in graphic design and photography so you will see some videos on those topics as well.
On this channel you can learn about:
HTML/CSS
Javascript
Web Development
Wordpress
Python
C++
Animation in Stykz and Flash
Graphic Design
Photoshop
Illustrator
Photography
I also have a channel devoted to watercolor painting. Check it out! ua-cam.com/users/KrisDeBruineStudio
Let's start creating!!
Create a Number Guessing Game in AppLab
In this video I show you -- step by step -- how to create a basic number guessing game in AppLab. As you complete this game you will learn how to properly use Global variables, how to use a List (i.e. Array), how to detect a change in a Text Input box, and how to create a custom function that accepts two parameters (i.e. inputs). This is a fun app that teaches more advanced programming concepts! #applab #numberguessgame #coding
I show you how to make this game from scratch in the AppLab program at Code.org.
Have a great day and keep on coding.
I show you how to make this game from scratch in the AppLab program at Code.org.
Have a great day and keep on coding.
Переглядів: 4 764
Відео
My APCS-Principles Class - Teaching Minecraft to Middle School Students
Переглядів 2912 роки тому
In this video, my AP Computer Science Principles students introduce themselves and talk about the coding opportunities at the high school. Next, they direct students to the Minecraft lessons on the code.org website. We taught students coding from the Hour of Code lessons at code.org/minecraft. Check out these lessons, they are a great, FREE resource for teaching kids to code. My students demons...
Using Nested For Loops in P5
Переглядів 5062 роки тому
In this video I demonstrate how to use nested for loops to draw a 2-d grid pattern on the canvas, using P5. #p5js #coding #nestedforloop These lessons are designed for high school students. I use them in my classes to teach teens how to code. In this lesson I show you how to use a for loop inside of another for loop, to create a grid pattern with rows and columns. P5 with JavaScript is a great ...
Using Loops in P5: While Loops and For Loops [ Learn Javascript with P5 ]
Переглядів 3242 роки тому
In this video, I show you how to use the two most commons types of loops the while loop and the for loop in P5. P5 is a Javascript library that is designed for creating animations, simulations and games. It is a great tool for beginning coders. These lessons are designed to work with high school students. I use them in my classes to teach kids how to code. In this lesson I show you how to contr...
A Simple Animation in P5
Переглядів 3 тис.2 роки тому
In this video, I demonstrate how to create a simple animation with the P5 Javascript library. #P5 #javascript #animation P5 with JavaScript is a great language for beginning programmers. Check out my other videos on using P5 to learn programming. If you are a teacher, please feel free to use my videos as part of your curriculum. I have many more videos on my channel. Check them out. If this has...
Create a Paint Program in P5 [Tutorial]
Переглядів 1,6 тис.2 роки тому
In this video, I demonstrate how to create a simple paint program using the Javascript library called P5. This program uses the built in mouseX and mouseY variables of P5 to draw on the canvas. #P5 #javascript #paintprogram P5 with JavaScript is a great language for beginning programmers. Check out my other videos on using P5 to learn programming. If you are a teacher, please feel free to use m...
Make a Coin Flip Program in Javascript [Tutorial for Beginners]
Переглядів 3,1 тис.2 роки тому
In this video you will learn how to use Javascript to create a simple program that simulates the flipping of a coin. You will learn how to use a Random Number generator to simulate the coin flip and then draw the results to the canvas element on the page. You will also learn how to use a simple if/else statement. #javascript #randomnumbers #ifelsestatement This tutorial is great for beginning p...
How to Make a Platform Game in Scratch - Part 2 of 2
Переглядів 6382 роки тому
In this video, I demonstrate how to code a simple platform game in Scratch. This game uses a gravity function and several other custom functions using the MyBlock feature in Scratch. This is a great introduction to coding in Scratch. #scratch #coding #platformgame In Part 2, I cover how to add collectibles like coins and obstacles like a lava pit. I demonstrate how to use a custom function (i.e...
How to Make a Platform Game in Scratch - Part 1 of 2
Переглядів 2,4 тис.2 роки тому
In this video, I demonstrate how to code a simple platform game in Scratch. This game uses a gravity function and several other custom functions using the MyBlock feature in Scratch. This is a great introduction to coding in Scratch. #scratch #coding #platformgame In Part 1, I cover how to create Sprites and how to design the Backdrops on the Stage. Each backdrop represents a new level in the g...
How to Install and Use Caret on a Chromebook
Переглядів 1,8 тис.2 роки тому
In this video I demonstrate how to install the Caret App on a Chromebook. Next, I show you how to open a ZIP file and move a file to the local "My Files" folder on the Chromebook and open the file in Caret. #caret #chromebook #programming This video is for use by my high school students. Only my students have access to the links and files in the Moodle that is shown in this video. If you are no...
Combine Frame-By-Frame and Tween Animations -- A Simple Sun and Moon Animation
Переглядів 2 тис.2 роки тому
In this video, I demonstrate how to combine frame by frame and Motion tween animation, using Adobe Animate. I create a simple sun and moon animation to demonstrate these techniques. I also demonstrate how to create a looping short animation inside a graphic symbol. #animation #motiontween #framebyframe I am using Adobe Animate 2021 to create this animation. If you would like to learn more about...
Classic and Motion Tweens in Adobe Animate
Переглядів 2,8 тис.2 роки тому
In this video, I demonstrate how to create two types of tweens in Adobe Animate. I create a Classic Tween and a Motion Tween. #animate #classictween #motiontween
Using CSS to Style a Navigation Bar
Переглядів 1,4 тис.2 роки тому
In this video you will learn how to use CSS to style a horizontal navigation bar on a web page. You will also learn how to style the header area of the page with background colors and a background image.
Using CSS to Add Background Styles
Переглядів 4162 роки тому
In this video you will learn how to use CSS to add styles to the background of your HTML page.
Frame by Frame Animation in Adobe Animate
Переглядів 6 тис.2 роки тому
In this video, I show you how to create a frame by frame animation in Adobe Animate. Using an animated symbol from the assets panel, I create a short animation of a rocket ship blasting off into space. #animation #framebyframe #adobe In this step by step tutorial, I demonstrate how to draw simple shapes, add objects from the asset library, add frames, add key frames, use the free transform tool...
Code Space Invaders in P5 [Learn to Program in Javascript] - Step 4 of 4
Переглядів 1,7 тис.3 роки тому
Code Space Invaders in P5 [Learn to Program in Javascript] - Step 4 of 4
Code Space Invaders in P5 [Learn to Program in Javascript] - Step 3 of 4
Переглядів 1,2 тис.3 роки тому
Code Space Invaders in P5 [Learn to Program in Javascript] - Step 3 of 4
Code Space Invaders in P5 [Learn to Program in Javascript] - Step 2 of 4
Переглядів 2 тис.3 роки тому
Code Space Invaders in P5 [Learn to Program in Javascript] - Step 2 of 4
Code Space Invaders in P5 [Learn to Program in Javascript] - Step 1 of 4
Переглядів 3,2 тис.3 роки тому
Code Space Invaders in P5 [Learn to Program in Javascript] - Step 1 of 4
How to Code Rock Paper Scissors in App Lab [ Programming for Beginners]
Переглядів 7 тис.3 роки тому
How to Code Rock Paper Scissors in App Lab [ Programming for Beginners]
Code a Whack-A-Mole Style Game in AppLab [Code.org Programming for Beginners]
Переглядів 9 тис.3 роки тому
Code a Whack-A-Mole Style Game in AppLab [Code.org Programming for Beginners]
While Loops vs For Loops - [Which One Should I Use??]
Переглядів 9 тис.3 роки тому
While Loops vs For Loops - [Which One Should I Use??]
Understanding While Loops [Coding in Karel for Beginners]
Переглядів 21 тис.3 роки тому
Understanding While Loops [Coding in Karel for Beginners]
Understanding If/Else Statements [Learning to Code in Karel]
Переглядів 18 тис.3 роки тому
Understanding If/Else Statements [Learning to Code in Karel]
Understanding If Statements [Learning to Code with Karel]
Переглядів 27 тис.3 роки тому
Understanding If Statements [Learning to Code with Karel]
How to Use Scratch to Tell A Story [Skills for Beginning Animators]
Переглядів 3,1 тис.3 роки тому
How to Use Scratch to Tell A Story [Skills for Beginning Animators]
Four Computer Science Classes You Should Take [BEHS]
Переглядів 2793 роки тому
Four Computer Science Classes You Should Take [BEHS]
How to Build an Interactive Game in App Lab
Переглядів 3,5 тис.3 роки тому
How to Build an Interactive Game in App Lab
How to Draw on a Canvas with Javascript
Переглядів 7 тис.3 роки тому
How to Draw on a Canvas with Javascript
How to Shuffle An Array in Javascript
Переглядів 3,1 тис.3 роки тому
How to Shuffle An Array in Javascript
Thank you for the tips :D
Robinson Ruth Johnson David Martin Gary
This was actually so useful, thank you. You went at a good pace and explained things in a sample manner. This was really easy to understand!!! Thank you!
wont work :(
thanks alot at first it wasnt working and finale this working thanks!
what should i do if i have other costumes not including the walking ones?
I Made A Game Called Dugge,s Playground
I wish you would have supplied the code like a lot of others do. Jumping back and forth between my editor and youtube is a PIA. I do like what you've done...thanks.
whats the makeleftsquare ?
I wasn’t trying to make a walking simulator so I have to do the rest of by myself
wow it works in 2024 that amazing thank you so much now i have to repeat this only two more times for the hunters
why so long
uh i tried it but i only needed my sprite to walk, so i just removed the third if else statement. when i tried pressing the right key, the sprite moves right but it faces left amd when i press the left key it moves left but faces right. why is my sprite moonwalking???? 😭
very understandable tutorial thx
How do i change the jump speed😭😭😭😭😭
WoW..... This was amazing. Thank you so much!!!!
question, are you able to make multiple keys do the same thing? if possible, how so?
Thank you for this detailed explanation, I am beginning with Scratch and didn't know how to achieve the "movement illusion": 👍😊
hehe i watched this tutorial for a test run innthis game engine in my free time, and this singlw tutorial made me want to become a programmer/game developer! thank you 😅😊
Thank you so much for teaching us these things very easily.
you gained your self a subscriber
THANKS! Now I can finally work on my Poppy playtime chapter 3 project!
Can you please post the end answers
Can you please post the end answers
Command-wise, how do you distinguish between an obstacle and a "world" wall? Thanks!
Hey, is this a bug or not? I clicked the start button and it doesnt work, does anyone know how to fix this?
Games Name is "Brain It On", Incase you are wondering
i really hate scratch
So you are telling me that instead of doing a mess of codes for an hour I could just watch this? 😢
I am honestly sad cause I thought it’d work on both but it doesn’t work on mobile
great tutorial :)
Thank You! this was so so helpful
putBall();
its really nice but when i stop moving it switches the sprite but ill try looking again for mistakes still thank you so much
Theres a little problem. When i press left my character still turns up-side down.
Everything works for me, but there's a weird delay with switching costumes. I have it set to 0.01, but the costume stays on my idle costume for a couple seconds before switching to my walk costume :/
This is the oldest video I found on UA-cam with no comments
this was really helpful thanks! I recreated club penguin with this!! Hahahaha
its= didnt work!
So you did something wrong, but for me its working
Hi,im just here to say thanks,this tutorial took me 2 attempts,but thank youuuuuuuuuuuuuuuuuu aaaa
So helpful!!!!
I wanted a Idle animation too so I figured that out on my own and it worked
all my code was right but when i turn left my animation wasn't playing-
Thank you so much for this video. I do have a question though. My Sprite, also Avery Walking, moves down vertically out of frame when I press the left arrow key. Any advice you can give is appreciated. I'm working on this for a class. Thank you so much!!
That's the same for me! Did you figure out a way to fix it?? Please let me know ASAP
BTW how i fixed it was by making sure all of the sprites were in the middle of the o thing
Great tutorial but my assets folder is totally empty - any suggestions as to how to get it to populate? Thanks M
I don’t understand why mine didn’t work! I did it all correctly but my sprite won’t at all!
i isn't working i copied every coding block ecsept for the jump but its still not working! for me there is a problem with the "key ______ pressed?" block and idk why :(
Its because you're on mobile.
Yeah
You need to put the code inside the forever block
How do I hide the variable at the top?
This tutorial was soooo helpful because I wanted to make a walking animation in scratch because I was sick and at home in my room but I was stuck so I tried going to my friend for help but realized that he is school so i searched how to make a walking animation in scratch and this was the first thing that popped up. So thank u for helping me with this.