teleren/devto huggingface dataset:
JavaScript Infinite Hex Generator
Tags: javascript, css, webdev, tutorial
Published: 2023-01-01 04:31:07

Hexadecimal colors are a way to represent colors using the base-16 number system, which includes the digits 0-9 and the letters A-F. In HTML and CSS, hexadecimal colors are denoted using a hash symbol (#) followed by six hexadecimal digits, which can be either uppercase or lowercase. For example, #FF0000 represents the color red, #00FF00 represents the color green, and #0000FF represents the color blue.

To generate a random hex color with JavaScript, you can use the `Math.random()` function to generate a random number between 0 and 1, and then use the `toString(16)` method of the Number object to convert the number to a hexadecimal string.

Let's start generating colors!

* First, we need to include a button element in our HTML code with an ID of 'generate-color':

   ```html
   <button id="generate-color">Generate Color</button>
   ```

* Next, we need to include a script element in our HTML code that will contain the JavaScript code for handling the button click event. Inside the script element, we can use the `document.querySelector` method to select the button element by its ID:

   ```html
   <script>
     const button = document.querySelector('#generate-color');
   </script>
   ```

* After we have selected the button element, we can use the `addEventListener` method to attach an event listener to the button. This event listener will be triggered whenever the button is clicked, and it will execute a function called `generateColor`:

   ```html
   <script>
     const button = document.querySelector('#generate-color');
     button.addEventListener('click', generateColor);
   </script>
   ```

* The `generateColor` function will contain the code that generates a random hex color. To verify that our function is indeed generating random colors, we can use the `document.body.style.backgroundColor` property in our JavaScript code and set the generated color as its value. For example, to set the background color to red, we can use the following code:

   ```html
   <script>
     const button = document.querySelector('#generate-color');
     button.addEventListener('click', generateColor);

     function generateColor() {
       document.body.style.backgroundColor = 'red';
     }
   </script>
   ```

When the button is clicked, the `generateColor` function will be executed, updating the background color of the web page to red.

* But we want to update the background to a random color, so we'll update the `generateColor` function to generate a random color whenever the button is clicked and set the background accordingly:

```html
<script>
  function generateColor() {
    // THIS WILL GENERATE A RANDOM HEX STRING
    const generatedColor = Math.floor(Math.random() * 16777215).toString(16);

    document.body.style.backgroundColor = `#${generatedColor}`;
  }
