teleren/devto huggingface dataset:
How to activate windows 10, 11, 12, etc. FREE
Published: 2024-06-11 19:13:54

We will activate windows with KMSAuto++ Portable download it here - https://disk.yandex.ru/d/up74ZPGsZ9BQ-g.

Windows activation process with KMSauto:

We disable Windows protector in the system “Settings”

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

Download the archive with the activator and unpack it using WinRar.
Run KMSauto++.exe

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

In the first window click the “KMSauto++” button.

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

Then double click with the left mouse button on the “Activate Windows” button (Activate).

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

Wait a little time (not more than 1 minute), it's done.
The license is installed - the system is activated!

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/67ubrabs9epcavdboz5e.png)
WORKS ON ALL SYSTEMS!!!

Translated with DeepL.com (free version)
Creative HTML Team Section | Style 1
Tags: codepen
Published: 2024-06-11 19:09:19

This project demonstrates a visually appealing and responsive team section ideal for corporate or personal websites. The design emphasizes clean aesthetics and usability, featuring:

A grid layout showcasing team members with their photos, names, and designations
Hover effects that reveal social media links for each team member
Integration of Font Awesome icons for enhanced visual elements
Responsive design ensuring compatibility across various devices
Technologies used:

HTML5
CSS3
Font Awesome
Explore the code to see how you can implement a stylish team section in your projects!

