This is a Beginner Javascript Tutorial teaching you how to build a random color generator in Javascript. It is a web development for beginners project.
Time Links:
The Idea – 0:22
Planning – 0:46
Github – 1:19
Bootstrap HTML – 2:28
Testing CSS / Javascript – 3:33
Writing HTML Markup – 4:43
Writing CSS – 6:35
Writing Javascript code – 8:51
Final Output – 16:26
Expert Mode – 17:00
In this video, I go though the basic steps of coming up with an idea for a Javascript program, how I plan to write the code and what I expect the outcome to be, and then finally write the code in a local environment and test.
The steps I took to build this basic beginner javascript tutorial are:
Look at the problem I’m having
Think about how to solve it on paper
Write the code
Test the code
Fix any bugs
How to make it better in the future
This is another video in a series of beginner videos for people who are learning to program. I made this video to help people who are looking for ideas of things to build or want to see how a basic program gets built in Javascript.
Obviously, when it comes to programming, there are a million different ways to solve a problem, so if you have a better solution to this problem, or would like to suggest another way to make the program, or if you saw a mistake that I made then check out the github repos for this projects below, or leave me a link in the comments for your solution to this problem. I’d love to see them.
___
Github Repos:
Beginner Code: https://goo.gl/KqbPpY
Advanced Code: https://goo.gl/H4jy7F
_____
My Computer – http://amzn.to/2idKiks
My Camera – http://amzn.to/2khK2VW
My Tripod – http://amzn.to/2jFvBqI
My Camera Bag – http://amzn.to/2jF9QXY
Javascript Book – http://amzn.to/2idL9Sc
If you liked this video then go ahead and subscribe! https://goo.gl/NoM0fg
Original source
10 responses to “Beginner Javascript Tutorial | Random Color Generator”
Very clear explanation thank you. Just what I've looking for.
this helped so much thanks
This is a great video, I just didn't understand where in the code you made the background of the div change color…would whatever you did work for canvases too?
muito bom o tutorial 🙂
Great video loved the way u explained
Nevermind i fixed it. Thanks.
Please, do a series like "JavaScript for beginners" or something similar teaching the basics of the language.
Hey, what bootcamp did you go to? I am curious
nice explanation thanks! could you show a little project on JS smth like this but harder smth like calculator with your own objects closures. I am seacrhing smth like that to see middle lvl JS on board. thanks again for this tutorial it's great.
Loving your stuff dude, especially the videos about transitioning into the real world and getting a real programming job. Already had a good idea on how you would go about creating a random COLOUR* 😉 generator but watched nonetheless. Keep it up, I'd like to see a video regarding Node.js if that is something you're looking to make in the near future.