teleren/devto huggingface dataset:
Artificial Intelligence
Tags: ai, talentserve
Published: 2023-08-02 05:46:40

The development of computer systems that are able to carry out tasks that traditionally require human intelligence is referred to as artificial intelligence. These abilities include problem-solving, pattern recognition, natural language interpretation, and experience learning.

Advantages of Artificial Intelligence:

Faster decision: A machine helps make decisions and do tasks more quickly than a human. Humans evaluate various factors while making decisions, whereas machines focus on predetermined tasks and produce results more quickly.

24/7 Support: A computer doesn't need breaks or refresh intervals. While a typical person can work for up to 8 to 9 hours a day, including breaks and refreshers, a computer can operate continuously without a break.

Perform Repetitive Jobs: In our daily lives, we carry out many repetitive tasks, like document verification, sending birthday and anniversary greetings, and automatically replying to emails.

Disadvantages of Artificial Intelligence:

Lack of creativity: Artificial intelligence's lack of creativity is its main drawback. The entire foundation of artificial intelligence is pre-loaded data.

Risk of Unemployment: One example of artificial intelligence in action is a robot, which, in some circumstances, is replacing workers and increasing unemployment.

No improvement: Artificial intelligence cannot be developed by humans because it is a technology that is entirely based on pre-loaded facts and experience. It can carry out the same task repeatedly, but you have to modify the command if you want any modifications or improvements.
Absence Makes The Heart Grow Forgetful
Tags: slump, beginners, motivation, react
Published: 2023-08-02 05:33:50

I've always been interested in technology throughout my life; especially software development in my latter years. But it's been difficult to stay diligent in my studies lately. Life has a way of shaking things up, and I've been hit with a few curveballs in the past few months.

First and most relevantly, I found out that I'm having a son. Being unplanned, it's been a lot to process to say the least. I'm excited about becoming a parent, but I'm also feeling overwhelmed, nervous, anxious, fearful, and doubtful. I'm not sure how I'm going to balance it all.

Second, I've been struggling with mild depression. This is something that I've dealt with in the past, and it's been especially difficult to manage lately. I've been feeling tired, unmotivated, and isolated; all my fault, I can't help but believe. This all has made it difficult to stay connected with my friends and family in the ways I'd like, and it's also made it harder to find motivation to study. Self-inflicted guilt-trips get the job done for now.

Despite all of these challenges, I'm trying to stay positive. I know that I can do this, and I'm determined (most times) to succeed. I've recently started learning about components and props in React, and I'm finding it to be interesting/new enough to push forward. I'm excited to continue learning and to see what I can create.

I know that it's going to be tough, but I'm confident that I can overcome these challenges. I'm not going to let anything get in the way of my dream of becoming a software developer. It's _me_ that's the force to be reckoned with. But I'm going to keep studying, keep learning, and keep moving forward.
Laravel easy admin panel bangla tutorial
Published: 2023-08-02 05:09:11

লারাভেল এজি এডমিন প্যানেল হলো একটি গুরুত্বপূর্ণ টুল, যা লারাভেল এপ্লিকেশন ব্যবহারকারীদের সহজেই সাধারণ প্রশাসনিক কাজ করতে সাহায্য করে। এই প্যানেলের মাধ্যমে আপনি ব্যবহারকারী, অনুমতি, ক্যাটাগরি, পোস্ট, প্রোফাইল ইত্যাদি সহ আপনার লারাভেল এপ্লিকেশনের বিভিন্ন দক্ষতা পরিচালনা করতে পারেন। এটি ব্যবহারকারীদের অনুমতি ভিত্তিক ব্যবস্থা সার্ভার প্যানেল তৈরি করতে সহায়ক, যাতে প্রশাসনিক ব্যবস্থা করা সহজ হয় এবং দক্ষতা নির্ধারণ করা সহজ হয়।

## [Video](https://youtu.be/T73Ik-GU3Nc)

এই টিউটোরিয়ালে আমরা লারাভেল এজি এডমিন প্যানেল সেটআপ করবো এবং কিছু গুরুত্বপূর্ণ বৈশিষ্ট্য সহ কিভাবে প্রশাসনিক কাজ করতে হয় তা দেখাবো।

