teleren/devto huggingface dataset:
What is AWS Lambda? 
Tags: cloud, codenewbie, tutorial, computerscience
Published: 2021-05-22 17:06:44

When someone says they're going serverless by AWS, they're probably using AWS Lambda services.

![AWS Lambda](https://www.metaltoad.com/sites/default/files/styles/large_personal_photo_870x500_/public/2020-05/aws_lambda_0.jpg?itok=vM7RXTeW)

- AWS Lambda basically operates function as a service model i.e..,
You as a developer only need to provide a function - the code to be executed whenever AWS Lambda runs - this is what serverless means.
 
AWS Function Lambda can run up to 15 minutes, in case if the function written by you takes only 5-10 seconds of time to execute, you will be paying only for the execution or the compute time it takes to run.

It lets you run the code without provisioning or managing servers (Remember we need to pay only for the compute time we consume)
<br>
Concerned about pricing? 
- Although, we might not start directly by paying AWS. AWS free tier offers 400,000 GB per month and up to 1 Million free requests. 

![Pricing](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/83khfsi8x5z5fq29ig53.png)
(You can more read about pricing in the link given at the end of the article)

What after creating a function?
- Once you create a function, this function can be triggered by various resources such as, uploading data to S3, using it under an API Gateway which is a HTTP request and few more...

Which programming languages support Lambda?
- Lambda supports various programming languages such as Node, Java, Go, Python, .Net Core. And there are different versions support for the same programming languages as mentioned.
![language-support](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d26go7c29h3uln9yfavi.png)
 
How can you create a function?
- You can create a function in many ways...
- We can create,edit the code in the inline editor provided by AWS 
(Select the programming language :) )
- We can upload a .ZIP file which includes all the dependencies
- Upload from AWS S3 
![function](https://images.unsplash.com/photo-1461749280684-dccba630e2f6?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80)

-----

Official AWS links to know more in detail :)
https://aws.amazon.com/lambda/
https://aws.amazon.com/lambda/pricing
https://aws.amazon.com/blogs/architecture/understanding-the-different-ways-to-invoke-lambda-functions/
Work-focused daily meeting
Published: 2021-05-22 16:14:33

---
title: Work-focused daily meeting
published: true
description: 
tags: 
//cover_image: https://direct_url_to_image.jpg
---

