teleren/devto huggingface dataset:
The Complete Guide to Time Series Models
Published: 2023-10-22 20:13:56

Time Series is a statistical method used to examine and project data points gathered throughout time. It is useful when working with data that displays temporal connections such as stock prices, weather patterns or dales data.
Time series modelling main objecctive is to understand the underlying patterns, trends, and correlations in the data and using the knowledge to forecast future values. This can be done by figuring out and modeling the different elements that make up a time series, like trend, seasonality, and noise.
Machine Learning models for time-series forecasting incluse Autoregressive conditional Heteroscedasticity(ARCH), Vector Autoregressive Model(VaR), LST and Prophet.

**Here is the full guide to perform Time series modelling**
**1. Data Preprocessing**

Gather and arrange your time series data, making sure it is in correct sequence.
Look for any concerns with data quality, such as missing numbers or outliers. 
**2. Exploratory Data Analysis (EDA)**

visualize time series data to comprehend the patterns, trends, and seasonality.
**3. Modelling**

Choose an apropriate time series model depending on the properties of your data and the knowledge received from EDA.
Create training and testing sets of your data, making sure the testing set includes future time periods.
Using the right metrics, such as mean absolute error (MAE), mean squared error (MSE), or root mean square error (RMSE), fit the model on the training set and assess its performance on the testing set.
Evaluate the model's performance compared to baseline models or other alternative models.
If the model's performance is unsatisfactory, change the model's parameters, adding more features, or experimenting with new models entirely.
Repeat this procedure until you get an acceptable degree of precision and dependability.
Once you have a model that works well, you can use it to generate predictions for the future by adding fresh data points.
As fresh data becomes available, keep track of the model's performance over time and change it as necessary.
SQL JOINS; Identifying The Left And Right Table
Tags: sql, database, programming, beginners
Published: 2023-10-22 20:10:30

If the blog post's title caught your attention, then you're probably like me;  you remember the big things and always need to remind yourself of the small stuff. You spell length as "lenght"  all the time, then go back to correct yourself; you need someone to remind you of the correct way to end a formal letter: yours faithfully, yours sincerely, yours violently, or yours sarcastically, and when joining tables in SQL, you argue with yourself about which table you're joining is the left or right table.

## So Which One Is The Left Table?

I'll tell you now, for the one hundred and sixty-fifth times, **the table that follows your `FROM` keyword is always the left table**. The right table is the one that comes immediately after the `JOIN` keywords. You just need to remember one of those.

## Let's Practice

```sql
SELECT post.* FROM users LEFT JOIN  posts ON   users.id = posts.user_id
```

Now, which table is the left table? The left table in the query above is the users' table. Why? Because it comes immediately after the "FROM" keyword. That makes the `posts` table the right table.

## Let's flip it around.

```sql 
SELECT users.* FROM users RIGHT JOIN posts ON posts.user_id = users.id
```

Now, which table is the right table? The right table is still the posts table. To identify the right table, first identify the left table. The left table is the table that comes immediately after the`FROM` keyword, which is the users table. This automatically makes the posts table the right table.

 Now we get it but let's bookmark this blog post because I know we'll forget again 😉.
🌟 Functional Programming in Automation Testing with TypeScript and Playwright 🤖🚀 Part I
Tags: playwright, typescript, testautomation
Published: 2023-10-22 20:02:02

<div class="table-of-contents">
- <a class="toc-link" href="#introduction">Introduction</a>
    - <a class="toc-link" href="#functional-programming-in-automation-testing">Functional programming in automation testing</a>
    - <a class="toc-link" href="#why-typeScript-and-playwright">Why TypeScript and Playwright?</a>
</div>

## Introduction
<a name="introduction"></a>

### Functional programming in automation testing
<a name="functional-programming-in-automation-testing"></a>

Functional programming in automation testing is a paradigm that leverages the principles of functional programming to design and write test scripts.
Unlike traditional imperative testing approaches, functional programming focuses on creating test cases as pure functions, emphasizing immutability and composability.
By using technologies like TypeScript and Playwright, testers can build robust, maintainable, and highly readable test frameworks.
This approach offers numerous advantages, including improved code quality, enhanced test coverage, and increased test automation efficiency.
In this post, we will delve deeper into the world of functional programming for automation testing, exploring its benefits and practical implementation.

