teleren/devto huggingface dataset:
JS: How to add or remove a class and make your sites interactive
Tags: javascript, tutorial, webdev, codequality
Published: 2021-02-10 09:16:31

`Hello World!` New episode of the series  - A CSS/JS trick in 5 minutes.
Today we will quickly see how to manipulate a class throw javascript (add, remove and check presence). 

--- 

In reality, you have to imagine classes as a list, all elements in a page have is own list of class you can modify with javascript. So if you want to modify an element you don't need to do all the stuff (it's much longer and boring) with javascript. You just have to define a class in CSS with all the attributes then add this class to the element(s) you want to modify. So for example you can have a live element [update on scrolling](https://dev.to/devlorenzo/js-on-scroll-events-4232)

#### Add
```
  let foo = document.querySelector("#foo");
  element.classList.add("newClass");
```

#### Remove
```
 foo.classList.remove("classToRemove");
```

---

#### You can also check if an element contains a class (and then perform operations with the boolean result):
```
  foo.classList.contains('AreYouHere')
```

---

Hope this helped and thanks for reading!

> Please smash that like button to make me understand that you want the series to continue :)

[Check this article about how to write CSS like a pro!](https://dev.to/devlorenzo/how-to-write-css-like-a-pro-4glj)

{% link https://dev.to/devlorenzo/how-to-write-css-like-a-pro-4glj %}
Making PongPong
Tags: python, programming, github, gamedev
Published: 2021-02-10 09:02:12

Are you just starting your Game Development journey ?

Do you want to learn something new ?

I just released my very first tutorial on game development !

PongPong, a game that every developer should try their hands on !

I really enjoyed making this game when I went ahead and completed a task from Zero To Mastery Academy monthly challenge.

It was super fun learning something new, the basics of game development and how to view a game as just like a geometry plane to work with, was simply mind blowing for me.

I chose pyglet for development work, motivation behind this was to completely learn something new and not to work with the good old pygame !

I really loved writing my experience and how I approached the problem, hoping you will find it insightful, will learn something new and get to know basics of developing a game like PongPong.

Go through the following parts to get familiar with pyglet game development style:

1. [Making PONGPONG - Game Development using Pyglet - Part 1](https://blog.codekaro.info/making-pongpong-game-development-using-pyglet-part-1)
2. [Making PONGPONG - Game Development using Pyglet - Part 2](https://blog.codekaro.info/making-pongpong-game-development-using-pyglet-part-2)
3. [Making PONGPONG - Game Development using Pyglet - Part 3](https://blog.codekaro.info/making-pongpong-game-development-using-pyglet-part-3)

---

Just starting your Open Source Journey ? Don't forget to check out [Hello Open Source](https://github.com/siddharth2016/hello-open-source)

Want to `++` your GitHub Profile README ? Check out [Quote - README](https://github.com/marketplace/actions/quote-readme)

Till next time !

Namaste 🙏
Form Validation Using Regex in Javascript
Tags: javascript, codenewbie, 100daysofcode, computerscience
Published: 2021-02-10 08:42:49

in this video you can download code from bottom link : 

https://www.youtube.com/watch?v=PsOxLkQEGL4&ab_channel=CodeWithNaqvi
javascript

#javascript #javascript #programming #100daysofcode #developer #webdeveloper #javascriptdeveloper #react #webseries #programming #100daysofcode #developer #webdeveloper #javascriptdeveloper #react #webseries #code #reactjs #webdevelopment
Web Technologies Every Web Developer Must Know in 2021
Tags: html, webdev
Published: 2021-02-10 08:42:06

The world of web development is rapidly evolving and in order to become a full-stack web developer, you need to master the art of coding. To successfully walk this road there are many skills set that you need to learn. It could be a bit overwhelming to understand the depth of development and other critical tactics, but once you start the learning process, this will be a piece of cake. But this would require a bit of direction, before sailing in this sea. You can either <a href="https://bit.ly/2Q0Uf5G">hire a web developer</a> or get started with your learning to walk on the path of becoming a proficient web developer. 

In order to keep up with the changing technologies, it would be required for the developers to adapt to the shift of technologies with proper guidance to walk through the web development jungle that is growing rapidly. It is essential to keep updated with the most important trends and technologies that arise and bypass those that are not ready for primetime.

To ease the process for you, we have compiled a list of latest technologies that will dominate 2020, that any developer should have knowledge of:

<b>Single Page Application</b>

An interactive web application or web site, that dynamically rewrites the current page rather than loading an entirely new page. With the help of this, users can interplay with the consecutive pages without getting interruptions. SPA will make navigation even easier for site visitors and saves from swirling menus and adapts to any device. 

<b>Chat Bots<b>

Chatbots: an innovative creation made with AI and omnichannel. These are one of the most effective customer services and are popularly used in automating processes. These would be a great help in marketing and analytics. These are a boon for 2021. We have seen presently available virtual assistants like Amazon, Alexa, Microsoft’s Cortana, and more. Although commonly chatbots communicate with a real human in the future there is always a developing technology with which two chatbots will be able to communicate with each other. 

<b>Final Words<b>

The technology sector is always growing at a rapid pace, and we all have to be updated, whilst to be a part of the race and win it. Learning every technology could be a little extensive for you, therefore, in order to <a href="https://bit.ly/3g5UO8Q">convert your PSD to a webpage</a>, a professional web developer could help you. They will have knowledge about the latest technologies and know what is the best measure to implement them. This would keep you ahead of the game and attain more conversions with advanced methods.
Cross platform object oriented design 💣💥💥
Published: 2021-02-10 08:38:42

Confused about too many names for the same property? 

Tired of remembering all names other teams gave to the same feature?

## Lisko, please give an example:
A good example from the industry is "String template":
* iOS developers call it "String interpolation"
* Kotlin developers call it "String template"
* Javascript developers call it "Template literals".

But it is the same thing, like this giraffe. The only thing that changes is your point of view.

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

## Shared architecture - same name on every stack
We at Sanga first encounter this issue with our IOS <-> backend
architectures and communications between them. When we saw it work 
perfectly and without any misunderstanding we applied it to other sides 
of our dev stack such as our frontend sphere, and it fitted like a glove. 

The universal design language we created:

* Contracts - The objects that pass between our stack parts
* View Layer - Controllers, the topmost layer that creates an interface to be consumed (can be UI in an iOS app or REST API in a µservice)
* Service - Business logic layer
* Repository - Responsible for CRUD operations on our model.
* Factory - Responsible for Converting Contracts to Models and vice versa.

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


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

## Shared code
Shared architecture makes it possible to have a shared code.

We are currently on our journey to find the right way to share code between the different stack layers - but I wouldn't conclude it yet - as we didn't solve this question yet. when we do it will be one hell of a byte!

### Thank you for reading, look for our next Byte
_Made with ❤️ by [Sanga](https://www.sanga.app)_
Azure Functions: Creare un JSON sfruttando le ActionResults
Tags: azurefunctions, iactionresult, json, newtonsoft
Published: 2021-02-10 08:34:42

Azure Functions: Creare un JSON sfruttando le ActionResults

AzureFunctions & JSON 

❓ Ti sei mai chiesto come puoi generare ...

➡️ Ti sei mai chiesto come puoi generare al volo un JSON senza scomodare Newtonsoft?

Oppure -anche solo per abitudinte- utilizzi Newtonsoft in tutto il tuo codice? 

🔥 Hai mai valutato la creazione sfruttando le IActionResult oppure no?

Alla fine -nonostante la sintassi per creare il JSON e' diversa- sai che il risultato finale sara' identico?

[Link Articolo Completo](https://blog.devandreacarratta.it/azure-function-json-actionresults/?utm_source=devto&utm_medium=coding-tips&utm_campaign=json&utm_content=azure-function-json-actionresults)
Better code with Bitbucket 4 starting steps | Store and Run with Bitbucket
Tags: bitbucket
Published: 2021-02-10 08:32:13

Before you begin, you’ll need a Bitbucket Cloud account to follow along in this tutorial yourself. This guide will give you a tour of the parts of Bitbucket you’ll use a lot, so you should also have Git installed and be familiar with basic Git commands and how Git works.
Step 1: Put your code in Bitbucket
Step 2: Set up locally, collaborate globally
Step 3: Basic branching with Bitbucket
Step 4: Review code changes with a pull request
In this video can help you.Please click this link <a href="https://www.youtube.com/watch?v=CYP1ZQhu5eY" target="_blank">Video</a>  .

Finally, we are done, hope this explains it very well, in case you miss anything or you did not follow all through, here is the code on my Github or My <a href="https://www.youtube.com/channel/UC80IlhuAl36zQdMSOyb3qgA" target="_blank">Youtube Channel</a>  . 
You can leave a comment, suggestion for improvement or corrections, don’t forget to follow me.
What Are The Ultimate Ecommerce Platforms For a SEO Friendly Website?
Published: 2021-02-10 08:30:29

What is an ecommerce platform? It’s a software application that allows you to move your store online and offers you all the necessary tools to build your website, launch your marketing, increase your sales, and manage the operations. And as we’ve already mentioned, Search Engine Optimization capabilities are extremely important if you want customers to easily find your store. 
Now, let’s discuss the main <a href="https://chudovo.de/magento/">E-Commerce</a> players out there and see their SEO capacity. 

1.	WooCommerce
You probably heard a lot of WordPress. And Woocommerce is the plugin that allows WordPress users to create an online store. 
WordPress has an amazing community and if you run into a problem, there is a very high chance somebody else has already solved it.
The benefits of SEO on Woocommerce are endless. The platform offers all of the features mentioned above. Besides that, it has pretty much every important SEO feature out there. 
2.	Shopify
Shopify is a simple and popular ecommerce platform. It’s very intuitive and offers pretty much anything you need to run a successful online shop. 
Besides that, the pages loading speed of Shopify-created websites is very fast and this is one of the basics included in every SEO best practices handbook out there. 
Though, the system doesn’t allow you to fully customize the URLs which obviously lead to search engines ignoring some of the important keywords you might want to include. 
3.	Magento
Magento is considered to be the best in terms of SEO for ecommerce websites. Though before picking this platform, note that Magento is open-source software and you will have to customize pretty much everything. It requires a lot of coding, and if your coding skills are minimal make sure you find a professional developer on Onbenche.de that can be with you during the entire project. And make sure your developer is aware of how important the SEO is and can create a fast and SEO friendly website.

4.	Prestashop 
Prestashop is a very easy to use ecommerce platform. It’s targeting small to medium-sized businesses that are looking for a quick ecommerce solution. 
It lacks some built-in SEO features, but it allows you to add external SEO plugins. While it can be a solution, you can lose the whole point of using Prestashop, and the point is to easily build an online store. Also, plugins for Prestashop significantly increase the development cost. 

5.	Wix
Wix is yet another easy to use website builder. It’s very user-friendly and intuitive, though it lacks bigger players on the market functionality. 
It offers very limited customization and it’s simply not the best ecommerce SEO solution out there. It doesn’t offer URLs, title tags or meta descriptions optimization, the indexing of the pages is slow, and it’s a closed source platform meaning that third-party plugins are not even an option.
Explaining Authentication Security Issues through Memes!
Tags: authentication, security, algorithms
Published: 2021-02-10 08:19:41

## Data not Hashed/Encrypted Properly

![](https://code.oursky.com/wp-content/uploads/2021/02/Screenshot-2021-02-09-at-4.15.21-PM-1-scaled.jpg)

Adopt algorithms/functions that are **widely regarded as secure** when it comes to password hashing or data encryption. MD5 can be handy in many occasions, but it's not really a strong candidate to be used solely for encryption. 

For hashing, try **argon2** or **bcrypt**, as suggested by [OWASP](https://cheatsheetseries.owasp.org/cheatsheets/Password_Storage_Cheat_Sheet.html#password-hashing-algorithms). Those from the SHA family are alright too, be aware of the fact that they can be accelerated by a GPU though, making it more susceptible to brute-force attacks.


## Hmm How to Identify a User when S/he Resets Password?

![](https://code.oursky.com/wp-content/uploads/2021/02/Screenshot-2021-02-10-at-12.36.57-PM-min-1-1160x651-min-1.png)

Please don't do this...

**Avoid using any personally identifiable information (PII).** Never take chances when it comes to PII. Even if encryption is applied, it can still be broken/decrypted by attackers, where they can then use the PII to match a user from your system.

We’ve seen “encrypted” user IDs being used as the password reset token passed in a URL, which is not a very good idea, as aforementioned. In our case, the token encryption wasn’t done properly where a cryptographically broken algorithm (MD5) was adopted, which resulted in the quoted word to be encrypted in the last sentence.

Always use randomly generated ID as the identifier. Give each generated ‘reset password’ session a life span and prevent brute-force matching attempts on the ID by implementing rate-limit mechanisms on the URL token.

## No Expiry on Access Token

![](https://code.oursky.com/wp-content/uploads/2021/02/Screenshot-2021-02-10-at-4.15.04-PM.jpg)

Let’s assume that you are generating access tokens properly with safe encryption. If there’s no expiry mechanism, the tokens that were already generated will haunt you forever. This is literally giving hackers unlimited time to pull off a token sidejacking. Just imagine an attacker getting their hands on an access token! They can authenticate themselves and go into your system and do whatever they want. This is quite likely to happen. Just open your cookies manager on your favorite browser and check how many access tokens are stored there.

Even if your machine is kept safe and all transits are conducted with HTTPs, access token with no limited life span can still pose serious threats. Even if your connection is protected by HTTPs, with enough computing power (which isn’t hard to come by nowadays) and time, an attacker can intercept your exchanged data and crack your sessions/tokens out of it.

## For more details and in-depth solutions

Read the [original post](https://code.oursky.com/authentication-security-password-reset-and-more-best-practice/), served with more memes!
Top Features of AngularJs to choose for App Development in 2021
Tags: angular, javascript, mobile, devjournal
Published: 2021-02-10 08:19:16

When it comes to building robust and dynamic web applications for modern enterprises, the AngularJS framework fits all criteria. This excellent JavaScript MVW framework is built and supported by the technology giant Google to build seamless single-page and enterprise-grade applications. Some of the well-known apps including Google.com and YouTube are based on the AngularJS framework.

From the developer’s perspective, AngularJS has excellent frontend development capacity, which gives it a position with React and HTML. It is easy to integrate dynamic content in AngularJS-powered web applications. Globally, over 390,000 websites use AngularJS and over 76k websites use AngularJS in the US alone. The [AngularJS development company](https://www.suriainternational.com/angularjs-development-company/) keeps on leveraging the opportunities of the framework for corporate clients.

Over the years, AngularJS development has gained ground among developers and entrepreneurs alike. Be it a single-page application or a dynamic enterprise web application, you can always get a mobile-friendly app with desired features using the AngularJS framework.  Here are five significant features of this robust platform that contribute to building seamlessly-performing applications in 2021 and beyond.

Five Top Features of AngularJS Framework that Makes It Popular

Data Binding- It is one of the most important features of AngularJS that enables developers to save time on coding by eliminating the need for rewriting boilerplate codes. Any customized web application may have 80% of its original codebase that can be transversed or manipulated. Here, the data binding feature comes in handy. It makes the original codebase redundant, and developers can easily focus on the app’s features and functionality.

Simply put, a web app developer focuses on combining the user interaction with the system to make changes in the model manually using DOM (Document Object Model), but the two-way data binding feature of the AngularJS platform facilitates developers to make changes only in the model to get a projection view on the application. 

Read More: https://www.suriainternational.com/features-of-angularjs-development/
Image edge detection for Web Apps
Tags: algorithms, webdev, imageprocessing
Published: 2021-02-10 08:11:03

Image edge detection is a fundamental part of many computer vision and image processing algorithms. The edges describe the shape of the objects and therefore they carry valuable information about the picture.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/5fcifpavi9qmkjr4g1uz.jpg)

## Popular edge detection techniques
One of the most popular [algorithms for edge detection](https://fiveko.com/) are the *gradient operators*.
### First-order gradient operators
Some of the most popular first-order gradient detection operators are:
1. Prewitt operator
2. Sobel operator
3. Schaar operator

### Second-order operators
The edge detectors from this group use the second-order derivative of image intensity. This means that they detect the rate of change in intensity, since the maximum of the gradient coincides with zero-crossing in the second derivative.
Popular algorithms are:
1. Laplacian of Gauss
2. Difference of Gauss (DoG)
3. Marr–Hildreth algorithm

## How to make edge detector for the web?
Nowadays, it is possible to use modern web technologies to perform image analysis in a browser. The advanced [HTML5 standard](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5) is widely supported in most popular platforms and this provides many opportunities.
### Image filtering using CSS
The [CSS filter](https://developer.mozilla.org/en-US/docs/Web/CSS/filter) property allows you to apply effects to images and various parts of HTML content such as borders and background.
Unfortunately this is not much of an use for image analysis and machine vision.

### Edge detection with HTML5 Canvas
The HTML5 Canvas element is a powerful tool that provides access to raw image data. Due to this we can use vanilla JavaScript to manipulate and analyze images online.

### Image analysis with WebGL
WebGL (Web Graphics Library) is another web technology that enables high-performance image processing. The best part about it is that it works without plugins, so we can use the direct JavaScript API to manipulate pixel data.

## Online image processing apps
If you are interested in image processing, you can see these [online graphics apps](https://fiveko.com/online-tools/). In addition to applications, this project offers free tutorials and image analysis algorithms.
Python Crypto Bot (PyCryptoBot)
Tags: coinbasepro, tradingbot, cryptocurrencyinvest, bitcoin
Published: 2021-02-12 04:54:04

---
title: Python Crypto Bot (PyCryptoBot)
published: true
date: 2021-02-10 07:41:31 UTC
tags: coinbasepro,tradingbot,cryptocurrencyinvest,bitcoin
canonical_url: https://medium.com/coinmonks/python-crypto-bot-pycryptobot-b54f4b3dbb75
---

[![](https://cdn-images-1.medium.com/max/1280/1*08YHFlZcjiJxDxw8GzHbtA.jpeg)](https://medium.com/coinmonks/python-crypto-bot-pycryptobot-b54f4b3dbb75?source=rss----721b17443fd5---4)

Bitcoin, Bitcoin Cash, Ethereum, Litecoin, Stellar on Coinbase Pro

[Continue reading on Coinmonks »](https://medium.com/coinmonks/python-crypto-bot-pycryptobot-b54f4b3dbb75?source=rss----721b17443fd5---4)
How to Fix Intuit QuickBooks Online Login Problems (QBO)?
Published: 2021-02-10 07:37:08

Login problems of QuickBooks online on chrome is a very common and frustrating error that the user might often come across, due to security issues. To fix this error, the user might have to update to new Intuit account with enhanced security or carry out the steps discussed later. This error appears on the screen with an error message “Account services unavailable, please try back later”. This error can be seen due to a handful of factors, which will be mentioned later on in this post. Thus, we would suggest you to continue reading this post till the end. An alternate for the same can also be to get in contact with our team of experts at 1-844-405-0907, and ask them to <a href="https://www.hostdocket.com/fix-quickbooks-login-problems-with-chrome/">resolve the QuickBooks Online (QBO) Login Problems for Chrome error</a> for you.