teleren/devto huggingface dataset:
Terminal Math Quiz
Tags: beginners, python
Published: 2021-03-24 07:45:08

I made a basic terminal math quiz using python for the kids so I don't have to keep coming up with questions and answers for them.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tb78a1lyntnlcm4olj6f.PNG)

### About Code
Using python added the random library to generate a different question each time. Some basic functions for addition, subtraction etc and an ability to select difficulty. The questions give feedback on the answer given and return a score at the end.


https://github.com/Axe90/Math_Quiz_Terminal_Game
Is it profitable to start a telemedicine business in 2021? Absolutely.
Tags: telemedicine, app, software, technologies
Published: 2021-03-24 07:32:15

I have been working in this field for several years and I want to say that recent studies show that at least 82% of patients believe that digital software is the best option for health monitoring. 

What good can mobile telemedicine bring to patients, doctors, medical institutions, and our society as a whole?

Here are the most important advantages:
*mobile telemedicine technologies are quite affordable, convenient and cost-effective for patients;
*doctors can work from home and have more clients, as well as save time and make more efficient management of medical records.;
*clinics get less administrative work and fewer cancellations when generating additional income;
*incredible social benefits, such as helping remote areas or reducing the spread of disease (which is crucial during the COVID-19 pandemic).

While there are many advantages to developing telemedicine applications, there are also some disadvantages. These include, for example:
*dependence on internet connection and modern technological devices;
*limiting some diagnoses;
*security risks, etc.

You should definitely consider these pros and cons when assessing the risks to your startup. Can you add anything?
230. Kth Smallest Element in a BST (javascript solution)
Tags: javascript, algorithms
Published: 2021-03-24 07:29:09

###Description:
Given the root of a binary search tree, and an integer k, return the kth (1-indexed) smallest element in the tree.

###Solution:
Time Complexity : O(n)
Space Complexity: O(n)

```javascript
// Use DFS to add values to an array
// Return the kth index of that array
var kthSmallest = function(root, k) {
    const values = []
    
    // DFS function
    function dfs(root, values) {
        if(root.left) dfs(root.left, values)
        values.push(root.val)
        if(root.right) dfs(root.right, values)
    }
    
    // Run dfs and populate array of values
    dfs(root, values)

    return values[k-1]
};
```
Establishing a web presence is crucial for any business these days. 
Tags: web, business, banking, development
Published: 2021-03-24 07:21:13

Here are some reasons why you need to create a banking website.

1. You can establish a credible brand. Having your own banking website will allow you to create a custom email address to send newsletters to customers and maintain correspondence with business partners.

2. Customers can learn more about your banking services. A website will allow you to offer competitive products and better customer service to stand out among other banks. 

3. Your business can lower administrative expenses and other costs. That will also lead to reduced fees and attracting more clients to your bank.

4. You can use all the benefits of web development. Easy account management, secure online payments, convenient Google Maps integration, SEO tools, innovative design, and many other advantages will help your banking business grow and improve.