### Why TypeScript and Playwright?
<a name="why-typeScript-and-playwright"></a>

Using TypeScript and Playwright for creating a test framework holds significant advantages in the context of automation testing:

1. **TypeScript's Strong Typing:** TypeScript provides static typing, which means that you catch errors at compile-time rather than runtime. 
This reduces the chances of introducing bugs in your test code and enhances code quality. It also offers code completion and better code documentation, making it easier to write and maintain test scripts.
2. **Maintainability**: TypeScript enforces strict coding standards and best practices, which results in more maintainable code. As automation tests are often long-lived, this is crucial for the longevity of your test framework.

Read more on: [https://oholsyhevskyi.com](https://oholsyhevskyi.com/posts/functional-programming-in-automation-testing-partI#why-typeScript-and-playwright)
Use the Azure QuickStart gallery to deploy a template that creates a Windows virtual machine
Published: 2023-10-22 19:42:18


Step 1: Go to your Azure Portal search bar and search for deploy a custom template.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mvwolivwa6qzbxfc75fw.png)

Step 2: Click on create a Windows virtual machine.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/deu6x3zv5e7w3xvc0qc3.png)

Step 3: Add your resource group, username, password, location (if you want to). You can leave the other tabs as default and review and create. After deployment, you can delete your virtual machine if you want to.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qxb64yhgyw4ef0acmsmr.png)
Building a Tab Component with Pure CSS using Radio and Label Tags
Tags: beginners, css, frontend, webdev
Published: 2023-10-22 19:33:56

Tabs are an essential UI component, often used to divide content into multiple sections on a single page. While JavaScript is commonly used to develop tabs, did you know you can create a fully functional tab component using just HTML and CSS? This article will guide you through the process of developing a tab component using only the **`<radio>`** and **`<label>`** tags.

## Setting Up the HTML Structure

To begin with, we need to set up the HTML structure. We'll use radio inputs for each tab and labels to toggle between them. The content for each tab will be placed in a corresponding **`<div>`**.

```HTML
<div class="tabs">
    <!-- Tab 1 -->
    <input type="radio" name="tab" id="tab1" checked>
    <label for="tab1">Tab 1</label>
    <div class="tab-content" id="content1">
        Content for Tab 1
    </div>

    <!-- Tab 2 -->
    <input type="radio" name="tab" id="tab2">
    <label for="tab2">Tab 2</label>
    <div class="tab-content" id="content2">
        Content for Tab 2
    </div>

    <!-- Add more tabs as needed... -->
</div>
```

Notice that all radio inputs have the same **`name`** attribute. This ensures that only one tab can be active at a time.

## Styling with CSS

Now, let's add some styles:

```CSS
/* Hide the radio inputs */
.tabs input[type="radio"] {
    display: none;
}

/* Style the labels (tabs) */
.tabs label {
    cursor: pointer;
    display: inline-block;
    margin-right: .2rem;
    padding: .5rem 1rem;
}

/* Style the content sections */
.tab-content {
    display: none;
    padding: 1rem;
}

/* Display content when a tab is selected */
.tabs input[type="radio"]:checked + label + .tab-content {
    display: block;
}
```

The key trick here is the **`:checked`** pseudo-class. When a radio input is checked, the adjacent label and **`.tab-content`** will be affected by the styles we define.

## Enhancing the Active Tab

To give users a visual cue about which tab is active, let's highlight the active tab:

```CSS
.tabs input[type="radio"]:checked + label {
    background-color: #ddd;
}
```

This will change the background color of the active tab and remove its bottom border, creating a seamless look with the content section.

## Final Result

