teleren/devto huggingface dataset:
Easy way to customize Django Forms
Tags: django, forms, bootstrap, style
Published: 2021-12-29 12:34:24



![Cover photo, before and after](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xla3lw0j6012wcm79932.jpg)

A quick and simple overview to Bootstrap and style your Django forms.

I had to go through this recently. I read many threads and comments around asking the same questions, so I guess a simple thread wouldn't be bad for anyone who just starts using Django.


**1.	Install django-widget-tweaks and Bootstrap.**

You can install it through [pip](https://pypi.org/project/django-widget-tweaks/):

`$ pip install django-widget-tweaks`
<hr/>
**2. Import Bootstrap and django-widget-tweaks.**

Open the settings.py of your Django project, find INSTALLED_APPS and insert `widget_tweaks` there.

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

To import Bootstrap, just visit the [official page](https://getbootstrap.com), click Get Started and copy the stylesheet `<link>` into your `<head>` of your base.html which is used for template extending in Django. 
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g3xstvnwbbgh8zdyqvqv.png)

<hr/>
**3.	Load widget_tweaks to your template.**

Insert `{% load widget_tweaks %}` to your template.

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

**4.	Use render_field template tag**

A `render_field` template tag provides the ability to customize any form field easily with HTML attributes and CSS classes. The complete list of features appear on the official repository of the package

```
{% render_field form.username class="form-control" placeholder="Username" %}
    ...
    ...
{% render_field form.password2 class="form-control" id="PassConf" placeholder="Confirm Password" %}
```
<hr/>
**5	Some CSS to style your forms as you please.**
```
.form-control{
    border: 1px solid rgba(65, 65, 65, 0.91);
    box-shadow: 0 0 0 0.15rem rgba(0, 0, 0, 0.25);
}
.form-control:hover {
    border: 1px solid rgb(184, 69, 241);
    box-shadow: 0 0 0 0.25rem rgba(192, 112, 246, 0.64);
}

.form-control:focus {
    border: 1px solid rgb(0, 127, 244, 1);
    box-shadow: 0 0 0 0.25rem rgb(0, 127, 244, 0.45);
}

#PassConf {
    border: 1px solid rgb(92, 241, 69);
    box-shadow: 0 0 0 0.2rem rgba(112, 246, 166, 0.64);
}
```
<hr/>

Source code and all the customization options:   https://github.com/jazzband/django-widget-tweaks/
Install Laravel on Cloud Server
Tags: laravel, cloud, tutorial, digitalocean
Published: 2021-12-29 14:21:22

https://www.linode.com/docs/guides/how-to-install-and-use-nginx-on-ubuntu-20-04/ 

```sh
sudo apt update && sudo apt upgrade
```

```sh
sudo apt install nginx
```

```sh
sudo systemctl status nginx
```

```sh
sudo ufw allow http
```

```sh
sudo ufw reload
```

https://www.rosehosting.com/blog/install-laravel-on-ubuntu-20-04/


```sh
apt-get install php8.0 libapache2-mod-php8.0 php8.0-curl php-pear php8.0-gd php8.0-dev php8.0-zip php8.0-mbstring php8.0-mysql php8.0-fpm libapache2-mod-fcgid php8.0-xml curl -y
```

```sh
curl -sS https://getcomposer.org/installer | php
```

```sh
mv composer.phar /usr/local/bin/composer
```

```sh
chmod +x /usr/local/bin/composer
```

```sh
composer --version
```

```sh
cd /var/www/
```

Replace `domain.com` to your domain.
```sh
composer create-project laravel/laravel domain.com --prefer-dist
```

```sh
cd domain.com
```

```sh
php artisan
```

```sh
chown -R www-data:www-data /var/www/domain.com
```


```sh
chmod -R 777 /var/www/domain.com/storage
```

```sh
sudo nano /etc/nginx/sites-available/domain.com
```

```sh
server {
    listen 80;
    listen [::]:80;
    server_name  domain.com;

    root /var/www/domain.com/public;

    add_header X-Frame-Options "SAMEORIGIN";
    add_header X-Content-Type-Options "nosniff";

    index index.php index.html;

    charset utf-8;

    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }

    location = /favicon.ico { access_log off; log_not_found off; }
    location = /robots.txt  { access_log off; log_not_found off; }

    error_page 404 /index.php;

    location ~ \.php$ {
        fastcgi_pass unix:/var/run/php/php8.0-fpm.sock;
        fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
        include fastcgi_params;
    }

    location ~ /\.(?!well-known).* {
        deny all;
    }

}
```

```sh
sudo ln -s /etc/nginx/sites-available/domain.com /etc/nginx/sites-enabled/
```
tsParticles 1.38.0 Released
Tags: showdev, javascript, webdev, html
Published: 2021-12-29 14:20:00

# tsParticles 1.38.0 Changelog

## Breaking Changes

- Removed the custom canvas class (`tsparticles-canvas-el`), replacing it with a data attribute. This will break some CSS, but I'd prefer breaking it for focusing more on options

## New Features

- Added `style` options, they are applied directly to the `canvas`, it's the same `.style` object of the standard JavaScript HTMLElement class (docs [here](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style))

---

{% github matteobruni/tsparticles %}
Paracetalmol.js, preguntas de entrevistas laborales para JavaScript en Español 😎
Tags: javascript, webdev, spanish, beginners
Published: 2021-12-29 14:02:32

Desde el día de hoy empezaré este pequeño segmento del blog donde compartiré preguntas frecuentes que se hacen en entrevistas laborales para JavaScript. Como devs de este lenguaje existe un mínimo de conocimientos que deberíamos saber expresar y responder sin muchas complicaciones. 

Trataré de explicar de la forma más sencilla y concisa términos como:

* Diferencia entre `var`, `let` y `const`
* ¿Qué es hoisting?
* Difrencia entre `=`, `==` y `===`
* Tipos de datos
* Array methods
* Objetos
* Scope
* Promesas
* Async await
* Funciones, etc.

Las entregas serán de 1 a 2 por semana, espero que sea de su agrado y les sirva para mejorar como devs.

El proyecto ahora cuenta con una versión web más interactiva y amena colaborando con [Platzi](https://platzi.com/home), el profesor @gndx y el proyecto [JSHero](https://jshero.platzi.com/). Cada día un nuevo reto de javascript para probarte a ti mismo cuanto sabes sobre este fabuloso lenguaje de programación. Juega... si te atreves 🥇

{% twitter 1510397538402193418 %}

Así mismo puedes ver todos los retos con sus respectivas respuestas en el repo de github del proyecto:

{% github https://github.com/platzi/jshero-challenges %}

Saludos.
Top 10 Programming Languages in 2022
Tags: programming
Published: 2021-12-29 13:58:03

What if programming languages were stocks? And you had to make a portfolio to fetch good returns in 2022?

You probably have seen various surveys and analyses listing the most popular programming languages. Those cover the universe of programming languages, like the S&P 500 does for the stock market. What would be the best portfolio for you to be successful and outperform the rest?

Of course, it depends on the risk profile, or whether your focus is specific to a specific sector, e.g., web, mobile, enterprise, machine learning, and edge/embedded.

But let's say you want to pick 10 stocks for a diversified portfolio and a medium-risk appetite. Stocks are of 3 types:

- **Large Cap:** Big corporations with stable businesses, like Fortune 500 companies. The upside is stable but not manifold, and the downside is limited.
- **Mid Cap:** Mid-size companies with a high chance of becoming large-cap in the future. These offer much higher returns, but can also go down significantly.
- **Small Cap:** Upcoming companies. Currently very small, but showing high potential. These might turn out multi-baggers but are very risky too.

If you invest only in large caps, your returns will be subdued. If you invest only in small caps, you might hit a jackpot, but can also go bust and lose your shirt. A diversified portfolio allocates money to each asset class. That keeps returns stable, and also has a fair chance at higher returns.

In this article, I present an opinionated portfolio of 10 general-purpose programming languages, with 50% large-caps, 30% mid-caps, and 20% small-caps. These languages will suffice most of the work done by most teams and organizations.

[Continue reading » ](https://www.ml4devs.com/articles/top-10-programming-languages/)
Actionable Insights from 4 Types of Data Analytics
Tags: bigdata, analytics, datascience, machinelearning
Published: 2021-12-29 13:51:01

**“Let’s collect all data we can, and we will fish for insights later.”** Have you heard this before?

That approach seldom works. On rare occasions when it does work a little, the RoI is very low w.r.t. the cost of collecting, processing, and storing volumes of data. 
Analytics yields better returns when you start with a goal.

Besides, not all analytics are equal. Fun stats are amusing. But actionable insights that can guide you to the next steps are way more valuable.

The Drivetrain Approach offers a systematic way to produce actionable insights. It has four steps:

1. **Define Objective:** Start by defining your goal.
2. **Specify Levers:** Specify the inputs that you control, the levers you can pull to influence the outcome.
3. **Collect Data:** Figure out what data you need to collect for measuring the effect of pulling those levers.
4. **Identify Actions:** Analyze data and build statistical models to compute which lever to move and how much to achieve the desired outcome.

This article will apply the Drivetrain approach to a problem: starting with a goal to collecting and analyzing data and identifying actions to achieve that goal.

[Continue reading » ](https://www.ml4devs.com/articles/drivetrain-approach-actionable-insights-from-descriptive-diagnostic-predictive-prescriptive-data-analytics/)
Ohno — save food save world programatically
Published: 2021-12-29 13:50:11

“ohno” redefines group messaging with response and can be binary poller too. It is meant for save food save world digitally. Now ohno is with upgraded features of joining a group scanning/importing QR code.
Download and enjoy the free ohno app: https://play.google.com/store/apps/details?id=com.enterprises.ohno
You can make a print out of the QR code of the group created in ohno and paste it in hostel/Paying guests(PG). You can also scan to join the group and receive timely messages whether the hostelite will have food or not(binary polling — yes/no)
You can add/remove members as admin. Anybody can join the group(as a member). You can share the QR code in any social media platforms to join the group/ or share the number/ID to add to a group. Guess what, you can do everything for free.
As a admin/cook of group, you can set when to get autopilot notifications. You can also mute notifications.
Isn’t it exciting to know Android app server “ohno” writtten in golang and deployed on kubernetes?
It is deployed on linode kubernetes service. Server side golang is written with gorilla http router.
Trying Epsagon with Amazon Web Services
Tags: aws, serverless
Published: 2021-12-29 13:49:43

Epsagon Case Study: MacsGameBoard.com
-------------------------------------

![](http://norristechnologies.com/wp-content/uploads/Screen-Shot-2020-07-21-at-1.33.14-AM.png)

Mac’s Game Board is an online gaming community that has been developed with Amazon Web Services (API Gateway, Lambda serverless, and Aurora RDS) with an HTML5/CSS3/jQuery front end. Prior to building this solution, I had never worked in AWS. I tried several services for monitoring lambda functions, Aurora RDS, and API gateways. Every service I tried had maybe one or two of the things I needed, but either didn’t have the third or wasn’t thorough enough to use.

Then enters Epsagon, referred to me by the guys over stackery.io. I decided to give Epsagon a try. Wow! That is the only word I can use. From the very easy-to-use interface to the powerful monitoring, logging, and alerting, I fell in love with this solution quickly. Now I am able to…

### Monitor

Prior to implementing Epsagon, I only had the monitoring that is built into AWS. Sure, it’s powerful, but its complicated interface made it difficult to get to the information I needed.

![](http://norristechnologies.com/wp-content/uploads/Screen-Shot-2020-07-21-at-1.23.23-AM-1280x658.png)

### Debug

Prior to using Epsagon, when I added a new jQuery function, I had to write a TON of console.log statements, in order to understand what was happening when a function didn’t complete. Now that I have Epsagon, I am able to get to the heart of the problem super quickly. As you see below, you are able to see 1) the API gateway call, 2) the lambda response, and 3) the database call and response. This is invaluable information, when you are trying to troubleshoot failing functionality.

![](http://norristechnologies.com/wp-content/uploads/Screen-Shot-2020-07-21-at-1.30.44-AM-1280x715.png)

### Gain visibility of my serverless architecture, during beta testing and production

![](http://norristechnologies.com/wp-content/uploads/architecture-1280x1105.png)

As I move into beta testing and go-live, I have so much more confidence, now that I know I am able to see what is happening in real time. No more guessing what’s going on. I can watch data pass through each piece of my infrastructure.

Epsagon, while simple to access and use, is incredibly powerful, providing valuable insights into your application and infrastructure. To get started, all you have to do is click your functions and hit “auto trace.” It’s all automatic and transparent. I’m seriously impressed with this product!
10 Best Domain Authority Checker Tools
Tags: domain, webdev, beginners
Published: 2021-12-29 13:43:31

Innovation has ruled the world. In this innovation driven period, computerized systems are utilized as powerful showcasing procedures like sites, sites, promotions, and some more. However, a site goes about as the fuel to drive your business alongside different methodologies. 

Additionally, it is likewise vital for screen the sites cautiously. Web optimization apparatuses, Domain Authority Rankings, Backlinks tracker, and a lot more instruments administer the validity of our site. Domain Authority is perhaps the most fundamental tool to screen sites.

![Best Domain Authority Checker](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1c9e5vqm8p8jivhmi0bz.png) 

## What is Domain Authority?

Domain Authority or DA is a search engine ranking prediction formulated by Moz. It predicts the ability of a website to rank on the Search Engine Result Pages (SERP). The DA may vary from 1 to 100. The higher the score, the greater is its ranking ability.

Domain Authority (DA) is formulated while considering several factors, such as backlinks and a total number of links. The score is often used to correlate websites or to compare the website SERP rankings over a certain period.

Top 10 [Domain Authority Checkers](https://webhostingprime.com/best-domain-authority-checker/) tools:

1. Link Explorer
2. SiteChecker
3. Website SEO Checker
4. SEO Review Tools
5. SEMScoop
6. SmallSEO Tools
7. SER DA Checker
8. DA Checker-Bulk DA
9. DA Checker by Sure Oak SEO
10. Free DA Checker

### Tips to Increase Your Website Domain Authority

1. Fundamentals are correct
2. Appropriate use of tools
3. Choose a topic of public interest

## Conclusion

To construe the substance, Domain Authority (DA) assumes a significant part in site evaluation. In any case, Domain Authority (DA) ought not be mistaken for Domain Ranking.

DA and Domain Authority are two unique things. DA is an overall list and DA measurements look at your site.

Still never be tortured by your DA rankings, the essential focal point of your site ought to be quality substance.
Center Text in just Two Lines of CSS
Tags: css, html, webdev, tutorial
Published: 2021-12-29 13:37:47

{% youtube https://www.youtube.com/watch?v=uInN8LrV-Bc %}

### **Using Flexbox**
```css
/* Method 1 - Centering DIV using Flexbox */
.div1 h1{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
```

### **Using Grid**
```css
/* Method 2 - Center DIV using Grid */
.div2 h1{
    display: grid;
    place-content: center;
}
```

So simple 😀

And make sure to center(`align-mind: center`)😜 your focus towards my **[YouTube Channel](https://www.youtube.com/channel/UCNTKqF1vhFYX_v0ERnUa1RQ)**
Leading Digital Marketing Agency in Dubai 
Tags: php, wordpress, computerscience, css
Published: 2021-12-29 13:30:21

**[KBA Digital Marketing Agency](https://kbamena.com/)** specializes in increasing customer sales through integrated Internet marketing solutions.
We provide a full range of services for both **[digital marketing](https://kbamena.com/)** and offline marketing in Dubai.
The agency engages in wide-ranging, multi-channel campaigns, leveraging social platforms to reach their client’s audience. The best marketing agencies never stick to just one strategy and instead develop personalized packages to fully address your business goals and find ways to appeal to your target audience.
Their services can include a variety of offerings, just like we offer to our clients. Here are some direct examples:
– Brand Identity Design
– **[SEM](https://kbamena.com/)**
– Web Development
– Experiential Marketing
– Packaging Design
– **[SEO & PPC Services](https://kbamena.com/)**
– **[Social Media Marketing](https://kbamena.com/)**
– **[Email Marketing Management](https://kbamena.com/)**
The impact of AI on the industry 4.0
Published: 2021-12-29 11:50:58

The move from the traditional system of automation that relies on industrial robots independent of each other to networked “cyberphysical systems” has transformed the way manufacturing plant operates and has set new standards for competitiveness in the marketplace. This has brought many of advantages to both producers and consumers, such as the following:

**Just-in time manufacturing:**
Adapted real-time production models have reached an new level of efficiency. These manufacturing systems that are powered by AI can produce parts in an adaptive method to meet the needs of the customer. Sensors monitor components by placing them in accordance with demand patterns and using algorithms to speed up lead times.

**New products are introduced:**
Production lines become information systems that drive decision making on matters as important as the line of production. This makes it easier to adapt to the demands and makes it simpler to shift from raw materials coming into the factory and the finished product that leaves it.

**Consumption changes:**
One of the most significant changes in mindsets has been the one between customers and assets. Customers are connected to industry via information networks and demand goods and experiences that are of greater quality and personalization. However manufacturers are able to create personalised products and services without losing effectiveness due to digital designs and smart production.

**Employment market development:**
The learning curve of AI techniques is slow , yet AI is growing in an unstoppable manner. This has made titles such as “Data Scientist” increasingly demanded. The employment model is evolving toward more analytical and skilled candidates in the field of technology. Therefore, it is crucial that the government invest in education which is a crucial factor to reduce unemployment.
The Professional Packers And Movers Bangalore Begur Road - Get Personalised Services
Published: 2021-12-29 13:13:36

We at Packers And Movers Bangalore Begur Road are famous as well as are known to provide the best as well as the personalised relocation services to all our customers and make them relax and chill at their place while we are working for them and getting all the headaches. We have a great as well as a professionally experienced team of people who are known to be famous for their work and expertise in the field of relocation. 

We are considered to be one of the most reputed as well as a recognised service provider in the terms of relocation to the people around the world. We are situated as well as established in the Banglore, karnataka but we do provide services to all the people around the world. 

Here are some of the major as well as top most characteristics of the **[Packers And Movers Bangalore Begur Road](https://www.packersmoversinbangalore.co.in/packers-and-movers-bangalore-begur-road/)**:


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

1. We provide the local moving services to our customers.

2. We provide the international moving services to all our customers.

3. We also provide the proper as well as a great moving kit to all the customers at the time of relocation.

4. We give the proper plan of action of the whole of the relocation process to our customers beforehand so that they can easily track the whole scenario easily.

5. We provide the proper as well as a spacious storing units to the people while the relocation so that they can store their luggage or belongings in case of an emergency.

6. We provide the full fledged relocation services, which means we at Packers And Movers Bangalore Begur Road pack the whole luggage then load the same into the respective vehicle and unload the same in the new place of yours and lastly then unpack the same. In fact, in addition to this, we can also help you in the same if you want us to help you in arranging the whole of the luggage in your new house. We have our own experts for this as well, which will give your house a best look.

7. If in case you want the box delivery then we provide the same as well.

The following are some of the major features of the Packers And Movers Bangalore Begur Road. Have a look at them.

1. We at Packers And Movers Bangalore Begur Road provide the timely as well as a very fast delivery to all our customers. 

2. We Packers And Movers Bangalore Begur Road deliver all your products in a very secure as well as a very safer way of transit with our high quality material.
The new release of dotConnect Providers with Entity Framework Core 6 Support
Tags: dotconnect, entityframeworkcore
Published: 2021-12-29 13:12:10

---
title: The new release of dotConnect Providers with Entity Framework Core 6 Support 
published: true
description: Devart rolled out the new versions of dotConnect data providers with Entity Framework Core 6 Support
tags: dotconnect, EntityFrameworkCore
//cover_image: https://direct_url_to_image.jpg
---
Devart, a recognized vendor of world-class data connectivity solutions for various data connection technologies and frameworks, presented a new release of [ADO.NET data providers](https://www.devart.com/dotconnect/?utm_source=devto&utm_medium=referral&utm_campaign=pr_dotconnect_29.12.2021) for Oracle, MySQL, PostgreSQL, and SQLite. Now, the new versions support **Entity Framework Core 6.0**. 

**The release includes the following enhancements:**

- NetTopologySuite 2.4.0 is supported in EF Core 3, EF Core 5, and EF Core 6

Also, the current release includes the following Entity Framework Core 6 new features that are supported by new versions of Devart providers:

- The pre-convention model configuration is available for the latest Entity Framework Core 6.0. 
- New mapping attributes: Unicode Attribute, Precision Attribute, EntityTypeConfiguration Attribute 

To learn more about the recent release and download new products, visit: 
https://blog.devart.com/entity-framework-core-6-support-in-dotconnect-providers.html

dotConnect is an enhanced data connectivity solution built over ADO.NET architecture and a development framework with a number of innovative technologies. dotConnect includes high-performance data providers for the major databases and popular cloud applications and offers a complete solution for developing data-related applications and websites.

**About Devart** 
 
Devart is one of the leading developers of database tools and administration software, ALM solutions, data providers for various database servers, data integration, and backup solutions. The company also implements Web and Mobile development projects. 
For additional information about Devart, visit https://www.devart.com/.