teleren/devto huggingface dataset:
Why do you should protect the scrum sprint
Tags: teamculture, workflows, increments
Published: 2022-07-23 13:30:35

---
title: Why do you should protect the scrum sprint
published: true
description: the scrum sprint is protected, if you don't have SPECIAL reason to change it. So try your best to protect the sprint as developer and do something you matter for a maintainable software product.
tags: teamculture, workflows, increments
#cover_image: 
# Use a ratio of 100:42 for best results.
---
Today I shared my agile development experience with my team. The presentation was about the difference between `KanBan` and `Scrum`.

One of import thing I pointed out in the presentation was about **"sprint protection"**.

❓ *"Sprint is protected!?" but what should we do as next, if we are going to finish the tickets before time box?*

👉 The sprint is generally protected, after the team started the sprint. If we do NOT have special reason, we should not just simply pull the new tickets from backlog, just because Project managers or customers want to have them. In fact, many teams do it in this way.
![sprint is protected](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9o780teaaq4ypw3k6agu.png)

In my opinion, there are plenty of things to do in the rest of your sprint days instead of adding new Tickets to current sprint.

I wanna give you some examples:

### ✅ get started with the technical debts
Some technical optimisation might not be very interesting for PO/PM, but it is very important for a maintainable software product. For example, well structured dashboard, monitoring. You should use this opportunity to work on them.

### ✅ do internal training
The team should grow up together in scrum. Internal coaching for agile development, special knowledge sharing, and pair-programming for special dojo can help the team to improve their skills. The growth in technical skills in a team will bring directly impact on the velocity. The mentoring process will help you in team building and build trust among the developers.

### ✅ organise small refinement meetings
The team can use the time to organise additional refinement meeting to improve backlog.

### ✅ R&D
Do research and development in the area, in which we have still less knowledge. Be innovative and try something out. A new testing framework, or  new coroutine programming approach, and so on.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s0kci4rn2xd5hrnq0luk.png)
❌ Don't change the sprint Goal, if you have NO special reasons to do that. But use the rest of sprint time proactively for the things I mentioned above. Scrum is about the #teamculture, #workflows, and #increments. The increments are not only about the deliverable increments for the customers, but also about the growth within the scrum team.
How to Build a Digital Marketing Agency Website Using Html CSS JavaScript
Tags: css, javascript, beginners, tutorial
Published: 2022-07-23 13:29:25

{% youtube QAkjqXuICQE %}

How to Build a Digital Marketing Agency Website Using Html CSS JavaScript

This video will show you how to build a digital marketing agency website using html css javascript