{% codepen https://codepen.io/joxx/pen/mdvdXEK %}

## Conclusion

By leveraging the power of the **`<radio>`** and **`<label>`** tags, combined with the capabilities of CSS, we've created a functional and stylish tab component without any JavaScript. This approach is lightweight, accessible, and offers a great user experience. Feel free to enhance the styles further to fit the design needs of your project!
HacktoberFest week 3
Tags: hacktoberfest23, learning
Published: 2023-10-22 19:33:06

- HacktoberFest continues, issues have been assigned, code has been written pushed and accepted. The third week over and I have four PRs accepted. Number 4 was accepted right at the end of week 2.

## Pull Request #4

I made some more CSS art cards for the memory game. I did six this time and they were accepted and will be added to the game. 


## Week Three

This week was busy and focused on other things. Monday our adult cat was sick and had to dropped at the vet. They couldn't fit in an appointment but would check him when the was a break between appointments. 

End of day found out he had a fever and was dehydrated but well enough to come home with medicine.

Tuesday was a scheduled vet for new kittens. and new from test from adult cat. Got more medicine for him. He's doing much better by the weekend.

Tuesday was also the start MagnoliaJs. It's a hybrid conference so they did stream the talks and have a discord. It continued on Wednesday. 

Plus Monday I got an interview request for Thursday. I spent plenty of time researching the company and had a introductory call. Next step will be a steaming code test.

With all that I'm only now pushing PR#5.

## Pull Request #5

I transcribed a podcast. They had some auto generated stuff but it needed improvement. So I listened and re-listened to the podcast to get the transcription more accurate. 

It's sort of straight forward till it's not. It's got a method to checktime stamps. The checker was giving me an error but not where so I had re read all my changes to find which time stamp I messed up. 

It took a while digging through commits but I found it.


## Next?

Not sure how much time I'll have this week. I'm reviewing the stack for the job. Next interview isn't scheduled yet but I need to get practice in now cause I've not used some of the languages in a while. 

I have passed the official requirement of 4PRs but would like to get more done. We will see.


Keep hacking.
Beware of scammers
Published: 2023-10-22 19:23:29

Beware of Hackers while trading on Bitcoin,I learnt this the hard way .
As I was trading on Bitcoin on the 23th of September 2023, my account was hacked and my $139,000 that I was trading with disappeared in thin air I was devastated and in distress,I immediately started looking for ways on how I could recover my lost funds! I went through several ads and I came across an Ad on leeultimatehacker@aol.com after doing thorough research I noticed several people had gotten helpBeware of Hackers while trading on Bitcoin,I learnt this the hard way .
As I was trading on Bitcoin on the 23th of September 2023, my account was hacked and my $139,000 that I was trading with disappeared in thin air I was devastated and in distress,I immediately started looking for ways on how I could recover my lost funds! I went through several ads and I came across an Ad on leeultimatehacker@aol.com after doing thorough research I noticed several people had gotten help from him and were actually happy after getting back all their lost funds, I personally inboxed several of them and they confirmed of the excellent service they received from Lee ultimate hacker that's when I made contact too and as advertised I am here to testify that he helped me recover all my $139,000 that I had lost.He also gave me tips on how to keep my bitcoin account safe from hackers. If in any case you have lost funds while trading on Bitcoin hurriedly contact  leeultimatehacker@aol.com his services are 100% guaranteed and he doesn't waste time with recovering what you lost.
 from him and were actually happy after getting back all their lost funds, I personally inboxed several of them and they confirmed of the excellent service they received from Lee ultimate hacker that's when I made contact too and as advertised I am here to testify that he helped me recover all my $139,000 that I had lost.He also gave me tips on how to keep my bitcoin account safe from hackers. If in any case you have lost funds while trading on Bitcoin hurriedly contact  leeultimatehacker@aol.com his services are 100% guaranteed and he doesn't waste time with recovering what you lost.
Use the Azure QuickStart gallery to deploy a template that creates a Linux virtual machine.
Tags: webdev, cloudcomputing
Published: 2023-10-22 19:23:25

Step 1: Go to your Azure Portal search bar and search for deploy a custom template.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mvwolivwa6qzbxfc75fw.png)

Step 2: Click on create a Linux virtual machine.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gj1e7uiuubmckyncijbl.png)

