teleren/devto huggingface dataset:
Which python ide
Tags: python, beginners
Published: 2020-02-10 11:51:13

If you are new to <a href="https://python.org">Python</a> programming, you may wonder where to start and how to run Python code. In general there are two ways: 

* in the terminal
* in an IDE

For small projects, you could use the terminal. But for large projects, an IDE saves you a lot of time opening closing files, and programming.
 
You can do your programming work in a Python IDE. This is a development environment that tries to make programming easier. While you can run Python <a href="https://pythonbasics.org/execute-python-scripts/">in a console</a>, I recommend to use an IDE for larger projects.

Often times it has <a href="https://pythonbasics.org/getting-started/#PythonIDE">many features</a>, you can run your program with a single key press, open multiple files and tabs at once, have searching through all files and many other features available, but this depends on the IDE.

## Some popular IDEs

Some popular IDEs these days are <a href="https://www.jetbrains.com/pycharm/">PyCharm</a> and <a href="https://code.visualstudio.com/">Microsoft Visual Studio Code</a>. These are popular because of their many available features and free of price.

<img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.fossmint.com%2Fwp-content%2Fuploads%2F2017%2F02%2Fvisual-studio-code.png&f=1&nofb=1">

A screenshot of Visual Studio Code. Besides Python it supports many other programming languages. This is not the case for all IDEs.

You could try <a href="https://www.spyder-ide.org/">Spyder IDE</a> or <a href="https://www.wingware.com/">Wingware IDE</a>, which are not as popular as the ones above but are good IDEs.

<img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fok97465.github.io%2Fassets%2Fimages%2Fspyder-ide%2FDark_theme.png&f=1&nofb=1" alt="spyder ide">

If you want to code on your mobile or tablet (perhaps because of long commute), you can use <a href="https://apps.apple.com/us/app/pythonista-3/id1085978097">Pythonista IDE</a> or <a href="https://play.google.com/store/apps/details?id=org.qpython.qpy">QPython</a>