You can begin your [web presence](https://exceed-team.com/blog/how-to-create-banking-website) with a template website or a simple landing page, and as long as your business grows, plan a strategy and a budget for a well-developed custom banking website with a contemporary and user-friendly design.
Query Delegator: Write ActiveRecord scopes as interchangeable components
Tags: queryobjects, activerecord, rubygem, rails
Published: 2021-03-24 07:13:52

---
title: Query Delegator: Write ActiveRecord scopes as interchangeable components
published: true
description: Composable and re-usable query objects for Active Record.
tags: queryobjects, activerecord, rubygem, rails
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/obi26ie7rpqg88gtixrb.jpg
---

I wrote a gem to help in writing [query objects](https://martinfowler.com/eaaCatalog/queryObject.html) as interchangeable components. Feel free to :star2: at: 
{% github RichOrElse/query_delegator no-readme %}
PMP Certification Requirements
Tags: pmpcertificationrequirements
Published: 2021-03-24 07:08:40

If you are interested to pursue the PMP certification program and want to know the PMP Certification Requirements, check the below points as well as read the blog to get detailed information.

Project management experience of 5 years.
Leadership and direction of projects for 7500 hours.
Project management education of 35 hours.

Click the link to get detailed information

https://www.careerera.com/blog/pmp-certification-requirements
Reasons for Why Employers Want to Get PMP Certification
Published: 2021-03-24 07:06:21

PMP certification is without a doubt the most popular and prestigious certification in the field of project management. If you want to know the reasons why employers want to get PMP Certification. Go through this article and get detailed information.

https://www.careerera.com/blog/reasons-for-why-employers-want-to-get-pmp-certification
What makes good code good?
Tags: discuss
Published: 2021-03-24 06:57:04

---
title: What makes good code good?
published: true
description: 
tags: #discuss
//cover_image: https://direct_url_to_image.jpg
---

Assume that you've just become part of a team that manages a large code base for an interesting and fulfilling project. What most important aspects of the way the code is written will make the code **good**? What specific things are going to make your journey a **complete breeze** in terms of reading and understanding the code, adding new features, improving and patching it?

I'd highly appreciate it if you also indicated your experience and included an example from your past experience of encountering really good code (or bad), and what made it good (or why it wasn't).
Day74,75,76,77,78:100DaysOfCode
Tags: java, 100daysofcode, programming, productivity
Published: 2021-03-24 06:47:01

Started studtying geometry for cp.
gave around 4-5 coding contest on sunday ->
first morning leetcode challenge (solved 1),,
then gave coding test organized by placement cell of our college(along with apt test).
atcoder beginner(solved 2 ) .....   codeforces div2(solved 1)..finally a pupil on cf :)......way more to go

practised some constructive algo problem on cf(rating >1000)+dsa

studied springboot(java) + mysql (db connector) ->will be completing the course soon,

studied trees from cp book and some few leetcode ques on bst(easy).

