teleren/devto huggingface dataset:
Certifiably Thrifty: How I Snagged GitHub’s Foundation Certification for Free!
Tags: github, learning, certification, webdev
Published: 2024-04-22 18:49:52


Alright, buckle up, 'cause today I’m sharing a secret so exciting, it'll make your fingers dance across the keyboard. 
So, I assume everyone knows GitHub, right? That place where coders do… code thingies? As you might be aware _(or not)_, they now offer four juicy certifications:
- [GitHub Foundations](https://learn.microsoft.com/en-us/collections/o1njfe825p602p)
- [GitHub Actions](https://learn.microsoft.com/en-us/collections/n5p4a5z7keznp5)
- [GitHub Administration](https://learn.microsoft.com/en-us/collections/mom7u1gzjdxw03)
- [Advanced Security](https://learn.microsoft.com/en-us/collections/rqymc6yw8q5rey)

Earlier this month, yours truly decided to level up and snag the Foundation Certification because GitHub was throwing a wicked 50% discount.

After I finished the registration process for the certification, I ended up at the checkout page where I stumbled upon a pre-filled input field with a coupon code chillin' inside like it owned the place. Naturally, I'm thinking: "Sweet! This must be the golden key to that sweet 50% discount". So, I hit apply and 💥**BOOM!**💥 The checkout price nosedives to **ZERO**.

I know, I know, it sounds too good to be true, but it worked for me! Snagged that cert without droppin' a dime.

Now, here's the kicker — I'm not sure if this is a limited-time glitch or a slick Easter egg from the generous crew over at GitHub. Either way, I just wanted to spill the beans while the gettin's good. 

If you've been eyeing this certification, now is your chance to grab it without emptying your pockets, just head over to the [GitHub Certification page](https://resources.github.com/learn/certifications/), complete the registration process and at the checkout page keep those peepers peeled for that coupon code.

![registration checkout](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qm4vs8gyohd5lsgxf604.png)
I made a browser extension that cross-publish post from Notion to DEV, Hashnode, Medium and more
Tags: webdev, javascript, productivity, programming
Published: 2024-04-22 18:40:18

Hi everyone, let me introduce you [OnePublish](https://onepubli.sh) which is a cross-publishing tool that allows you to manage all your content in Notion and cross-publish it with few clicks.

## Inspiration and Idea 💫
I have been posting tech articles since 2018, but I have always been too lazy to publish them on all of my blogging platforms.

Because, each platform comes with its own unique markdown requirements, image uploading processes, tag settings, and more. Also, simple copy-pasting doesn't work effectively due to the varying ways editors render content.

Yeah.. you guessed it right, I am too lazy for 15 minutes of dedicated work so I spent 5-6 month to build this chrome extension to make publishing easier.

## All your content in Notion 🗒️
Have you ever lost your articles? I have been through this, and it was hard for me to rewrite everything. I felt like there was no single place where I could manage all my content.

Then I realized Notion is a great place to manage content with all its tools and easy-to-use markdown editor. So, why not manage content in Notion and make a tool to cross-publish it to other blogging platforms.

## No Complex Dashboards. Simple Extension as a Gateway to Publishing. 🎯
I was thinking of making something simple and easy-to-use where there is no need to register on some website and then get lost inside the dashboard.

That idea lead me to make a chrome extension where user don't need to navigate to separate website and manage all the content there.

Minimizing the onboarding process plays crucial role in not getting bored when starting to use the product. I often find myself closing the tab in the middle of registration because of the long setup process.

In the current state of OnePublish, users can connect to Notion with an OAuth flow (few clicks) and then it's ready to use. 

## I am using my own product 😎
Of course I am using it. I already boosted my SEO with canonical links and domain rating is increasing because of backlinks. I am cross-publishing to here DEV, Hashnode, Medium, and Ghost CMS. And all my content is in managed in Notion.

## See it in action
Here's how I am cross-publishing with [OnePublish](https://www.onepubli.sh):

{% embed https://www.youtube.com/watch?v=mBgqN4G55kY %}


Waiting for your feedbacks :)
Concurrent Programming in Java: A Beginner’s Tutorial
Tags: java
Published: 2024-04-22 18:28:01

#Introduction
As technology advances, the need for efficient and responsive software systems becomes increasingly crucial. Concurrent programming, a paradigm where multiple tasks execute simultaneously, plays a vital role in achieving these goals. In the Java ecosystem, concurrent programming is a fundamental aspect that every developer should understand. In this article, we'll delve into the basics of concurrent programming in Java, offering simple examples to aid comprehension.

#Understanding Concurrent Programming:
Concurrent programming involves managing multiple tasks that execute independently but potentially interact with each other. In Java, this is achieved through threads, lightweight processes within a process, which allow for concurrent execution of code segments.

#Creating Threads in Java:
Java provides two primary ways to create threads: by extending the `Thread` class or implementing the `Runnable` interface. Let's explore both methods with examples:

**1. Extending the Thread Class:**
![Extending the Thread Class](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yahwyc8ekeiamw1i8ofe.png)

**2. Implementing the Runnable Interface:**

![Implementing the Runnable Interface](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u9d9gtry8pqvfzrp8vwz.png)

#Synchronization in Java:
In concurrent programming, multiple threads may access shared resources concurrently, leading to race conditions and data inconsistency. Java provides synchronization mechanisms to address this issue. One such mechanism is the synchronized keyword, which ensures that only one thread can access a block of code or an object's critical section at a time. Let's see an example:

![Synchronization in Java](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hcdf1v0cok0m7zttjk1y.png)

#Conclusion:
Concurrent programming in Java opens up a world of possibilities for building responsive and efficient software systems. By understanding the basics of threading and synchronization, developers can leverage the full potential of concurrent programming to create robust and scalable applications. However, it's essential to exercise caution and employ best practices to avoid common pitfalls such as race conditions and deadlock situations. With practice and exploration, developers can master concurrent programming in Java and unlock new levels of performance and responsiveness in their applications.
How to use supabase + ReactJS?
Tags: react, typescript, webdev, programming
Published: 2024-04-22 18:17:33

## What is Supabase and how it is better than Firebase?
Supabase is an open source alternative to Firebase. Both the platforms offer all the functionalities to create our app from scratch without downloading any extra tools including - Database, Authentication, Edge functions, Storage, Real time and Vectors.
1. Unlike Firebase, Supabase is open source.
2. In terms of performance, supabase is up to 4x faster than Firebase.
3. Supabase is really great for your project if it's in early stage of heavy development since, it charges on basis of the amount of data stored.

## Create React project
You can create a react app using [Vite](https://vitejs.dev/guide/) using the command - `npm create vite@latest` or `npm create vite@latest ./` to create your project in your existing directory.

## How to install Supabase?
Now that we've initialized up our React app, we need to install supabase - `npm install @supabase/supabase-js`

## How to connect Supabase with your React app?
Now, that we've installed supabase and initialized our app, we need to connect supabase with react.<br>
If you don't have an account, sign up for free [here](https://supabase.com/dashboard/sign-up).
Now, in the `src/lib/supabase/api.ts` directory, copy the following code snippet to connect your react app with supabase:
```TypeScript
import { createClient } form "@supabase/supabase-js"

export const supabase = createClient("(https://<project>.supabase.co) Your project URL", "(<your-anon-key>) Your API key")
```<br>

## What next?
Now that you've finished setting up your react app and successfully connected it with supabase, you can go ahead and read the [supabase docs](https://supabase.com/docs/reference/javascript/initializing) and easily create your project. <br>

Thank you for reading! I hope that you found this article useful. If you've any questions or suggestions please feel free to share those in comments, would love to hear from you 😀
Happy Coding!!
Why do we do "backward elimination"?
Published: 2024-04-22 18:14:19

Backward elimination, çoklu regresyon modellerinde kullanılan bir özellik seçme yöntemidir. Bu yöntemin amacı, modelin performansını artırmak ve karmaşıklığını azaltmak için gereksiz özellikleri (değişkenleri) belirlemek ve çıkarmaktır.

Backward elimination süreci şu şekilde işler:

Tüm değişkenlerle model oluşturulur.
Her bir değişkenin model üzerindeki etkisi değerlendirilir ve en az öneme sahip olan (örneğin, en yüksek p-değerine sahip olan) değişken çıkarılır.
Model yeniden oluşturulur ve adım 2 tekrarlanır.
Bu süreç, tüm değişkenler belirli bir öneme sahip olana kadar (örneğin, tüm değişkenlerin p-değerleri belirli bir eşiği geçene kadar) devam eder.
Bu yöntem, modelin anlaşılabilirliğini ve genelleştirme yeteneğini artırır. Ayrıca, modelin aşırı uyum yapmasını (overfitting) önlemeye yardımcı olur. Ancak, bu yöntemin kullanılması verinin doğası, modelin türü ve belirli bir problem için gerekliliklere bağlıdır.
Calorific: Your Savvy AI Dietitian Bot
Tags: cozechallenge, devchallenge, ai, machinelearning
Published: 2024-04-22 18:13:46

*This is a submission for the [Coze AI Bot Challenge](https://dev.to/devteam/join-us-for-the-coze-ai-bot-challenge-3000-in-prizes-4dp7): Bot Innovator.*

## What I Built
A chat bot that estimates the calories of food based on an image. Complex plates will be hard to detect and estimate but you can get an average idea of the calories and some tips as well...

## Demo

https://www.coze.com/store/bot/7360341937171955717?bot_id=true

![Avocado Calories](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0ygysuurf3zr0eddce5l.png)

## My Configuration

![Bot Configuration](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/49075ijn14bxgb9i4t2n.png)

## My Journey
Coze.com is quite interesting. A lot of plugins and examples to work with. I was fascinated on how easy and fast i could build bots and use them... The possibilities are endless all you need is imagination...
Motion.page with License Key
Tags: wordpress, webdev
Published: 2024-04-22 18:03:33

Utilize a Lifetime License Key (LTD) to [activate Motion.page](https://originalplugins.com/product/motion-page-animation/) and receive updates straight to your WordPress Dashboard. Authentic activation key with free lifetime updates. With a lifetime license key, it is 100% original and has no Motion.page GPL or Nulled content.

Original License Keys for WordPress Themes and Plugins are provided by OriginalPlugins. In addition, we offer a carefully curated list of the Best Themes, Best Plugins, and Best Page Builders, as well as a ton of popular WordPress themes, plugins, and SEO & Optimization plugins.

Do you need to read our reviews?
Examine our [TrustPilot evaluations ↗️](https://www.trustpilot.com/review/originalplugins.com)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z1objqh7lz2yc3vepr4k.png)
Build an awesome developer portfolio website.
Tags: webdev, portfolio, nextjs, javascript
Published: 2024-04-22 17:46:48


As a software developer, it's important to have a robust portfolio website that can display our abilities and experiences. To assist other developers, I have designed a portfolio website using Next, Tailwind CSS, and EmailJS. In this article, I will provide a step-by-step guide on the setup process, along with the GitHub link.

[Live preview URL](https://shahid-portfolio-chi.vercel.app/)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/irb3he884m5bbcwdq9zd.png)
**STEP 01:**
Clone the Repository using [GitHub link](https://github.com/Shahid6289/Shahid-Portfolio) and change the directory to the developer-portfolio.
```
git clone https://github.com/Shahid6289/Shahid-Portfolio
cd developer-portfolio
```
**STEP 02:**
Now install all packages using `npm` or `yarn`.

```
npm install
# or
yarn
```
After installation, all packages, Now change all data on `utils/data/*` according to you. For example:

```
export const personalData = {
  name: "SHAHID PARVEZ",
  profile: '/profile.png',
  designation: "Software Developer",
  description: "My name is SHAHID PARVEZ.....',
  phone: '+91 6289883556',
  address: 'West Bengal - India - Kolkata - 700119 ',
  github: 'https://github.com/Shahid6289',
  facebook: 'https://www.facebook.com/shahid.parvez.94695',
  linkedIn: 'https://www.linkedin.com/in/shahid-parvez-8599961b3/',
  twitter: 'https://www.geeksforgeeks.org/user/shahidgotzao/',
  stackOverflow: 'https://stackoverflow.com/users/24319695/shahid-parvez',
  leetcode: "https://leetcode.com/Shahid6289/",
  devUsername: "Shahid6289",
  resume: "Your Resume"
}
```
The `devusername` properties replace it with your `dev.to` `username` and it will `fetch` all blogs from your `dev.to` website.

**STEP 03:**
Now we will make a `.env` file and set up our `Email.JS` credential in a `.env` file. I am using EmailJs in this project for the user to send mail to me and It's free. The `.env` file will be the following:

```
NEXT_PUBLIC_EMAILJS_SERVICE_ID =
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID =
NEXT_PUBLIC_EMAILJS_PUBLIC_KEY =
```
First of all, go to [Emailjs.com](https://www.emailjs.com/) and sign up for an account.

Make a [email service](https://dashboard.emailjs.com/admin) using `Gmail` and take the `Service ID` and add it `.env` file as `REACT_APP_YOUR_SERVICE_ID value`.

Then make an [Email template](https://dashboard.emailjs.com/admin/templates/new) and take `Template ID` from the template setting and use it `.env`.

Then go to [Account](https://dashboard.emailjs.com/admin/account) and take `Public Key` and use it in `.env`.

**STEP 04:**
Now the portfolio website is ready for the run. You can run it using `npm` or `yarn`.

```
npm run dev
# or
yarn dev
```

If you like the portfolio project Please give it a star on the [GitHub Repository](https://github.com/Shahid6289/Shahid-Portfolio).
You can connect with me on Linkedin: [https://www.linkedin.com/in/shahid-parvez-8599961b3/](https://www.linkedin.com/in/shahid-parvez-8599961b3/)
Tags picked when signing up are gone after logging back in.
Tags: community, developers
Published: 2024-04-22 17:43:26

I sign up through Github with my email That's also my Gmail., and then spend 1015 minutes selecting the tags that I'm interested in. So when I come back, I have something interesting to look at. And when I come back in, they're all gone. Zero, And says, I gotta pick them all again. if this happens again, what a worthless sight. I'm not. gonna be dumb and invest time in. trying to tailor my experience, how they want me to, so I can come back here often. If it's just gonna disappear next time. like, what the
Need help in React Page transition
Tags: react, webdev
Published: 2024-04-22 17:34:59

The page transition is not happening as expected, the navigation component is rendering before the animation begins. How can I avoid this. Please suggest

```
const loginRouter = createBrowserRouter([
  { path: "/login", element: <Login /> },
  {
    path: "/home",
    element: (
      <Transition>
        <Profile />
      </Transition>
    ),
    errorElement: <SomethingWrong />,
    children: [
      {
        index: true,
        element: (
          <Suspense fallback="loading">
            <Home />
          </Suspense>
        ),
        loader: moviesList,
        errorElement: <NotFound />,
      },
       {
        path: ":category",
        loader: fetchAllMoviesFromCategory,
        element: (
          <Suspense fallback="loading">
            <ListOfMovies />
          </Suspense>
        ),
      },
    ],
  },
]);
function App() {
  console.log("App.js");
  return <RouterProvider router={loginRouter} />;
}
```
**Transition.js**
```
const transitionVariants = {
  initial: {
    opacity: 0,
  },
  animate: {
    opacity: 1,
    transition: { duration: 0.5, delay: 0.7 },
  },
  exit: {
    opacity: 0,
    transition: { duration: 0.5 },
  },
};

function Transition({ children }) {
  const location = useLocation();
  return (
    <AnimatePresence mode="wait">
      <motion.div
        key={location.pathname}
        variants={transitionVariants}
        initial="initial"
        animate="animate"
        exit="exit"
      >
          {children}
      </motion.div>
    </AnimatePresence>
  );
}

export default Transition;
```
Learning AWS Day by Day — Day 44 — Amazon Elastic Beanstalk
Tags: aws, cloud, cloudcomputing, beginners
Published: 2024-04-22 17:24:29

Exploring AWS !!

Day 44:

Elastic Beanstalk

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

Developer problems on AWS:
Managing infrastructure
deploying code
Configuring all databases, load balancers, etc
Scaling concerns
Most web applications have same architecture (ALB + ASG)
All that a developer wants is for their code to run.
Possibly, consistently across different applications and environment.

Elastic Beanstalk is a developer centric view of deploying an application on AWS. It uses all components: EC2, ASG, ELB, RDS.
Managed services: Automatically handles capacity provisioning, load balancing, scaling application, health monitoring, instance configuration.
Just application code is the responsibility of developers.
We still have full control over configuration. Beanstalk is free but you pay for underlying instances.

Components:
Application: collection of Elastic Beanstalk components (environments, versions, configurations)
Application version: an iteration of your application code.
Environment: collection of AWS resource running an application version (only one application version at a time)
Tiers: web server Environment Tier & worker Environment Tier.
You can create multiple environments (dev, test, prod)
Elastic Beanstalk supported platforms: Go, Java, .NET, NodeJS, PHP, Python, Ruby.
Trang sức bạc- Dấu ấn chắc chắn cho vẻ đẹp của bạn
Tags: trangsuc, trangsucbac, sacdep, noblejewelry
Published: 2024-04-22 17:21:40

Noble Jewelry là một cửa hàng trang sức bạc được thành lập bởi Người sáng lập Bùi Đức, người đã đưa ra ý tưởng thành lập thương hiệu hiệu. Doanh nghiệp hoạt động với phương châm: Trang sức bạc không chỉ là những món đồ trang sức đẹp mắt mà còn là một biểu tượng thể hiện cái tôi của mỗi người.
🛒Website: [Noble Jewelry](https://noblejewelry.top/)
📧 Email: noblejewelry6@gmail.com
👉Địa chỉ: Cầu Diễn Nam Từ Liêm, Hà Nội
Operating systems
Tags: learning, computerscience, programming, beginners
Published: 2024-04-22 17:19:14

The operating system (OS) is the most important program that runs on a computer. The OS manages and controls a computer’s activities. The popular operating systems for general-purpose computers are Microsoft Windows, MacOS, and Linux. Application programs, such as a Web browser or a word processor, cannot run unless an operating system is installed and running on the computer. The major tasks of an operating system are as follows:

- Controlling and monitoring system activities
- Allocating and assigning system resources
- Scheduling operations

## Controlling and Monitoring System Activities

Operating systems perform basic tasks, such as recognizing input from the keyboard, sending output to the monitor, keeping track of files and folders on storage devices, and controlling peripheral devices, such as disk drives and printers. An operating system must also ensure that different programs and users working at the same time do not interfere with each other. In addition, the OS is responsible for security, ensuring that unauthorized users and programs are not allowed to access the system.

## Allocating and Assigning System Resources

The operating system is responsible for determining what computer resources a program needs (such as CPU time, memory space, disks, input and output devices) and for allocating and assigning them to run the program.

##  Scheduling Operations

The OS is responsible for scheduling programs’ activities to make efficient use of system resources. Many of today’s operating systems support techniques such as multiprogramming, multithreading, and multiprocessing to increase system performance.

_Multiprogramming_ allows multiple programs to run simultaneously by sharing the same CPU. The CPU is much faster than the computer’s other components. As a result, it is idle most of the time—for example, while waiting for data to be transferred from a disk or waiting for other system resources to respond. A multiprogramming OS takes advantage of this situation by allowing multiple programs to use the CPU when it would otherwise be idle. For example, multiprogramming enables you to use a word processor to edit a file at the same time as your Web browser is downloading a file.

_Multithreading_ allows a single program to execute multiple tasks at the same time. For instance, a word-processing program allows users to simultaneously edit text and save it to a disk. In this example, editing and saving are two tasks within the same application. These two tasks may run concurrently.

_Multiprocessing_, or _parallel processing_, uses two or more processors together to perform subtasks concurrently and then combine solutions of the subtasks to obtain a solution for the entire task. It is like a surgical operation where several doctors work together on one patient.