If you work as a software developer, you have probably participated in a daily meeting, daily scrum, or stand-up meeting  (although this name lost sense during the pandemic since we're all sitting in front of our computers).

This meeting is one of the most common ceremonies of agile methodologies like Scrum and Kanban, and people usually answer these questions:

- What did you do yesterday?
- What are you going to do today?
- Is there / was there an impediment in your path?

The purpose is to be a daily "pulse" of the project's progress, and when well applied, it is crucial for the team.

In the last few years, I have been using a slightly different format that has brought good results. The main difference is that instead of focusing on people, the meeting focuses on work in progress. It works more or less as follows:

- during the meeting, via Zoom or Google Meet, we open the task board in a shared window;
- the person who is coordinating the meeting looks at the item that is closest to the "Done" column (or Ready, or In production, etc.) and asks: "team, what's left to move this task to the next stage?"
- the people who are working on the task say what is the current stage of work, if they are facing any impediment or if they need any help;
- other people can offer to help by doing pair programming or clarifying something;
- if the task needs any help or clarification, the people involved agree to talk after the meeting;
- And the process moves on to the following columns, always from right to left.

One of the advantages of this format is that the meeting is much faster and more attractive. That's because we are discussing the work in progress and not what a particular person did or did not do the day before. In the past, I attend some meetings where someone was embarrassed while commenting that the previous day wasn't so productive because of some personal problem.

I've been using this format of meetings in teams of five, six people, and in the vast majority of times, we managed to finish before the 15 minutes desired by the traditional model. And as a result, everyone is engaged in collaborating to complete the tasks, and the development flow evolves quickly.

What do you think of this format? Have you used something similar in your teams? Share your opinions and experiences here in the comments.
Blockchain Technology
Published: 2021-05-22 15:25:04

I have been really diving deep into learning about the blockchain and how to become a blockchain developer. The technology is fascinating and we are only at the beginning of it all. I would like to discuss more in depth about what the blockchain is.

The blockchain is a system that is designed to keep track of records in away that you cannot change it. The blockchain is distributed amongst the whole network. Every time a new block is added, the computers on the network are updated to reflect those changes. In a nutshell blockchain is a database that stores all the information. What makes it really cool is that it is not controlled by a central location. In fact, the blockchain is decentralized.  This means that all the computers on the network has to agree amongst the new blocks that are added to the blockchain.

I look at the blockchain as something that is transparent and always open. You see now a lot of Defi applications being built, mainly on Ethereum. On a lot of the applications the interest rates are much higher than your traditional banks. I will say the gas fees right now to make a transaction are really high, but I believe Ethereum 2.0 is suppose to solve that issue. What I am trying to say is that you always have access to your funds or able to make trades. I think that concept is really cool. Like I said it is still at the beginning stages of this technology and that is why I find it really fascinating. I cannot wait to see where this technology leads us in the future. I will be writing more blogs about this technology.

Happy coding!
Python if...else statements
Tags: python
Published: 2021-05-22 15:24:20

Since I'm still new to exploring the Python world, I thought it would be good to understand the syntax behind if...else statements.

## Basic if statement in Python

Let's start by looking at a regular if statement.
In python this will be used as the following syntax.

```python
if condition:
	# do something
```

You might want to check a variable for True/False, check if a number is higher/lower, or a string is a certain value.

```python
number = 5
string = "Chris"
boolean = True

if number > 3:
	print("Number is positive")

if string == "Chris":
	print("Chris in the building")

if boolean == True:
	print("Boolean is true")
```

This will result in the following:

```text
Number is positive
Chris in the building
Boolean is true
```

## Multiple returns for an if statement

The cool part about this is that we can have multiple returns by using the correct indentation.

Let's say we need two lines of prints.

```python
if number > 3:
  print("Number is positive")
  print("This is a second positive line")
```

That will return both lines if the statement is met!

## If...else in python

As you may have guessed, this also gives us an excellent opportunity to use an else statement if the if fails.

The logic for that is as follows:

```python
if condition:
	# do something
else:
	# do something else
```

Let's try that out with a better use case.

```python
number = 10

if number > 20:
  print("Number is bigger then 20")
else:
  print("It's a smaller number")
```

Running this code will result in:

```text
It's a smaller number
```

## Adding another if

The if...else might be a good solution for static boolean checks. In most real-world examples, you might want to add a specific second, third, or more if.

For that, we can use the `elif`, which states if the previous condition was not met, try this one.
This can still fall back to an `else` if we define one.

The logic:

```python
if condition:
	# do thing 1
elif condition 2:
	# do thing 2
else:
	# do something else
```

Let's try that out by checking if a number is smaller or equal.

```python
a = 5
b = 5
if(a > b):
	print("A is greater than B")
elif a == b:
	print("A and B are equal")
else:
	print("B is greater than A")
```

Which will result in:

```text
A and B are equal
```

This kind of `elif` statement can be used multiple times.

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
Array clone JavaScript 
Tags: javascript
Published: 2021-05-22 15:19:12

```
Array clone JavaScript 
 
// `arr` is an array
const clone = arr => arr.slice(0);

// Or
const clone = arr => [...arr];

// Or
const clone = arr => Array.from(arr);

// Or
const clone = arr => arr.map(x => x);

// Or
const clone = arr => JSON.parse(JSON.stringify(arr));

// Or
const clone = arr => arr.concat([]);
```
#javascripts #JavascriptLibraries #javascript30 #javascripting #javascript30 #javascriptbasics #javascriptdeveloper #javascriptiskillingmysoul #javascriptdevelopers #javascriptlover
#freelance #freelancer #freelancelife #freelancerlife
Roundup of my Accessibility Resources
Tags: a11y, webdev, css
Published: 2021-05-22 15:17:16

May 20 was Global Accessibility Awareness Day (#GAAD) and turns out - I created quite a bit of content about digital accessibility (a11y) last year!

## CSS and Accessibility

CSS can strongly impact accessibility. Learn ways you can use CSS to improve accessibility by reviewing this tutorial covering:

- Focus Visibility
- Focus vs. Source Order
- Zoom and Reflow
- Sizing Targets
- Respecting User Settings

[Read more on ModernCSS >](https://ModernCSS.dev/a11y-css)

## Color Contrast and Interactive Elements

Despite high general awareness of color contrast for a11y, what can be missed is how to handle contrast across *states* of interactive elements, like buttons.

Learn more about button contrast and generate an accessible palette with the help of [ButtonBuddy.dev](https://buttonbuddy.dev)

## Practice Evaluating Inaccessible Experiences

So, what does an *inaccessible* experience look like?

Try out evaluating [this test site](https://a11y-fails.netlify.app) (motion warning).

And then practice identifying and submitting a review of issues by [opening a PR into the project](https://github.com/5t3ph/a11y-fails).

## Automate Generating Accessible Color Palettes

Selecting a color contrast safe palette *used* to be what I spent a significant amount of time on.

The a11y-color-tokens package automates developing contrast safe text and background color pairs. 

[More info and package download >](https://www.npmjs.com/package/a11y-color-tokens)

## Create Accessible, Cross-Browser Form Styles

Forms rule the web, & can quickly create accessibility issues, too. HTML semantics & carefully applied CSS are required for accessible form inputs.

Learn how to develop cross-browser, accessible form styles with my [full egghead.io video course](5t3ph.dev/a11y-forms).

## Learn About Common a11y Failures

On the podcast I co-host - [Word Wrap](https://wordwrap.dev) - we did a two-part mini-series on a11y topics you might be missing that apply to *all* websites.

- [Common Accessibility Failures](https://wordwrap.dev/episodes/008/)
- [WCAG Success Criteria You May Not Be Meeting](https://wordwrap.dev/episodes/009/)

> Drop a comment of your favorite accessibility resources, or something you learned from these!
Linked List in C
Tags: c, beginners, algorithms
Published: 2021-05-22 15:09:19

Linked List's are a simple way to store relational data; some of it's possibilities are: you can access any particular node, modify it, add nodes in the head/tail, reverse the list & much more.

Lest's start by creating our struct that will hold a Int Value and a pointer(which will point to the next node)
 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h61by6ysfqed8t0eugpc.png)

Now we have to creat a list with the Node struct:

-> We have to allocate a space in our memory for the first node
-> Add data in our node
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xo34br5ff3eogea3f8jk.png)
Since it's the first node it can point to NULL.

Congratulations, you manage to implement your linked list. 

The next step is to creat a function that add's nodes:

-> Pass the reference of the head of the list & the value that will be stored
-> Find the last node
-> Allocate the memory for the new node
-> Make the last node reference point to the new node
-> Make the new node recieve the value
-> Make the new node point to NULL

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

To Finish let's create our final function to print the list.

-> Pass the reference of the head of the list
-> Print the value in the current node
-> Check if the next node exists
-> Call the function again for the next node

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

Now the implimentation is complete, in the next posts I will cover how to reverse a Linked List (Both iterative and recursive)

Thanks for your time, see you :)
How to bundle/export a git repo as a single file without losing the git history
Tags: git, github
Published: 2021-05-22 13:54:28

Sometimes, you need to export and send a git repository to someone for code review. 
In such cases, you may not have the option of adding the person to the repository as a collaborator on Github, Gitlab, Bitbucket or any other git-based version control platform.
You can use these steps to export the git repo as a single file:

- Clone the repo if you haven't already done so:
```git clone reponame```

- Inside the root directory of the project, bundle the repo by running this from the command line:
```git bundle create reponame.bundle --all```
*Note: This will bundle all the branches in the repo in a repo.bundle file that can be easily sent to someone.*

- Use this to bundle only the main branch:
```git bundle create reponame.bundle main```

- When the person receives the file, the person can unbundle it using this command:
```git clone reponame.bundle```

**Note:** *Ensure to delete the node_modules folder before bundling your repo*

For more info on bundling Git repos, read this [Stackoverflow question](https://stackoverflow.com/questions/11792671/how-to-git-bundle-a-complete-repo) or the official [Git docs](https://git-scm.com/docs/git-bundle)
The Ultimate Guide to Writing and Publishing Your First NPM Package
Tags: npm, programming, javascript, react
Published: 2021-05-22 14:44:00

I have written this article. It tells how you can make your own NPM package and use it.
Read more here:
Link:https://levelup.gitconnected.com/the-ultimate-guide-to-writing-and-publishing-your-first-npm-package-7e30153e0bb
Fetching data from weather API using axios in Reactjs
Tags: react, axios, hooks, javascript
Published: 2021-05-22 14:32:56

First create react-app 
using command in the terminal:
`npx create-react-app weather`

then install axios:
`npm i axios`

useState() is a hook in react functional component
it take useState returns an array of two values. The first value is the initial state and the second value is the function to update the value.

useState can be imported using :
`import {useState} from react`
or
`const[value, setValue] =  React.useState(initialstate)`



```
import React from 'react'
import { useState } from 'react'
import "./style/Weather.css"
import axios from 'axios'

function App() {

    const [weather, setWeather] = useState('');
    const [city, setCity] = useState('');
    const apiKey = process.env.REACT_APP_APIKEY;

    const apiCall = async (e) => {
        e.preventDefault()
        const loc = e.target.elements.loc.value
        const url = `https://api.openweathermap.org/data/2.5/weather?q=${loc}&appid=${apiKey}`;
        const req = axios.get(url);
        const res = await req;
        setWeather({
            descp: res.data.weather[0].description,
            temp: res.data.main.temp,
            city: res.data.name,
            humidity: res.data.main.humidity,
            press: res.data.main.pressure,
        })

        setCity(res.data.name)

    }

    //Converting K to C
    let k = weather.temp;
    let C = k - 273.15

    const Weath = () => {
        return <div>
            <div className="winfo">
                Weather information for {city}
                <hr></hr>
            </div>
            <div className="Weath">
                <div className="welement">
                    Weather : {weather.descp}
                </div>
                <div className="welement">
                    Temperature : {C.toFixed(2)} &#8451;
                </div>
                <div className="welement">
                    Humidity :{weather.humidity} %
                </div>
                <div className="welement">
                    Pressure :  {weather.press} mb
                </div>
            </div>
        </div>
    }
    return (<>
        <div className="weathhead">Weather Info</div>
        <div className="mainweather">
            <div className="weather">
                <form onSubmit={apiCall} className="form">
                    <input type="text" 
                     placeholder="city" 
                     name="loc" />
                    <button className="bttn">Search</button>
                </form>

                {weather && <Weath />}
            </div>
        </div>
    </>
    )
}

export default App
```

github: https://github.com/sandyabhi/kitrgh/blob/master/src/Weather.js
How To Increase React Productivity
Tags: react, productivity
Published: 2021-05-22 14:14:06

## Using React Dev Tools

As almost all developers familiar with React know, it has a lot of components which are linked with each other to from a big component tree with a lot of branches, all components have states and props being passes up and down the tree.

It can get very confusing in later stages but worry not, Facebook which is the creator of react, has a [Chrome Extension](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) which some of the people don't know of.

It adds new tabs to the Chrome developer tools, which make the complex structure of react apps a bit easy.

React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

You will get two new tabs in your Chrome DevTools: "⚛️ Components" and "⚛️ Profiler".

The Components tab shows you the root React components that were rendered on the page, as well as the subcomponents that they ended up rendering.

By selecting one of the components in the tree, you can inspect and edit its current props and state in the panel on the right. In the breadcrumbs you can inspect the selected component, the component that created it, the component that created that one, and so on

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


Here App.js has a subcomponent of Entry which ca be seen using the dev tools 

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

It also shows where the data is coming from and what props are there in that component
🐍Aula de Introdução ao Python
Tags: python, programming, braziliandevs, beginners
Published: 2021-05-22 14:13:26

AS: Esse conteúdo em breve será apresentado na [Twitch](https://www.twitch.tv/edineidev), será disponibilizado em breve no [YouTube](https://www.youtube.com/channel/UCkSe6llMT88LqEGrMROSUbA) e em forma de Podcast.

## Introdução
Estou no momento dando aula de Python no [The Language Sloth](https://www.thelanguagesloth.com/) sábados as 16:00.
Esse curso é uma melhoria e aprofundamento do meu [workshop](https://colab.research.google.com/drive/1jqBlhkCF5Dy1YCeDpntgSR1uPzdsi7q1?usp=sharing) para a [Comunidade de inteligência artificial de São José do Rio Preto](https://github.com/iariopreto/python-introducao-workshop) realizada em julho de 2020.

## Segue os tópicos abordados até agora:
1. [Introdução ao Python](https://colab.research.google.com/drive/1vq1rGEDFiDcWI0JxhSJ0Q1o9V9_jl5dw?usp=sharing)
2. [Condicional, Input e Operadores relacional](https://colab.research.google.com/drive/1paMOQG2AxFKMyjr75LGIGjrfYIxHHwR8?usp=sharing)
3. [Operadores logicos](https://colab.research.google.com/drive/1bz4_ZjzkKxb6tT-SPJmeYOsfqfIRUoF5?usp=sharing)
4. [Strings](https://colab.research.google.com/drive/1jmyESCG5HU-UfjkQOk6a-Men0v5Kjipg?usp=sharing)
5. [Listas](https://colab.research.google.com/drive/1rVg38Ns-FZsxp7PdcUwIBsc3EBdVCqGn?usp=sharing)
6. [Funções](https://colab.research.google.com/drive/1DTeAKkarfRJrA6OY4L6QnNkQMBTSszz3?usp=sharing)
7. [Dicionários](https://colab.research.google.com/drive/1oNtElM7duH6YxGYYLvQ-6FfJzwnNIrnB?usp=sharing)
8. [Iteração com for](https://colab.research.google.com/drive/1TVtMJKsmjPQRQXTSxPr1Aiaw-TJqoxjd?usp=sharing)
9. [Iteração com while](https://colab.research.google.com/drive/1hc3df-GisAnoGjYM07G2oIXge7J-ljzn?usp=sharing)
10. [Arquivos](https://colab.research.google.com/drive/1KElF0QiNZE1mJkb4Fw_JuTcQdxLNkUeK?usp=sharing)
11. [List Comprehension e Map, Filter e Reduce](https://colab.research.google.com/drive/1eSJnvUvA7SkNNmEvc26xn9P8V_hVqe2G?usp=sharing)
12. [Classes e objetos](https://colab.research.google.com/drive/1ccMyiA-VXmVbCnvChC_BGWf-SHQO7h9d?usp=sharing)
13. [Classes e herança](https://colab.research.google.com/drive/1J59IB9rSzhJQp_1qT03qc-3Yd5yDW820?usp=sharing)
14. TBD.

## Referência:
[PensePython2e](https://penseallen.github.io/PensePython2e/)
5 Reason to use React Js
Tags: react
Published: 2021-05-22 13:42:32

###Simple to learn
ReactJS is much simpler to learn when you compare it with other popular frontend frameworks like Angular & Vue. It’s actually one of the main reasons React gained so much attraction in a very short time. 

###Awesome User Interface
User interface quality also plays an important role. A high quality UI app has better chances of gaining traction. When it comes to ReactJS, it contains declarative components that help in building high-quality, rich user interfaces.

###Custom Hooks/Components
React JSX, an optional syntax extension that allows you to write custom components for any react js development company, create high-volume applications, and turn HTML mockups into React Element trees.

###Rendering Fast
It’s better to pre-define the structure while developing a complex app. ReactJS uses a DOM model, a tree structure in which any changes made at higher level will not impact the user interface of the application.Easy to test each module and upgrade without affecting another module

###SEO Lovable
Page load time is considerable reduced with ReactJs, hence loved by SEO.

##Bonus Tip

###Support across Community
A huge number of individual React JS developers are contributing towards the ReactJS community and making it a fantastic frontend framework.
First Post
Tags: firstpost
Published: 2021-05-22 13:47:19

Hmmm,
I am Sandeep Kumar Patel, pursuing BTech(CSE) from Kirodimal Institute of Technology, Raigarh. 
I like web technologies.
Currently learning Reactjs, Tailwind-CSS, Express.
I love anime, watercolour painting and .....
Hmmmmmmmm