Step 3: Add your resource group, username, password, location (if you want to). You can leave the other tabs as default and review and create. After deployment, you can delete your virtual machine if you want to.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qxb64yhgyw4ef0acmsmr.png)
How to search cloud storage fast using cloudgrep
Tags: aws, azure, gcp, cybersecurity
Published: 2023-10-22 18:52:03


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tl4f8ns2eikvuppdzmjk.png)

**Introduction**

[Cloudgrep](https://github.com/cado-security/cloudgrep) is a command-line tool that allows you to search cloud storage for log files. It currently supports searching log files, optionally compressed with gzip (.gz) or zip (.zip), in AWS S3, Azure Storage, or Google Cloud Storage. The tool is written in Python and is available on GitHub under the Apache License.

**Features**
Directly searching cloud storage, without indexing logs into a SIEM or Log Analysis tool, can be faster and cheaper.
It searches files in parallel for speed.
It supports searching log files compressed with gzip (.gz) or zip (.zip).
It currently supports AWS S3, Azure Storage, and Google Cloud Storage.

**How to use**
Here’s how you can use cloudgrep:

Clone the repository from GitHub.
Install the required dependencies by running pip install -r requirements.txt.
Run python3 cloudgrep.py followed by the appropriate command-line arguments.


Here’s an example of how to use cloudgrep to search for a specific string in an AWS S3 bucket:

python3 cloudgrep.py --bucket my-bucket --query my-search-string

**Conclusion**

cloudgrep is a useful tool for searching cloud storage for log files. It’s fast, efficient, and easy to use. If you’re looking for a way to search your cloud storage without indexing logs into a SIEM or Log Analysis tool, then cloudgrep is definitely worth checking out.
Use the Azure QuickStart gallery to deploy a template that creates a Linux virtual machine.
Tags: webdev, cloudcomputing
Published: 2023-10-22 19:23:23

Step 1: Go to your Azure Portal search bar and search for deploy a custom template.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mvwolivwa6qzbxfc75fw.png)

Step 2: Click on create a Windows virtual machine.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ouuhvw0hgbrqfm7jddre.png)

Step 3: Add your resource group, username, password, location (if you want to). You can leave the other tabs as default and review and create. After deployment, you can delete your virtual machine if you want to.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qxb64yhgyw4ef0acmsmr.png)
❤️ CSS Like Button ✨
Tags: freecodez, react, html, blog
Published: 2023-10-22 19:15:59

Hey there, You are most welcome to this article. I hope you will enjoy this article. If you like this article then please share this article with your friends and colleagues. If you have any questions or suggestions regarding this article then please comment down below.

**❤️ CSS Like Button ✨**

