Beginner Javascript Tutorial | Random Color Generator




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”

  1. 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.

  2. 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.

Leave a Reply