teleren/devto huggingface dataset:
Alpha Heater - Price, Results, Pros, Cons, Scam Or Legit?
Tags: webdev, javascript, beginners, programming
Published: 2023-01-15 07:59:52

Somewhere along [Alpha Heater](url) the line we took several detours and our country became the fattest in today's world. Fat free is ordinary stupid because fat is a macronutrient the actual needs to work correctly and in many cases burn fat properly. Low carb is stupid because physique needs carbohydrates to shed fat more efficiently. You can eat involving carbs whenever they are location carbs.  low carb advocates eating low carb but nonetheless eating unhealthy foods that will make them mass. The fat burner reviews will an individual why each system great though as well as a people that in some h[ttps://www.outlookindia.com/business-spotlight/alpha-heater-reviews-dark-truth-you-must-know-it-news-238307](url)
https://www.pinterest.com/pin/1144195849057663966/
https://www.scoop.it/topic/alpha-heater-info-by-alpha-heater-51 
https://twitter.com/alphaheaterinfo
https://www.launchora.com/story/alpha-heater-results-benefits-uses-price-re
https://www.sportsblog.com/pdsakrnba/
Why Every Developer Should Learn React.js?
Tags: react, javascript, beginners
Published: 2023-01-15 07:57:27

React.js is a powerful JavaScript library for building user interfaces. It was developed by Facebook, and has become widely popular for building web applications and mobile applications. In this essay, we will discuss the benefits of learning React.js, and some of the resources available for getting started.

One of the main benefits of learning React.js is that it allows developers to create reusable components. This means that instead of building a complete application from scratch, developers can use pre-built components that can be easily customized to meet their specific needs. This can save a lot of time and effort, and make the development process more efficient.

Another benefit of React.js is that it uses a virtual DOM (Document Object Model) to optimize the rendering of components. This means that when a component is updated, React.js will only update the parts of the DOM that have changed, rather than updating the entire DOM. This can greatly improve the performance of an application, especially for large applications with many components.

There are many resources available for learning React.js. One popular resource is the official React.js documentation, which provides detailed information on how to use the library. There are also many online courses and tutorials available, such as those offered by Udemy, Coursera, and edX. These courses can provide a structured learning experience, and can be a great way to get started with React.js.

In conclusion, learning React.js can provide many benefits for developers. It allows for the creation of reusable components, and its virtual DOM can improve the performance of an application. There are many resources available for learning React.js, so it is a great language to add to a developer's toolkit.
Introduce Android Development and its Various Lifecycle
Tags: androiddevelopment, kotlin, android, java
Published: 2023-01-15 07:50:25

What is the Activity in Android Development?

The very simple way to describe it is the activity in Android Development is the User Interface to manage the view to the user, when you open the instagram there will be main view that have 5 main navigations. That is all view is attach at the activity and fragment (we talk about it later).

Event we understand about it at the simple explanation, we have to fully and deeply understand the lifecycle of the activity in Android because with the understand of the lifecycle we know when to implement every state of the lifecycle in the proper way.