didnt got selected for amdocs :(
(ps ->i just completed around 80 days of 100days with code :)


You can Follow me->
https://github.com/singhtaran1005
https://www.linkedin.com/in/taranpreet-singh-chabbra-27517918a/
Ripple button tutorial with bootstrap 5 + mdb
Tags: bootstrap, mdb, html, css
Published: 2021-03-24 06:44:33

---
title: Ripple button tutorial with bootstrap 5 + mdb
published: True
description: 
tags: bootstrap, mdb, html,css
//cover_image: https://direct_url_to_image.jpg
---

**Hello there,
Nomosker.
Today we are going to discuss here ripple button in bootstrap 5 and mdbootstrap.**

For uses bootstrap 5 and MDB we first include CSS and js in our HTML page.

```
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet" />
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
    <!-- MDB -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.3.0/mdb.min.css" rel="stylesheet" />
</head>

<body>
<menu>
<section class="section__ripple">
            <button class="btn btn-danger">
                Ripple danger
            </button>
        </section>
</menu>






    <!-- MDB -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.3.0/mdb.min.js"></script>
</body>

</html>
```
As you can see a button with ripple effect when click that button, we can do any bootstrap button same effect.
for example:

```
<button class="btn btn-primary">Ripple Primary</button>
            <button class="btn btn-success">Ripple Success</button>
            <button class="btn btn-secondary">Ripple Secondary</button>
            <button class="btn btn-warning">Ripple Warning</button>
            <button class="btn btn-danger">Ripple Danger</button>
            <button class="btn btn-dark">Ripple Dark</button>
            <button class="btn btn-light">Ripple Light</button>

```
but what if we want to customize the ripple effect or we need that effect in a different HTML tag instant of a button?

here is one example without a button we using div.
```
<div class="w-25 ripple bg-primary " style="height: 200px;">

            </div>

```
and for customize, we can add an attribute like 

```
data-mdb-ripple-color="dark"
data-mdb-ripple-color="#f00"
data-mdb-ripple-duration="5s"


```
like 

```
 <div class="w-25 ripple bg-primary " data-mdb-ripple-duration="5s" data-mdb-ripple-color="#f00" style="height: 200px;">

            </div>

```
for a full tutorial about the ripple effect we can follow 
[mdb ripple tutorial](https://mdbootstrap.com/docs/standard/getting-started/installation/)

This is a very short tutorial about ripple, hope next time we will discuss further more about MDB.
Thanks for stay with me, if you like this post don't forget to write your opinion in the comment below.
Thanks.
Loading Animation For Website using HTML & CSS
Tags: preloaderdesig, loadinganimation, loaderdsign, htmlcss
Published: 2021-03-24 06:34:17

Hello friends, today in this blog, I will create Loading Animation For Website using HTML & CSS, which is also known as pre-loader. As you guys know, earlier I have built a Complete Portfolio Website using HTML CSS & JavaScript. Now I'm going to create a preloader.

Pre-loader means the sign of loading animation appears while the window or webpage takes time to open. Preloader is the important and useable programming effect for all websites or browsers which helps users to wait to open a specific browser.

The pre-loader or loading animation that we are going to create today, its image is given on the webpage. In the image, we can see four color balls with different beautiful colors. Basically in this program, all balls are moves right-left and up-down with smooth animation.

##You May Like This:##
<a href="https://www.codinglabweb.com/2020/12/create-website-in-html-css-only-design.html">Simple Website Design</a>
<a href="https://www.codinglabweb.com/2021/03/css-responsive-profile-cards-with-slider.html">Profile Cards For Website</a>
<a href="https://www.codinglabweb.com/2020/12/responsive-footer-html-css.html">Responsive Footer Section</a>
<a href="https://www.codinglabweb.com/2021/02/create-website-with-typing-text.html">Website with Typing Text Animation</a>

#Pre-loader [Source Code]#
You can download all source code from the given link. <a href="https://www.codinglabweb.com/2021/03/loading-animation-for-website-using-html-css..html">Click Here To Download All Source Code</a>
Day 4 of #100DAYSOFCODE
Published: 2021-03-24 06:19:47

So, yesterday was my day 4 of #100daysofcode, I made a virtual keyboard, with JavaScript. As a beginner, it was a good project for me, because it helped me to get well versed with topics like:
-- objects  and functions,
-- DOM related concepts, 
-- Used material icons for the first time,
-- Got to know how to add CSS using JavaScript, etc. 

This was an awesome project for me, watched this project on youtube, here's a link of it: https://youtu.be/N3cq0BHDMOY 
Here's my GitHub repo: 
Code:-----> https://github.com/ashuydv/javascript-4
Preview:------> https://ashuydv.github.io/javascript-4/

Thanks for your precious time !!
The 2Kb Collective
Tags: coding, minimalism, tutorials, education
Published: 2021-03-24 05:47:39

---
title: The 2Kb Collective
published: true
description: 'A brief introduction to my new organization'
tags: coding,minimalism,tutorials,education
//cover_image: https://direct_url_to_image.jpg
---

Starting a company and building something worthwhile has always been on my to-do list. But until now it's always had something abruptly insert itself over it as more and more things are added to my list of things that I have to do.


Never enough time. Never enough resources. Never enough coffee. 


I guess the age old adage "The best time to start doing what you want was last week. The second best time is now." has finally gotten to me. With little to no resources, little to no time and the ability to consume my own weight in coffee has made way for 2kb collective.


The 2kb collective business was something that I've thought about for a long time. It involves everyone that has ever written code, ever deployed something to the internet. Ever had something go live and have people join it. 


It's more than that though. It's a way of thinking. 


I've been a programmer for nearly twelve years. I've seen my fair share of bad code, and good code. And an unfortunate consistent thread that I've noticed throughout all that time is the willingness of the individual to leave code 'as is' because it works. Or to employ some huge library to solve a relatively simple issue.


The internet is a huge and lumbering beast. A phenomenal amount of power is required to keep that beast ticking along. And as we know, not all of the power that we generate comes from green resources.


What if every developer decided to cut 2kb out of their code, I'm sure for the large part we could ALL find 2kb to lose. It's a tiny amount, but if enough people hear this message it could make a difference. 


Be part of the difference.
Smooth scrolling to same-page element
Tags: angular, webdev
Published: 2021-03-24 04:10:00

I decided to condense [my portfolio site](https://lorna.dev) into a single page pretty much because I felt I didn't need that much space. There are various ways, as with most things, I could have gone with but ultimately decided to go with the [ngx-scroll-to](https://github.com/nicky-lenaers/ngx-scroll-to) package.

To begin, install the package into your project folder `npm i @nicky-lenaers/ngx-scroll-to` and then into the `AppModule` file.

```
import { ScrollToModule } from '@nicky-lenaers/ngx-scroll-to';

@NgModule({
  imports: [ 
    ScrollToModule.forRoot()
  ]
}) 
```

**navbar.component.html**
```
 <ul class="navbar-nav ml-auto">
      <li class="nav-item"><a class="nav-link" [ngxScrollTo]="'home'" [ngxScrollToEasing]="'easeInOutQuad'"><fa-icon [icon]="faHome"></fa-icon></a></li>
      <li class="nav-item"><a class="nav-link" [ngxScrollTo]="'about'" [ngxScrollToEasing]="'easeInOutQuad'">About</a></li>
      <li class="nav-item"><a class="nav-link" [ngxScrollTo]="'dev'" [ngxScrollToEasing]="'easeInOutQuad'">Dev</a></li>
      <li class="nav-item"><a class="nav-link" [ngxScrollTo]="'blog'" [ngxScrollToEasing]="'easeInOutQuad'">Blog</a></li>
      <li class="nav-item"><a class="nav-link" [ngxScrollTo]="'projects'" [ngxScrollToEasing]="'easeInOutQuad'">Projects</a></li>
      <li class="nav-item"><a class="nav-link" [ngxScrollTo]="'contact'" [ngxScrollToEasing]="'easeInOutQuad'">Contact</a></li>
    </ul>
```

**about.component.html**
```
<div id="about" #about> <!-- ✨ -->
  <div class="container">
    <div class="row"> 
      <div class="col-lg-6"> 
        <button [ngxScrollTo]="'contact'" [ngxScrollToEasing]="'easeInOutQuad'" alt="Send message">Send message</button> <!-- ✨ -->
      </div>
    </div>
  </div>
</div>
```

I need to play around with more setting i.e. easing, but so far enjoying it. It was simple enough to add in where needed, does the job nicely! 🤗
How to use QR Code Generator API! With JS!
Tags: javascript, qrcode
Published: 2021-03-24 05:32:31

> ### QR Code API By: Go QR

##### See API Docs:
>[http://goqr.me/api/](http://goqr.me/api/)
###### API Link
>[https://api.qrserver.com/v1/create-qr-code/](https://api.qrserver.com/v1/create-qr-code/)

#### HTML
```html
<input placeholder="data"> 
<button>Generate QR!</button><br><br>
<img src>
```

#### Javascript
```javascript
var parametersJson = {
	"size": 250, // Size of Qr Code
	"backgroundColor": "38-38-38", // Background Color Of Qr Code (In RGB)
	"qrColor": "255-255-255", // Color of Qr Code (In RGB)
	"padding": 2, // Padding 
	"data": "dev.to"
};

var parameters;

var btn = document.querySelector("button");
var img = document.querySelector("img");
var input = document.querySelector("input");

btn.addEventListener("click", function(){
	parametersJson.data = input.value || "dev.to";
	parameters = `size=${parametersJson.size}&bgcolor=${parametersJson.backgroundColor}&color=${parametersJson.qrColor}&qzone=${parametersJson.padding}&data=${parametersJson.data}` // Stitch Together all Paramenters
	img.src = `https://api.qrserver.com/v1/create-qr-code/?${parameters}` // Set Image URL To Link
});
```

#### See Working Version: 
https://jsfiddle.net/qcote16j/
use javascript Date()
Tags: javascript, datefunction, beginners
Published: 2021-03-24 05:32:05

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

**How do we get current date using Date() function?**
```
var date = new Date();
console.log("Today's date is:", date);

// Today's date is: Tue Mar 23 2021 23:14:47 GMT+0600 (Bangladesh Standard Time)
```
Here output will give with GMT and timezone.
If we want to grab specific value then we need to use some method like getMonth(), getDate(), getFullYear() etc...
```
console.log("Today's date is " + date.getMonth() + "/" + date.getDate() + "/" + date.getFullYear());
// Today's date is 2/23/2021
```
Here, getMonth() return month index and it is start with 0 that why month says 2 instead of 3 . So, if we get correct month, we have to add 1 with the method.
getDate() return current date.
getFullYear() return 4 digits of current year.
```
console.log("Today's date is " + (date.getMonth() + 1) + "/" + date.getDate() + "/" + date.getFullYear());
// Today's date is 3/23/2021
```
Thanks
Pie Chart in Python
Tags: python, piechart, matplotlib, graph
Published: 2021-03-24 05:26:56

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3i5s19xi7izgn5fdd8xu.png)

**What is Pie Chart?**
> A pie chart is a type of graph that represents the data in the circular graph.

**How to plot?**
```
import matplotlib as mpl
import matplotlib.pyplot as plt

dataframe["Total"].plot(kind="pie") // here "Total" is data table column name

plt.title("Pie Chart")
plt.show()
```
Thanks
Create Eyes Mouse Cursor Follow Up
Tags: html, css, javascript, webdev
Published: 2021-03-24 05:26:33

---
title: Create Eyes Mouse Cursor Follow Up
published: true
description: Easily manipulate different objects/elements of HTML using Javascript.
tags: HTML,CSS,javascript,WebDevelopment

cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fsbvorjewdd6axas8iff.png
---

Just tried my hands on creating a video, Please follow up the coding session to make web elements move following the cursor using HTML, CSS, JS.

A simple web page created in 10 minutes with a monk rotating eyes based on the mouse movement.

Check out the video on youtube: https://lnkd.in/gkadHNb

Open source code: https://lnkd.in/gh4KGyj

Follow me on GitHub to find some of my projects: https://github.com/salRoid

Please like, share, and subscribe to the channel will be dropping a lot of things ❤️❤️.
My learning experience with ExpressJS and Mongoose
Tags: mongodb, javascript, node
Published: 2021-03-24 05:02:21

## The Opportunity

Last year, I got an offer to join my friend in a company as backend developer. This position actually interesting yet challenging for me because they combine Laravel and JavaScript as the backend logic (ExpressJS and Mongoose). As I never develop production service using JavaScript, I challenge myself to accept the offer and commit to learn the framework.

## Learning Process

Best learning method in programming is by doing. By building app or website or service that actually used by real user, so we can learn what the real challenge is. While I learn JS framework for building service that used by web app and mobile app, it demand fast learning and commitment to stay updated with the latest best practice code to prevent the server from loading too slow.

I learned ExpressJS and Mongoose from read the legacy code while trying to understand the logic, check the official documentation, and if I struggle to find what I need, go to Stack overflow of course. One thing I realized after using two different language in my career until now (PHP & JavaScript), is that the logics are fundamentally the same (loop, if else, try catch, etc) but indeed JS offer something like Promise() that make writing code is more fun.

## Mongoose vs SQL

I know mongoose because of this, and it's mind blowing to handle data. The simplicity of its query make it more fun to query the data. For example if you want to find data in the collection, you simply call :
```js
User.findOne({ email: "my@email.com" })
```

From that code you can save it to a variable or attach a `.then()` like this:
```js
User.findOne({ email: "my@email.com" })
.then((user) => {
  console.log(user)
})
```

That's basically it to find user with email `my@email.com`. I think I love mongodb and mongoose.

Okay that's my experience learning new language and framework as a backend developer in a new company. Thanks for reading and how do you think of learning by doing in work? Let me know
[Chia sẻ] Hướng dẫn tự học PHP Cơ bản [Toàn tập]
Tags: php
Published: 2021-03-24 04:41:14

**PHP** là một trong những ngôn ngữ lập trình web phổ biến nhất và khá là dễ học. Điều này chắc chắn bạn cũng biết.

Thế nên bạn và rất nhiều người đang tìm cách [**học lập trình PHP**](https://niithanoi.edu.vn/lap-trinh-web-php.html) để cuối cùng hi vọng trở thành PHP Web DEV (hoặc chỉ đơn giản là học để thi tốt hơn ở trên trường)

Dù cho là lý do gì, mình nghĩ rằng một **hướng dẫn tự học lập trình php cơ bản**, đầy đủ, rõ ràng, dễ hiểu ở đây sẽ giúp ích cho bạn khi mới bắt đầu.

> Note: Video đang update dần nha...

Dù có khá nhiều thứ cần phải trình bày, nhưng mình sẽ cố gắng làm **ngắn gọn** các khái niệm, tập trung vào **ví dụ** để bạn nhanh chóng nắm bắt được **cốt lõi về lập trình PHP**. (Đảm bảo dễ dàng cả đối với người mới bắt đầu học lập trình)


## Nội dung


*[I. Cú pháp PHP cơ bản](https://niithanoi.edu.vn/tu-hoc-lap-trinh-php.html#phpCoBan1)
*[II. Biến](https://niithanoi.edu.vn/tu-hoc-lap-trinh-php.html#phpCoBan2)
*[III. Toán tử](https://niithanoi.edu.vn/tu-hoc-lap-trinh-php.html#phpCoBan3)
*[IV. Mảng](https://niithanoi.edu.vn/tu-hoc-lap-trinh-php.html#phpCoBan4)
*[V. Cấu trúc điều khiển](https://niithanoi.edu.vn/tu-hoc-lap-trinh-php.html#phpCoBan5)
*[VI. Hàm trong PHP](https://niithanoi.edu.vn/tu-hoc-lap-trinh-php.html#phpCoBan6)
*[VII. Siêu Biến](https://niithanoi.edu.vn/tu-hoc-lap-trinh-php.html#phpCoBan7)
*[VIII. Làm việc với file](https://niithanoi.edu.vn/tu-hoc-lap-trinh-php.html#phpCoBan8)
*[IX. OOP trong PHP](https://niithanoi.edu.vn/tu-hoc-lap-trinh-php.html#phpCoBan9)

Ngoài ra:

Để chuẩn bị cho việc học PHP thuận lợi, bạn hãy [**cài đặt Xampp**](https://youtu.be/9Q-FMgpPr0s) và một phần mềm soạn thảo có thể là Sublime Text, NetBeans, Eclipse, PHP Storm, ... tùy ý (Mình thì sử dụng VS Code).

Và nên nhớ phải [**cài đặt Port (cổng) trên Xampp**](https://youtu.be/XNw9ALrJwIs) đúng để có thể chạy được code PHP

Sau khi đã cài đặt xong, bây giờ thì bạn có thể [**tạo và chạy dự án PHP**](https://youtu.be/61JHRk1lZe4) với bất kỳ Editor / IDE nào và bắt đầu học lập trình PHP ngay!