![❤️ CSS Like Button ✨](https://res.cloudinary.com/freecodez/image/upload/v1698002155/images/jwh73vqo5zgc9snf8dwd.webp)

For full source code visit : [https://freecodez.com/post/y7mizea](https://freecodez.com/post/y7mizea)


```
<!-- https://freecodez.com -->
<div class="heart-container" title="Like">
    <input type="checkbox" class="checkbox" id="Give-It-An-Id">
    <div class="svg-container">
        <svg viewBox="0 0 24 24" class="svg-outline" xmlns="http://www.w3.org/2000/svg">
            <path
                d="M17.5,1.917a6.4,6.4,0,0,0-5.5,3.3,6.4,6.4,0,0,0-5.5-3.3A6.8,6.8,0,0,0,0,8.967c0,4.547,4.786,9.513,8.8,12.88a4.974,4.974,0,0,0,6.4,0C19.214,18.48,24,13.514,24,8.967A6.8,6.8,0,0,0,17.5,1.917Zm-3.585,18.4a2.973,2.973,0,0,1-3.83,0C4.947,16.006,2,11.87,2,8.967a4.8,4.8,0,0,1,4.5-5.05A4.8,4.8,0,0,1,11,8.967a1,1,0,0,0,2,0,4.8,4.8,0,0,1,4.5-5.05A4.8,4.8,0,0,1,22,8.967C22,11.87,19.053,16.006,13.915,20.313Z">
            </path>
        </svg>
        <svg viewBox="0 0 24 24" class="svg-filled" xmlns="http://www.w3.org/2000/svg">
            <path
                d="M17.5,1.917a6.4,6.4,0,0,0-5.5,3.3,6.4,6.4,0,0,0-5.5-3.3A6.8,6.8,0,0,0,0,8.967c0,4.547,4.786,9.513,8.8,12.88a4.974,4.974,0,0,0,6.4,0C19.214,18.48,24,13.514,24,8.967A6.8,6.8,0,0,0,17.5,1.917Z">
            </path>
        </svg>
        <svg class="svg-celebrate" width="100" height="100" xmlns="http://www.w3.org/2000/svg">
            <polygon points="10,10 20,20"></polygon>
            <polygon points="10,50 20,50"></polygon>
            <polygon points="20,80 30,70"></polygon>
            <polygon points="90,10 80,20"></polygon>
            <polygon points="90,50 80,50"></polygon>
            <polygon points="80,80 70,70"></polygon>
        </svg>
    </div>
</div>
```

Source Code : [https://freecodez.com/post/y7mizea](https://freecodez.com/post/y7mizea)

For more such articles visit : [https://freecodez.com](https://freecodez.com/all)
Placeholder Contributor
Tags: hack23contributor
Published: 2023-10-22 18:16:16

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->

### Intro
<!-- Share a bit about yourself as a contributor. Is this your first Hacktoberfest, or have you contributed to others? Feel free to embed your GitHub account by using {% embed LINK %} -->

### Highs and Lows
<!-- What were some of your biggest accomplishments or light-bulb moments this month? Did any problems come up that seemed impossible to fix? How did you adapt in those cases?  -->

### Growth
<!-- What was your skillset before Hacktoberfest 2023 and how did it improve? Have your learning or career goals changed since working on these new projects? -->
Why auto_ptr in c++ was removed.
Tags: cpp17, cpp, cpp11
Published: 2023-10-22 18:13:29


- [std::auto_ptr]
(https://en.cppreference.com/w/cpp/memory/auto_ptr) 

auto_ptr was deprecated from gcc 4.7.1 and above or when compiled with --std=c++11 will start to give warning, and is completely removed from --std=c++17.

The main reason is, it moves from lvalue via copy/assignment operator.

For Eg:

```
#include <iostream>
#include <memory>

int main()
{
    auto printNull = [] (std::auto_ptr<int> &value, std::string name) 
    {
        (value.get() == nullptr) ? std::cout << name << " is nullptr\n" 
                        : std::cout << name << " is not nullptr, & contains " << *value << "\n";
    };

    std::auto_ptr<int> p_int(new int{5});
    printNull(p_int, "p_int");
    std::auto_ptr<int> p_new_int;
    p_new_int = p_int;  /*Moves instead of copy*/
    printNull(p_new_int, "p_new_int");
    printNull(p_int, "p_int");

    return 0;
}


****OUTPUT****

p_int is not nullptr, & contains 5
p_new_int is not nullptr, & contains 5
p_int is nullptr

```

So it's definitely not a good thing, and it was not aligning itself with modern cpp ideologies.
In most cases auto_ptr can be directly swapped with std::unique_ptr<>, but in larger systems caution is advised before changing.

_Even thought it is removed from c++17, I can still compile it in gcc 13.1 [link](https://godbolt.org/z/xe1vhKn1z) this was kind of strange._

_[more info](https://www.open-std.org/jtc1/sc22/wg21/docs/papers/2014/n4168)_
Product Page Images Grid
Tags: productpage, imagegrid, webdev, images
Published: 2023-10-22 18:10:56

Hi all, 

I’m looking to create/install/play with a dynamic Product Images Grid for our product pages at, miteigi.com (✨The boring plain image “shit” ‘s gotta go) lol. 

Kinda like gap.com have setup in their individual product page. So if you know of anything, or best way of achieving this, I’d love to hear from you.
🙏🏼🍶💕
John.