• Thursday , 20 February 2020

Beginner Javascript Tutorial | Random Color Generator

Code Canyon

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

3d Ocean

Related Posts


  1. John
    August 22, 2019 at 03:57

    Very clear explanation thank you. Just what I've looking for.

    August 22, 2019 at 03:57

    this helped so much thanks

  3. Jonathan Fascetti
    August 22, 2019 at 03:57

    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?

  4. lucas
    August 22, 2019 at 03:57

    muito bom o tutorial 🙂

  5. Ravi kiran
    August 22, 2019 at 03:57

    Great video loved the way u explained

  6. Master Arrodox
    August 22, 2019 at 03:57

    Nevermind i fixed it. Thanks.

  7. Divit Kumar
    August 22, 2019 at 03:57

    Please, do a series like "JavaScript for beginners" or something similar teaching the basics of the language.

  8. Ozobia Nwadibia
    August 22, 2019 at 03:57

    Hey, what bootcamp did you go to? I am curious

  9. Nikita Chizhik
    August 22, 2019 at 03:57

    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.

  10. xEliqa
    August 22, 2019 at 03:57

    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 Comment

You must be logged in to post a comment.