Package Link:-
jetstream : https://jetstream.laravel.com/3.x/installation.html
easypanel:  https://easypanel.netlify.app/
How to Create an Excel Document in ASP.NET Core using the XlsIO Library
Tags: webdev, csharp, dotnet
Published: 2023-08-02 05:04:54

See how to create a Excel document in ASP.NET Core using the Syncfusion .NET Excel Library. In this video, I will demonstrate how to create an ASP.NET Core application in Visual Studio and the steps to create and edit an excel document by adding text, images, and formulas. 

Essential XlsIO is a native .NET class library that can be used to create and modify Microsoft Excel files by using C#, VB.NET and managed C++ code. It is a non-UI component that provides a full-fledged object model that facilitates accessing & manipulating the spreadsheets without any dependency of Microsoft Office COM libraries & Microsoft Office. 

It's supported to create Excel documents from scratch and modify existing excel documents. Its support to import and export data and excel formulas. Supports creation and manipulation of Tables, Pivot Tables and Pivot Charts. Its ability to create and manipulate Conditional Formats and Data Validations. 

Create and manipulate Charts and Sparkline. Supports creation and manipulation of Tables, Pivot Tables and Pivot Charts. Fill data using Template Markers. Clone and merge Excel worksheets. Encrypt and decrypt excel document and convert excel worksheets t image. Its supports data filtering and data sorting and convert chart in a worksheet to image. 

Excel support to insert image and auto shapes and add comments and form controls. Ability to convert the excel workbook to PDF and convert Excel worksheet to HTML. Support to open and create CSV files. Its access the custom document properties of excel file and built-in document properties. 

**Product overview**: https://www.syncfusion.com/document-processing/excel-framework/net-core

**Tutorial video**: https://www.syncfusion.com/tutorial-videos

**Download example from GitHub**: https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Getting%20Started/ASP.NET%20Core

{% youtube oLkSFvDLlEk %}
Gmeek - A Blog Generator - Open Source
Published: 2023-08-02 04:36:46

Gmeek is a Blog Generator based on `Github Pages` and `Github Issues` and `Github Actions`. No local deployment is required, and it only takes a few minutes from building to writing.

- [Gmeek Source](https://github.com/Meekdai/Gmeek/)
- [Demo](http://meekdai.github.io/)

### Installation
1. Create your own `XXX.github.io` repository. In the repository `Settings`, select `Github Actions` under `Pages->Build and deployment->Source`.
2. Create files `config.json` and `.github/workflows/Gmeek.yml` in the repository, copy the code in [link](CONIFG.md) and save them separately.
3. Delete redundant tags in Issues and create your own tags, such as `link`, `about`, `daily`, etc.
4. Open an issue and start writing. After saving the issue, the blog content will be automatically created. After a while, it can be accessed through https://XXX.github.io

The above installation is just a guide, and some configuration details will be written later. If you have any questions, please submit [Issues](https://github.com/Meekdai/Gmeek/issues) in this repository

### Feature

- The UI interface is of the same origin as Github, only Github’s native CSS is introduced：[primer.style](https://primer.style/css)
- After blog writing is completed in Issues, Actions are automatically triggered to perform deployment tasks.
- The comment system used [utteranc.es](https://utteranc.es/)
Amazing native Modal with just HTML: meet dialog element
Tags: html, javascript, tutorial, web
Published: 2023-08-02 04:21:09

The Web as a platform is constantly evolving. And I love it!

Developers no longer need to create complex logics to have a Popup / Modal component in your Web applications.

The HTML `dialog` element and it's associated events allow you to create fast and accessible native custom dialog boxes.

---

## Top features

All these features below are native of the Dialog element and the browser implementation:

- Events (open, close, cancel)
- Autofocus on opened dialog (just press "tab" key to navigate inside)
- Closes when the user press "esc" key
- Automatic scroll 
- Keep stacking context (dialog over dialog)
- Includes a `::backdrop` pseudo-element for behind the element


## Browser compatibility

Dialog element has 93% of browsers' compatibility, in other words, it is considered full support!

Visit the references [Can I Use](https://caniuse.com/dialog) and [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#browser_compatibility) for more details.


## Demo code

I created a simple Demo code that show Dialog element in action and print as the result of user interaction the names of events handled.

Feel free to explore the code 👇🏻

https://codepen.io/lucasm/pen/YzRBzVQ

## Explanation

1) In HTML, you need to create a `<dialog>` element and attribute an ID to manipulate it

2) Also create an `<button>` to open the dialog (call event `open`)

3) Inside the dialog, place any content you want but don't forget to include the action buttons, usually one to confirm the main action and another to close dialog (call event `close`)

4) In CSS, you can style elements

5) In JavaScript, all logic to handle events

6) A event listener was also placed for when the user press the ESC key! (call event `cancel`)

