<p>One of the most difficult things in programming is coming up with variable names. If the situation is even a bit more complex, I always end up either coming up with bad non-describing name or just taking way too much time thinking of the name.</p>
<p>Variable naming is hard. But one thing that is maybe even harder is thinking of dummy data I can input and test my application with. Lorem ipsum can only do so much. When I need to create for example dummy users, it is just difficult to make up a user name or email, not to mention other info that a user might have, say for example an address.</p>
<p>I have a feeling that I am not alone with this. That is why I wrote this post. Because to be honest I no longer have this issue, thanks to Faker.js.</p>
<h2>Faker.js</h2>
<p><a href="https://github.com/marak/Faker.js/">Faker.js</a> is a fake data generator for JavaScript. We can use it to generate massive amounts of fake data in the browser and node.js. They have a long list of properties we can generate and I won't list all of them here (you can check it out <a href="https://github.com/marak/Faker.js/#api-methods">here</a>) but to mention few, you can e.g. generate user names, avatars, emails, location, address, etc.</p>
<p>Usage and the API is very easy and straight forward to use. If we want to use Faker.js in the browser and generate a user name and email, we can do it as follows.</p>
<pre><code class="language-html">&#x3C;script src="faker.js" type="text/javascript">&#x3C;/script>
&#x3C;script>
  var randomName = faker.name.findName(); // Caitlyn Kerluke
  var randomEmail = faker.internet.email(); // Rusty@arne.info
&#x3C;/script>
</code></pre>
<p>So first we include faker.js file and then generate the name using <code>faker.</code> and the respective method name (you can find all the available methods from the <a href="https://github.com/marak/Faker.js/#api-methods">documentation</a>).</p>
<p>If we want to test Faker.js out, they have a demo site where we can poke around and get a better understanding of all the kind of data we can generate with it. The demo site is found <a href="https://rawgit.com/Marak/faker.js/master/examples/browser/index.html">here</a>.</p>
<p>I hope you found this post helpful and learned something new. I have a <a href="https://www.youtube.com/channel/UC34UXFLKqdW3cpk5CBu2Siw">YouTube channel</a> where I consistently upload more videos and tutorials about web development. Go ahead and <a href="https://www.youtube.com/channel/UC34UXFLKqdW3cpk5CBu2Siw?sub_confirmation=1">subscribe</a> to the channel to get posted on all the new uploads!</p>



One of the most difficult things in programming is coming up with variable names. If the situation is even a bit more complex, I always end up either coming up with bad non-describing name or just taking way too much time thinking of the name.

Variable naming is hard. But one thing that is maybe even harder is thinking of dummy data I can input and test my application with. Lorem ipsum can only do so much. When I need to create for example dummy users, it is just difficult to make up a user name or email, not to mention other info that a user might have, say for example an address.

I have a feeling that I am not alone with this. That is why I wrote this post. Because to be honest I no longer have this issue, thanks to Faker.js.

## Faker.js