[Live Website](https://codewithsadee.github.io/innohub)
[Github Repo](https://github.com/codewithsadee/innohub)

---

HI 👋
I'm Sadee (webdev)
In this channel I make videos about Complete Responsive website.
You can checkout my channel 👇

📺 My Channel : [codewithsadee](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g)
🔔 Subscribe : [subscribe now](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1)

---

🔗 Essential links
-----------------------------
[If you want to practice with me, Download this starter file](https://drive.google.com/file/d/107YsXDGgCGsOTJbqj85MZ02cwrIcXrII/view?usp=sharing)

---

⏱️ Timestamps
-----------------------------
0:00 - Demo
4:12 - File structure
4:42 - Project initial
11:18 - Header
28:45 - Hero section
33:43 - Service section
40:46 - Project section
48:35 - About section
56:47 - CTA section
1:00:15 - Blog section
1:06:18 - Contact section
1:21:42 - Footer
1:26:15 - Media queries

---

[![Become a patreon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fnjl14kdm5qf08hu5lop.png)](https://www.patreon.com/bePatron?u=62535867)
rust day 1
Tags: rust
Published: 2022-07-23 13:20:08

```rust
use std::io;
```
`std` is a standard library.
`::` syntax indicates that `io` is an associated function.


```rust
let mut guess = String::new();
```

`::` syntax indicates that `new` is an associated function.
Associated function means a function that's implemented on a type.
It returns a new instance of String.
It's a empty string.

```rust
use std::io;

fn main() {
    let mut guess = String::new();
    io::stdin()
        .read_line(&mut guess)
        //...
}
```
If we hadn't imported `io` library with `use std::io` at the beginning of the program, we could still use the functoin `stdin()` by writing this function call as `std::io::stdin()`.
The `stdin` function returns an instance of `std::io::Stdin`, which is a type that represents a handle to the standard input for your terminal.
Blog server setup with Hugo + GitLab Pages
Tags: hugo, gitlabpages, jamstack, tutorial
Published: 2022-07-23 13:13:00

Learn how to set up a blog server using Hugo + GitLab Pages. It's free.

## Goal

Below is a configuration diagram (example) of a blogging environment with Hugo + GitLab Pages. The goal here is to create a Hugo content repository (including themes and CI/CD container definitions) and a directory to be published as a website in GitLab, manually launch the container, and build/publish the sample website.

![Blogging environment with Hugo + GitLab Pages : Server position](https://ayaco.gitlab.io/zerogravity/en/docs/setup/server/feature.svg)

## Assumption

I will assume that you have a [Free GitLab account with GitLab SaaS available](https://about.gitlab.com/pricing/).

## Procedure

### Create a directory in GitLab that will be published as a Hugo content repository and website

1. log in to [GitLab](https://gitlab.com/) with a browser.

1. Press `New project` button.

1. Press `Create from template` button.

1. Press `Use template` in `Pages/Hugo` record.

1. Enter `Project name`, select `Visibility Level`, and press `Create project` button to create a project containing a Hugo content repository and a directory to be published as a website.

### Build and publish a sample site with Hugo's CI/CD container

1. Open `CI/CD`-`Pipelines` screen of the project.

1. Press `Run pipeline` button.

1. Press `Run pipeline` button again, and the build will be completed in about 30s to 60s.

1. Open `Settings`-`Pages` of the project.

1. Open the URL indicated by `Your pages are served under:` to see a sample site that has been built.

Note
: The sample site will be displayed with a broken layout at this stage, but it will be displayed correctly after applying the theme of your choice and making the necessary settings.
See "[Theme](https://ayaco.gitlab.io/zerogravity/en/docs/theme/)" for theme selection/application and "[GitLab Pages development client setup with Visual studio Code](https://ayaco.gitlab.io/zerogravity/en/docs/setup/client/)" for development client setup required for theme application/configuration.
Symfony, Elasticsearch - search service and query builder - the last, 7th Part of Tutorial
Published: 2022-07-23 13:11:19

Hi, the 7th article devoted to the theme: “How to work with ElasticSearch using Symfony PHP framework” already ready for reading. We will speak about search service, query builder and filter design pattern. All details are here: "[Symfony, elasticsearch - search service and query builder](https://sergiiblog.com/symfony-elasticsearch-search-service-and-query-builder/)". That is then last part of tutorial. Thank you for being with  me whole that time and welcome to my course if you want to get know more: "[Udemy course: ElasticSearch as you have never known it before](https://www.udemy.com/course/elasticsearch-as-you-have-never-known-it-before/?referralCode=1B10488521797E430D22)"
My personal portfolio website using Next.Js (Responsive)
Tags: javascript, webdev, nextjs, react
Published: 2022-07-23 13:11:18

📢 Finally, after days of restless work, I am super excited to showcase the initial version of my personal portfolio website, learned so much and had so much fun while developing it.

It's made from scratch using the following Tools & Technologies:

✔ Design - Reactstrap / Bootstrap

✔ Framework - Next JS

✔ Libraries: reactjs, typescript, react-slick, remixicon

✔ CICD Platform - Vercel

✔ Hosting - Vercel

📱 The site is Mobile-friendly too! 

Don't forget to check out "dark" 🌚 mode and "light" 🌞 mode.

📝Don't hesitate and don't forget to give me your feedback. It's important to me. ❤

🌐 [Shivam Pawar](https://shivam-pawar.vercel.app/)

#portfoliowebsite #websitedesign #websitedevelopment #nextjs #reactjs #css3 #html5 #bootstrap5 #vercel #devto #developercommunity
Visual Studio Code vs Visual Studio
Tags: vscode, vs, tutorial, opensource
Published: 2022-07-23 13:07:00

Nobody will fault you for confusing the two editors made by Microsoft, seeing as they pretty much have the same name. However, aside from the common name, they have a somewhat different features and functions.

Let's talk about the differents now.


## What is Visual Studio?

Visual Studio's first version was released in the 1997 year. Visual Studio is Microsoft’s development environment for everything C# and .net. Everyone who wants code with C# and .net should use Visual Studio. In Visual Studio exists (third-party) extensions too. That means in short format: Visual Studio is for C# and .net developers a perfect IDE! 

## What is Visual Studio Code?
Visual Studio Code first version was released on the April 29, 2015. Visual Studio Code is an open-source rich text editor running on Windows, Linux and macOS. Visual Studio Code is one of the popularest IDEs. Visual Studio Code is perfect for web- and app development but you mightn't find default installed auto completes, code linters but for that are the extensions, you can download in VSCode extensions like in Visual Studio. In short: It's an IDE for everything (focused on web- and app development).

### What should I use now?

If you're doing Web- and App Development then you should use Visual Studio Code because the most features are focused on these development topics. If you want to code something with C# or .net then you should use Visual Studio.


### Own article banner
I made my first article banner on dev.to, how it is?
Tournament Brackets for Android
Tags: opensource, android, java, ux
Published: 2022-07-23 13:03:00

When I was building an eSports application, I came across a problem - To display eSports matches in a Tournament bracket style. 

My first intuition was to search for a related library which would help me achieve the UI easily, but there was no open source libraries available at that time. I even tried for any paid library, but in vain. 

So finally I had to build the UI myself using recyclerview and viewPager. I had opensourced it so that it would be useful anyone. You can find the project here 

https://github.com/emil-ep/TournamentBrackets 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ul984s7ybe99o64vl4ob.png)
HashTable Data Structure
Tags: javascript, hashtables, datastructures, webdev
Published: 2022-07-23 12:13:48

Hey Folks, in today's article i'll be sharing the basics of hash tables, What it is? alongside a practical example for a better understanding. I had a hard time understanding the whole concept of hash tables and Finally could make sense of it and wanted to share with anyone out there struggling with understand what they are.

So basically, A hash table is a data structure that stores data in an associative array format(Think of it like an array), which can be accessed using keys(unique). Each key is associated with a value, which can be anything from a simple data type, such as an integer, to a more complex data type, such as a string. Hash tables are used to store data in a way that makes it easy to retrieve, update, and delete. In some cases it's often used to store data in a database, as it can be used to store data in a way that makes it easy to index and search through.

## How Does a Hash Table Work?

Data stored in a hash table basically has two main components, a **key** and a **value**. The key is used to access the item and the value is the data/information.

### Example:
Lets say we want to create a hash table to store peoples' **names** and **address** etc. In this case a hash table is a way we can store that information into some sort of an associative array and we will map the **key: name**, to the **value: address**. Representing that visually we basically have an array structure as seen below;

![HashTable Data Structure](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dndce1rnsvr1juyr2ycx.png) 
 
**Note:** In a real life code implementation of hash table, we usually has a larger amount of data than what we are currently illustrating on the image above, just for the sake of understanding we picked a small dataset.

So, the way this works is, we are basically going to have a hash function. and what the hash function will do is look at certain key passed in and will essentially evaluate that key and will spit-out some sort of index number where that key's data will be stored.

For example:
Typically;
`Hash(key)->index`

with this, we could do; 
`Hash(kelly)-> ?`
and from here, say our hash function has evaluated the key and it said, okay... that should go at index 2. which will be;

![HashTable Data Structure](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3370xj4012v0jm0ttfzo.png)
 
`Hash(kelly)-> 2`

One thing to be noted is, the way the hash function is written, if you enter the same key, it would spit-out the same index number. So every time i enter **kelly** into my hash function i should get the index 2. and the same process goes on and on;

![HashTable Data Structure](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/czhobrhv1nxfl2eod5rl.png)

`Hash(fotie)-> 0`
`Hash(ben)-> 1`
`Hash(kelly)-> 2`
`Hash(jane)-> 3`
`Hash(george)-> 4`

That's in a nutshell how it works, hope that helps;


**Having anything to add to this? please do not hesitate to do so below:)**
Leet Code - Integer to Roman Numeral Function in JavaScript
Tags: javascript, beginners, programming, tutorial
Published: 2022-07-23 12:12:00

## Algorithm 
for decimal number **X**

- Create a Object for each symbol as key and it's respective
  value
  

```
  const roman = {
    M: 1000,
    CM: 900,
    D: 500,
    CD: 400,
    C: 100,
    XC: 90,
    L: 50,
    XL: 40,
    X: 10,
    IX: 9,
    V: 5,
    IV: 4,
    I: 1
  };
```

- find the highest decimal value **V** that is less than or 
  equal to the decimal number **X**.

- Store the Roman numeral that you found after Subtracting 
  it's value **V** from **X** 
  `X = X - V`

- Repeat above  Process until you get zero of **X**

## Example
X = 36


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



## Javascript Function to Covert Integer to Roman Numeral

```javascript


/**
 * @param {number} num
 * @return {string}
 */
const roman = {
    M: 1000,
    CM: 900,
    D: 500,
    CD: 400,
    C: 100,
    XC: 90,
    L: 50,
    XL: 40,
    X: 10,
    IX: 9,
    V: 5,
    IV: 4,
    I: 1
  };
var intToRoman = function(num,result=[]) { 
if(num == 0){
  return ''
}
for(const props in roman){
 if(roman[props]<=num){
  result.push(props);
  num = num - roman[props];
  intToRoman(num,result);
  return result.join("");
} 

}
       
};
console.log(intToRoman(36));
```

## Test Cases : 

`Input: num = 3
Output: "III"
Explanation: 3 is represented as 3 ones.`

`Input: num = 58
Output: "LVIII"
Explanation: L = 50, V = 5, III = 3.`

`Input: num = 1994
Output: "MCMXCIV"
Explanation: M = 1000, CM = 900, XC = 90 and IV = 4.`
How to fetch API in Python 🔥
Tags: python, beginners, programming, tutorial
Published: 2022-07-23 12:07:39

We can create Awesome Projects If we know how to fetch an API in python.

We all know python is the most easiest and widely used programming language even though it is slow.

so in this blog we will learn how to fetch an API in python.
we will use an API which will give us a list of words.

## API -- [Click Here](https://www.randomlists.com/data/words.json)

```python
import requests
import json

# fetching API 
response_API = requests.get('https://www.randomlists.com/data/words.json')
data = response_API.text # gives in a text format

# converting it into json object
json_data = json.loads(data)

# getting list of words
words = json_data["data"]
print(words)
```
Host your laravel application on Heroku for free.
Tags: laravel, heroku, host, deploymen
Published: 2022-07-23 12:05:51


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

Host your testing laravel application on Heroku for free.

Do you want to #host your laravel application on Heroku? You are going with a new setup of the laravel application.

## Creating Laravel application on Local System
First, I am installing the laravel application on the local development system through composer.
```
composer create-project --prefer-dist laravel/laravel herokuApp
```

## Make Procfile inside the root folder of your project

After completing the installation, create a file of the name Procfile and insert the below code. This file is a configuration file for Heroku.

```
web: vendor/bin/heroku-php-apache2 public/
```

## Download and login to the Heroku platform from the command line

For that, you need to install Heroku CLI on your system. Go to the Heroku platform and download & install it. Click Here. Run the below command inside your project folder.

```
heroku login
```

It will open a browser window to log in to Heroku. If you don't have an account on Heroku, create it first.

[Read More](https://www.devrohit.com/host-laravel-application-on-heroku/)
I used VuePress:)
Tags: vue, javascript, webdev, shell
Published: 2022-07-23 12:00:23

Well, I'm participating in a SNS called **Misskey**. The great thing about this SNS is that it's an open source project developed by a Japanese guy named **syuilo**.
When I learned that **MisskeyHub**, the official documentation site of this project, is implemented in **VuePress**, I decided to try using it.
In this article, I would like to summarize how to use **VuePress** and what I lost when I built it as a reminder.
## Installing
VuePressV1 cans be built in an instant with a few simple commands.
```sh
npx create-vuepress-site
```
This completes the basic installation. A simplified view is then displayed.
```sh
cd docs
npm install
```
It will take a little time, so be patient and wait.
```
npm run dev
```
This will give you a simplified preview.
## Source Code
`config.js`
* logo: Images can be placed in the upper left corner
```js
logo: '***.png',
```
* Add a side bar
```js
sidebar: {
      '/blog/': [
        {
          title: 'Blog',
          collapsable: false,
          children: [
            '',
            'using-vue',
          ]
        }
      ],
    } 
```
Weekly Coding Questions - W3
Tags: dsa, coding, interviewpreparation, leetcode
Published: 2022-07-23 11:50:25

Here are this week's questions

**1) [Find All Duplicates in an Array](https://leetcode.com/problems/find-all-duplicates-in-an-array/)**

**Hash Map**
While traversing the array, check if the current element is present in the map or not, if its present then thats a duplicate element, push it into the ans array and continue. If not then store it into map.

**One Pass & Constant Space**
The idea is to use the elements as indexes and mark the positions reached by them as negative of their original value. By doing so, we determine that if we reach that position again(i.e it will be negative), then that means the element which we used as an index was a duplicate number. 

**2) [Max Area of Island](https://leetcode.com/problems/max-area-of-island/)**

Perform a DFS traversal and for each traversal count the no. of ones and mark the visited position zero. Then return the maximum obtained by all areas.

**3) [Reverse Integer](https://leetcode.com/problems/reverse-integer/)**

Basic reversing a integer, just check whether it exists in integer range or not.

**4) [Add Binary](https://leetcode.com/problems/add-binary/)**

Perform the binary addition on strings by maintaining the carry.

**5) [Palindrome Number](https://leetcode.com/problems/palindrome-number/)**

Perform the reverse operation and compare.

**6) [Happy Number](https://leetcode.com/problems/happy-number/)**

Perform the necessary logic.

**7) [Missing Number](https://leetcode.com/problems/missing-number/)**

Actual sum - array sum, will give missing number.

**8) [Maximum Product of Three Numbers
](https://leetcode.com/problems/maximum-product-of-three-numbers/)**
After sorting, last 3 digits product or first 2 digit and last digit product.

**9) [Power of Two](https://leetcode.com/problems/power-of-two/)**

Use right shift operator(>>) to shift the number and count the ones present in it binary form. If count is equal to 1 then its a power of two.

**10) [Minimum Moves to Equal Array Elements](https://leetcode.com/problems/minimum-moves-to-equal-array-elements/)**

Increasing or decreasing of the elements is same. So, the idea is to decrease all the elements to zero. We can achieve this by first subtracting the elements by minimum number and then adding the sum of remaining elements.

```
array = [2, 3, 4]
subtract 2 (minimum no.) from all the elements
array = [0, 1, 2]
now to make the array all zero, no. of operations 
will be equal to sum of all the elements.

formula generated = sum of array - minNum * size of array
```
**11) [Minimum Deletions to Make Array Divisible](https://leetcode.com/problems/minimum-deletions-to-make-array-divisible/)**

The idea is simple, a number can divide a group of numbers when the gcd of all those numbers is divisible by that number. So, we calculate the gcd of all those numbers and then for removing the smallest number who does not divide we sort the given array and then we just check.
A test walks into a bar
Tags: testing, test, bar
Published: 2022-07-23 11:40:32

A tester walks into a bar
He checks his clock
Does not go far

He takes a sit and just sits still
The waiter thinks he might be ill

But then, a minute before 3
I want a beer just for me

2 minutes just after that
I want another
And puts down his hat

Just before the clock hits 4
Bring me another,I want more

Then precisely at 4:01
One last beer, I think I am done.

With the last beer the waiter brings
The bill is also amoung the things

The tester checks all the amounts
And then he says with all his power
This is my friends the way I drink
And also test the Happy hour



If you want to hear me read this check
https://www.youtube.com/watch?v=6NOfWlMUBpM