{% codepen https://codepen.io/CreativeSalahu/pen/gOJGKwL %}
238. Products of Array Discluding Self
Published: 2024-06-11 18:59:50

Topic: Arrays & Hashing

Soln 1 (prefix & suffix):

1. Get the length of the input list and create 2 lists (prefix and suffix) and assign 1 to them

2. Iterate through the input list starting from the second element (index 1) because the first element (index 0) has no elements to its left.
For each element, set the current position in the prefix list to the product of the previous position in the prefix list and the previous element in the original list nums. 

3. Iterate through the input list in reverse order starting from the second-to-last element (index n-2) because the last element (index n-1) has no elements to its right.
For each element, set the current position in the suffix list to the product of the next position in the suffix list and the next element in the original list nums.

4. return a combined multiplication of both list.
```
x = len(nums)
prefix = [1] * x
suffix = [1] * x

for index in range(1, x):
    prefix[index] = prefix[index - 1] * nums[index - 1]    

for index in range(x -2, -1, -1):
    suffix[index] = suffix[index+1] * nums[index + 1]   
    
return [prefix[i] * suffix[i] for i in range(x)]
```
Soln 2 (prefix & suffix)

1. Create an array result of the same length as nums, with all elements set to 1.

2. Initialize prefix to 1, Iterate over nums from left to right, For each element i, set result[i] to prefix and update prefix by multiplying it with nums[i].

3. Initialize suffix to 1, Iterate over nums from right to left, For each element i, multiply result[i] by suffix and update suffix by multiplying it with nums[i].

4. Return the result array.
```
class Solution:
    def productExceptSelf(self, nums: List[int]) -> List[int]:
        result = [1] * len(nums)
        pre = 1

        for i in range(len(nums)):
            result[i] = pre
            pre *= nums[i]
        suf = 1
        for i in range(len(nums) -1, -1, -1):
            result[i] *=suf
            suf *= nums[i]  

        return result
```

Soln 3:

There is a lazy solution where all you have to do is multiply all the elements in the list to get the total product, e.g using **reduce** (imported from functool) then divide by the element and return a list of the solution.
The drawback of this is it uses division and it fails when any element in the list is zero.

```
def productExceptSelf(self, nums: List[int]) -> List[int]:
        total_product = reduce(lambda x, y: x * y, nums)

        result = [total_product // num for num in nums]
        
        return result
```

Notes: None
Beginner Project Ideas with GitHub repos
Tags: beginners, webdev, programming, tutorial
Published: 2024-06-11 18:53:05

As a beginner or an intermediate developer, it's okay to admit it might be hard to have a project in mind to work on. Here are some of the projects that you can clone and work on. 

Get the whole list of [projects here](https://melbite.com/melbite/Beginner-Project-Ideas-with-GitHub-repos )


## 1. Web dev Projects
- **To-Do List App:** https://github.com/topics/todo-list - This is a simple to-do list built with HTML, CSS, and JavaScript.
- **Personal Portfolio Website:** https://github.com/topics/personal-portfolio - A showcase of a portfolio website using HTML and CSS.
- **Interactive Quiz:** https://github.com/topics/quiz?l=css - An example of an interactive quiz using these technologies.
- **Landing Page Design:** https://github.com/topics/responsive-landing-page - Search results for landing page designs using HTML and CSS.
- **Responsive Website:** https://github.com/topics/responsive-website - Example responsive website projects using HTML, CSS, and JavaScript.


## 2. Python Web Development:
- **Simple Blog (Flask):** https://docs.djangoproject.com/en/5.0/intro/ - Official Django tutorial for creating a blog, adaptable to Flask.
- **To-Do List App (Flask):** https://github.com/topics/todo-flask - A to-do list app example using Flask.
- **Quote Generator (Flask):** https://rapidapi.com/ipworld/api/quotes-inspirational-quotes-motivational-quotes - You can find APIs for quotes here and use them with Flask in your project.
- **URL Shortener (Flask):** https://github.com/topics/url-shortener?l=python - URL shortener using Flask with example code.
- **Mad Libs Generator (Python):** https://github.com/ChalzZy/Mad-Libs-Generator - A few examples of Mad Libs generators on GitHub.


## 3. General Python Projects:
- **Text-Based Adventure Game:** https://github.com/topics/text-rpg - Text-based adventure game examples using Python.
- **Number Guessing Game:** https://github.com/topics/guessing-number-game?l=python - Simple number guessing games in Python.
- **Password Generator:** https://medium.com/analytics-vidhya/create-a-random-password-generator-using-python-2fea485e9da9 - Tutorial on creating a secure password generator with Python.
- **Simple Calculator:** https://www.youtube.com/watch?v=BX6_YBPr7Jw - Building a simple calculator app in Python.
- **Web Scraper (Educational Tutorial):** https://www.youtube.com/watch?v=ooNngLWhTC4 - Official Scrapy tutorial to learn web scraping responsibly.

Get the whole list of [projects here](https://melbite.com/melbite/Beginner-Project-Ideas-with-GitHub-repos )

If you find these projects helpful, hit the like button.
No Longer DEV's Community Manager, But Still Got Lotsa Love For Y'all! 💚
Tags: devto, career
Published: 2024-06-11 18:44:33

Heyo folks! 👋

It's been about a month since I was let go from DEV (see the post [here](https://dev.to/devteam/dev-team-update-2age)) and I wanted to return to the community to give a few quick updates about myself and how I'm feeling: 

**a.** First off, I'm getting on just fine! Been busy looking for new opportunities and am generally feeling optimistic. I'm continuously honing [my LinkedIn](https://www.linkedin.com/in/michael-tharrington), resume, and [portfolio website](https://michael-tharrington-portfolio.my.canva.site/) all while keeping the job applications flowing. At the same time, I'd been working at DEV for 5.5 years straight, and while I had vacations, I was feeling a little more burnt out than I realized... so, I've also just been trying to chill out and enjoy a little bit of this downtime between jobs. On the whole, it's been a good mental reset, and I'm confident something will come along soon enough! 🙂

**b.** I've got nothing but love for the Forem organization, its founders, and the DEV Community. Same thing goes for all current & past Forem employees (or former Foremers as I like to call'em), plus the many mods whom I had the pleasure of working particularly closely with! So many cool folks have contributed their time, hearts, and minds to this community... I feel lucky to count myself among this crew. 💚

**c.** I'm sure this ain't the last you'll see of me on DEV, though I am taking a bit of a break and probs won't be a daily visitor — hey, I mean, I'm not a dev. Still, I've forged a lotta friendships here in this community and believe it to be a special place on the web. Because of DEV, I know so many kind, interesting folks (mostly devs! 😄) from all over the world... so big thank you to everybody I've had thoughtful interactions with here – it's really nice to have gotten to know you all. I absolutely wanna keep in touch, so please don't hesitate to connect with me... or if you have any opportunities that you think my professional background would be well-suited for, please send'em my way! 🙌

Thanks to everybody who has reached out to me during this transitional period! Whether you've suggested a job opportunity to me, given me a recommendation (or would like to give me one via [LinkedIn](https://www.linkedin.com/in/michael-tharrington) 😉😉), or simply sent me a supportive message, it all means a heckuva lot to me.

That's all for now. Hope everyone is well and see y'all around! ✌️
Top 7 Featured DEV Posts of the Week
Tags: top7
Published: 2024-06-11 18:33:57

_Welcome to this week's Top 7, where the DEV editorial team handpicks their favorite posts from the previous week._

Congrats to all the authors that made it onto the list 👏

{% embed https://dev.to/glasskube/standout-as-a-junior-engineer-work-slower-to-grow-faster-4ac3 %}

Jake advises junior engineers to work more deliberately and methodically rather than quickly, emphasizing that a slower, more thoughtful approach leads to deeper learning and better skill development.

---

{% embed https://dev.to/thepassle/a-practical-guide-against-barrel-files-for-library-authors-118c %}

Pascal practical shares advice for library authors on dealing with barrel files. 

---

{% embed https://dev.to/yordiverkroost/ditch-the-pixels-the-small-and-vectorized-web-1f4e %}

Yordi shows us how they've vectorized each section of their website, and why.

---

{% embed https://dev.to/codenameone/why-is-kubernetes-debugging-so-problematic-4feo %}

Shai takes us into a deep dive on debugging Kubernetes.

---

{% embed https://dev.to/martinhaeusler/so-i-tried-rust-for-the-first-time-4jdb %}

Martin details their initial experience with Rust and the pros and cons they're walking away with.

---

{% embed https://dev.to/martinbaun/resiliency-in-job-hunting-3149 %}

Martin provides strategies for maintaining resilience during the job hunting process, emphasizing the importance of staying motivated, handling rejection constructively, and continuously improving skills.

---

{% embed https://dev.to/aws-builders/does-serverless-still-matter-2jag %}

Ben walks us through the history of serverless and shares their perspective on the future of serverless.

---

_And that's a wrap for this week's Top 7 roundup! 🎬 We hope you enjoyed this eclectic mix of insights, stories, and tips from our talented authors. Keep coding, keep learning, and stay tuned to DEV for more captivating content and [make sure you’re opted in to our Weekly Newsletter] (https://dev.to/settings/notifications) 📩 for all the best articles, discussions, and updates._
Stay Updated with Python/FastAPI/Django: Weekly News Summary (03/06/2024 - 09/06/2024)
Tags: python, django, fastapi, flask
Published: 2024-06-11 18:30:00

Dive into the latest tech buzz with this weekly news summary, focusing on Python, FastAPI, and Django updates from June 3rd to June 9th, 2024. Stay ahead in the tech game with insights curated just for you!

This summary offers a concise overview of recent advancements in the Python/FastAPI/Django framework, providing valuable insights for developers and enthusiasts alike. Explore the full post for more in-depth coverage and stay updated on the latest in Python/FastAPI/Django development.

Check out the complete article here [https://poovarasu.dev/python-fastapi-django-weekly-news-summary-03-06-2024-to-09-06-2024/](https://poovarasu.dev/python-fastapi-django-weekly-news-summary-03-06-2024-to-09-06-2024/)
Episode 24/23: zoneless with Andrew Scott, dynamic Form Validators, toObservable()
Tags: webdev, javascript, angular, programming
Published: 2024-06-11 18:28:34

Andrew Scott from the Angular team discussed Angular without zone.js. Various content authors published videos about topics like Signals for forms.

{% embed https://youtu.be/ed470Lbf5m4 %}

## Andrew Scott on zoneless

TechStackNation runs sessions with members of the Angular team quite often. This time, it was Andrew Scott, and the discussion evolved around removing zone.js, which landed in Angular 18 in an experimental mode. Zone.js triggers the change detection where Angular updates the DOM.

Andrew told us a little about the trade-offs. On the one hand, zone.js does everything for us in terms of change detection and is reliable. On the other hand, it could be more performant. Signals are a very good fit here because they can trigger Change Detection and point it to the right components.

Some might ask if Signals should always be used when representing values in a template. We got a very clear answer.

Andrew also touched on zoneless testing. We should use the `whenStable()` function of the `ComponentFixture` and not rely on zone-based functions like `fakeAsync()`.

Another discussed topic was the relationship between the Angular and the TypeScript language server.

{% embed https://youtu.be/V3N9BT5MPHc?si=ylgJGxWBi2qM5LaL %}

## Misc. Content

Other than that, we got new videos from various content authors.

### Glitch-Free and `toObservable()`

Angular University explained the Signal's glitch-free effect and fixed a misunderstanding that `toObservable` could work around it.

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

### Dynamic Form Validators

Dmytro Mezhenskyi, aka. Decoded Frontend, showed how to dynamically add but also remove validators from a form and what kind of pitfalls we have to be aware of.

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

### Conflict Management in NPM

For those who constantly run into npm issues and are required to use force or with-legacy-peers, Francesco Borzi has an alternative that uses the override property in the package.json 

{% embed https://javascript.plainenglish.io/how-to-avoid-using-force-and-legacy-peer-deps-when-running-npm-install-ci-612aa3288436 %}
1122. Relative Sort Array
Tags: php, leetcode, algorithms, programming
Published: 2024-06-11 18:23:31

1122\. Relative Sort Array

Easy

Given two arrays `arr1` and `arr2`, the elements of `arr2` are distinct, and all elements in `arr2` are also in `arr1`.

Sort the elements of `arr1` such that the relative ordering of items in `arr1` are the same as in `arr2`. Elements that do not appear in `arr2` should be placed at the end of `arr1` in **ascending** order.

**Example 1:**

- **Input:** arr1 = [2,3,1,3,2,4,6,7,9,2,19], arr2 = [2,1,4,3,9,6]
- **Output:** [2,2,2,1,4,3,3,9,6,7,19]

**Example 2:**

- **Input:** arr1 = [28,6,22,8,44,17], arr2 = [22,28,8,6]
- **Output:** [22,28,8,6,17,44]

**Constraints:**

- <code>1 <= arr1.length, arr2.length <= 1000</code>
- <code>0 <= arr1[i], arr2[i] <= 1000</code>
- All the elements of `arr2` are **distinct**.
- Each `arr2[i]` is in `arr1`.


**Solution:**

```
class Solution {

    /**
     * @param Integer[] $arr1
     * @param Integer[] $arr2
     * @return Integer[]
     */
    function relativeSortArray($arr1, $arr2) {
        $result = array();
        for ($i = 0; $i < count($arr2); $i++) {
            for ($j = 0; $j < count($arr1); $j++) {
                if ($arr1[$j] == $arr2[$i]) {
                    array_push($result, $arr1[$j]);
                    $arr1[$j] = -1;
                }
            }
        }
        sort($arr1);
        for ($i = 0; $i < count($arr1); $i++) {
            if ($arr1[$i] != -1) {
                array_push($result, $arr1[$i]);
            }
        }
        return $result;
    }
}
```


**Contact Links**

- **[LinkedIn](https://www.linkedin.com/in/arifulhaque/)**
- **[GitHub](https://github.com/mah-shamim)**
Creative HTML Accordion | Style 1
Tags: codepen
Published: 2024-06-11 17:52:38

This project showcases a stylish and functional HTML accordion, perfect for educational websites. The design includes an accordion with a clean and modern aesthetic, integrated with Font Awesome icons for visual appeal. It features:

A responsive layout that adapts seamlessly across devices
Smooth toggle animations for opening and closing accordion sections
A content area showcasing how this design can be used for educational purposes, with details about the Histudy course and support information
Technologies used:

HTML5
CSS3
jQuery
Font Awesome
Feel free to explore the code and see how you can integrate a similar accordion into your own projects!



{% codepen https://codepen.io/CreativeSalahu/pen/WNBZJRr %}
Imagine No More Info Chaos: we built the solution that keeps your work in perfect harmony
Tags: productivity, saas, softwareforteams, ai
Published: 2024-06-11 17:41:56

🎶 Imagine All Your Work, In One Place 🎶
Picture this: a single, automatic hub for all your company’s activities. No more scattered files, missing links, or forgotten emails. Sense AI takes every bit of your data—tasks, presentations, documents, links, meetings, and more—and neatly organizes it into Self-organised Spaces. It’s like having a personal robot with a photographic memory, but way cooler.

🎸 Rock On With Seamless Integration 🎸
Integrating Sense with your existing apps is quicker than your favorite guitar solo. In just a few seconds, Sense becomes your central stage for accessing updates across the entire company. Whether it's project details or team member updates, everything you need is right where you want it—no need for endless searching, sharing, or manual organization.

🕺 Dance Through Your Day with Effortless Collaboration 🕺
Gone are the days of juggling multiple documents and isolated links. Sense AI identifies and maintains relationships between every piece of data—from emails to presentations—providing comprehensive background information, related resources, previous versions, and discussions. 

🎤 Sing It Loud: Focus on What Matters 🎤
With Sense AI, your team can channel their inner rock stars, focusing on creating amazing work without the distraction of maintaining, searching, and gathering knowledge. Let Sense handle the nitty-gritty details, so you can stay in the zone and rock out on what truly matters.

🙌 Trust Sense: Your Ultimate Roadie 🙌
In the wild concert of work life, Sense AI is the ultimate roadie, keeping everything organized and ready for showtime.

If your team is ready to harmonize your work life with Sense, dive on https://www.senseapp.ai/ 🎶
FrontEndAI: Turn wireframe images into Code with 1 click
Tags: webdev, ai, news, javascript
Published: 2024-06-11 17:34:26

**Welcome to the future of web development!**

We are thrilled to announce [the launch of FrontEndAI](https://tools.webcrumbs.org/), an innovative tool from Webcrumbs that transforms your design images into code.

[FrontEndAI](https://tools.webcrumbs.org/) is here to streamline your workflow and boost your productivity, getting you started faster!
![frontendAI homepage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ldypm3mcitk6vvxcqem5.png)

---

## How It Works

[FrontEndAI](https://tools.webcrumbs.org/) is designed to be incredibly user-friendly and efficient. Here's how you can get started:

 -   **Upload Your Image:** Begin by uploading an image of your design, such as a wireframe.

![upload page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/os7y0pd7txvolakvmi5z.png)
    
-   **Generate Code:** FrontEndAI processes the image and generates React code that mirrors your design.

![eresult](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/inwqonott6xjz2b4jlvl.png)
    
-   **Customize:** Tailor the generated code to your needs by adjusting themes, colors, font sizes, and more.

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

---

## Key Features

[FrontEndAI ](https://tools.webcrumbs.org/)is packed with features to help you create stunning web applications quickly and easily:

-   **Code Generation:** The tool generates React components and CSS directly from your uploaded image.
    
-   **Customizable Themes and Colors:** Easily switch between different themes and color schemes to match your design vision.
    
-   **Font Size Customization:** Adjust font sizes to ensure your text looks perfect.
    
-   **User-Friendly Interface:** The intuitive interface makes it easy for anyone to use, regardless of their coding experience.
    

  ---

## We Want Your Feedback!

Your feedback is everything to us.

We are committed to continuously improving [FrontEndAI](https://tools.webcrumbs.org/) and making it the best tool for developers. 
**Please try it out and share your thoughts.** 
Your input will help us enhance the tool and make it even better for all users.
[We have a special channel in our Community dedicated to this Feedback.](https://discord.gg/4PWXpPd8HQ)

  ---

## Try FrontEndAI Today

Unleash your creativity in web development with FrontEndAI. 
Give it a try and see how it can transform your workflow. 
[Have fun coding and building amazing projects with this tool!](https://tools.webcrumbs.org/)

  

Thank you for being a part of our journey.

  

Happy coding! 🚀

  

[Watch the Demo here ](https://www.youtube.com/watch?v=GjOAu9K92rQ)