teleren/devto huggingface dataset:
Finding things
Published: 2021-09-01 20:48:17

A while ago, I'd say: 'Wow, it's unbearable to connect to the API for searches' but since yesterday afternoon, my conception about it is changing and I don't have access to the back-end to make the changes I have. he wants.
Another thing that was really cool to do is the application of pagination with the flatlist, despite what I thought was very quiet

### Here things change
When I started writing this post this afternoon I was super excited about the search task, but now at the end of the day, man, how sad I had problems not with the implementation itself but with how the data is arriving and the lack of some necessary information. Unfortunately I don't have access to the back to be able to make the changes I need and raise PR so only tomorrow and maybe not even that!

Wish me luck.

There's still a lack of things, like filters and things like that, but this issue of lack of information is making me too busy to be able to do other things!
DEVELOPING HOTEL MANAGEMENT APP WITH RADZEN BLAZOR WEB ASSEMBLY (LESSON SIX) CUSTOM SECURITY PART 2 (CREATION OF LOGIN PAGE)
Tags: login, radzen, blazor, webassembly
Published: 2021-09-01 20:46:26

In this video, the starting User Interface for the login page is created.

{% youtube zR3b65LvXPI %}
Designing for Accessibility Workshop
Tags: design, eventsinyourcity, eventdriven, programming
Published: 2021-09-01 19:56:35

Hi Everyone! We have a great event coming up that I would love for you to join! Join CEO & co-founder of Stark, Cat Noone, for a two-part crash course on designing for accessibility. You’ll walk away with a completely different framework for thinking about your day-to-day role as a designer, and learn the fundamentals needed to ensure you’re designing products, services, and technology that’s beneficial for anyone who comes into contact with it.

Stark has worked with Pfizer, Nike, Disney, and many more to ensure their designs are accessible. Sign up now to join Cat, the Stark team, and Dribbble on September 8 + 15th.

If you are interested, I have a discount code CAT20 for you all to have a 20% discount!

Here’s a link to the details! Pm me with any questions :)

https://dribbble.com/learn/noone-workshops
JS Coding Question #5: Find Min and Max [3 Solutions]
Tags: challenge, javascript, tutorial, career
Published: 2021-09-01 19:42:16

---
title: JS Coding Question #5: Find Min and Max [3 Solutions]
published: true
description: Front end job interview question, Find Min and Maximum Number In Array
tags: challenge, javascript, tutorial, career 
cover_image: https://images.unsplash.com/photo-1624117987059-f1b8c83edfaa?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1952&q=80
series: Job Interview Preparation Materials
---

#### Interview Question #5:
Write a function that will return the min and max numbers in an array ❓🤔

> If you need practice, try to solve this on your own. I have included 3 potential solutions below. 

> Note: There are many other potential solutions to this problem.

Feel free to bookmark 🔖 even if you don't need this for now. You may need to refresh/review down the road when it is time for you to look for a new role.

Code: https://codepen.io/angelo_jin/pen/zYzvQdM

#### Solution #1: Math Methods - min and max
- Spread the array to Math methods like below and we are set
```js 
function getMinMax(arr) {
  return {
    min: Math.min( ...arr ),
    max: Math.max( ...arr )
  }
}
```

#### Solution #2: Array Sort
- Sort the array first using an efficient merging algorithm of choice. Once sorting is done, the first element would be the minimum and the last would be the maximum. 
```js
function getMinMax(arr) {
  const sortedArray = arr.sort((a, b) => a - b)

  return {
    min: sortedArray[0],
    max: sortedArray[sortedArray.length - 1]
  }
}
```

#### Solution #3: for of loop
- Below solution will use two variables and will compare each array elements and assign it to min and max if it meets the condition accordingly.
```js
function getMinMax(arr) {
  let min = arr[0];
  let max = arr[0];

  for (let curr of arr) {
    if (curr > max) {
      max = curr;
    }

    if (curr < min) {
      min = curr;
    }
  }

  return {
    min,
    max
  };
}
```

Happy coding and good luck if you are interviewing!