![coding on mobile](https://dev-to-uploads.s3.amazonaws.com/i/nps1pl1vr8o420nmbr2w.png)

But there are many more, some use older editors like <a href="https://www.gnu.org/software/emacs/">Emacs</a> or <a href="https://www.vim.org/">VIM</a> as IDE. It depends on your personal preferences or sometimes on your employers preferences.

**Related links:**
* <a href="https://pythonprogramminglanguage.com/python-ide/">List of Python IDEs</a>
* <a href="https://pythonbasics.org/">Learn Python</a>
Should email re-confirmation be a thing?
Tags: email, security, discuss
Published: 2020-02-10 11:40:44

---
title: Should email re-confirmation be a thing?
published: true
cover_image: https://user-images.githubusercontent.com/20716798/74146022-7aab9e80-4c00-11ea-9014-271457e08b1d.jpg
description: Should people be able to easily be able to use expired domains as they are today? 
tags: email,security,discuss
---


Let's say you once worked in a company called **Example Engineering Corporation**, a very big and respected company. In fact, it is the biggest engineering company in the world, and it is a huge career accomplishment to be employed by it.


When you were an employee, you were given a corporate email, and you used it in Github so you could show everybody that you were working in the big leagues.

![Screen Shot 2020-02-10 at 12 34 42](https://user-images.githubusercontent.com/20716798/74146611-bf840500-4c01-11ea-84f4-f922d6c79fb4.png)

Thing is, you no longer are employed by Example Corporation. But to Github, that email is still valid, giving you an identity that you shouldn't have anymore.

So, should websites, specially the ones that can provide oauth authentication, ask you to periodically confirm if your email is still valid?
Tutorial on CSS Background Image Hovers & Transitions
Tags: webdev, css, html, beginners
Published: 2020-02-10 10:39:13

In CSS, background-image(s) are used everywhere, but not many people animate or transition them. I will cover a few cool ways you can start using them with hover effects.
{% youtube BgH_5QQ4LwM%}
<b>We will cover:<b/>
* Using background-image, position, size, repeat,
* Using background-blend-mode,
* Creating transitions for the blend mode,
* Using background-size and animating it on hover,
* Animating a background image with gifs,
* Combine all the elements we learnt (up above)

The end result should look something like this:
<img src="https://adriantwarog.com/wp-content/uploads/2020/02/example-6.gif" alt="Example 1" />

<pre>
// SASS Syntax
.bg-transition {
    .img {
        background-color:rgba(red,0.75);
        background-image:url(./youtube-a.jpg);
        background-size:125%;
        background-repeat:no-repeat;
        background-position: center;
        transition: 2s ease all;
        background-blend-mode:multiply;
    }
    &:hover {
        .img {
            background-color:rgba(red,0);
            background-size:100%;
            background-image:url(./youtube-a.gif);
        }
    }
}
</pre>

## Want to see more:
I will try to post new great content every day. Here are the latest items:
* [Full Tutorial on how to use SASS to improve your CSS](https://dev.to/adriantwarog/full-tutorial-on-how-to-use-sass-to-improve-your-css-57on)
* [4 Simple CSS Hover Transitions for your Elements Background](https://dev.to/adriantwarog/4-simple-css-hover-transitions-for-your-elements-background-4mlg)
* [How to implement Dark Mode with CSS new media call: prefers-color-scheme](https://dev.to/adriantwarog/how-to-implement-dark-mode-with-css-new-media-call-prefers-color-scheme-3h65)
* [Creating a Mobile Design and Developing it](https://dev.to/adriantwarog/creating-a-mobile-design-and-developing-it-5c4o)

### Follow and support me:
[Adrian @ Youtube](https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ)
[Adrian @ Patreon](https://www.patreon.com/adriantwarog)
[Adrian @ Twitter](https://twitter.com/twarogadrian)

PS. Does anyone know how to add colors to 'pre' code on dev.to?
JavaScript: File Naming Conventions
Tags: discuss, javascript, angular, react
Published: 2020-02-10 10:09:14

---
title: JavaScript: File Naming Conventions
published: true
description: A small discussion on how people name their files and why.
tags: discuss, javascript, angular, react
---

`So first a little disclaimer, I don't feel how I write files to be better than the next person. This is more of an open forum to discuss how people go about naming theirs and how the manage files as a system grows.`

## So what exactly do I mean?

So you are working in your company, personal project or whatever it may be and it starts to scale. You get lots of files, loads of components etc.

So in general how do you make sure that you understand what something is? Coming from starting in Angular and reading [Clean Code by Robert Martin](https://www.amazon.co.uk/Clean-Code-Handbook-Software-Craftsmanship/dp/0132350882/ref=asc_df_0132350882/?tag=googshopuk-21&linkCode=df0&hvadid=310913487979&hvpos=1o1&hvnetw=g&hvrand=11954773612972842206&hvpone=&hvptwo=&hvqmt=&hvdev=c&hvdvcmdl=&hvlocint=&hvlocphy=1007268&hvtargid=aud-859821414841:pla-435472505264&psc=1&th=1&psc=1) I am very used to the approach of naming my files according to the thing that it is:

- Component
- Service
- Router
- Util

(communication.service.ts or button.component as an example)

The list goes on. Each has a reason for the name, each has a difference in its responsibility. Just like a function would have its single responsibility.

Now coming into React/Vue most components stick to UpperPascal for their naming and a lot of people just name their files without saying what it is but sometimes what it does. Its just a different approach to file splitting.

So the question comes in how do you go about naming and scaling your code base? What approaches did you take to ensure you don't get overwhelmed by files with hidden meaning behind their names?
I love public speaking
Tags: techtalks
Published: 2020-02-10 10:05:53

> Public speaking is an art.

I never hesitate to speak to a group of people or local conferences.

## Story

It's all started from childhood or school time.

My teachers used to make me class representative (means someone who organize the students in various things throughout the academic year) all the time.

And my teacher put me on the stage to talk sometimes.

Not sure what was the leadership quality or speaking skills I had at that time.

Even after changed my school, the same thing happened to me.

Ok, it's following me to high school as well.

### Little introvert ( *conditions apply)

Actually, I don't speak to random people or new friends that much quicker.

But once I entered into their friend circle or either case, they will suffer a lot to hear my stories.

I talk all that time, I always have some common topic to speak with the neighboring person.

## Stage fear

During grad school or college, we had the habit of taking seminars to students to cover some topics of the college syllabus.

I always volunteer and grab my slot at the earliest.

The same habit continues when I started my career as a developer. When there is a tech talk or something needs to explain to the local team. I ALWAYS THERE.

I never felt like speaking, it just part of my nature.

One question I receive from a wide range of friends is: Don't you have stage fear? - No is the answer all the time.

The Same thing continued after joining a job.

I do talk at [tech conferences or local events.](https://efficientuser.com/talks/)

> Its fun and makes me happy. :heart:
A trick with Ruby array literals
Tags: ruby, rails
Published: 2020-02-10 09:49:24

Declaring an array in Ruby is simple:

```ruby
ary = ["foo", "bar"]
# => ["foo", "bar"]
```

but did you know you can save the array elements as variables the same time you declare them?

```ruby
ary = [
  foo = "foo",
  bar = "bar"
]

foo # => "foo"
bar # => "bar"
```

Looks like magic? Well, it is not magic. This happens because assigning a value to a variable is an expression in Ruby. This is applicable to many other cases, like assigning a value on a conditional

```ruby
if user = User.find(params[:id])
  puts "User is #{user.name}"
end 
```

Or even crazier: to save the parameter you pass to a method!

```ruby
def some_method(arg)
  puts arg
end

some_method(value = "Hola")
# prints -> "Hola"

value
# => "Hola"
```

Disclaimer: :point_up: those 2 might be bad ideas. I wouldn't use it regularly on any code I write but knowing it is possible is always a good thing.

## What can I use this for?

It plays quite well with constants that can then be used as some kind of enums:

```ruby
COLORS = [
  COLOR_RED = "RED",
  COLOR_BLUE = "BLUE",
  COLOR_GREEN = "GREEN",
  COLOR_YELLOW = "YELLOW"
]
# => ["RED", "BLUE", "GREEN", "YELLOW"]
```

On rails apps they are especially useful to declare scopes:

```ruby
scope :non_red, -> { where(color: COLORS - [COLOR_RED]) }
scope :blue, -> { where(color: COLOR_BLUE) }
```
Real-Time Marketing Automation for Enterprises
Tags: discuss, news, todayilearned
Published: 2020-02-10 09:23:27

Marketing automation has always been the most important aspect of every industry.
Many brands have understood the need for the urgency of having a digital presence now. Customers spend most of their time on digital platforms thus marketers in every industry should understand this and interact with them in a more personalized manner. 

A lot of companies claim to build a platform that helps marketers to interact with their users in the most preferred channel. 

But do they really interact with them in real-time?

Customers expect personalized digital experiences while interacting with brands. To engage customers and prospects through digital channels,
marketers must know each customer, understand their precise needs and intention, and provide the right offer at the right time.

Lemnisk’s [real-time marketing automation](https://www.lemnisk.co/real-time-marketing-automation/) increases conversions, retention & growth for enterprises. It can be used to decipher each customer’s behavior, understand their digital experience, provide personalized recommendations and deliver a consistent experience across channels. This results in creating moment-based customer experiences across channels via preferred customer touchpoints.

The basic functionality of a MAS is to simplify the work of marketers. Right from automating tasks such as lead qualification, campaign creation, and other time-consuming activities, marketing automation has been a massive boon for digital marketing. Today, there are several martech tools in the market that focus on certain aspects such as email automation, social media automation, campaign orchestration, etc.

Most of these tools work on pre-defined rules set by marketers. They do not have the capability to change the rules in real-time as per customer behavior and responses. This is the time for intelligent automation. As martech and adtech tools keep evolving, the usage of advanced AI-assisted algorithms can do wonders to a normal marketing automation system. The results are more or less doubled when AI is in play when compared with regular results sans AI.

A Grand View Research study revealed that by 2025, the value of the marketing automation industry could touch $7.63 billion. Marketers should choose automation tools that are able to deliver personalized content in real-time on an individual user basis at their preferred time of engagement and on their preferred channels. An AI-based marketing automation system built on a CDP helps in orchestrating omnichannel user experiences that immensely help in customer acquisition, retention, and advocacy. This results in generating significant revenue for the company and guarantees substantial returns on the amount invested.
Let's connect on LinkedIn
Tags: discuss, linkedin
Published: 2020-02-10 09:21:55

Recently I created my LinkedIn profile :sunglasses:
And now, I want to connect to peoples from this awesome community, to start one more journey! :dizzy:

Are you using LinkedIn? Let's connect on it too :couple:

Post your LinkedIn profile below and maybe you find the interesting connections too :pray:

This is mine  <a href="https://www.linkedin.com/in/epranka/">linkedin.com/in/epranka</a> :point_left:
Laravel 6 Ajax CRUD Example with Sweet Alert
Tags: laravel, ajax, crud, sweetalert
Published: 2020-02-10 08:59:14

Hello Artisan

In this tutorial i am going to show you step by step laravel ajax crud example from scratch. In this laravel 6 ajax crud example, i will also show you the validation. I will show you from scratch.

If you don't know how to use ajax request and how to submit or delete or making crud with laravel using ajax, then you are a right place. In this tutorial i am using one modal. this one modal i will use for create and update also.

I will create Company model for laravel ajax crud tutorial along with name and address field. So let's start our laravel ajax crud tutorial.

https://www.codechief.org/article/laravel-6-ajax-crud-example-with-sweet-alert
French Book for Phalcon Released
Tags: phalcon, php, book, french
Published: 2020-02-10 14:43:00

---
title: French Book for Phalcon Released
published: true
date: 2020-02-10 08:59:00 UTC
tags: phalcon,php,book,french
canonical_url: https://blog.phalcon.io/post/french-book-for-phalcon-release
---

We are happy to announce the release of a French book about Phalcon, written by [Jérémy PASTOURET - @jenovateurs](https://github.com/jenovateurs)

## Description

The book is written with a focus on Phalcon v3, but also includes upgrade instructions for v4.

The first chapters explain the structure of Phalcon, demonstrage how to install it (with Ubuntu/Windows and Docker) and create a project.

Following are chapters for each component of Phalcon:

- Models (3 chapters),
- Cache,
- Sessions,
- Logging,
- ACL,
- Volt

and more.

At the end of each chapter there are upgrade instructions from v3 to v4. The added functionality in v4 is also demonstrated.

## Audience

This book is the most recent book regarding Phalcon. It is written in French so that is the primary audience. However, if there is interest for an English version, please contact the publishing house to record your interest and perhaps the publisher can consider releasing an English version.

It has been a struggle to convince the publisher to print a book about Phalcon. The conception is that there is only a small number of developers using Phalcon for now.

The hope is that this book will shine some light in the awesome Phalcon community, and raising awareness to developers that have not used it or are aware of.

If you know French Phalconers, please share the link!

## Where can I buy it ?

You can find this book here:

[Phalcon Book](https://www.editions-eni.fr/livre/phalcon-3-developpez-des-applications-web-complexes-et-performantes-en-php-9782409022746?utm_source=e-novateurs&utm_medium=affiliation&utm_campaign=2020-01-16-JPASTOURET&xtor=AL-3910-%5BJPASTOURET%5D)

## Available for everyone

Jeremy (author) has created a [GitHub project](https://github.com/les-enovateurs/livre-phalcon) with all of the source code for each chapter. Even if you do not understand French, you will be able to inspect the structure and check out the implementations. The code is available in English. Finally, you will also find additional examples of functions and services implemented with Phalcon.

_Article submitted by Jérémy PASTOURET_ [@jenovateurs](https://github.com/jenovateurs)

* * *

Chat - Q&A

- [Discord Chat](https://phalcon.io/discord)
- [Forum](https://phalcon.link/forum)

Support

- [OpenCollective - Support Us](https://phalcon.io/fund)
- [Store - Merchandise](https://phalcon.io/store)

Social Media

- [Telegram](https://phalcon.io/telegram)
- [Gab](https://phalcon.io/gab)
- [MeWe](https://phalcon.io/mewe)
- [Parler](https://phalcon.io/parler)
- [Reddit](https://phalcon.io/reddit)
- [Facebook](https://phalcon.io/fb)
- [Twitter](https://phalcon.io/t)

Videos

- [BitChute](https://phalcon.io/bitchute)
- [LBRY](https://phalcon.io/lbry)
- [YouTube](https://phalcon.io/youtube)

<3 Phalcon Team
Understanding about animation
Published: 2020-02-10 08:50:05

Animation là việc làm cho một đối tượng chuyển động hoặc biến đổi theo một quy tắc nào đó.

Trong giao diện người dùng, animation có thể là:
- di chuyển thành phần từ vị trí này sang vị trí khác
- thay đổi kích thước của thành phần: phóng to, thu nhỏ
- thay đổi thuộc tính của thành phần: chuyển màu, trở lên trong suốt, biến mất,....


Các thành phần cơ bản của animation

- duration: thời gian thực hiện sự biến đổi
- delay: độ trễ từ khi đối tượng xuất hiện đến khi sự biến đổi bắt đầu
- direction: hướng của sự biến đổi, từ 0 => 100 hay từ 100 => 0.
- iteration count: số lần lặp lại sự biến đổi
- name: tên định danh của sự biến đổi.

Như vậy, Một animation có thể coi giống như 1 đồng hồ đếm thời gian (duration) cho một đối tượng đi từ 0 => 100 hoặc ngược lại (direction), và số vòng lặp mà chiếc đồng hồ này sẽ chạy (interation count).


Tên của animation tham chiếu đến 1 khái niệm khác, gọi là `keyframe`.

Về cơ bản, keyframe là bộ quy tắc quy định sự biến đổi diễn ra như thế nào: thuộc tính nào bị thay đổi, và thay đổi như nào trong khi sự biến đổi diễn ra.


1 animation được chia ra thành 100 keyframe (từ 0 đến 100), tại mỗi frame, chúng ta có thể chỉ định giá trị của thuộc tính.
More About Functions – JavaScript Series – Part 17
Tags: javascript, tutorial, beginners, codenewbie
Published: 2020-02-10 08:40:38

In last part of function we learn about a basic function and we just console.log inside the function but today we are going to learn more about it. We’ll learn how we can add two numbers using a function!

In last part we didn’t use any parameters right? Now we’ll use some parameters.

We’ll pass the parameters inside of “()”. We can pass variables here, even function too. But for now just think of variable.

Today we’re going to create a plus function which will give us the result of two number.

First we’re going to write function keyword and the name of function and we’ll pass two numbers.
```
function plus(number1,number2){
  console.log(number1)
  console.log(number2)
}
plus(10,12)
```
We can easily access the values from the parameters. Now we can store both in a variable like –
```
function plus(number1,number2){
  var total = number1 + number2
}
```

Now we can console log it on our console.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/eat5mft652dj1ogewzmj.png)

See the result

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/xe27zyr7y3vm3wsxy1y8.png)

Can you write the minus function now ?


You can see the graphical version here
{% instagram B8Wf4CplzaB %}

Source Codes - { Check commits }
{% github nerdjfpb/javaScript-Series %}

Originally it published on [nerdjfpbblog](https://blog.nerdjfpb.com/javascript-part-17/). You can connect with me in [twitter](https://twitter.com/nerdjfpb) or [linkedin](https://www.linkedin.com/in/nerdjfpb/)!
Building my first website
Tags: showdev
Published: 2020-02-10 08:29:49

<h1>I built my first website with simple HTML, CSS and a bit of JS</h1>

I am a Product Designer and have been dabbling on and off in HTML and CSS and never actually completing a project.

End of 2019, I had the opportunity to design and build our design teams website. Instead of going the Squarespace or Webflow way, I decided to just jump in and try to do it myself.

I had a month to finish this and here's the result. Check it out

<a href="https://dbsbank.design">Design at DBS Bank</a>
Best way to store array type data inside database?
Tags: database, help, question, sql
Published: 2020-02-10 08:17:41

What is the best way to store string of array inside a database column?

I have a `tags` columns, where I want to store multiple tags.

Now I can think of two possible way to this but not sure which is really effective for large-size data.

## 1st

Directly store the data in an array of a row.

```
[ { id: 1, name: 'action' }, { id: 2, name: 'classic' }, { id: 3, 'science fiction' } ]
```

If I want to add the data I push at the end of the array and for remove I can search it by `ID`.

## 2st

Create a separate tags table.

```md
| id | name | post_id | tag_id |
| --- | --- | --- | 2 |
| 1 | 'action' | 342342 | 34 |
| 2 | 'classic' | 32424453 | 432 |
| 3 | 'science fiction' | 32424453 | 34 |
```

Based on the `post_id` in the tags table I can get all the tags for that specific post.

**NOTE:** These are not the actual tags but the reference where; which post is having which tag.

---

I would like to hear your feedback on these two ways, if you have another way to deal with array data type, please let me know in the comment section below.
Import from 'react'?
Published: 2020-02-10 07:59:57

I am new to react and this may sound wierd. I have read about Es6 modules.

i am confused by this line of code:

** import React from 'react'. **

I am aware that you can import methods,classes etc from files using 'A PATH' e.g ('./file,js')!

BUT I DON'T UNDERSTAND :
** import React from 'react'. **

where is the react in quotes comming from? i can't see any file or so.