Alright, let's learn and run through it together.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/06ksitcqxb1w7hyoe2d5.png)
source the image : [https://developer.android.com/guide/components/images/activity_lifecycle.png]()

The activity lifecycle is stand for:

1. onCreate()
The state of onCreate will be operate for the first time when when we open the app. This state must be implemented no mater what.

2. onStart()
This callback will be invoke when the activity state enters the start state. This state will be operate very fast after the onCreate state implemented and this activity not stay for a long time because it finished it will be enter for the new state.

3. onResume()
After the activity finished on onStart state  then the system will enters the onResume state.

4. onPause()
This state will be call when you leaving the current activity or this state will be call when the activity not on foreground of the app. For example if you in activity A then you move to activity B then the activity A will be in onPause() state.

5. onStop()
This state will be call when the activity to longer visible to the user. This state also will be executed when the new activity take over the entire screen

6. onDestroy()
This is the last step, it will be called when the activity finishing because movement finish() action or the system is destroying the activity when the configuration the device.
2421. Leetcode Solution in CPP
Tags: cpp
Published: 2023-01-15 07:26:06

```cpp
struct DSU {
    vector<int> size;
    vector<int> par;
    
    DSU (int n) {
        size.resize(n, 1);
        par.resize(n);
        for (int j = 0; j < n; j ++) par[j] = j;
    }
    
    int Leader (int x) {
        if (x == par[x]) return x;
        return (par[x] = Leader(par[x]));
    }
    
    void merge (int x, int y) {
        x = Leader(x);
        y = Leader(y);
        if (x == y) return;
        if (size[x] > size[y]) swap (x, y);
        
        size[y] += size[x];
        par[x] = y;
    }
};

class Solution {
public:
    int numberOfGoodPaths(vector<int>& vals, vector<vector<int>>& edges) {
        int n = vals.size();
        vector<vector<int>> g(n);
        for (auto i : edges) {
            g[i[0]].push_back(i[1]);
            g[i[1]].push_back(i[0]);
        }
        
        map<int, vector<int>> val_to_nodes;
        for (int j = 0; j < n; j ++) val_to_nodes[vals[j]].push_back(j);
        
        DSU dsu(n);
        int result = n;
        vector<bool> is_active(n);
        
        for (auto [_, indexes] : val_to_nodes) {
            for (auto i : indexes) {
                for (auto child: g[i]) {
                    if (is_active[child]) dsu.merge (i, child);
                }
                is_active[i] = true;
            }
            
            vector<int> leaders;
            for (auto i : indexes) leaders.push_back(dsu.Leader(i));
            sort (leaders.begin(), leaders.end());
                        
            int sz = leaders.size();
            for (int j = 0; j < sz; j ++) {
                long long cnt = 0;
                int cur = leaders[j];
                
                while (j < sz && leaders[j] == cur) j ++, cnt ++;
                j --;
                
                result += (cnt * (cnt - 1))/2;
            }
        }
        
        return result;
    }
};
```
#leetcode
#challenge 
Here is the link for the problem:
https://leetcode.com/problems/number-of-good-paths
Cypress Tutorial For Beginners : Part 1 ( Creating your first script )
Tags: webdev, beginners, programming, tutorial
Published: 2023-01-15 07:21:48


In this video of  cypress tutorial for beginners, We are going to learn how to work with cypress and create our first script to test the cross browser platform script in less than 10 min.

{% embed https://youtu.be/vQH-2Sq0cKk
 %}

This is part of the cypress tutorial series for FREE, You can learn more at
https://cypresstutorial.com
 for cypress testing tutorial.

Cypress is a JavaScript test automation solution for web applications.
 It enables teams to create web test automation scripts.
This solution aims to enable frontend developers and test automation engineers to write web tests in the de-facto web language that is JavaScript.
Cypress also supports the Mocha test framework so the core technologies in which you would develop your web test automation are Java Script on top of Mocha.


It is a test automation tool that enables developers to automate web browser testing.
The Selenium WebDriver protocol enables sending commands in various development languages like Java, Java Script, C#, Python, and others from the test environment (IDEs) to a selected desktop browser (Chrome, Firefox, Edge, Safari).

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

✅ Automation 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

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

#automationtesting #manualtesting #testautomation #thetestingacademy #scrolltest
🚀 Tools and services I recommend:
Some of the courses that I recommend to become better Automation Tester 🙌🙌

✅Selenium Training and Certification -
https://scrolltest.com/go/edureka


✅Learn Jenkins for QA -
https://bit.ly/learnjenkins-p1


✅Programming Java -
https://bit.ly/learnjava2020-p1


✅Test Automation - 
https://bit.ly/learnautomation2020


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


✅Cypress Tutorial with LIVE Projects -
http://cypresstutorial.com
Best JavaScript Data Grid Libraries
Published: 2023-01-15 07:09:35

Using various libraries, you can deploy all your data in tabular form and take the next step in web development.

JavaScript is the basic structure of many web applications. It comes in handy for development needs, saving unnecessary effort and time for development and testing.

It also keeps everything under one roof so you can easily access important features and implement them in your app.

## What is a JavaScript library?

JavaScript is a well-known programming language that is one of the basic technologies of the World Wide Web. Almost all browsers have a dedicated JavaScript engine that runs code on multiple devices.

Since it is used all over the world for web application development, you will find some pre-written code here to allow developers to easily create web applications. And this collection of pre-written JavaScript code is known as a JavaScript library.

## Below is the list of Data Grid Libraries in JavaScript

1. FusionGrid
2. Handsonable
3. Kendo UI
4. Griddle
5. AG grid
6. TanStack table
7. DevExtreme
8. FlexGrid
9. Ignite UI

If you want learn more about this Data Grids then you can click [this](https://codingsutra.in/9-javascript-data-grid-libraries-to-use/).
Card Hover Effect Using HTML & CSS | Card Hover Interactions | Card Hover Animation
Tags: html, css, beginners, tutorial
Published: 2023-01-15 07:07:39

{% youtube ZoY1tnZ9XJw %}

Hi Guys, today we want to show How To CreateCard Hover Effect Using HTML & CSS
Please, if you love it, Support us with Like & Subscribe.🙏🙏❤️❤️

Subscribe Link : 
👉👉 https://shorturl.at/gKWY9

In the comments, you can say what design you want so that we can prepare the video for you.

Download source file from Here : 
https://github.com/soudemy/CardHoverE...
LeetCode Two Sum problem Solution in JavaScript
Tags: javascript, algorithms, programming, beginners
Published: 2023-01-15 06:48:34

**Two Sum**
LeetCode Link:[https://leetcode.com/problems/two-sum/]

Problem Statement:
Given an array of integers Nums and an integer target, return indices of the two numbers such that they add up to target.
You may assume that each input would have exactly one solution, and you may not use the same element twice. You can return the answer in any order.

Solution:
_1.Brute Force:_
In this approach we are iterating  array with two loops where we are checking sum of first and next element with target if it matches then we are returning index of element. But in this case Time complexity will be O(N²)

Code:
![Brute Force Approach](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b6lg3urao7hzq9ihsfpt.png)






_2.Map based Approach_
This solution is more optimize as we are using map and just checking finding out the required element which will be subtracted from current num of array. Here we are checking that element is present in map or not using Map.has() method.(Read more about Map.has() method of Map [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map/has](url))
In Nutshell, We can utilize a HashTable to search for the required elements with pair.


Code:
![Optimize Approach](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l1q3ro6rvfxjtclhit6m.png)
Flex Your CSS Muscles: Understanding and Using the flex:1 Property
Tags: css
Published: 2023-01-15 06:32:09

Hi! In this write-up, you can access the summary article I’ve prepared on flex:1.

Content:
**What does flex 1 mean?**

The **flex:1** property is a shorthand for the **flex-grow** property, one of the many properties that can be used to control the layout of elements within a flex container. The **flex-grow** property specifies how much of the available space within a container an element should take up, relative to the other elements.

When the value of **flex-grow** is set to **1**, it means that the element will take up as much space as possible, while still allowing other elements to take up their share of the area. For example, if a container has three child elements, all with a **flex-grow** value of **1**, each element will take up an equal amount of the available space.

It is also possible to set different values for **flex-grow** for different elements, in order to control how much space each element takes up. For example, if an element has a **flex-grow** value of **2**, it will take up twice as much space as an element with a **flex-grow** value of **1**.

In addition to **flex-grow**, there are other properties that can be used to control the layout of elements within a flex container, such as **flex-shrink** and **flex-basis**. The **flex-shrink** property controls how much an element will shrink when the container is too small, and the **flex-basis** property controls the initial size of an element before any remaining space is distributed.

When flex:1 is used, it is shorthand for **flex-grow:1 | flex-shrink:1 | flex-basis:0%**. This shorthand is used to set all three properties in one line of code quickly.

In summary, the **flex:1** property in CSS is a shorthand for the **flex-grow** property, which specifies how much of the available space within a container an element should take up, relative to the other elements. It is used to control the layout of elements within a flex container and allows for a more efficient and flexible way to distribute space among elements.

🔗 Learn more about me **_[here](https://www.ozantekin.dev/links)_**.
Create a Face Recognition App using Python
Tags: webdev, python, ai
Published: 2023-01-15 06:28:36

Face recognition using python is a technique of identifying or verifying the identity of an individual using their face. There are numerous algorithms that may do face recognition however their accuracy would possibly range. Here I’m going to describe how we do face recognition utilizing deep learning.
Few Steps to Creating a Face Recognition Using Python:
1. Install the necessary libraries such as OpenCV, dlib, and imutils by running the following commands in your terminal:
`pip install opencv-python
pip install dlib
pip install imutils`

2. Acquire a pre-trained facial landmark detector by downloading a model file such as the one provided by dlib or by training your own detector using a dataset of facial images. Read More about [How to Create a Face Recognition App using Python](https://techzpad.com/face-recognition-using-python)
What happens when you create a pod?
Published: 2023-01-15 06:04:58

A pod is the smallest deployable unit that you can create and manage in Kubernetes.

But how to create a pod, is just as simple as running `kubectl run my-pod --image=nginx` . But this simple task undergoes a complicated workflow that touches a lot of components in the cluster.

**So what happens exactly,**

1. First things first, you need to tell the **API server** that you need a pod to be created. So you use kubectl it to send YAML (pod manifest) to the API. API server receives the request and saves the definition to the database which is default etcd.

2. **etcd** is the key value store in Kubernetes that stores the entire state of the cluster. Now we have asked API Server to create a pod, so etcd will now store the Pod. At this point, Pod is stored in etcd. And it will be in the pending state now.

3. Now **Scheduler** sees the pending state and checks the nodes to make the decision to schedule the pod to the node. No pod is created until now, it just schedules the pod to a node.

4. On each worker node, we have a **kubelet** which is more of an interface between the control plane and components in the worker node. The kubelet is the scheduled node now retrieves the pod template and starts creating it.

5. The kubelet now asks **CRI (container runtime interface)** to create a container (one which our pod def contains).

6. The kubelet also asks **CNI ( container network interface)** to attach the container to the network. Now CNI assigns an IP address to the POD.

7. Also, kubelet checks any probes that are defined.

8. Now we have an IP address at which our pod is running. The last job of the kubelet is to report back to the Control plane. So Kubelet reports the IP address to the control Plane.

9. The POD is now created and is finally marked as **running.**

This shows the high-level workflow of what pod creation goes through, but please note these steps might have missed some minute details.

---
---


That's a wrap!!!

Hope you learned something. Let me know your feedback and if you have any suggestions or questions, you can connect with me on [Twitter.](https://twitter.com/__karnati)

Till next,
Happy kubectl'ing
What are some advanced Python projects?
Tags: python, projects, beginners, programming
Published: 2023-01-15 05:51:20

Some examples of advanced Python projects include:

**Natural Language Processing (NLP): **using Python libraries such as NLTK, spaCy, and gensim to build models for tasks such as language translation, sentiment analysis, and text summarization
Computer Vision: using Python libraries such as OpenCV and TensorFlow to build models for tasks such as object detection, image segmentation, and face recognition.
**
Deep Learning:** using Python libraries such as TensorFlow, PyTorch, and Keras to build neural networks for tasks such as image classification, natural language processing, and speech recognition

**Robotics:** using Python libraries such as ROS (Robot Operating System) and OpenCV to control and program robots for tasks such as object manipulation and navigation

**Data Science:** Using Python libraries such as pandas, NumPy, matplotlib, scikit-learn, and seaborn to perform data analysis, data visualization, and machine learning tasks

**Web scraping:** using Python libraries such as Beautiful Soup, Selenium, and Scrapy to extract data from websites and web pages

**Game development:** using Python libraries such as Pygame and Pyglet to build 2D and 3D games

Please note that these are just a few examples, and there are many other advanced projects that can be built using Python.
What are some good web development projects using Python?
Tags: python, projects, beginners, programming
Published: 2023-01-15 05:50:00

Here are a few examples of web development projects that you could build using Python:

**A simple blog:** A basic blog application that allows users to create, read, update and delete posts. You could use a web framework like Django or Flask to handle the backend logic and a database like MySQL or PostgreSQL to store the blog data.

**A social media platform:** A platform that allows users to create profiles, connect with other users, share posts, and send messages. You could use a web framework like Django or Flask to handle the backend logic and a database like MongoDB or Cassandra to store the user data.

**An e-commerce platform:** A platform that allows users to browse products, add them to a cart and make purchases. You could use a web framework like Django or Flask to handle the backend logic, a database like MySQL or PostgreSQL to store the product data, and a payment gateway like Stripe to handle transactions.

**A news website:** A platform that allows users to browse news articles from multiple sources, create an account and save their favorite articles. You could use a web framework like Django or Flask to handle the backend logic, a database like MySQL or PostgreSQL to store the article's data, and web scraping libraries to extract articles from different sources.

**A job board platform:** A platform that allows users to create job listings, browse job listings, and apply for jobs. You could use a web framework like Django or Flask to handle the backend logic, a database like MySQL or PostgreSQL to store the job data, and use a search engine library like Elasticsearch to allow users to search through job listings.

Please note that these are just a few examples, and there are many other types of web development projects that you could build using Python.
What programming language should I learn if I want to build projects?
Tags: programming, productivity, beginners
Published: 2023-01-15 05:48:42

The programming language you should learn depends on the types of projects you want to build. Here are a few popular languages and the types of projects they are commonly used for:

**Python:** Python is a versatile language that can be used for a wide variety of projects, including web development, data science, machine learning, and scientific computing. It has a large and active community, and there are many libraries and frameworks available for specific tasks.

**JavaScript: **JavaScript is mainly used for web development, and is commonly used to create interactive and dynamic user interfaces. It's often used in combination with HTML and CSS to create web pages. It can also be used to build frontend and backend of web application with libraries such as React, Angular and Node.js

**Java:** Java is a popular language for building large-scale enterprise applications, Android mobile apps, and games. It is known for its stability, scalability, and security.

**C#:** C# is a Microsoft's language and it is mainly used to build Windows desktop applications, games, and mobile apps using the Unity game engine.

**C++:** C++ is mainly used for developing system software, gaming engines, and high-performance applications. It's used to build operating systems, drivers, and embedded systems.

**Swift:** Swift is mainly used for iOS app development. It is considered to be more efficient and easier to read than Objective-C, which was the previous language for iOS development.

Ultimately, the best language for you to learn will depend on your goals and interests. If you're not sure which language to start with, Python is a great choice as it is beginner-friendly and can be used to build a wide variety of projects.