teleren/devto huggingface dataset:
Level Up Your Tech Skills: My Zuri Internship Journey Begins – Backend Development with Node.js!
Tags: webdev, zuri, node, backend
Published: 2024-04-02 04:58:51

Yo tech fam! Guess what? I'm officially a Zuri Intern! Super pumped to embark on this quest for knowledge and growth, and I want you all to join the ride.

Today, we dove into the foundational layer – computers and programming. Remember those days glued to the screen, engrossed in the digital world? There's a whole hidden world of processing power and code that makes it all happen.

Think of your computer as a beefy workstation with two critical components:

Hardware: The tangible stuff you can interact with – the keyboard, mouse, and that glorious monitor. Essentially, the computer's physical architecture.

Software: The intangible instructions that orchestrate the hardware – the operating system, applications, and those all-important programming languages. This is the computer's logical core.

So, how do we converse with this silicon brain and issue commands? Programming languages are our secret weapon! These are specialized languages that allow us to translate our ideas into instructions the computer can understand.

In my Zuri internship, I'll be wielding the power of Node.js, a JavaScript runtime environment that reigns supreme in the realm of backend development. Node.js empowers us to construct the invisible infrastructure that drives websites and applications – the unsung hero behind the seamless user experience.

While I've got some experience with Django (another backend warrior), Node.js presents a fresh challenge, and I'm itching to conquer it! Join me as we embark on this amazing journey through the captivating world of computers and programming. We'll be dissecting the fundamentals step-by-step, so whether you're a seasoned developer or a curious newcomer, there's something for everyone.

Stay tuned for upcoming posts where we'll delve deeper into computer components, explore the vast landscape of programming paradigms (like object-oriented and functional programming!), and conquer the exciting realm of backend development with Node.js. This is going to be an epic adventure, and I can't wait to share the knowledge with you all.
API Routes in Next.js - Part 4
Tags: nextjs, react, javascript, webdev
Published: 2024-04-02 04:55:24

## Introduction

Next.js is a full-stack framework that enables you to develop both the frontend and backend seamlessly. In contrast to using Express.js for building the backend, where you might need to run a separate server on a different port, Next.js eliminates this need.

Next.js employs a file-based routing system, making it convenient and efficient.