</script>
```

Now we know how to generate random hex colors in JavaScript, yay! What about trying to create a color palette generator next time?
New year, new opportunities.
Tags: webdev, beginners, career
Published: 2023-01-01 03:52:25

## Hello

Hi everyone and welcome.

A new year has just started and although I've a couple of new year resolutions, I've decided to also add blogging to the list!


## Who am I?

My name is Mattias and I'm a junior developer living in Tokyo. I just graduated from Le Wagon in December 2022, but before that I spent 7 years working in technical support and as a Team Leader. 

Even though that wasn't in the field of development, I've always been fascinated by it and loved the idea of building things on my own. When I was younger, I spent a lot of time on development forums and even created and hosted my own private servers for games like World of Warcraft (starting when I was just 13 years old). I've also messed around with modding games in the past.

I'm really excited to start this new year and dive into learning all sorts of new concepts and frameworks as I work towards becoming a skilled developer and who knows, maybe I can make my own mods from scratch in the future.

## What will I use this blog for?

I'll be using this platform to track things I learn and projects I work on. Hope to see you around!
TOP JIRA Interview Questions and Answers | Most Asked Questions for Freshers & Experienced | Part 2
Tags: webdev, beginners, programming, tutorial
Published: 2023-01-01 03:43:04

JIRA Interview Questions and Answers : In this video, We are going to discuss about the Top JIRA Interview Questions and Answers. 

{% embed https://youtu.be/0Y6NE9CyQOg %}

📌 Free Automation MasterClass - https://thetestingacademy.com

📌 REST API testing with Python - https://masterapitesting.com

💚 Download Questions : https://scrolltest.com/JIRA/P1


✅  What is JIRA?
Jira Software is part of a family of products designed to help teams of all types manage work. Originally, Jira was designed as a bug and issue tracker.
Source - https://www.atlassian.com/software/ji...


✅  How to Use Jira for Test Case Management
- Jira Software was not designed to serve as a Test Case Management.
- It can be configured to support test case management in a couple of different ways.
- You can use one of the dozens of apps available in our Atlassian Marketplace.
 - Zephyr
- TMT
- https://marketplace.atlassian.com/cat...


✅ What is WorkFlow in JIRA?
The path that your issues take is called a workflow.

Jira workflow is composed of a set of statuses and transitions that your issue moves through during its lifecycle, and typically represents work processes within your organization.  

✅ What is an Issue in JIRA?
Teams use issues to track individual pieces of work that must be completed.
an issue could represent a project task, a helpdesk ticket, a leave request form, 

✅ What is Time Tracking in JIRA
Time tracking lets your team record the time they spend working on issues. It's enabled by default in Jira; you won't lose any existing data if you disable or re-enable it.

✅ What is Kanban Board?
A kanban board is an agile project management tool designed to help visualize work, limit work-in-progress, and maximize efficiency (or flow)

✅ What is Scrum?
Scrum is a framework within which people can address complex adaptive problems, while productively and creatively delivering products of the highest possible.

-----------------------------------------------------
👪 Join our Community - http://bit.ly/learntesting2019

✅ Automation Tester Community - https://thetestingacademy.com

🐦Follow us on Twitter  - https://twitter.com/itstechmode

📖 Like us on Facebook - https://www.facebook.com/scrolltest

🎤  Listen to our Podcast - https://anchor.fm/thetestingacademy

------------------------------------------------------

#jira #jirainterviewquestions #jiraqna #thetestingacademy #scrolltest


🚀 Tools and services I recommend:
Some of the courses that I recommend to become better Automation Tester 🙌🙌

✅ API Testing - 
https://www.learnapitesting.com


✅ Cypress Tutorial with LIVE Projects -
https://cypresstutorial.com


✅ REST API testing with Python -
https://masterapitesting.com
Random positioning of particle emitter on screen with vanilla Javascript and GSAP.
Tags: particles, gsap, fireworks, random
Published: 2023-01-01 03:24:15

{% codepen https://codepen.io/steinarV/pen/qByZGWw %}

## About GSAP

GSAP (GreenSock Animation Platform) is a robust
high-performance JavaScript animation library.
Read more at: https://greensock.com/docs/

## The html-file

![Html](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fxvifu03g4pmo9eavu7a.png)

## Javascript-files

![Javascript-1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/02vlk4e5a5pdsvh585z1.png)


![Javascript-2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8n0ueab2horx2043n9h9.png)

## Diagram


![SVG area](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/558qgd8jmld9rjn9hamj.png)

## SVG code detail


![SVG code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ymzipr86j8lhnn4y1qrq.png)

## About Codepen

"Codepen" - https://codepen.io/ - is a social development environment - an online code editor for developers of any skill - that allows people to write code in the browser, and see the results of it as they build. Codepen is particularly useful for people learning to code.

View the full code for this pen at https://codepen.io/steinarV/pen/qByZGWw

Here is a link to my blog: https://steinarv.design/blog

Thanks for watching !
Become react developer in 3 months!
Published: 2022-12-31 18:04:32

Becoming a proficient React developer in 3 months is a challenging goal, as it requires a significant commitment of time and effort. However, with dedication and hard work, it is possible to make progress and learn the skills needed to become a React developer in this time frame. Here are some steps you can take to get started:

1. Learn the basics of HTML, CSS, and JavaScript: These are the core technologies that underlie React, and a strong foundation in these languages will be essential for building React applications. There are many online resources, such as tutorials and online courses, that can help you learn these technologies.

2. Familiarize yourself with React: Begin learning about React by reading the documentation, working through tutorials, and building small projects. It can be helpful to work through a structured course or tutorial to get started.

3. Practice, practice, practice: The best way to become proficient in any skill is to practice, and this is especially true when learning to code. As you work through tutorials and build projects, make sure to set aside time to practice and experiment with different approaches and techniques.

4. Get involved in the community: React has a large and active community of developers, and getting involved in this community can be a great way to learn, get feedback, and find support as you learn to become a React developer. Consider joining online forums, participating in meetups, or joining a study group to connect with other React developers.

5. Seek out additional resources: There are many resources available to help you learn React and become a proficient developer. In addition to online tutorials and courses, you may find it helpful to read books, watch videos, or attend in-person training to supplement your learning.

By following these steps and committing to regular practice and learning, you can make progress towards becoming a React developer in 3 months. However, it is important to be realistic about the amount of time and effort that will be required to achieve this goal, and to be patient and persistent as you work towards it.
Best Year End 2022 & New Year 2023 Deals OFFERS & Discounts from Top Web Hosting Companies
Tags: webdev, beginners, programming, productivity
Published: 2023-01-01 03:07:09

<!-- wp:paragraph -->
<p>When we say limited time - we mean it. All the web hosting &amp; website builder New Year sales happening right now are due to end soon. So what are you waiting for? Browse these exclusive web hosting New Year offers &amp; choose the best brand to create your website with!</p>
<!-- /wp:paragraph -->

<!-- wp:table -->
<figure class="wp-block-table"><table><thead><tr><th>HOSTING NAME</th><th>Discount (Promo Code)</th><th>Deal Link</th></tr></thead><tbody><tr><td><strong>BLUEHOST</strong></td><td>67% off</td><td><a href="https://www.bluehost.com/track/codelivly/" target="_blank" rel="noreferrer noopener">View More</a></td></tr><tr><td><strong>HOSTGATOR</strong></td><td>70% off</td><td><a href="https://partners.hostgator.com/mg6oQ7">View More</a></td></tr><tr><td><strong>HOSTINGER</strong></td><td>85% off </td><td><a href="https://www.codelivly.com/hostiner">View More</a></td></tr><tr><td><strong>CLOUDWAYS</strong></td><td>40% off</td><td><a href="https://www.codelivly.com/cloudwayss">View More</a></td></tr><tr><td><strong>GREENGEEKS</strong></td><td>70% off</td><td><a href="https://www.codelivly.com/greengeeks">View More</a></td></tr><tr><td><strong><strong>Kinsta</strong></strong></td><td>70% off</td><td><a href="https://www.codelivly.com/kinsta">View More</a></td></tr><tr><td><strong>Liquid Web</strong></td><td>60% off</td><td><a href="https://www.codelivly.com/liquid%20web">View More</a></td></tr><tr><td><strong>Digital Ocean</strong></td><td>80% off</td><td><a href="https://www.codelivly.com/digital-ocean">View More</a></td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:paragraph -->
<p><strong>Note</strong>: If you own a hosting company, and running a New Year deal, you are welcome to submit your deal here. I will update my article.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><em>Discover More :<strong><a href="http://www.codelivly.com"> Codelivly - A Way For Coders</a></strong></em></p>
<!-- /wp:paragraph -->
52 weeks ( update, please read )
Published: 2023-01-01 02:50:00

Some people were sort of confused on the 52 weeks project and I just want to clear it up. Some are sort of confused on 52 weeks, that which is a year, think that you have to make a project every week for a year. That is not what I mean, I meant a small feature/project. What I am trying to do with this series is to help people be motivated really to try out that new feature or learn a new programing topic through a project, please if you have any questions, please tell me in the comments. 52 weeks isn't supposed to be stressful, to be honest I might even only do 26 weeks and spread it out, going on to the next year. I am sorry if this brought and stress or confusion. 

Hope you all have a happy new year :).
Happy Coding : 2023
Published: 2023-01-01 02:37:06

As a developer, you have the power to create and build things that can impact the world in meaningful ways. From developing the next breakthrough app to creating innovative solutions to problems, the possibilities are endless.

In the year 2023, technology will continue to advance and evolve at a rapid pace. As a developer, it is important to stay up to date with the latest technologies and programming languages in order to remain competitive in the job market and be able to tackle the challenges of the future.

But learning to code is not just about advancing your career or making more money. It is also a chance to exercise your creativity and problem-solving skills. Every time you sit down to write code, you are presented with a new puzzle to solve. It is an opportunity to think critically and come up with innovative solutions to complex problems.

Moreover, being a developer allows you to make a positive impact on the world. The products and services you create have the potential to change people's lives for the better. You can use your skills to create solutions to real-world problems, such as developing applications that make it easier for people to access healthcare or creating tools that help people in need.

So if you are considering learning to code or are already a developer, keep going! Your hard work and dedication will pay off not only in your career but also in the positive impact you can have on the world. The world needs developers like you to help shape the future and create a better tomorrow.

**So, finally keep hardworking and Wishing you Happy New Year.**
Replicate My Setup
Tags: i3wm, linux, neovim, tmux
Published: 2023-01-01 00:27:37

[dotfiles](https://github.com/bashbunni/dotfiles)

## System Requirements
- N/A; can use a VM + my dotfiles to set it all up. i3wm is for Linux, but Tmux and Neovim are just terminal tools, so you can use it for any OS. 

## i3
- shouldn't require any special treatment; just install i3wm and yoink config files
- it will ask if you want to create a config file (see section 4 of docs)
    - save it to `~/.i3/config`

### Related Links
[i3wm user guide](https://i3wm.org/docs/userguide.html)

## Tmux
install tpm (plugin manager), yoink my config, then do `<Ctrl-b>` (default mod key) + I (capital I) to install the plugins once you start tmux 

### Related Links
[tpm repo](https://github.com/tmux-plugins/tpm)

## Neovim
1. install it
2. Install Packer
3. `:PackerInstall`

### Related Links
[packer repo](https://github.com/wbthomason/packer.nvim)

You can see more info about my setup [here](https://youtube.com/playlist?list=PL3PYGQRVAjrNOelRhGeUwPVWTybg5N3vw)
Learning a little JS
Published: 2022-12-31 23:50:49

Every small progress counts for something. There are days when I feel like I am all over the places, but then I always seem to find my way back to JavaScript. 

The trick, I have recently learned, is not to memories the whole thing, as it is impossible for most of us. Use and play with what you have, build something, follow along tutorials, whether they are blogs or videos, it matters not. Just don't copy and paste as it will hinder you later on in life. Happy coding to you all. 
And good luck   

{% embed https://jsfiddle.net/Djeylani/067nmsxL/79/ %}
Two Sum
Published: 2022-12-31 23:29:02


Hi, this is the Day 2 of my LeetCode journey, and I challenged the Two Sum problem using Java. There are other solutions, but I found two.

1. Brute force... straightforward way. In this case, I used the nested for-loop.
Time complexity: O(n^2)


```
class Solution {
 public int[] twoSum(int[] nums, int target){
   int[] result = new int[2];
   for(int i=0;i<nums.length;i++){
      for(int j-i+1, j<nums.length;j++){
         if(nums[i]+nums[j]==target){
             result[0]= i;
             result[1]=j;
             break;
         }
      }
   }
   return result;
 }
}
```



2. The way using Hash Map...Time complexity: O(n)


```
class Solution {
   public int[] twoSum(int[] nums, int target){
       Map<Integer, Integer>map=new HashMap<>();
       int[] result = new int[2];
       for(int i=0;nums.length;i++){
          if(map.containsKey(target-nums[i])){
              result[0]= i;
              result[1]= map.get(target-nums[i]);
          }
          map.put(nums[i], i);
       }
       return result;
  }
}
```
A guide to analyze your fim's data.
Tags: career, datascience, computerscience
Published: 2022-12-31 23:21:59

Data visualization is the key to presenting your data in an eye-catching and concise way.
For more data visualization templates: https://www.bizinfograph.com/dashboard-templates

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ic762e8sv0fd0d01te6q.jpg)
Cómo controlar tus gastos en aws
Tags: aws, spanish, beginners
Published: 2022-12-31 22:00:42

Cuando empezamos a aprender AWS y optamos por su nivel gratuito (free tier), tenemos muchísimos servicios sin costo o con bastante margen para ser probados. 
Para darnos una idea tienen este enlace con todos los beneficios de la [capa gratuita de AWS](https://aws.amazon.com/free/?nc1=h_ls).

Si nos dejamos llevar por la emoción probando todo tipo de servicios, podemos acabar con una buena factura a fin de mes.
Para evitarlo podemos poner un límite de gastos, que nos envíe una notificación cuando es superado.

Para hacerlo vamos a la esquina superior derecha, clickeamos en nuestro **nombre de usuario > billing dashboard > budgets**.

Clickeamos en create budget:
![budget](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m8jtfsc9a2616455fa2a.png)

Dejamos seleccionadas las opciones por defecto para usar templates y zero spend budget:

![zero spend budget](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ljgfqc3wln44ic2zcqco.png)

En **budget name** le damos el nombre que queramos o dejamos el que tiene puesto por defecto. 
Muy importante es poner el email donde queramos recibir las alertas de gasto en **email recipients**.

Por último damos al botón create budget y eso sería todo. 

Ahora recibiremos alertas cuando nuestro gasto en AWS supere 1 dólar 😃.
2022 What Happened?
Published: 2023-01-01 16:25:21

---
title: 2022 What Happened?
published: true
date: 2022-12-31 22:00:00 UTC
tags: 
canonical_url: https://www.funkysi1701.com/posts/2022/2022-what-happened/
---

As 2022 draws to a close its time to do my annual look back at what happened.

I am going to talk a bit about my personal life as well as tech things, so if that is not your bag feel free to skip this post and read my more technical articles.

- January - I started the year [teaching my son to code](https://www.funkysi1701.com/posts/2021/back-to-basic/).
- February - I did some work on my website this year, and it is now using Hugo instead of wordpress.
- March - I was guest on a Star Trek [podcast](https://www.funkysi1701.com/posts/2022/temporal-trek-podcast/), hopefully a repeat appearance in the works very soon. I also passed an [AWS exam](https://www.funkysi1701.com/posts/2022/aws-cloud-practitioner/)
- April - Lots of work with [Scratch](https://www.funkysi1701.com/posts/2022/scratch/) with my boy
- June - [Scottish Summit](https://www.funkysi1701.com/posts/2022/scottishsummit/)
- August - My boys birthday so some coding activities with his [Microbit](https://www.funkysi1701.com/posts/2022/microbit/)
- October - I bought a second hand car and less than a week later it burst into flames, a scary event but no one hurt and everything has since been replaced/repaired.
- November - I lost my job
- December - Extended time with family for Christmas with a new job starting in January. I sat and narrowly missed passing AZ-204 (Developing Solutions for Azure). I attended [DDD North](https://www.funkysi1701.com/posts/2022/ddd-north/), I attended LeedsSharp and went on a virtual tour of a Microsoft Datacenter.

I don’t know what is in store for 2023 but I am sure it will be equally interesting. The first thing to get my head around is my new job.

So onto my goals for 2023

1. New job and get my head around all the new stuff I need to learn
2. Celebrate 10 years of marriage and concentrate on family things
3. Pass AZ-204 - It was such a close miss that I need to retry this
4. More coding with my son, he got a laptop for Christmas and would be great to build on what he has learnt so far.
5. Blog regularly - I doubled the number of blog posts from 2021, but it would be great to keep up the momentum with regular posts of what I am up to.
6. I recently added an events page, so I need to go to some events. Events like DDD North and Scottish Summit are great, but so are local user groups so a mix of these would be great.

Last year I had the following [goals](https://www.funkysi1701.com/posts/2022/2022-goals/)

1. Video - Not used my green screen yet, would be good to make some time to use this in 2023
2. Conference - I attended Scottish Summit and DDD North, would be great to go to more like these this year as well
3. Blog More - Yeah I achieved this, but lets keep doing this.
4. Metrics - I have done little bits with this over the last year, but not a huge amount.
5. My personal brand has improved this year as my blog relaunched on the Hugo platform, and I am very happy with its look, probably more I can do.