If you want to support me - [Buy Me A Coffee](https://www.buymeacoffee.com/letscode77)


In case you like a video instead of bunch of code 👍😊
{% youtube -nPIVsZNW7w %}
React Practice Project for Beginner to Advance
Tags: javascript, react, webdev, beginners
Published: 2021-09-01 19:11:12

Many `developers` or `beginners` just learn all the fundamentals concepts but they don't implement those concepts. So **Projects** are one of the best ways to implement those concepts.

###Here are some projects which are defined by level.

* Beginner Projects (React Basics)
* Intermediate Projects (Beyond Basics)
* Advance Projects (Optimization)

##Beginner (React Basics)
So here you just have to focus on basics concepts of React such as `Basic Hooks` (useState and useEffect), `Props`, `Incline Styling`, `Forms`, and `JSX`. Take your time and just understand these concepts in detail. After that practice given below projects ideas.
```
1. Simple Counter App
2. Calculator App
3. Todo App
4. Weather API App
```

##Intermediate (Beyond Basics)

First of all, appreciate yourself as you're `consistent` and now you're on the intermediate level.

Building the understanding of basic concepts boosts your confidence to make some little but `complex` applications. Here you will understand the `state management` of your entire application also you will learn about the `life cycle of components`.

```
1. Blog App
2. Resume Builder App
3. Management App
4. Score Board App
```

##Advance (Optimization)

####Alright Alright Alright, you're near to conqueror React.

Now if you are at this level then you have already gotten the idea about how these applications can be made. However, remember at this point you should have to build these applications in an `optimized` way.

You have to write much more `structured` as well as `maintainable` code. Keep in mind how very well your application work while `scaling` or handling `concurrent` users at a time.

```
1. Online Trading App 
2. Ecommerce App
3. Productivity App
```
###Reference Links
[React](https://reactjs.org/)
[React Hello World](https://reactjs.org/docs/hello-world.html)
[React Hooks](https://reactjs.org/docs/hooks-intro.html)
[Ultimate React cheatsheet](https://devhints.io/react)
[React JS Frontend Web Development for Beginners](https://www.udemy.com/course/react-tutorial/?ranMID=39197&ranEAID=JVFxdTr9V80&ranSiteID=JVFxdTr9V80-IC2uTX64TKt5E9lwqC47fg&LSNPUBID=JVFxdTr9V80&utm_source=aff-campaign&utm_medium=udemyads)
[21 Essential React.js Interview Questions](https://www.toptal.com/react/interview-questions)

###Wrapping Up

**Note:**
I would like say that after conquerored `React` also maintain consistency for your entire developer journey. Learn new things and keep up to date yourself with current industry tech stacks.


Let me know if you found this post helpful!
Have any suggestions? Reach out to me on [Twitter!](https://twitter.com/undefinedhere)
Meet the Tanukis: Jamie Rachel
Tags: gitlab, community, devops, techtalks
Published: 2021-09-01 19:34:33

Meet the Tanukis is a stream about the amazing Team members at GitLab. Each episode focuses on a team member discussing issues in tech that are important to them. This episode features Jamie, Evangelist Program Manager at GitLab!

{% youtube FlXSiJ-upfg %}

Links:
[Jamie's LinkedIn](https://www.linkedin.com/in/jamierachel/)
[Upcoming GitLab Meetups](https://www.meetup.com/pro/gitlab)

[Contribute to GitLab!](https://about.gitlab.com/community/contribute/)
Welcome Thread - v140
Tags: welcome
Published: 2021-09-01 19:02:15

---
title: Welcome Thread - v140
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
canonical_url: 
---

![welcome home cake](https://media.giphy.com/media/zIAKIq2SvfudY4Mphh/giphy.gif?cid=ecf05e47tgrheu85vjhblfvmgvxve70oonj0gp4qy1dy4ge9&rid=giphy.gif&ct=g)

### Welcome to DEV!

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

**Great to have you in the community!**
CSV to Markdown Generator
Tags: python, computerscience, markdown
Published: 2021-09-01 19:26:12

```python
# csv_to_markdown.py
#   This program imports a comma separated list of values
#   for clients of a gym. It then processes the information
#   into a markdown file.
# by: Scott Gordon

def main():
    # Import client information.
    infile = open("LocationOfCSVFile.csv", "r")
    outfile = open("ExportLocationOfMarkdown.md", "w")

    # Convert the information to a markdown friendly format.
    # This modify header and variables as you see fit, but make sure it matches .csv
    print("First Name | Last Name | Birthday | City | State | Zipcode | Email | Phone", file=outfile)
    print("----- | ----- | ----- | ----- | ----- | ----- | ------ | -----", file=outfile)

    # Loop line by line extracting variables for the fields
    # Export the file as a markdown file.
    for line in infile.readlines():
        split_line = line.split(",")
        fname = split_line[0]
        lname = split_line[1]
        bday = split_line[2]
        city = split_line[3]
        state = split_line[4]
        zipcode = split_line[5]
        email = split_line[6]
        phone = split_line[7]
        print(f"{fname} | {lname} | {bday} | {city} | {state} | {zipcode} | {email} | {phone}",
              file=outfile, end="")

    infile.close()
    outfile.close()


main()
```
Photo by <a href="https://unsplash.com/@mbaumi?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Mika Baumeister</a> on <a href="https://unsplash.com/s/photos/csv?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
📣 We are delighted to announce the #TECHLEADweek
Published: 2021-09-01 19:19:23

The free online training to become a leader in tech!

No matter if you are a #developer, #seniorsoftwareengineer, or already a #techlead or #engineeringmanager! This training is designed for tech professionals looking to grow as leaders the right way.

You will get an overview of what it takes to lead tech teams and get actionable steps. Whether you are looking to transition into leadership roles or early in that journey and want to level up your skills, it all starts here! 🚀


🗓️ When? September 27, 28, 29, 30 | 18:00 CET
🎦 Where? 100% Online | 100% Free

👉 Head to→ https://tech.lidr.co/weekevent know more about the training, save your seat and kickstart your tech leadership career!

See you inside!
Updates from the 85th meeting of TC39
Tags: javascript, tc39
Published: 2021-09-01 19:19:13

There were several items on the agenda, this post focuses on feature proposals and their progress form the meeting that was held between August 31st, 2021 to September 1st, 2021.

__Stage 4:__

* [Class Static Blocks](https://github.com/tc39/proposal-class-static-block) Class static blocks provide a mechanism to perform additional static initialization during class definition evaluation.
* [`Object.hasOwn`](https://github.com/tc39/proposal-accessible-object-hasownproperty) Accessible `Object.prototype.hasOwnProperty()`
* [`.at()`](https://github.com/tc39/proposal-relative-indexing-method) `.at()` method on all the built-in indexables.

__Stage 2:__

* [Change Array by Copy](https://github.com/tc39/proposal-change-array-by-copy) Provides additional methods to Array.prototype to enable changes on an array by returning a new copy of it with the change.
* [Pipeline operator](https://github.com/js-choi/proposal-hack-pipes/) Hack pipe operator.


__Stage 1:__

* [String is USV String](https://github.com/guybedford/proposal-is-usv-string) String method to verify if a given ECMAScript string is a valid USV String or not.
* [Array.fromAsync](https://github.com/js-choi/proposal-array-from-async) Like `Array.from` but for async iterators.
* [BigInt Math](https://github.com/js-choi/proposal-bigint-math) Math operation for BigInt.
* [Get Intrinsic](https://github.com/ljharb/proposal-get-intrinsic) A robust way to retrieve intrinsics to first-run code.
* [Fixed shape objects](https://github.com/syg/proposal-structs/) Plain and Shared Structs.

__Bonus:__

That's how we work from office in Russia [@ryzokuken](https://twitter.com/ryzokuken) with @TC39 first day sessions. Rostov-on-Don. [tweet](https://twitter.com/went_out/status/1432726917757734918?s=20)

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/babi9i9y7v3wash4au8m.png)
 
<hr/>
<center>[@gnumanth](https://twitter.com/gnumanth)</center>
Co-Founding Kubernetes with Microsoft CVP Brendan Burns
Tags: kubernetes, techtalks, podcast, opensource
Published: 2021-09-01 18:58:52

The creation of Kubernetes was never a foregone conclusion, it required years of hard work and evangelism. Microsoft Corporate Vice President Brendan Burns is here to bring you that story.

In the final episode of our two-part series, [Brendan returns to the Dev Interrupted podcast](https://open.spotify.com/episode/6cWXjTZDFojXP6hQ8ypxi6?si=n9tPrt0rTvme3rLE4KDTKQ&dl_branch=1) to bring us the founding story of Kubernetes. He discusses the battle to make Kubernetes open source, why a strong community was vital to early success and learning when to let others take the lead, avoiding a "dictator for life" approach to development.
#**Listen to the full episode**
{% spotify spotify:episode:6cWXjTZDFojXP6hQ8ypxi6 %}

#**Episode Highlights include:**
* How Kubernetes came to be
* Why Kubernetes had to be open source
* Avoiding a "dictator for life" approach to development
* Improving developer experience for distributed systems
* How to build and sustain communities

{% youtube cmnIRApwXjM %}

**If you haven't already heard**, Dev Interrupted is partnering with Dzone to host **INTERACT**: An interactive, community-driven, digital conference on September 30th - by engineering leaders, for engineering leaders. 1 day, 10 speakers, 100s of engineers and engineering leaders, all free.

![](https://cdn-images-1.medium.com/max/2400/0*nHzak-kDc0MzrG55.gif)

# [Register Now](https://devinterrupted.com/event/interact/)
______________________________________________________________

## Join the Dev Interrupted Community

If you haven’t already joined the best developer discord out there, WYD?

Look, I know we talk about it a lot but we love our developer discord community. With over 1600 members, the Dev Interrupted Discord Community is the best place for Engineering Leaders to engage in daily conversation. No salespeople allowed. [Join the community >>](https://discord.gg/tpkmwM6c3g)

![](https://cdn-images-1.medium.com/max/2048/0*xR_ViPMd2T8ljTzt.png)
Introduction to Deep Learning
Published: 2021-09-01 18:56:19

Deep Learning is a subfield of Machine Learning. It has wide scope and it has various application like automated driving, object detection, healthcare and many more.

For example, by using deep learning we can create a system which can detect multiple objects in a frame and also label them accordingly.

Deep learning is not so new, it is fairly old subfield of machine learning. It has achieved so much in past few years, like from Near-human-level image classification to Handwriting transcription and Speech Recognition to Digital Assistants(like Alexa) and many more. Isn’t it cool? 😉

So, what really is deep learning? And how ‘Deep’ it is?

## **Let’s Dive in…**
It may be possible that whenever you hear about Deep learning, you could think that we should have deeper understanding of a problem for solving it but that’s not true.
The term Deep Learning was introduced by **Rina Dechter** in 1986. “Deep” in Deep learning refers to the different layers from which our data is passed and each layer gives some meaningful output data which can be fed to its successive layer as a input. There may be hundreds or thousands of layers in Deep Learning model and it is called as “Neural Network”.

As we know, Human brain consist a number of neurons connected to each other which creates a complex structure or a network of neurons. Just like that Deep learning model contains a number of layers and each layer consist a number of nodes(or neurons) which are connected to the neurons of its adjacent neurons. But that does not mean that deep learning model or neural network works like a human brain. It has its different working. You can see in following diagram how deep learning model looks like:

![Example of Neural Network](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/75f52fq7qjvdss2j0ven.png)

As you can see in above figure, there is 1 input layer, 1 output layer and between them there is another layer called Hidden layer. Layers present between input layer and output layer are called Hidden Layers. There may be number of hidden layers in neural network. Data is fed into input layer which transform data according to its *weights* and passes to next layer, same task is perform by its successive layer and output layer gives us final output.

## **Different Neural Networks**

There are different neural networks used in Deep Learning, we will discuss all of them in detail in upcoming articles of this series.
Some widely used neural networks are
1. Convolutional Neural Network.
2. Recurrent Neural Network.
3. Long Short-Term Memory.
and many more..

## **Frameworks for Deep Learning**

To help data scientists for making deep learning models easily and training them, many frameworks or library are introduced. Following are few frameworks or library for Deep Learning.

1. Tensorflow
2. Keras
3. PyTorch

It is first article of Deep Learning series, In upcoming article we are going to learn so much about Deep Learning and also will do some hands-on. If you enjoyed this blog post, share it with a friend and stay tuned for next article.
Happy Learning!!
Javascript Data Type 
Published: 2021-09-01 18:44:19

when we are using javascript variable declaration, Javascript has to use define data type with a variable value. Data Type is a common thing in a programming language.
Javascript have two type data. 
1. Primitive Type 
2. Non-Primitive Type or reference Type 

1. Primitive Type 
-> number
-> string 
-> Big Int 
-> undefined
-> null 
-> boolean
2. Non-primitive /reference /Object
-> function 
-> object 
-> Array
Reference: https://js.zonayed.me/basic/post-3
ViewGroup in Android {Android Development} | Day 3
Tags: android, knowledgesharing
Published: 2021-09-01 18:43:55


In last blog of Android Development I talked about 3 commonly used views .
And In today's blog I will be discussing about viewgroup.

What are ViewGroup?
In simple terms ViewGroup works as a container in which we can add blocks of views.A ViewGroup is a big View that can contain smaller Views inside of it. The smaller Views are called the children of the ViewGroup and might be TextViews or ImageViews.

Types of ViewGroup👇
1. LinearLayout
2. RelativeLayout
3.ConstraintLayout
(This is default layout when you create your first project on Android studio.)
https://developer.android.com/reference/androidx/constraintlayout/widget/ConstraintLayout

4. FrameLayout
5. AbsoluteLayout
6. List View
7. Grid View
etc

For instance we will focus on most commonly used Layouts for now👇
1. LinearLayout
2. RelativeLayout


1.LinearLayout ⬇️

1.1 What is LinearLayout ?
➡️ It is a view group that aligns all children in a single direction, vertically or horizontally.

(In term of web development)[LinearLayout in Android is similar to Flex in Web Development]
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nx8znhw0m4o3h880u09r.png)

1.2 Attributes of LinearLayout👇

i. android: orientation 
➡️ We can specify the layout direction whether we want orientation vertical or horizontal using this attribute.
Adding https to your localhost
Tags: https, localhost, storyblok, macos
Published: 2021-09-01 18:39:49

---
title: Adding https to your localhost
published: true
description: It's not so hard after all
tags: https, localhost, storyblok, macos
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1w2k4y6q6ahad3vz57xb.png
---

Had some troubles with configuring https certificate for my fresh local install of Next.js about a week ago. Luckily, I've found a way, how to deal with it.

First of all, you need to install (if not) Homebrew. [Homebrew](https://brew.sh/) is a package manager for Mac OS. If you have it, let's install `mkcert`:

```bash
brew install mkcert
```

Then we need to create new local CA (Certificate Authority):

```bash
mkcert -install
```

After that we'll create certificates for `localhost`:

```bash
mkcert localhost
```

If everything is fine (usually it is), you will see something like this:

![mkcert create certificate screen](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0pl2231zil0b58vrklgk.png)

Then we need to install `local-ssl-proxy`. The package will proxy all requests from https to http with given certificates which we generated before.

```bash
npm install -g local-ssl-proxy
```

Final step. We must start `local-ssl-proxy`:

```bash
local-ssl-proxy --source 3010 --target 3000 --cert localhost.pem --key localhost-key.pem
```

![setup local-ssl-proxy screen](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xjy47flce3m1ohyaq9yf.png)

And then you can navigate to your server via `https://localhost:3010`.

This guide will especially useful for those who already uses [Storyblok](https://www.storyblok.com/) Beta V2. They suddenly forbade `http` protocol and now you can only use `https`. But they made great instructions, which I've transformed into note for myself to remember.
Javascript Variable 
Tags: javascript
Published: 2021-09-01 17:06:10

The first step in learning a programming language you need to understand variable declaration. Those are simple things, do not be hesitant.

In every Programming language, you need to define a  value under a unique name with some syntax and rules, that syntax and rules are dependent on the specific programming language. Today we are discussed variable declaring in javascript language. 

```javascript 
var  value1 = 'code';
const value2 = 'Coding';
let value3 = 'codding';
``` 


please check the example, javascript have some reserved keyword for using declare a variable like var, const, let. After using any javascript reserved variable keyword we need to define a unique name with some special rules. In here used a specific name as a memorey reference. The value store into the memory under this uniqe name. When we are call this memory reference its return the value which is stored in memory. 



1. ( !, @, #, %, ^, &, *, (, ) ) we can not using this character as a first character in this unique name.
2. we can not use any reserved keyword like function, name, let var as a unique name.  
3. Camael case and lowercase are two different values in javascript. 
```
Note : Memory means. Javascript working in browser and its stored all data and exicute the data inside their own engine.Javascript use the browser memory when he needed.
```

have more rules for define javascript variable name declaration, your need to explore .

After declaring a unique name you need to use the assingment operator then you need to define the variable value with his data type. 
Before 2015 only var using for declaring variable after 2015 const and let reserved keyword coming and solved hoisting, scop related issue.

const and let have a specific use case and that is using as a standard coding. the const variable can not be changed fully but we can modify this value. And when we are using a let variable we can change the value as we wish.