teleren/devto huggingface dataset:
Designed by JavaScript without tree
Tags: codepen, javascript, beginners, programming
Published: 2024-06-10 17:26:17

add me on :
Codepen:
https://codepen.io/hussein009
github :
https://github.com/hussein-009
https://heylink.me/hussein009
{% codepen https://codepen.io/hussein009/pen/MWdEwRM %}
Exhibition Stand Design Company in Nuremberg
Published: 2024-06-10 17:25:45

Bellatrum is one of the best three exhibition stand companies in Nuremberg. We have more than 25 years of experience in designing and building exhibition stands for trade shows in Nuremberg. 

From BIOFACH to Interzoo to SMTConnect, we have covered all the [top exhibitions in Nuremberg](url=https://bellatrum.com/stand-designs-in-nuremberg/). Our technologically advanced exhibition stands have established our dominance in the exhibition industry. As an experienced stand designs company in Nuremberg, we understand that every business has different requirements. That’s why we offer different types and different sizes of exhibition stands. 

Get ready to present your brand and network with the stakeholders at the upcoming trade show in Nuremberg with our personalised [exhibition stand services.](url=https://bellatrum.com/custom-exhibition-stand/)
MOBILTEL - Mobiltel la voz de tu empresa
Tags: telecommunication, crm, it, saas
Published: 2024-06-10 17:16:26

Mobiltel, a Mexican telecommunications company founded in 2009, emerged from the merger of two experienced integrator groups with over 15 years of expertise in voice and data services. Specializing in VoIP cloud solutions, Mobiltel offers a comprehensive suite of services including Virtual PBX, Virtual Numbers, SIP Trunking, CRM, SMS, and Software Call Centers, providing innovative and reliable telecommunications solutions to its clients.

[https://mobiltel.com.mx/conmutador-virtual](https://mobiltel.com.mx/conmutador-virtual)
Keep working on my Project
Published: 2024-06-10 16:58:58


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

Time to do character design! This game will have 2 races 
Human: from earth, have monkey DNA, work fast, build fast but weak in magic 
Niiiko: have cat features, can do magic! but weak in everything else 
Together they will build a base and survive against zombies!!

((^...^) currently solo on this project)

#tonicatfeldiae #taniafelidea #nekoniiistudio #unity #unitydev
What are your Goals for week 24 of 2024?
Tags: discuss, motivation
Published: 2024-06-10 16:40:05

 It's week 24 of 2024.  It's June at Virtual Coffee we are doing mid year check ins. Are you on track to meet your goals for the year?

## What are your goals for the week? 

- What are you building? 
- What will be a good result by week's end?
- What events are happening this week? 
  * any suggestions for in person or virtual events?
- Any special goals for the quarter?

{% embed https://dev.to/virtualcoffee/monthly-challenge-mid-year-check-in-recharge-and-refocus-for-an-amazing-second-half-2k4c %}


### Last Week's Goals
 
- [:white_check_mark:] Continue Job Search. Networked, Applied
- [:white_check_mark:] Project work. Worked on a site I manage. Last month I needed to add some new images. The files wouldn't upload. I kept getting permission errors. There wasn't a lot of files so I just logged into the hosting account and uploaded manually.
Finally had time to research it. The hosting company had changed the servers unannounced. I updated the server name and now, FTP works. 
- [:white_check_mark:] Blog. I blogged on DEV Frontend Challenge for June.
- [:white_check_mark:] Work on DEV Frontend Challenge

{% embed https://dev.to/jarvisscript/frontend-challenge-june-beach-sunset-48pa %}
- Events.
  * [:white_check_mark:] I am Not a Robot with @Nickyt And Gant.
  * [:x:] Thursday Virtual Coffee.
- [:white_check_mark:] Run a goal setting thread on Virtual Coffee Slack.
-  [:x:] Assess my mid year progress.
- [:white_check_mark:] Yard Work

 

 
### This Week's Goals


- Continue Job Search. 
- Project work.
- Blog.
- Events.
  * 3JS talk.
- Run a goal setting thread on Virtual Coffee Slack.
- Assess my mid year progress.
- Yard Work


### Your Goals for the week 

Your turn what do you plan to do this week? 

- What are you building? 
- What will be a good result by week's end?
- What events are happening any week? 
  * in person or virtual?
- Got any Summer Plans?



```html
-$JarvisScript  git commit -m "Mid year already!"
```
FREE Ebook: Modernize Your Apps with Blazor
Tags: blazor, dotnet, ui, modernization
Published: 2024-06-10 16:28:11

**Are you exploring how to modernize existing applications? Or are you still weighing the pros and cons of using Blazor for your next app? Look at the free ebook on the topic and learn more about why, when and how to modernize your legacy apps or build new apps from the ground.**

Many organizations maintain applications built on legacy platforms (ASP.NET AJAX (Web Forms), Win32 or even ASP.NET MVC, etc.). As newer frameworks emerge, so do better ways to deliver improved functionality, UX, performance and critical changes.

As a result, dev teams either completely rebuild their application or wrap the back end in a modern front end. In either case, they are challenged with implementing modern and beautiful UI as quickly as possible without sacrifice the quality.

With the evolution of .NET ecosystem and .NET 8, modernization and migration to Blazor becomes even more central and a key priority for many companies.

If you are exploring the topic or have a modernization project in your pipeline, you are in the right place to get free, detailed and practical information on the topic.

And without further ado, let me jump to more details about the Blazor Modernization ebook.

**Planning a Blazor Application eBook by Ed Charbenau**


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7cowcwhgf738zjdivvp6.png)[](https://www.telerik.com/campaigns/blazor/planning-a-blazor-application)

In recent years, Blazor has emerged as one of the most popular frameworks for building modern, engaging and inclusive web applications. By leveraging Blazor’s component-based programming model, cross-platform compatibility, seamless integration with other .NET technologies and incremental approach, you can modernize any web app while minimizing the risk of disrupting business operations.

Planning a Blazor Application eBook documents a high-level outline of what developers need to consider when choosing: modernization and migration strategies, target platforms, tooling, testing and user interface.

The ebook covers these all-important topics:

- ASP.NET Core architecture
- Everything about modernization/migration
- Tooling and development
- Test coverage
- Managing CSS scope with Razor components
- Component libraries
- Blazor data grid
- Customization
- Accessibility standards
- And more

[Download FREE Blazor Ebook](https://www.telerik.com/campaigns/blazor/planning-a-blazor-application?utm_medium=referral&utm_source=dev.to&utm_campaign=blazor-ebook-mnm)

If you download the ebook, we’ll soon follow up with more materials on the topic of modernization.

Stay tuned!
Creative HTML Cards | Style 1
Tags: codepen
Published: 2024-06-10 16:22:26

This CodePen showcases a stylish and modern card design using HTML and CSS. The cards feature a unique skewed background and smooth hover effects, making them visually appealing for various uses like portfolios, services, or product features. The layout is responsive, ensuring a seamless experience across different devices, from desktops to mobile phones.

Features
Responsive Design: Adjusts seamlessly for desktop, tablet, and mobile views.
Interactive Hover Effects: Cards change background color and reveal a "Read More" button on hover.
Custom Icons: Each card includes a unique icon that is centered and styled for aesthetic appeal.
Typography: Uses the "Epilogue" font for a clean and modern look.
External Links: Each card has a link to a Fiverr profile for more information.
How to Use
Copy the HTML structure into your CodePen editor or any HTML file.
Include the provided CSS either in a <style> tag or an external stylesheet.
Customize the card content, links, and icons to fit your needs.

{% codepen https://codepen.io/CreativeSalahu/pen/PovJqWm %}
2024-06-10: v0 complete
Tags: devjournal
Published: 2024-06-10 16:18:25

So, once again, I neglected to write a blog post last week. I don't want to make this a habit, but I guess it's been so busy these past two weeks that I didn't want to bother writing a whole post last week.

We've been focusing on getting our v0 (aka alpha version) out so that investors and such can start testing the app.

To generally cover what we've gotten done:

- iOS app is out on Test Flight
- revamped prompts
- speech to text
- two new architectures/prompts beyond what we had before
- a chat history sidebar
- selection of the architectures
- message limits
- a bunch of other small improvements/bugfixes

Generally, I've been working with my fellow prompt engineer and the others in the product team to get the prompts to do what we want, as has been the goal for the past 3 months. I believe I mentioned last time that we were transitioning from using fine-tune data to using just prompts for now. We need more resources to do fine-tune.

That being said, I also designed a script to get two AI models to talk to each other in a loop until the conversation naturally finishes. This was mostly to test that our prompts are adequate, but I can also take them and adapt them to fine-tune data. But the major issue is that it costs a lot and I'm actually not sure if it's generally better in terms of quality of the conversations.

Anyway, another thing we're considering is the fact that there's no chain-of-thought reasoning possible for our app. We are designing it so that the bot gives the shortest, most concise lines of questioning, which disallows for it to reason for the previous context. This causes the bot to follow the prompt and goals that we laid out a little too rigidly instead of following a natural flow. So to mitigate this, I'm thinking of designing a two-step process where it will take a long-winded response with chain-of-thought reasoning, then reduce that down to a singular question. This way, it can follow its own logic better.

So that's what's happened so far. Hopefully it turns out for the better. Until next time, cheers.
Vuetify Tutorial: Design a Website Banner with Vuetify || Vuetify Bangla Tutorial
Published: 2024-06-10 16:16:06

**[YouTube Play](https://www.youtube.com/watch?v=lfbiawrt6Rw&t=7s)**

Welcome to our comprehensive Vuetify tutorial in Bangla! In this video, we'll guide you through designing a stunning website banner using Vuetify, a popular Vue.js framework. Whether you're a beginner or an experienced developer, this tutorial will help you create a professional-looking banner section for your website.

**In This Video, You Will Learn:**
How to set up Vuetify in your Vue.js project
The basics of Vuetify components and grid system
Step-by-step instructions to design a website banner
Tips and tricks for responsive and aesthetically pleasing desig

**Why Watch This Tutorial?**
**Beginner-Friendly:** Easy-to-follow instructions perfect for those new to Vuetify.
**Bangla Language:** Enjoy learning in your native language for better understanding.
**Practical Examples:** Real-world application to help you implement what you learn.

Don't forget to like, share, and subscribe for more tutorials in Bangla. Leave your comments and questions below, and we'll be happy to help!


📧 **Contact Us:**
For any queries or collaboration,
GitHub: https://github.com/Minhazulmin
Website: https://minhazulmin.github.io
Facebook: https://www.facebook.com/minit61  

#BanglaTutorial #Vuetify3 #Vuejs3 #ResponsiveDesign #WebDevelopment #NavigationDrawers #BanglaCoding #minhazulmin
gửi sản phẩm chưa_hoàn_thiện trước deadline
Tags: careerdevelopment
Published: 2024-06-10 16:10:19

gửi sản phẩm chưa_hoàn_thiện trước deadline 

cái hình bên dưới là 1 cái content mát dậy 🤷‍♂️, 
cái group kia đã từng rất hay với những content giúp người trẻ không bị lạc lối khi đi làm. 
giờ thì cái content cái group đấy còn tệ hơn cái group Biết thế éo đi làm. 
ờ thì biết rằng đời mạng giờ chỉ là cái chỗ để bơm thằng trẻ (Gien zét đồ) thổi thằng già (ba lăm cọng đồ), kích war lấy phêm tuyển dụng bán hàng lùa 🐥các thứ, nhưng mà vì cái này đáng nói nên nói ra đây, ai xem được gì thì xem. 

hôm nay là thứ hai ngày 2024-06-10, và giả sử như có 1 cái deadline vào ngày thứ ba 2024-06-11, nó bắt đầu từ thứ tư tuần trước, vậy thì nếu bạn "có_thể_được_gửi" 3 lượt "giao hàng" 

lần 1: rất ngắn sau khi nhận yêu cầu, ví dụ như 1 cái việc 10 ngày thì sau khi nhận yêu cầu và confirm trong buổi họp, trong 1 ngày sau đó bạn ra các ý phác thảo về cách làm, cách tiếp cận, phạm vi sản phẩm, xác định các bên liên quan, ngân sách, cấu trúc chia việc v.v. 🧾💹
lần 2: khoảng 50% thời gian, giao ra 1 cái sản phẩm "chưa_hoàn_thiện" và xin ý kiến đánh giá, chỉnh sửa 🤔
lần 3: vào trước deadline một_chút_xíu, ví dụ như deadline 10 ngày thì nộp vào sáng ngày 10 chứ không phải 23h59 ngày thứ 10 ⌛ 

nếu làm được vậy thì công việc của bạn sẽ rất thuận lợi, còn không làm vậy thì chắc các bạn cũng sẽ thành công theo cách của các bạn thôi, chúc đi làm không đi lầm. 👍


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/adzx6s4spctfe1x1h13z.png)
Securing the Build: Addressing Cairo Compiler Risks in StarkNet
Tags: straknet, sierre, cairo, smartcontract
Published: 2024-06-10 16:06:19

The Cairo compiler is currently under development, which introduces potential security concerns. This is mainly due to undiscovered bugs that could hypothetically arise during the compilation of Cairo programs. These unknown vulnerabilities can be avoided by leveraging a mature and tested compilation process.

**Why Sierra?**

Sierra, which stands for "Secure Integrated Relocatable Engine for Efficiency Automation," is a framework that provides a more stable intermediate representation for compiler audits and gas optimization. Sierra acts as an intermediary between the high-level Cairo language and the low-level execution environment. 

By compiling Cairo code into Sierra, developers can perform audits and optimizations that are less susceptible to vulnerabilities introduced by Cairo compilers. 

Sierra's maturity and stability provide a secure foundation for building and analyzing smart contracts, lowering the probability of introducing vulnerabilities produced by compilation artifacts.

**Enhancing Sierre Development with Debugging and Analysis
**
While the Universal Sierre Compiler (USC) serves as a stable intermediate representation, it's crucial to integrate debugging, performance analysis, and simulation analysis throughout the development lifecycle. 

This proactive approach helps to:

Mitigate Potential Vulnerabilities: By proactively identifying and addressing issues early, these practices significantly reduce the risk of vulnerabilities sneaking into production code.
    
Optimize Performance: Performance analysis helps developers pinpoint bottlenecks and optimize code for efficiency, leading to faster and more cost-effective smart contracts.
    
Facilitate Communication: Regular communication within the StarkNet community is essential. Sharing findings from debugging and analysis can benefit the entire ecosystem by raising awareness of potential issues and fostering collaboration on solutions.

**Benefits of Sierre**

Compiler stability: Sierre provides a more stable compilation,reducing the risk of introducing compilation bugs, by using a mature and stable compiler.

Audit and optimisation: developers can utilise Sierre compiler for compiler -related audits and gas optimisation, ensuring their smart contracts are both secure and efficiant.

Community support: Due to the wide STARKNET community ecosystem developers can benifit from community scrutiny improvement and shared developments.


As StarkNet rapidly evolves,secure and optimized development will be a core focus for building robust smart contracts. By leveraging Sierre and best practices like debugging and analysis, developers can contribute to a secure and thriving StarkNet ecosystem.
Leetcode Diary: Move Zeros
Tags: javascript, learning, coding, algorithms
Published: 2024-06-10 16:02:08

https://leetcode.com/problems/move-zeroes/

the question is super easy if you solve it by using an extra array, using built-in methods to mutate the array via splice and then push.

However if you were to solve it in place like the question says, it isn't so easy anymore. This question is probably medium really because it requires some smart insights then. 

I'll discuss my solution then another solution from the discussion section, which is actually much better, but very unintuitive (which is why I am writing this article) 

My soultion was relatively simple: using two pointers, one for indexes that tracks zeros, and another for tracking non-zeros. 
You write a while loop and while both indexes are less than the array length, you do: 
1.) increment zeroIndex until you find the a 0 in the array
2.) increment the integerIndex while it's less than zeroIndex and the current number is a 0.
3.) both increments should stop if it is at array length
4.) swap these two indices 
5.) repeat

code as below: 

```
function swap (nums, i, j) {
    const temp = nums[i]
    nums[i] = nums[j]
    nums[j] = temp
}
var moveZeroes = function(nums) {
    let zeroIndex = 0
    let integerIndex = 0

    while (zeroIndex < nums.length && integerIndex < nums.length) {
        while ( nums[zeroIndex] !== 0 && 
            zeroIndex < nums.length
        ) {
            zeroIndex++
        }

        while (
            (
                nums[integerIndex] === 0 || 
                integerIndex < zeroIndex
            ) &&
            integerIndex < nums.length
        ) {
            integerIndex++
        }

        if (
            zeroIndex < nums.length && 
            integerIndex < nums.length
        ) {
            swap(nums, zeroIndex, integerIndex)
        }
    }
};
```

it's not great, especially with the number of conditions involved, but it works :) ... 

now here is the fun part... 

the intuition required to get the optimal solution is:
you need to move all numbers by some number, this number is determined by **how many 0s are in front of it to start with**

therefore in the same two pointers approach a much easier way to do this is by having one pointer that tracks the current iteration and the other for tracking how many 0s have appeared in the iteration.

for each 0, you increment the zero count
for each non-zero you move it upward by the current zero count.

```
const moveZeroes = function(nums) {
  let j =0;
  for(let i=0; i< nums.length;i++){
   if(nums[i] === 0){
      j++ ;
   } else { 
     [nums[i-j], nums[i]] = [nums[i], nums[i-j]] 
   }
  }
};
```
this is much easier to read, but definitely harder to understand how it works.

I think during an interview if you were with this problem, the best bet to get this intuition if you go through this question carefully, and count exactly how many 0s does the number need to move forward. 
I'd definitely be okay if you were to come up with some more complicated solution like the former though :) ...
Day 6 of Machine Learning||Supervised ML Algorithms
Tags: machinelearning, datascience, beginners, tutorial
Published: 2024-06-10 15:58:00

Hey reader😀Hope you are doing well🙂
In the last blog we have seen that how EDA is performed on a dataset. In this post we are going to discuss about Supervised Machine Learning and the algorithms that we can use to build our model.
So let's get started 🔥

## What is Supervised Machine Learning?

> Supervised machine learning is a type of machine learning where the algorithm learns from a labeled dataset.
Here the word **labeled** tells us that the dataset contains input as well as corresponding output values.
To understand it better let's take a dataset of **Housing Price**-:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/netxju55ddlnynl7vebu.png)
We can see that here we have `area`, `bedrooms`, `balcony`, `age` and `price` as our columns. In this dataset the first four columns are determinant of price of a house. So we can say that **price is dependent variable and rest are our independent variable**. This is a labeled dataset. 
We train our machine on the dataset so that it can make predictions for new, similar data.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ecz3hqdo1kjbuz5a5u5g.png)
**Note** that the above dataset contains numerical values only as output but we can have categorical data too. So we need to handle this very carefully to get accurate model.

## Supervised Machine Learning Problems

Based on the type of output column in our dataset, we have two types of supervised ML problem-:

- Regression Problem

- Classification Problem

**Regression Problem**

Regression is generally used for datasets where the output is continuous. The above example is a type of regression problem. The algorithms used include **Linear Regression** ,**Locally Weighted Regression**,**Lasso Regression** ,**Ridge Regression** ,**Decision Trees**, **Neural Networks**, **Random Forest** etc. 

**Classification Problem**

Classification is generally used for datasets where the output is discreet. For example based on some data a candidate can either lose the election or win the election. The algorithms used include **Logistic Regression**, **Support Vector Machine**, **Decision Trees**, **Random Forest**, **Naive Bayes**, **Neural Networks** etc.
 
So now we are aware of the type of problems that we can encounter in Supervised Learning. In the next blog we are going to study about our very first algorithm i.e. Linear Regression.
Hope you have understood and liked this blog. Don't forget to like it and follow me.
Thankyou ❤️
Single Server Setup: Basics of System Design
Tags: systemdesign, webdev, beginners, learning
Published: 2024-06-10 15:52:48


Designing a system can look very daunting at first.

But it all starts with a small step.

So, while designing a system, we start off with a very simple approach where the system has only one server. Hence, called Single Server Setup.

A single server setup involves running your entire application stack (web server, database, application logic, etc.) on a single physical or virtual machine. It's straightforward, cost-effective, and perfect for startups or small projects where simplicity and budget are key.

## Understanding the diagram

![Client Server Architecture](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cd5anyajp8788vbngj5b.png)

1. Let's say you are a user, who wants to extract some examples of pet animals from `www.example.com`.
2. When you access this website through domain name (`www.example.com`), the web hosting company who is providing Domain Name System (DNS) service to this website will give you an IP address (e.g., 69.89.31.226).
3. As the IP address is provided, an HTTP (HyperText Transfer Protocol) request is sent to the web server.
4. The web server will process the request and send the desired output in the form of HTML page or JSON response to your browser.
That response is rendered by your web browser and you will be able to see the examples of pet animals.

Like you, many users must be accessing this website. So there are two main sources of traffic that can come to the server:
- **Web application:** This is accessed through a desktop device. Web application combines server-side logic (handling business processes and database communication) with client-side rendering (displaying content in browsers using HTML, CSS, and JavaScript). Together, they create interactive experiences accessible via web browsers.
- **Mobile application:** This is accessed through a mobile device. Mobile apps communicate with the web server through HTTP protocol. As JSON is a very lightweight API response format, it is used to send data from the server.

To conclude, there are many components that we are going to discuss in the system design that will extend this architecture.