```javascript
const express = require("express");
const app = express();
const port = 3000;

app.get("/", (req, res) => {
  res.send("Hello World!");
});

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`);
});
```

Note that in the traditional Express.js example, app.listen specifies the port to which it must listen, requiring it to be continuously running to handle requests.

Next.js covers all traditional backend features, including middlewares, parsing, authentication, and even serverless functions.

## Creating the API Route

Route Handlers allow you to create custom request handlers for a given route using the Web Request
and Response
APIs.

Route Handlers are defined in a `route.js|ts` file inside the `app` directory:

```javascript
//app/api/route.js
export const dynamic = "force-dynamic"; // defaults to auto
export async function GET(request) {}
```

Route Handlers can be nested inside the `app` directory, similar to `page.js` and `layout.js`. But there cannot be a `route.js` file at the same route segment level as `page.js`.

While Route Handlers can be nested inside the `app` directory, similar to `page.js` and `layout.js`, it's crucial to avoid having a `route.js` file at the same route segment level as `page.js`. A recommended practice is to keep routes separate in another folder, commonly in `/api/*`.

For instance, if you need a route at `/api/users`, create a `users` folder inside the `api` directory and then add a `route.js` file inside it. This route will correspond to `/api/users`.

This route will point to `/api/users`.

## Supported HTTP Methods

The following HTTP methods
are supported: `GET`, `POST`, `PUT`, `PATCH`, `DELETE`, `HEAD`, and `OPTIONS`. If an unsupported method is called, Next.js will return a `405 Method Not Allowed` response.

This is esentially everything you need.

To handle a `GET` request, you simply write a `GET` function inside the `route.js` file.

```javascript
export async function GET() {
  return Response.json("Hello, Next.js!");
}
```

You return the response as you would return from any regular express server.

For example ,

```javascript
//app/api/items/route.js
export async function GET() {
  const res = await fetch("https://data.mongodb-api.com/...", {
    headers: {
      "Content-Type": "application/json",
      "API-Key": process.env.DATA_API_KEY,
    },
  });
  const data = await res.json();

  return Response.json({ data });
}
```

Similarly, and within the same file, you can use all other `HTTP` verbs.
To witness this specific API in your browser, go to: `http://localhost:3000/app/api/items`.
That's it! It's simple and intuitive.
Mastering Nebosh Assignments: Key Resources and Tools
Published: 2024-04-02 04:52:03

To get the mastery of Nebosh assignments, students must put resources and tools to good use. [NEBOSH assignment writers](https://assignmentmaster.org.uk/nebosh-assignments) can offer invaluable assistance, providing expert guidance tailored to the specific requirements of Nebosh assessments. Their services will, in most cases, bring forth professionals who are well exposed to the standards and protocols of Nebosh, thereby ensuring that what will be submitted is of high quality and will pass the strict criteria laid down by Nebosh examiners. These offer online forums as valuable resources for discussing and sharing thoughts, posting useful study groups, and acquiring different views on difficult topics. Nebosh-approved textbooks, study books, and online resources to read will help you understand better and structure an assignment that is well-researched and coherent in presentation. These resources and tools will help the students assimilate their work and approach the Nebosh assignments with an expectation of academic success.
Revolutionizing FinTech and Banking: Unveiling the Future through API Integration
Tags: fintech, fintechsoftware, fintechsoftwaredevelopment, fintechsolutions
Published: 2024-04-02 04:49:20


Explore the dynamic convergence of finance and technology in 'Revolutionizing [FinTech ](https://www.seasiainfotech.com/fintech-software-development)and Banking: Unveiling the Future through API Integration.' Delve into the transformative power of API integration as we unlock unprecedented possibilities in financial services. Discover how this creation reshapes the banking landscape, fostering greater efficiency, and innovation. Join us as we illuminate the path toward a more connected, agile, and customer-centric financial ecosystem. For more information [read more](https://medium.com/@lizakosh4/api-integration-in-fintech-and-banking-unlocking-the-future-dea77a6de2db).
Enhance Your Business Intelligence Expertise Career with QlikSense Online Courses by GoLogica
Tags: qliksense, freedemo, gologica, business
Published: 2024-04-02 04:49:05

Elevate your data analysis expertise with GoLogica on [QlikSense online training](https://www.gologica.com/course/qlik-sense-training/), where you'll learn to create insightful dashboards and reports that reveal hidden patterns in data. This course focuses on data visualization and manipulation, empowering you to make data-driven decisions that significantly enhance your organization's performance.

By mastering QlikSense, you will be well-equipped to transform raw data into actionable intelligence. This training not only strengthens your professional capabilities but also plays a vital role in driving data-driven decision-making within your organization. With the skills acquired from this course, you'll be able to effectively analyze data, derive meaningful insights, and contribute to your organization's growth and success.
File Input Components just Released! 🎉
Tags: html, react, tailwindcss, news
Published: 2024-04-02 04:45:13

Check out the File Input Component with a selection of 30 variations!

[https://wind-ui.com/components/form-elements/file-inputs/](https://wind-ui.com/components/form-elements/file-inputs/)

Feel free to copy, paste & share the love!💚
Cypress selector trick
Tags: javascript, cypress, tips, tricks
Published: 2024-04-02 04:39:40

As you might know when dealing with the topic of selector there is Cypress recommendation to use data-testid. [Best Practice](https://docs.cypress.io/guides/references/best-practices)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9xk0y1lwcxvc189kp89n.jpg)

However in order to get those data-testid you will need to talk to the frontend team and have them add it to the DOM as part of one of their task. But is there a way to still make yourtests while you wait for the ids to be implemented?

_The answer is YES_

So let us explore the solution step by step.

## The initial situation
We have a simple test that navigates to this website, fills in a few fields, submit a form and check for an error message.

The Cypress code looks as below and as you can see we have a really nice scenario where for almost all elements we have unique ids.


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

However we want to use data-testids in the code but without making the test fail while we wait.

## The solution while you wait
The way we can achieve our goal is by using a not so know feature of cy.get.

We are allowed to provide cy.get with more than one locator as long as we respect the format. So we can enter in the code a placeholder for data-testid and the current working locator. See the below example

`cy.get(‘[data-testid=””],#name’).type(‘test1’);`

After having done all the changes you can run your tests and the test will pass with no issues since it will be able to find the element you want by using the original id.

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

**Final code**
Once you have the new data-testids in your DOM you can bring the code to its final form.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nknr40x7uqg6a1q4vnel.jpg)
And if we run the test we can see it passes.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3oa7oqchuzors0eai5yk.jpg)

## Conclusion
Give this solution a try and write what you think about it. Are there other scenarions where you might consider using it?
Creating Layouts and Pages (Next.js)
Published: 2024-04-02 04:32:51

You can visit my [GitHub repo](https://github.com/Samuel-Lubliner/nextjs-dashboard/commits/main/) to follow along with me.

## Nested routing

- Next.js uses file-system routing
- Folders are used to create nested routes
- Each folder represents a route segment that maps to a URL segment

You can create separate UIs for each route using `layout.tsx` and `page.tsx` files. `page.tsx` exports a React component, and it's required for the route to be accessible.

To create a nested route, nest folders inside each other and add `page.tsx` files inside them.

## Colocation

A special name for page files allows you to [colocate](https://nextjs.org/docs/app/building-your-application/routing#colocation) UI components, test files, and other related code with your routes. Only the content inside the page file will be publicly accessible.

## Layout

Use a `layout.tsx` file to create navigation UI that is shared between multiple pages. Any components imported into `/app/dashboard/layout.tsx` will be part of the layout. The `<Layout />` component receives a children prop. This child can either be a page or another layout.

## [Partial Rendering](https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#3-partial-rendering)

Benefit of layouts in Next.js: On navigation, only the page components update while the layout won't re-render. 

Any UI added to the root layout will be shared across all pages. You can use the root layout to modify `<html>` and `<body>` tags, and add metadata.
Issue in fetching the data from server in React.
Tags: react, javascript
Published: 2024-04-02 04:28:55

In react, if used proxy only fetches the data from server without any issue in development, but If directly hit on api endpoint then it gives cors issue of not allowed cors-header, Every thing works fine using APIdog, or POST man, But after building the react build (npm run build) for production mode the Proxy doesnot work. Doesn't fetches the data from the server, even doesnot hit to the server.
The Importance of UX/UI Design in Software Projects
Tags: ui, ux, uiuxdesignservices, devops
Published: 2024-04-02 04:27:41



Find out why [UI UX design services](https://www.sparkouttech.com/ui-ux-development/) are essential in software projects and how it can make a difference in the user experience. Learn how to optimize your design to deliver an outstanding experience that drives the success of your projects.

In the world of software development, UX/UI design plays a crucial role in ensuring that apps and websites are intuitive, attractive, and functional. In this blog, we will explore the importance of strong UX/UI design and how it can impact the success of your software projects.
‍

UX/UI design encompasses both user experience (UX) and user interface (UI) design. While UX focuses on improving user satisfaction when using a product or service, UI focuses on the visual appearance and usability of the interface. Both aspects are equally important to create an outstanding experience.
‍
**1. Understanding User Experience (UX)**

User experience (UX) in software design is crucial to ensuring user satisfaction and success. Through research and analysis, user needs and expectations are understood, allowing user-centric solutions to be created.
‍

**2.User Interface (UI) Design**

User interface (UI) design refers to the visual appearance and interaction of users with the software. The use of design principles, such as the selection of colors, typography and arrangement of elements, allows you to create attractive and easy-to-use interfaces.
‍

**3.Optimizing the User Experience**

Optimizing the user experience involves considering aspects such as information architecture, intuitive navigation and usability on different devices. By ensuring a smooth and satisfying experience, user retention and software effectiveness are improved.
‍

**4.Impact on Project Success**

Strong UX/UI design has a significant impact on the success of software projects. By providing an intuitive and pleasant interface, product adoption and user satisfaction are increased. This translates into greater user retention and the possibility of positive results.
‍In conclusion, UX/UI design is essential in software projects. By focusing on user experience and optimizing the interface, you achieve an outstanding experience that drives project success. Make sure you implement strong UX/UI design in your software projects to deliver a memorable experience to your users.
‍

Remember that the success of your software projects depends largely on user satisfaction, and UX/UI design is a key piece in that puzzle. Optimize your designs to deliver outstanding experiences and conquer the market!
Finding Best Training Hyper Parameters / Configuration Is Neither Cheap Nor Easy
Tags: beginners, python, devops, ai
Published: 2024-04-02 04:12:53

Currently doing 6 different Stable Diffusion XL (SDXL) fine tuning (DreamBooth like with 5200 regularization images concept) training. My aim is finding best hyper parameters / configuration for masked training of OneTrainer.

Masked training seriously reduces the overtraining when training dataset is not good enough. However it also makes generated picture body disproportional.

Already done more than 4 trainings and currently 6 trainings are running on 2 L40 GPU.

The GPUs are rented from MassedCompute and we already prepared a template and a guide for this. Guide is not complete yet.

So finding good training hyper parameters / configuration is not easy nor cheap.

You can use A6000 GPU on MassedCompute with our template for only 31 cents per hour. Follow instructions here (still WIP) : https://github.com/FurkanGozukara/Stable-Diffusion/blob/main/Tutorials/OneTrainer-Master-SD-1_5-SDXL-Windows-Cloud-Tutorial.md


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pu3nl3hhr6acrnd4814v.png)
Ukiyo-e Printing Supplier Online
Tags: ukiyoe, printing, suppliers
Published: 2024-04-02 03:57:47

[Ukiyo-e](https://ukiyoeshoes.com/blogs/news/ukiyo-e-the-window-into-japans-edo-period), which translates to "pictures of the floating world," is a traditional Japanese art form that originated in the Edo period (1603-1868). These [woodblock prints](https://ukiyoeshoes.com/blogs/news/the-history-and-evolution-of-ukiyo-e-art-exploring-japans-woodblock-prints) depict scenes of everyday life, landscapes, and famous actors, and were popular among the common people of Japan during that time.

In recent years, there has been a resurgence of interest in ukiyo-e prints, both in Japan and around the world. Collectors and art enthusiasts are drawn to the intricate designs, vibrant colors, and historical significance of these prints. As a result, there is a growing demand for **[ukiyo-e printing suppliers](https://ukiyoeshoes.com/)** who can provide high-quality reproductions of these classic works of art.

If you are in the market for ukiyo-e prints, you may be wondering where to find a reliable supplier online. Fortunately, several reputable ukiyo-e printing suppliers offer a wide range of prints for sale on their websites. These suppliers specialize in reproducing ukiyo-e prints using traditional woodblock printing techniques, ensuring that each print is an authentic representation of the original artwork.

When choosing a ukiyo-e printing supplier online, it is important to consider the quality of their prints, the variety of designs available, and their reputation within the ukiyo-e community. Look for suppliers who use high-quality materials and meticulous craftsmanship to create their prints, as these are the hallmarks of a truly authentic ukiyo-e reproduction.

Additionally, you may want to consider the range of designs offered by the supplier. Some ukiyo-e printing suppliers focus on reproducing well-known prints by famous artists such as Hokusai and Hiroshige, while others offer a more diverse selection of prints from various ukiyo-e schools and genres. Choose a supplier that offers prints that align with your personal preferences and interests.

Finally, take the time to research the reputation of the ukiyo-e printing supplier before making a purchase. Look for reviews and testimonials from other customers, and inquire about the supplier's commitment to customer satisfaction and quality control. A reputable supplier will be transparent about their printing process and materials, and will go above and beyond to ensure that you are satisfied with your purchase.

In conclusion, if you are looking to buy ukiyo-e prints online, there are several reputable suppliers who can provide you with high-quality reproductions of these classic works of art. By considering the quality of the prints, the variety of designs available, and the reputation of the supplier, you can find a ukiyo-e printing supplier who meets your needs and preferences. Happy shopping!

Find more custom printed Ukiyo-e products: [https://ukiyoeshoes.com/](https://ukiyoeshoes.com/)
The Dark Side of AI/AGI
Tags: ai, deeplearning, datascience, machinelearning
Published: 2024-04-02 03:15:07


If you had taken five years to the past, you wouldn't have imagined AI would make such progress as it has made today.

AI's progress in the next 5 years cannot truly be imagined today; we can only imagine.

I don't follow Elon Musk's prediction verbatim. I believe, in one way or another, humanity will end up building a technology that achieves Belphegor's Prime.

That is to say, we will reach a place of human ingenuity beyond which we can go no further (contextually considering). AGI or ASI will take over from humans in almost all areas of reasoning and problem-solving (According to Nick Bostrom, AI will become an Oracle & Genie). 

Nvidia has recently successfully built a digital twin of the earth (expected to be a model for solving issues such as the Climate crisis, etc.); whether it is accurate is beside the point. The point is that we are quickly reaching the limit of what humans can achieve regarding working tools. 

We are now turning the power of our ingenuity over to machines. Imagine when Quantum Computing, Nanotechnology & other emerging technologies reach their ultimate thresholds; humanity will have reached a Singularity that touches even Pierre Teilhard de Chardin's greatest fantasy —The Omega Point. 

Does humanity have an ultimate destiny?
Is AI part of the narrative that will lead humanity to its eschatological destiny? 

Is Alien Intelligence involved in all of this?

Note: It is not my intention to sound like a doomsday prophet, but the times have woven a web of uncertainty, and I must navigate carefully and wonder aloud. 

In any case, I would be happy to hear your thoughts on the post above.