teleren/devto huggingface dataset:
Tools I use every day
Tags: tooling
Published: 2022-12-18 22:28:48

It's very usual when I have a speech at an event or on Discord/Twitter to receive the same question: what are you using during your daily basis activities?

I tried to create a list of them.

## GitHub
I use GitHub to store my source code for work and for my side projects. But not only to store source code and files but also GitHub Actions to publish the binaries in different environments.
We use GitHub in my startup as well.

## Notion
I use Notion for everything. Literally everything.
From the todo list to the projects information. The 90% of the time I use my own Notion template for the Second Brain.
If you are curious, you can take a look to it: [https://digitalgarden.emanuelebartolesi.com/](https://digitalgarden.emanuelebartolesi.com/)

![](https://digitalgarden.emanuelebartolesi.com/images/feature-1.png)

## JetBrains Rider
My favorite IDE for .NET Projects and JavaScript projects. I am a Visual Studio Code big fan, but my main editor is Rider at the moment. I can work on the fronted and on the backend inside the same IDE.

## VS Code
As I mentioned in the previous section, I use Rider but I use also very often VS Code to open JSON files or when I work only on the frontend projects.

## Spotify
For sure my main source for music during the day. For a lot of hours I listen retrowave/coldwave music.
I have created a playlist for developers with only instrumental songs (in retrowave taste).

{% embed https://open.spotify.com/playlist/7f3kE1C4yNOtQ4WjNkLdk2?si=dbb7787717c74992 %}

## Windows Terminal
I use the terminal very often for Git Flow and during my frontend development.
Since many years my only terminal application is Windows Terminal.
You can customize everything on it: from the theme to the tabs in terminal.

![](https://store-images.s-microsoft.com/image/apps.28865.13926773940052066.16e93a5b-b25f-4aaf-8a38-77375e237879.78e2aeac-6ede-4855-acb1-79a854b5556d)

## MS Edge/ Edge Beta/ Edge Dev
I use all of Edge versions on my development machine.
The stable version to search and navigate on internet. I use the beta for development tools and portals.
I use the dev version to debug my applications.

## Postman
For work I create a lot of web API and I need to test them.
I use Swagger but my main tool to test them is Postman.
I have created a lot of profiles and folders on it grouped by customers or products.

Of course, I use other programs during the day but I will update this list time to time with the latest additions.

---

Thanks for reading this post, I hope you found it interesting!

Feel free to follow me to get notified when new articles are out 🙂

{% embed https://dev.to/kasuken %}
How To Install a Flutter Package
Tags: flutter
Published: 2022-12-18 22:28:10

## Introduction

In this short article, I will show you how you can easily install any Flutter package of your choice on your Flutter project to make development easier for you.

The original source of this article can be found [here](https://axxellanceblog.com/posts/how-to-install-a-flutter-package).

### Difference Between a Package and a Plugin

A plugin is a _type_ of package—the full designation is _plugin package_, which is generally shortened to the _plugin_.

### What Are Packages

A pubspec file must be present in a directory for it to be considered a Dart package. A package can also include Dart libraries, apps, resources, tests, pictures, and examples in addition to the dependencies (which are stated in the pubspec). You can use a variety of packages on the [pub.dev](https://pub.dev/) website that has been created by Google engineers and kind Flutter and Dart users.

### What Are Plugins

A particular kind of package called a plugin package gives the app access to platform features. Web, macOS, Windows, Linux, Android (using Kotlin or Java), iOS (using Swift or Objective-C), and Linux plugin packages can all be created. For instance, a plugin might enable camera functionality for Flutter apps.

### Including a Package dependency In Your Flutter Project

I will list out 5 steps you can take to achieve this, and I will use the [HTTP](https://pub.dev/packages/http) package as an example in this guide, so here they are:

1. Add http: ^package\_latest\_version to the dependencies section of the pubspec.yaml file inside the project folder.
2. Installing the package using either your terminal, vs-code, or Android Studio/IntelliJ  
   * From the terminal: Run `flutter pub get`.  
   * From Android Studio/IntelliJ: Click Packages get in the action ribbon at the top of pubspec.yaml.  
   * From VS Code: Click Get Packages located on the right side of the action ribbon at the top of pubspec.yaml.
3. After installing it, you can import it on your project using the import statement in your dart code.
4. If the package contains platform-specific code (e.g., Swift or Objective-C for iOS, Kotlin or Java for Android), your app must incorporate it. A complete restart of the application might be necessary to prevent problems like MissingPluginException while using the package because hot reload and hot restart only update the Dart code.

Here are a few pictures to visualize what I have said so far:

![Code](https://directus.caprover.axxellanceblog.com/assets/e98c4d2f-875d-4c09-8a5f-578561edca85?width=1365&height=199)

![Windows Terminal](https://directus.caprover.axxellanceblog.com/assets/0b714bc8-ffde-47b5-9c84-c53eabbcf44d?width=1110&height=126)

![Code](https://directus.caprover.axxellanceblog.com/assets/8fafde90-4ef1-40ef-8cad-3156bb40f1f4?width=1366&height=212)

### Conclusion

If you need more understanding on this I suggest you check the official flutter documentation, you can find the link elaborating more on this topic on the flutter doc website by clicking [here](https://docs.flutter.dev/development/packages-and-plugins/using-packages).
Top 10 Books For PHP Developers
Tags: php, laravel, symfony, programming
Published: 2022-12-18 21:54:23

I wrote a blog post with all of the PHP books that I would recommend it to other people if they were starting out today or if they were looking for more advanced content to learn about.

These books will help you learn more about PHP in detail and make you a better software engineer overall.

You can read it directly [on my personal blog here](https://davorminchorov.com/top-10-books-for-php-developers).
Google Vs ChatGPT Is there are any competitions?
Published: 2022-12-19 07:33:03

---
title: Google Vs ChatGPT Is there are any competitions?
published: true
date: 2022-12-18 21:47:17 UTC
tags: 
canonical_url: https://prajapati.dev/google-vs-chatgpt-is-there-are-any-competitions/
---

![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtfbJOICJ2gZqlR0544p1hzy5UL46tZrXL66oZLhNfOWtijlvkRj-oZpteZItMiYBAsrUZa08pkprRA4KppCLaCVstjtM-OOiO3unmm2GFPMP3qM9pzuR5JXd4TBe-FJUty-63MPAXptruQT6FeIIjGAHpZB7wm8Xn_fLjlI0uG4JJIAEdXL5MUgWW/s16000/Blog%20Featured%20Photo%20(1).png)

Google is a technology company that provides a variety of products and services, including search engines, cloud computing, and online advertising. One of the most well-known products offered by Google is its search engine, which allows users to search for information on the internet by entering keywords or phrases.

On the other hand, ChatGPT is a chatbot that uses the GPT-3 language model developed by OpenAI. ChatGPT is designed to respond to user input in a conversational manner, using natural language processing to understand and respond to user queries.

**There are several differences between Google and ChatGPT:**

**Purpose:** Google is primarily a search engine, while ChatGPT is a chatbot designed for conversational interactions.

**Capabilities:** Google can search the entire internet for information, while ChatGPT is limited to the information it has been trained on. However, ChatGPT can understand and respond to user input in a more natural and human-like manner than a traditional search engine.

**Use cases:** Google is primarily used for search and information retrieval, while ChatGPT can be used for a wide range of purposes, including answering questions, providing assistance, and engaging in conversations.

In summary, Google and ChatGPT are two different tools with different purposes and capabilities. Google is a powerful search engine that allows users to find information on the internet, while ChatGPT is a chatbot that uses natural language processing to understand and respond to user input in a conversational manner.
Deploy a Hyperlambda website in 20 seconds
Tags: webdev, productivity, programming, beginners
Published: 2022-12-18 21:25:33

One of the really cool features in our latest release of Magic is the ability to render static websites directly from your cloudlet. Basically, just search for _"free website template download"_, choose any of the 1.2 billion hits, drag and drop it to your cloudlet - And voila! You've got a website.

Ignoring that this is easier than using GitHub pages, WordPress, Wix, or anything else out there of course, there is one additional kick ass feature you'll get with [Aista](https://aista.com), which is that you can create dynamic Hyperlambda substitutions directly in your HTML. Below is an example of how to replace the `H1` tag with dynamic content.

```html
<h1>{{*/execute-dynamic-insert}}</h1>
```

If you add the above in your index.html page, and add the following Hyperlambda in a file called _"index.hl"_, you will have created your first snippet of server side rendered HTML.

```
execute-dynamic-insert
   data.connect:magic
      data.select:select value from users_extra where type = 'name' limit 1
      return:x:@data.select/*/*/value
```

Below is a screenshot of how your file system should look like. Notice the HTML page has an associated `.hl` file.

![Hyperlambda code behind pages](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eprz63le51hwzm2ua2wk.jpg)

The reference in your HTML is basically an expression to a Hyperlambda _"mixin"_, which is evaluated as a lambda object, for then to dynamically include whatever your lambda object returns, by substituting the reference in your HTML. This allows you to dynamically build your websites, similarly to how PHP works, except minus all the (censored) PHP syntax. Basically, PHP minus the braindead syntax. In the video below I am illustrating how it works, by creating a new cloudlet, downloading a website template, and creating a Hyperlambda mixin substituting parts of my HTML.

{% embed https://www.youtube.com/watch?v=pMOeIVTD-HM %}

To try this out for yourself, you can [signup at Aista Hub](https://hub.aista.com), create a new cloudlet, and get going. Let me know in the comments what you think :)

Ohh yeah, the price for a cloudlet is €6 per month, but you'll get a trial cloudlet for 90 days if you just want to try things out ... ^_^

Try out the website I'm deploying in the above video [here](https://tiger-polterguy.gb.aista.com/)
How To Create Custom Annotation In Java
Tags: annotationjava, javacustomannotati, targe, singlevalue
Published: 2022-12-18 20:46:07

<h3>Create Custom Annotation:</h3>
In java, creating an annotation is <b class="sText">@interface</b> is used to create an Annotation.
<pre class="EnlighterJSRAW" data-enlighter-language="java">public @interface MyAnnotation{

}</pre>
We can also define methods inside an annotation.
<pre class="EnlighterJSRAW" data-enlighter-language="java">public @interface MyAnnotation{
   int value();
}</pre>
<b>Note:</b> The methods of an annotation should adhere to the following rules:
<ul>
 	<li>Method declaration should not have any parameters</li>
 	<li>Method declaration should not have any throws clause</li>
 	<li>Method return type should be of primitives, String, Class, Enum, Annotations, and Arrays of the preceding types</li>
</ul>
Also, we can provide a default value for the methods inside an annotation.
<pre class="EnlighterJSRAW" data-enlighter-language="java">public @interface MyAnnotation{
   int value() default 1;
}</pre>
<h3><b>Types of Annotations:</b></h3>
<ul>
 	<li><a href="https://howtostartprogramming.in/how-to-create-custom-annotation-in-java/">Market Annotation</a></li>
 	<li><a href="https://howtostartprogramming.in/how-to-create-custom-annotation-in-java/">Single - Value Annotation</a></li>
 	<li><a href="https://howtostartprogramming.in/how-to-create-custom-annotation-in-java/">Multi - Value Annotation</a></li>
</ul>
Rapid Html development with Emmet formula in VS code
Tags: webdev, html, website, javascript
Published: 2022-12-18 20:28:00

Rapid Html development with Emmet formula in VS code.
Here you get beautiful truck to write html code in rapid way.
This help development to make thml very easy.
Write in vscode - 
nav>ul>li
Results look like below

`<nav>
    <ul>
        <li></li>
    </ul>
</nav>`

So many more code also available please follow this link 
https://amlogy.com/rapid-html-development-with-emmet-formula-with-vs-code/
What is Google Summer of Code?
Tags: gsoc, google, opensource, github
Published: 2022-12-18 19:54:15


**What is Google Summer of Code?**

Google Summer of Code is a global, online program focused on bringing new contributors into open source software development. GSoC Contributors work with an open source organization on a 12+ week programming project under the guidance of mentors.


**How it works** 
Potential GSoC contributors contact the mentor organizations they want to work with and write a project proposal based on ideas the organization has suggested. Once accepted, GSoC contributors spend a few weeks becoming familiar with the community norms and codebase while determining expected milestones with their mentor for the summer. GSoC contributors then spend 12+ weeks coding on their projects.
Applications for GSoC contributors open March 20 to April 4

**Apply**
Interested contributors propose a project to work on.
 
**Code**
Accepted GSoC contributors spend the summer coding with guidance from a mentor.
 
**Share**
Submit your code for the world to use!
 

**Getting started** 

1. Select your domain in which you want to contribute ( web, app, ml , ds etc).

2. Check out previous year participating organizations which work on the same domain in which you are interested to contribute. Make a list of those organizations ,hopefully they will participate again .
  https://summerofcode.withgoogle.com/programs/2022/organizations

4. Start contributing in those organizations so that you become familiar with the working of that organization and you might build some potential connections with the mentors .This way your chance of getting shortlisted will be increased.

5. Contributing before the start of the program will optimize your Github profile. If you need any help in optimizing your github profile then contact me on [LinkedIn](https://www.linkedin.com/in/avinash-singh-071b79175/).
Check out my [github profile](https://github.com/avinash201199) you can contribute in my respo's as a beginner.

7. Once the organization's details are declared then you can start proposing your project ideas in that organization.


**GSoC contributor eligibility**

1. Must be at least 18 years old at time of registration.
2. Must be a student or an open source beginner.
3. Must be eligible to work in their country of residence during duration of program.
4. Must be a resident of a country not currently embargoed by the United States.



**Google Summer of Code 2023 Timeline**

DECEMBER 12, 2022 11:30 PM
Program Announce Date

JANUARY 23, 2023 11:30 PM
Org Applications Open

FEBRUARY 07, 2023 11:30 PM
Org Application Deadline

FEBRUARY 21, 2023 11:30 PM
Org Notification Date

FEBRUARY 22, 2023 11:30 PM
Accepted Orgs Announced

MARCH 20, 2023 11:30 PM
Contributor Proposals Open

APRIL 04, 2023 11:30 PM
Proposal Deadline

APRIL 27, 2023 11:30 PM
Proposal Ranking Deadline

MAY 03, 2023 8:30 PM
Slot Allocation Deadline

MAY 03, 2023 11:30 PM
Projects Announced to Orgs

MAY 04, 2023 11:30 PM
Accepted Projects Announced

NOVEMBER 17, 2023 11:30 PM
Program End Date


Portal link- https://summerofcode.withgoogle.com/
Accessibility in Visual Design - Visual Layout
Tags: a11y, inclusion, ux, design
Published: 2022-12-18 19:35:16

When designing with accessibility in mind, you have to take into account, that not every person who is capable of seeing the content perceives and understands it in the same way as others.

You have to make sure to create content in a way which includes everyone to use it.

There are people with low vision who are using **screen magnifiers to zoom into** the content, people who are **color blind and cannot defer** the colors you had in mind to make content perceivable in the beginning, and also people with cognitive, and reading disabilities.

**In this article, I want to point out what to keep in mind when designing visual content.**

- Design a good and **clean layout** that reduces distractions and clarifies the meaning of the content, because this can have a huge impact on the user's understandability.
- Blocks elements, such as paragraphs, images, columns, should be **visually separated from each other** to be easier for the user to read and understand. This can be achieved e.g. by margins, padding.
- The layout should have **only one main visual focus** and draw attention to the intended visual focus. This could be achieved by using color and contrast.

---

_In the upcoming post we will discuss color and contrast, typography, as well as reading and focus order among other things._
Role of Unity and Unreal Engine in VR development
Tags: vr, unity3d, unreal, development
Published: 2022-12-18 19:27:35

**Virtual reality (VR)** technology has made significant strides in recent years, and developers have a variety of tools at their disposal to create immersive VR experiences. Two of the most popular game engines for VR development are Unity and Unreal Engine.




![unity logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gpcpue1pld5utuaghs0g.png)
**[Unity](https://unity.com/)** is a cross-platform game engine that has been widely adopted by the game development community. It is known for its flexibility and ease of use, making it a good choice for developers who are new to VR development. Unity also has a large community of developers and a robust asset store, which can be helpful for finding resources and getting support.



![Unreal engine logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k6gt5vx76ov2x8z17kpn.png)
**[Unreal Engine](https://www.unrealengine.com/)**, on the other hand, is a more powerful and feature-rich game engine that has been used to develop a number of high-quality VR experiences. Unreal Engine has a robust visual scripting system and advanced rendering capabilities, which can be useful for creating more complex and visually impressive VR environments. However, Unreal Engine can also be more difficult to learn and may require a steeper learning curve for developers who are new to the engine.

Both Unity and Unreal Engine offer a range of tools and features specifically designed for VR development. These include support for motion controllers, haptic feedback, and real-time rendering. They also both support a variety of VR headsets, including [Oculus Quest 2/Pro](https://www.oculus.com/experiences/quest), [HTC Vive](https://www.vive.com/), and [PlayStation VR](https://www.playstation.com/en-gb/ps-vr/).

Ultimately, the choice between Unity and Unreal Engine for VR development will depend on the needs and experience level of the developer. Unity is a good choice for developers who are just starting out with VR development and are looking for an easy-to-use and flexible game engine. Unreal Engine is a better choice for more experienced developers who are looking for advanced features and powerful rendering capabilities.

In conclusion, both Unity and Unreal Engine are excellent choices for VR development, and developers can choose the engine that best meets their needs and experience level. Regardless of the engine they choose, developers will need to be familiar with VR development principles and techniques, such as locomotion, user interaction, and optimization for VR. By understanding these principles and using the right tools, developers can create immersive and engaging VR experiences for users.
Integrate Elastic Search with Node.js
Published: 2022-12-18 19:18:24

Elasticsearch is a powerful search engine that can be easily integrated into a Node.js application to provide advanced search functionality. Here's how you can do it:

1. Install the Elasticsearch library: The first step is to install the Elasticsearch library for Node.js using the npm package manager. You can do this by running the following command in your terminal:

```
npm install elasticsearch
```

2.
 Connect to the Elasticsearch cluster: Next, you'll need to create a client object that can connect to your Elasticsearch cluster. You can do this by importing the Elasticsearch library and creating a new client object, like this:

```
const { Client } = require('elasticsearch');
const client = new Client({
  host: 'localhost:9200',
});
```

3.
 Index some data: Now that you're connected to the Elasticsearch cluster, you can start indexing some data. You can do this using the index() method, like this:

```
client.index({
  index: 'my-index',
  type: 'my-type',
  body: {
    title: 'My Document',
    content: 'This is the content of my document',
  },
});
```

4.
 Search for data: Once you've indexed some data, you can use the Elasticsearch query language to search for specific documents. You can do this using the search() method, like this:

```
client.search({
  index: 'my-index',
  type: 'my-type',
  body: {
    query: {
      match: {
        title: 'my document',
      },
    },
  },
}).then((response) => {
  console.log(response.hits.hits);
});
```

These are the basic steps for integrating Elasticsearch with a Node.js application. Of course, there are many more advanced features that you can use, such as aggregations, faceting, and more. You can learn more about these features in the Elasticsearch documentation.
Awesome top 5 Posts from last week tagged(#css)
Tags: css, c4r4x35
Published: 2022-12-18 19:00:59

##How to choose between Flexbox, Float and Grid like a pro
CSS layouts are a way of positioning elements on a web page. They allow you to control the position, size, and other visual aspects of elements on a page, making it possible to create complex,...
{% link https://dev.to/mohsenkamrani/how-to-choose-between-flexbox-float-and-grid-like-a-pro-3d0h %}
##CSS Grid Properties and how to use it in CSS
What is CSS Grid?

CSS Grid is a powerful layout tool that allows web developers to create complex, responsive designs with ease. It provides a two-dimensional grid-based layout system, which makes it...
{% link https://dev.to/cocoandrew/css-grid-properties-and-how-to-use-it-in-css-2jfc %}
##How to Make a Restaurant Website Using HTML CSS JavaScript
How to Make a Restaurant Website Using HTML CSS JavaScript

This video will show you how to build a restaurant website using html css javascript

Source code

Download the starter file to practice

⏱️...
{% link https://dev.to/codewithsadee/how-to-make-a-restaurant-website-using-html-css-javascript-2mpn %}
##Set the theme of a website based on the time of the day (no external library)
In this blog post, I will show you how to use JavaScript, and CSS to set the theme of your website based on the time of day. This can be a useful feature if you want to create a website that...
{% link https://dev.to/mohsenkamrani/set-the-theme-of-a-website-based-on-the-time-of-the-day-no-external-library-5ank %}
##How to Create Personal Blog Website Using HTML CSS JavaScript
How to Make a Personal Blog Website Using HTML CSS JavaScript

If you're looking to start a blog website using HTML, CSS, and JavaScript, then this tutorial is for you. In this video, we'll walk you...
{% link https://dev.to/codewithsadee/how-to-create-personal-blog-website-using-html-css-javascript-27c3 %}