That's all Web friends!

---

I hope you enjoy it!

What are your thoughts on the `<dialog>` element of HTML? ✨
Luna Compiler Devlog #1
Tags: devlog, luau, compiler, llvm
Published: 2023-08-02 03:43:09

Hey all!

## Introduction
I got curious about how languages like C++ or Rust does work and wanted to make my own. I use [Luau](https://github.com/roblox/luau) (lua but typed) on my daily, but it is an *interpreted* language, so I wanted to make it work in native (binary).

### Overview
I've started this proyect using Rust, LLVM bindings (inkwell) and a Luau parser, I got the most dummy program working:
```lua
return 2
```
When I run the binary, the exit code is `2`. I'm really new to compilers and this is my first one. I know this will be a very hard and ambitious project, but at least I want something functional, maybe not for daily usage.

### Compilation process
Well, the Rust project only takes the .luau file and emits an object file (.obj/.o) and also I have another Rust project (yes, I'm using cargo's workspaces) that takes that object file and converts it into a binary file using the LLVM toolset (clang).
Kick**s SEO ready website in minutes.
Tags: webdev, beginners, programming, tutorial
Published: 2023-08-02 03:30:00

## Kickstart Your Online Presence with GoodWeb: The Ultimate SEO-Ready Website Builder

**Introduction**:

Welcome to [GoodWeb](https://www.aiforme.wiki/ai/tools/goodweb), the go-to solution for freelancers, local businesses, and creatives seeking a smart, beautiful, and SEO-ready website in just minutes. Our platform is designed to help you achieve your goals effortlessly by focusing on what matters most while we take care of the rest. 

With our user-friendly builder, automatic improvements, and SEO booster, you can establish a compelling online presence and drive success like never before. Let's dive into the features that make [GoodWeb](https://www.aiforme.wiki/ai/tools/goodweb) the perfect choice for building your website.

**Features**:

**No-Code Website Builder:**
Sign up and create your website within minutes using our intuitive no-code website builder. Choose from a variety of templates or build from scratch, customizing your site to perfectly align with your brand and vision.

**Automatic Improvements:**
[GoodWeb's](https://www.aiforme.wiki/ai/tools/goodweb) intelligent platform automatically enhances your website, ensuring it meets the latest industry standards and best practices. With our ongoing improvements, you can stay ahead of the curve without lifting a finger.

**SEO Booster:**
Reach a wider audience and boost your online visibility with our built-in SEO tools. [GoodWeb](https://www.aiforme.wiki/ai/tools/goodweb) optimizes your website's structure, content, and meta tags to improve search engine rankings and attract organic traffic.

**Mobile Ready:**
In today's mobile-centric world, having a responsive website is crucial. GoodWeb ensures your site looks stunning and functions flawlessly on all devices, whether it's a desktop, tablet, or smartphone.

**Logo Maker:**
Create a strong brand identity with our logo maker. Design a professional logo that represents your business's personality and instantly captures the attention of your visitors.

**Palette Generator:**
Choosing the right color scheme is essential for a visually appealing website. Our palette generator suggests harmonious color combinations to make your website aesthetically pleasing.

**Smart Templates:**
[GoodWeb](https://www.aiforme.wiki/ai/tools/goodweb) offers a collection of smart templates that cater to various industries and purposes. Whether you need a portfolio, online store, or blog, our templates provide a solid foundation for your website.

**Conclusion:**

With **[GoodWeb](https://www.aiforme.wiki/ai/tools/goodweb)**, you can effortlessly build a powerful online presence that leaves a lasting impression. Focus on your goals while our platform takes care of creating a smart, beautiful, and SEO-ready website. Experience the convenience of our no-code website builder, automatic improvements, and SEO booster, and track your success with detailed reports. Kickstart your journey to online excellence with GoodWeb today!
How to explain CI/CD pipeline to kids in simple terms?
Tags: cloud, devops, cicd, kubernetes
Published: 2023-08-02 03:29:01



- CI/CD pipeline is a way of making software faster and better by automating some steps
- CI stands for Continuous Integration, which means testing code changes as soon as they are made
- CD stands for Continuous Delivery, which means releasing software updates whenever they are ready
- A CI/CD pipeline has several stages, such as development, testing, deployment, and maintenance


![CI/CD](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nlglrzt5ehl9v2j936px.png)

## Let’s see an example of how a CI/CD pipeline works:

- Imagine you are building a Lego house with your friends. You each have a different part of the house to work on
- You want to make sure your parts fit together and look good, so you need to check them often
- CI is like checking your Lego pieces every time you add or change something. You use a tool that tells you if they match or not
- If they match, you can move on to the next step. If not, you need to fix them before you continue
- CD is like putting your Lego pieces together and showing them to your parents or teachers. You use another tool that helps you do that automatically
- You can decide when to show your Lego house, depending on how confident you are that it is ready
- Sometimes you may need to get approval from someone else before you show it. That’s called manual testing or approval
- CD makes sure your Lego house is always ready to be shown and enjoyed by others
- A CI/CD pipeline is like a conveyor belt that moves your Lego pieces from one stage to another
- It saves you time and effort by doing some tasks for you
- It also reduces the chances of making mistakes or breaking something
- It helps you deliver high-quality Lego houses faster and more reliably
- I hope this helps you understand what a CI/CD pipeline is and how it works


Thanks for reading and happy building! 😊
Need help in finding port of server
Tags: webdev, automation, hosting, serverless
Published: 2023-08-02 03:26:11

HI,
I am stuck in a real issue I make an automate website named [Astro Luna](https://astroluna.org/) with the help tasker now I am stuck in simple getting response action the tasker required the port number how we know which port hosting company is using from where I find this this port number I want to perform operation after getting the response it is important for me please anyone know about that please it comment down  with detailed process.
Using object-access instead of Array.find when dealing with lots of data - Javascript Recipe
Tags: javascript, cookbook, vanillajs, functional
Published: 2023-08-02 03:14:49

---
title: "Using object-access instead of Array.find when dealing with lots of data - Javascript Recipe"
published: true
series: "JS Cookbook"
description: Recipe to access or enrich information about a normalized data.
tags: javascript, cookbook, vanillajs, functional
---

A repeating thing we do with a large list is try and `find` a particular item.

For instance, you get a `customers` list from an API and at various points, you try and extract one particular customer:

```js
let customers = [
  { id: 'asdf', name: 'john', age: 28, city: 'denver' },
  { id: 'lkjh', name: 'bob', age: 25, city: 'kyoto' },
  { id: 'qwer', name: 'angela', age: 44, city: 'mumbai' },
];

let customerIdToFind = 'asdf';

const result = customers.find((cust) => cust.id === customerIdToFind);
// { id: 'asdf', name: 'john', age: 28, city: 'denver' }
```

There are times when I do this a lot across the app. So instead of trying to `find` by iterating over a list, I convert the `customers` list into an object where the key is the `id` and the value is the customer object.

```js
const convertToObject = ({ key, list = [] }) => {
  if (!list || !list.length || !key) return undefined;
  const kvals = list.map((item) => item[key]).filter((v) => v !== undefined);
  return Object.fromEntries(
    kvals.map((kval) => [kval, list.find((item) => item[key] === kval)])
  );
};

let customers = [
  { id: 'asdf', name: 'john', age: 28, city: 'denver' },
  { id: 'lkjh', name: 'bob', age: 25, city: 'kyoto' },
  { id: 'qwer', name: 'angela', age: 44, city: 'mumbai' },
];

let customersAsObject = convertToObject({
  key: 'id',
  list: customers,
});

/* 
customersAsObject = {
  'asdf': { id: 'asdf', name: 'john', age: 28, city: 'denver' },
  'lkjh': { id: 'lkjh', name: 'bob', age: 25, city: 'kyoto' },
  'qwer': { id: 'qwer', name: 'angela', age: 44, city: 'mumbai' },
}
*/
```

This makes it easy to "access" a particular customer at O(1) time instead of O(N) time.

```js
let customers = [
  { id: 'asdf', name: 'john', age: 28, city: 'denver' },
  { id: 'lkjh', name: 'bob', age: 25, city: 'kyoto' },
  { id: 'qwer', name: 'angela', age: 44, city: 'mumbai' },
];

let customersAsObject = convertToObject({
  key: 'id',
  list: customers,
});

let customerIdToFind = 'asdf';

const result = customersAsObject[customerIdToFind];
// { id: 'asdf', name: 'john', age: 28, city: 'denver' }
```

Typically, I convert the `customers` list right at the time of getting the data from the API (or any other service) and pass the object around across the app.
Safe, simple, sequential promises in Javascript
Tags: recipe, javascript, vanillajs, cookbook
Published: 2023-08-02 03:10:16

---
title: "Safe, simple, sequential promises in Javascript"
published: true
description: Javascript promises are a boon but they're also problematic if you don't handle errors well. This recipe tames them.
tags: recipe, javascript, vanillajs, cookbook 
series: "JS Cookbook"
---

Whenever you need to run a "sequence" of promises one after the other – because, say, you need the output of one promise to be fed into the next promise – things will get a little tricky.

The bad way of doing it would be to chain them.

```js
promise1()
  .then(result1 => {
    promise2(result1)
      .then(result2 => {
        promise3(result2)
          .then(result3 => {
            ...
          })
          .catch(...)
      })
      .catch(...)
  })
  .catch(...)
```

A better way would be to use the `async/await` syntactic sugar:

```js
try {
  const result1 = await promise1()
  const result2 = await promise2(result1)
  const result3 = await promise3(result2)
  ...
  return resultFinal
} catch (e) {
  // do something with error e
}
```

And that's not too bad if you had just 2-3 promises, which I guess would be typical use-case.

However, we could combine the ideas of piping and converting errors to values to build an asynchronous variation of a `pipe`.

```js
const runAsyncHelper = async (fn, input) => {
  if (input.err) return { err: input.err };
  try {
    const res = { data: await fn(input.data) };
    return res;
  } catch (err) {
    return { err };
  }
};

const pipePromises =
  (...fns) =>
  async (init) => {
    return fns.reduce(
      async (acc, fn) => {
        return await runAsyncHelper(fn, await acc);
      },
      { data: init }
    );
  };
```

The idea is simple.

- You take a bunch of promise functions
- Pass { data: initialInput } to the first promise but wrap it in an `runAsyncHelper` function which simply runs the promise, awaits the result and returns either `{ data: result }` or `{ err: Error }`
- and then pass that data to the next promise in the list
- and so on till the final promise is resolved

The key difference is that we `await` a lot.

## Example

Let's say we have 3 promises to run sequentially:

```js
const p1 = (int) => Promise.resolve(int);
const p2 = (int) => Promise.resolve(int + 1);
const p3 = (int) => Promise.resolve(int * 2);
```

We can now run them sequentially like so:

```js
const result = await pipePromises(p1, p2, p3)(10); // result = { data: 22 }
```

What if one of the promises actually failed?

```js
const p1 = (int) => Promise.resolve(int);
const p2 = (int) => Promise.resolve(int + 1);
const p3 = (_) => Promise.reject(new Error('Uh oh'));
const p4 = (int) => Promise.resolve(int * 2);

const result = await pipePromises(p1, p2, p3, p4)(10); // result = { err: new Error("Uh oh") }
```

A failed promise is like a short-circuit. The first promise to fail will be returned as the result of the pipe.