[Faker.js](https://github.com/marak/Faker.js/) is a fake data generator for JavaScript. We can use it to generate massive amounts of fake data in the browser and node.js. They have a long list of properties we can generate and I won't list all of them here (you can check it out [here](https://github.com/marak/Faker.js/#api-methods)) but to mention few, you can e.g. generate user names, avatars, emails, location, address, etc.

Usage and the API is very easy and straight forward to use. If we want to use Faker.js in the browser and generate a user name and email, we can do it as follows.

```html
<script src="faker.js" type="text/javascript"></script>
<script>
  var randomName = faker.name.findName(); // Caitlyn Kerluke
  var randomEmail = faker.internet.email(); // Rusty@arne.info
</script>
```

So first we include faker.js file and then generate the name using `faker.` and the respective method name (you can find all the available methods from the [documentation](https://github.com/marak/Faker.js/#api-methods)).

If we want to test Faker.js out, they have a demo site where we can poke around and get a better understanding of all the kind of data we can generate with it. The demo site is found [here](https://rawgit.com/Marak/faker.js/master/examples/browser/index.html).

I hope you found this post helpful and learned something new. I have a [YouTube channel](https://www.youtube.com/channel/UC34UXFLKqdW3cpk5CBu2Siw) where I consistently upload more videos and tutorials about web development. Go ahead and [subscribe](https://www.youtube.com/channel/UC34UXFLKqdW3cpk5CBu2Siw?sub_confirmation=1) to the channel to get posted on all the new uploads!


This is very common developer problem. But the funny thing is that developers don't even realise this being a problem and thus are not looking for solution!

Number #1 Problem for Developers - Solved!

<p><img src="./images/Web-Development.png" alt="Tuomo Kankaanpää Youtube channel"></p>
<p>This post is a short one but I just wanted to drop this post and let you know that <strong>I have started my own web development YouTube channel</strong> and you should <a href="https://www.youtube.com/channel/UC34UXFLKqdW3cpk5CBu2Siw">check it out</a>!</p>
<p>I have been writing blog posts to my blog for over two years now. In that time I have written many posts and tutorials about things related to modern web development.</p>
<p>I have really enjoyed the fact that I can take my years of experience about web development and use it to help others learn web development faster and easier. I hope I can now do the same with videos also and that's why I decided to start my web development <a href="https://www.youtube.com/channel/UC34UXFLKqdW3cpk5CBu2Siw">YouTube channel</a>.</p>
<p>The channel is web development YouTube channel, so I upload videos and tutorials mostly about the same things I have been blogging; things related to web development. For beginners and also more advanced web developers too.</p>
<p>So I encourage you to <a href="https://www.youtube.com/channel/UC34UXFLKqdW3cpk5CBu2Siw">check the channel out</a>! And if you are a web developer or interested in web development, whether you are a beginner or pro, definitely <a href="https://www.youtube.com/channel/UC34UXFLKqdW3cpk5CBu2Siw?sub_confirmation=1">subscribe</a> so you stay up to date on the new content since I upload new content regularly.</p>
<p>Here is couple of the videos I already uploaded on the channel!</p>
<h3><a href="http://www.youtube.com/watch?v=gDWoQwyI4Vk">How to add MENTIONS to React.js Text Input Component (w/ Draft.js)</a></h3>
<p><a href="http://www.youtube.com/watch?v=gDWoQwyI4Vk"><img src="http://img.youtube.com/vi/gDWoQwyI4Vk/0.jpg" alt="How to add MENTIONS to React.js Text Input Component (w/ Draft.js)"></a></p>
<h3><a href="http://www.youtube.com/watch?v=gbONLMqrUxI">React Fragments - What, Why, How</a></h3>
<p><a href="http://www.youtube.com/watch?v=gbONLMqrUxI"><img src="http://img.youtube.com/vi/gbONLMqrUxI/0.jpg" alt="React Fragments - What, Why, How"></a></p>
<h3><a href="http://www.youtube.com/watch?v=WotbsEIjqrs">If you use GIT and VS Code... WATCH THIS!</a></h3>
<p><a href="http://www.youtube.com/watch?v=WotbsEIjqrs"><img src="http://img.youtube.com/vi/WotbsEIjqrs/0.jpg" alt="If you use GIT and VS Code... WATCH THIS!"></a></p>



![Tuomo Kankaanpää Youtube channel](/blog-posts/want-to-learn-web-development-and-like-youtube-videos-read-this/images/Web-Development.png)

This post is a short one but I just wanted to drop this post and let you know that **I have started my own web development YouTube channel** and you should [check it out](https://www.youtube.com/channel/UC34UXFLKqdW3cpk5CBu2Siw)!

I have been writing blog posts to my blog for over two years now. In that time I have written many posts and tutorials about things related to modern web development.

I have really enjoyed the fact that I can take my years of experience about web development and use it to help others learn web development faster and easier. I hope I can now do the same with videos also and that's why I decided to start my web development [YouTube channel](https://www.youtube.com/channel/UC34UXFLKqdW3cpk5CBu2Siw).

The channel is web development YouTube channel, so I upload videos and tutorials mostly about the same things I have been blogging; things related to web development. For beginners and also more advanced web developers too.

So I encourage you to [check the channel out](https://www.youtube.com/channel/UC34UXFLKqdW3cpk5CBu2Siw)! And if you are a web developer or interested in web development, whether you are a beginner or pro, definitely [subscribe](https://www.youtube.com/channel/UC34UXFLKqdW3cpk5CBu2Siw?sub_confirmation=1) so you stay up to date on the new content since I upload new content regularly.

Here is couple of the videos I already uploaded on the channel!

### [How to add MENTIONS to React.js Text Input Component (w/ Draft.js)](http://www.youtube.com/watch?v=gDWoQwyI4Vk)

[![How to add MENTIONS to React.js Text Input Component (w/ Draft.js)](http://img.youtube.com/vi/gDWoQwyI4Vk/0.jpg)](http://www.youtube.com/watch?v=gDWoQwyI4Vk)

### [React Fragments - What, Why, How](http://www.youtube.com/watch?v=gbONLMqrUxI)

[![React Fragments - What, Why, How](http://img.youtube.com/vi/gbONLMqrUxI/0.jpg)](http://www.youtube.com/watch?v=gbONLMqrUxI)

### [If you use GIT and VS Code... WATCH THIS!](http://www.youtube.com/watch?v=WotbsEIjqrs)

[![If you use GIT and VS Code... WATCH THIS!](http://img.youtube.com/vi/WotbsEIjqrs/0.jpg)](http://www.youtube.com/watch?v=WotbsEIjqrs)


Best ways to learn web development is through YouTube videos. I have many years of experience in web development and I have a YouTube channel for you!

Want to Learn Web Development and Like YouTube Videos? Read This!

<p>Are you struggling with understanding functions and function parameters? I just uploaded a video where I teach you what JavaScript functions are, why and how to use them and also how you can use parameters to customise your functions.</p>
<p>You can watch the video <a href="https://www.youtube.com/watch?v=YbXVnvRsmvs">here</a>.</p>
<p><a href="http://www.youtube.com/watch?v=YbXVnvRsmvs"><img src="http://img.youtube.com/vi/YbXVnvRsmvs/0.jpg" alt="JavaScript Functions for Beginners (tutorial)"></a></p>



Are you struggling with understanding functions and function parameters? I just uploaded a video where I teach you what JavaScript functions are, why and how to use them and also how you can use parameters to customise your functions.

You can watch the video [here](https://www.youtube.com/watch?v=YbXVnvRsmvs).

[![JavaScript Functions for Beginners (tutorial)](http://img.youtube.com/vi/YbXVnvRsmvs/0.jpg)](http://www.youtube.com/watch?v=YbXVnvRsmvs)


Learn what JavaScript functions are, why and how to use them and also how you can use parameters to customise your functions.

Want to Learn Web Development and Like YouTube Videos? Read This!

How to add MENTIONS to React.js Text Input Component (w/ Draft.js)

React Fragments - What, Why, How

If you use GIT and VS Code... WATCH THIS!

Subscribe to the newsletter