teleren/devto huggingface dataset:
how do applications like Twilio studio work?
Tags: node, javascript, beginners, help
Published: 2020-06-19 06:26:12

Am trying to build an application where customer can customize the application logic via drag and drop. The drag and drop interface will be controlling the logic of the flow (let's say, customize the logic of a chatbot flow), how such applications are developed, knowing that the need to be auto-generated and deployed in real-time.
Journey to being full stack?
Tags: discuss, career, help
Published: 2020-06-19 06:20:16

I went for an interview to get job in blockchain team. During my internship, I was put in frontend team. Honestly, my heart is not into frontend development. Now, the same company has hired me in the frontend team. To try my luck into other teams, I took the offer thinking I'll switch to other teams. 
It's not that I don't like my job. I love doing the work they assign me, but I wish to contribute more. 

How do I ask for backend tasks as well? What are the prerequisites, so that they think I may be able to do handle backend tasks as well as frontend? 

Please help me out in my journey to become a full stack developer!
Search nested subdirectory in S3 bucket
Tags: aws, s3, python, lambda
Published: 2020-06-19 05:53:50

I am explaining about search nested subdirectory is exist in S3 bucket or not. Created AWS lambda code in python using boto3 to find existence of sub directory. 

```client.list_objects(Bucket=_BUCKET_NAME, Prefix=_PREFIX)``` this function gives list of all content exist in bucket along with path. It will be easy to trace it out. 

```
import boto3

client = boto3.client('s3')
bucket_name = "bucket_name"
prefix = ""

s3 = boto3.client("s3")

result = client.list_objects(Bucket=bucket_name, Delimiter='/')
   for obj in result.get('CommonPrefixes'):  
       prefix = obj.get('Prefix')
       file_list = ListFiles(client,bucket_name,prefix)
       for file in file_list:
          if "processed/files" in file:
              print("Found",file)

def ListFiles(client, bucket_name, prefix):
    _BUCKET_NAME = bucket_name
    _PREFIX = prefix
    """List files in specific S3 URL"""
    response = client.list_objects(Bucket=_BUCKET_NAME, Prefix=_PREFIX)

    for content in response.get('Contents', []):
        #print(content)
        yield content.get('Key')
```

Github gist : https://gist.github.com/aviboy2006/bf3feb8828d2fb311ffe22b750b2b297

Stackoverflow : https://stackoverflow.com/questions/62158664/search-in-each-of-the-s3-bucket-and-see-if-the-given-folder-exists/62160218#62160218
What Makes Us A Failed Data Scientist !
Tags: machinelearning, deeplearning, datascience
Published: 2020-06-19 05:30:19

**Data science** was once termed  **sexiest job of 20th century**. With the development of user friendly modules like **scikit-learn, tensorflow** etc. implementing a machine learning project became a kids job. 


With all these hype and rush to **learn** and be a **data scientist** ,we have to remember these basic protocols so that we don't end up being unsuccessful despite our hard work.

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


So , these steps will definitely make you a **FAILED DATA SCIENTIST** which one has to refrain from when starting with DS : 

● learning data science libraries before learning coding basics

● learning ML algorithms before learning how to preprocess your data

● learning deep learning before machine learning.

● learning data visualisation before understanding the basics of statistical inference

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



**So , what can be done right ?**

● You have to know coding basics before you can even debug the implementations of your DS/ML libraries

● You have to know how to preprocess your data before applying machine learning methods accurately.

● You have to know statistical inference before you make sense of your visualisation.

**Conclusion** : 
Remember to do things in a right way. Because , we may have to begin all over again in case we get our first steps wrong. 

Thanks For Reading!
webroot.com/safe
Published: 2020-06-19 05:14:21

If you wish to provide ultimate security to your system, then your primary choice should be Webroot SecureAnywhere. It has numerous features that you can utilize to get all-round protection for your system. Webroot SecureAnywhere is reasonably simple to install, and you can do so by visiting <a href="https://usawebroot.com">webroot.com/safe</a>. It facilitates the option of custom scans along with real-time protection to the system. With Webroot SecureAnywhere, you can browse through your favorite social media platforms without any fear of getting infected.
 
<a href="https://usawebroot.com">www.webroot.com/safe</a> antivirus is regularly updated to keep up with the increasing number of threats like Trojan, virus, and malware. It is capable of preventing spyware and ransomware as well. In the current day and age, even multinational organizations are prone to cyber-thievery. So in order to protect your sensitive data, you should download, install, and activate Webroot SecureAnywhere on your PC. The antivirus will protect your PC and eliminate any threat attempting to infect your system.
My rocky road to data science, turning my biggest hardship into an advantage
Tags: career, data, datascience
Published: 2020-06-20 14:34:01

---
title: My rocky road to data science, turning my biggest hardship into an advantage
published: true
date: 2020-06-19 05:00:00 UTC
tags: career, data, datascience
canonical_url: https://waylonwalker.com/blog/eight-years-cat/
cover_image: https://waylonwalker.com/eight-years-cat.png
---

This day 8 years ago I started my first day as a Mechanical Engineer. I am so grateful for this journey that I have been able to have. There is no way that I could have planned this journey from the beginning.

## Keep Learning

My initial career plans were down a completely different path. I have been very flexible in taking on a new career path. I have been eager to learn new things and respond to life changes that I never would have imagined.

## Life Changes

Very severe chronic health issues from my family restricted my ability to travel to the facilities I served as a Mechanical Engineer. I was able to stay strong and make it work. But in the meantime, I was learning new skills that enabled me to be more effective remotely.

## I was scared.

It was in these times that I found a love for data, and taking action from insights I found with data. I learned how to use python to enable me to be more effective. I did this primarily from hospital waiting rooms and many overnight stays. This gave my mind a break from some of the really difficult things in life but also catapulted my career in a new direction.

🔼 Be flexible  
🔼 Always be open and ready for change  
🔼 Never stop learning  
🔼 Keep a positive attitude  
🔼 Be kind to others

* * *

This was originally posted on my LinkedIn, if you enjoy it please connect with me and give the post a 👍



[![LinkedIn post](https://dev-to-uploads.s3.amazonaws.com/i/44xjuoxo087btvemzwdi.png)](https://www.linkedin.com/posts/waylonwalker_dev-datascience-python-activity-6679445410160906240-ud24)

* * *
  
👀 see an issue, edit this post on [GitHub](https://github.com/WaylonWalker/waylonwalkerv2/edit/main/src/pages/blog/eight-years-cat.md "edit this post")  

* * *

I have been writing short snippets about my mentality breaking into the tech/data industry in my newsletter, 👇 check it out and lets get the conversation started.

 

[![Sign up for my Newsletter](https://res.cloudinary.com/practicaldev/image/fetch/s--uOcrEpdd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://waylonwalker.com/waylon-walker-newsletter.png)](https://waylonwalker.com/newsletter)
VueJS on scroll animations
Tags: vue, css, animation
Published: 2020-06-19 04:49:06

At some point during a project, we all need to add some extra add-ons to the website to impress the client! So on scroll animations comes handy at this time. <a href="https://michalsnik.github.io/aos/">Animate On Scroll (AOS)</a> is an awesome and easy to use library for that. Let's see how we can use this with VueJS.

First we need to install AOS.
`npm install aos --save` or  `yarn add aos` on your terminal.

And then we need to import AOS into out main JavaScript file.
Open your `main.js` file and add the following.
```
import AOS from 'aos'
import 'aos/dist/aos.css'
```

Now after importing, we need to initialize AOS.
To do this, you need to add the following `init` function into your `new Vue` instance.
```
created () {
    AOS.init()
}
```
After initializeing AOS, my `new Vue` looks like this.
```
new Vue({
  created () {
    AOS.init()
  },
  render: h => h(App),
}).$mount('#app');
```

Now you have completed the setup! All you have to do is, add `data-aos="animation_name"` attribute to whatever the `HTML` element you want to animate and it will work like a charm.
Eg:
```
<div data-aos="fade-up">
    <h1>Hello Dev Community!</h1>
</div>
```

You can find a list on animations with demos <a href="https://michalsnik.github.io/aos/">here.</a> That's it. Enjoy!
การเขียนบทความบน dev.to ด้วย Visual Studio Code
Tags: firstpost, lifebetter
Published: 2020-06-19 04:39:34

---
title: การเขียนบทความบน dev.to ด้วย Visual Studio Code
published: true
description: OnePost Project
tags: FirstPost,LifeBetter
---
จากที่ได้รับมอบหมายจากกลุ่ม mAster mInd ให้เขียน blog ทุกสัปดาห์ สัปดาห์ละเรื่อง ให้อ่านได้ประมาณ 2 นาที วันนี้จึงอยากจะเล่าเรื่องการเผชิญหน้ากับพื้นที่ใหม่ที่ไม่คิดว่าชีวิตนี้จะได้ทำ

ตอนได้รับมอบหมายครั้งแรก ตกใจนะ อะไรอีกละหว่าเนี่ย ในหัวเกิดคำถามเพียบ อะไรคือ dev.to, ทำไมต้อง dev.to, แล้วมันเกี่ยวไรกับ github, ทำไมต้องใช้  VScode เขียน, Markdown คืออะไร, บลา ๆ ๆ....

มีเวลาให้สองสัปดาห์ก่อนถึงกำหนดโพสแรก ก็คือที่ผู้อ่านกำลังอ่านอยู่นี่แหละครับ และภายในสัปดาห์แรกต้องติดตั้งทุกอย่างให้พร้อม เอาหละคำถามทั้งหมด ยกไว้ก่อน กัลยาณมิตรว่าดี เราก็ลองดู

เริ่มจาก จะใช้ dev.to ต้องสมัคร github ก่อน *(เพื่อ? ไม่ได้จะใช้ github นะ คำถามยกไว้ก่อนทำต่อ)* อันนี้มีอยู่แล้วตอนที่หัดเขียนโปรแกรม ไม่มีปัญหาอะไร 

ต่อมาสมัคร dev.to ก็ง่ายดี ใช้ account github 
ถัดมาเป็นการลง Visual Studio Code เพื่อใช้เขียน blog ลงเสร็จก็รู้สึกมันอลังการมาก จะเขียน blog ต้องใช้เครื่องมือเขียนโปรแกรมขนาดนี้เลยหรือเนี่ย *(คำถามมาอีกแล้ว ยกไว้ก่อน)* ลง markdown ผ่านฉลุยไม่ติดขัด แล้วก็เกิดความสงสัยว่ามันเอาไปเขียน Robot ได้รึป่าว จึงค้นหา extension ดู โอ้ว้าว มีด้วยแฮะ ทั้ง MQL4 และ python เลย ไหลไปเรื่อง Robot พักใหญ่ รู้สึกตัวอีกทีก็ติดตั้งตัวช่วยเขียน Robot เสร็จพอดี อ่ะพร้อมแล้ว 

ตอนที่ถึงกำหนดสัปดาห์แรกจะเชื่อมกับเพื่อน ๆ ในกลุ่มก็ติดขัดนิดหน่อย ในขั้นตอนการหาชื่อ อาจจะพิมพ์ผิด พิมพ์ถูกหรือว่าเพราะเพิ่งจะมาเผากันตอนนั้นก็ไม่แน่ใจครับ

ผมไม่ได้สงสัยเลยว่า สิ่งที่เขียนบนเครื่องมันจะไปโพสบน Dev.to ได้อย่างไร จนได้รับคำแนะนำว่า ให้ลง extension dev.to  อีกตัวนึงด้วย แต่ลงเสร็จก็ใช้ว่าจะใช้ได้ทันที ต้องเชื่อมรหัส API ด้วย อ่านวิธีทำแล้วก็ยังทำไม่ได้ สุดท้ายเส้นผมบังภูเขา จึงขอแนะนำวิธีการไว้ดังนี้จะครับ

1.กดปุ่ม DEV ที่เมนูด้านซ้าย จะมีคอลั่ม DEV COMMUNITY เกิดขึ้น

2.คลิกที่ Create API Key แล้วกด Open จะเปิดหน้าเวป https://dev.to/settings/account ขึ้นมา

3.ให้กรอกชื่อโปรเจคที่เราต้องการเชื่อมต่อ ผมตั้งชื่อว่า OnePost พิมพ์ลงไปในช่อง My Project Name แล้วกดปุ่ม Generate API Key ก็จะได้ Active API keys ที่ drop down ด้านล่างครับ 

4.จากนั้นกลับมาที่ คอลั่ม DEV COMMUNITY แล้วกด Sign in จะมีช่องว่างขึ้นมาให้กรอก ให้ copy รหัส API Key จากข้อ 3. มาใส่แล้วกด Enter ครับ การเชื่อมต่อเป็นอันเสร็จพิธี

ทีนี้ก็มาเริ่มเขียนกัน โดยคลิกที่เครื่องหมายบวกใน คอลั่ม DEV COMMUNITY จะเกิดคอลั่มใหม่ขึ้นทางด้านขวา จะเห็น code อยู่ 6 บรรทัด ให้เริ่มเขียนเนื้อหาได้ที่ บรรทัดที่ 7 ครับ  โดยใส่ชื่อบทความที่ title:
และสามารถใส่ tags ได้ โดยมีเงื่อนไขว่า ใส่ Tag ได้ไม่เกิน 4 อัน และห้ามมีเว้นวรรค โดยใช้เครื่องหมาย , ขั้นแต่ละ tag ครับ

เขียนเสร็จก็ ctrl+s เพื่อ save แล้วคลิกขวาที่ชื่อบทความใน คอลั่ม DEV COMMUNITY แล้วเลือก Publish post เพียงเท่านี้ บทความก็จะไปโพส บน dev.to แล้วครับ

># ใช้ VS code ชีวิตดีขึ้น
>_____________________________***"พระท่านกล่าวไว้ "***

การเขียนโพสแรกของผมก็มาถึงช่วงสุดท้ายแล้ว แต่เป็นก้าวแรกของการพัฒนาตนเองด้วยการเขียนblog ขอขอบคุณกลุ่ม mAster mInd *(เขียนแบบหลังอูฐ)* ที่ทำให้ผมได้เริ่มทำอะไรสนุกๆ และได้พัฒนาตนเองครับ.
A Web Developer's Calling.
Tags: webdev, frontend, backend, fullstack
Published: 2020-06-19 04:33:48

The WWW came into existence in the early '90s and in less than five years there were 1000s if not 100s of 1000s of web servers already. People were connecting with each other and exchanging information, and learning how to develop with and use this new emerging technology. Everybody knew what a web server was, what HTML and HTTP are. Everybody knew how to build web applications end-to-end. How did we go from that to the modern day roles of frontend, backend, and fullstack devs? I don't know and that's not the point of this article.

I believe that if I call myself a web developer I should be able to build web applications end-to-end. I like to draw a line between web applications and websites. We all know what a website is - HTML, CSS, and JS running in a browser - but what do I mean by web application? Here's how I define it - a web application is a computer program that you may or may not be able to access (directly) over the internet. I suppose many people will find this definition very restrictive as the term is often used to refer to applications built with JavaScript designed to run within a browser as well. I don't like that idea very much so I'll stick with my definition.

So why do I believe that someone who calls themselves a web developer should be able to manage everything? And I do mean everything - making the website, making the web application, managing servers, managing security, managing the database, managing the scaling, etc. If you really think about it your computer programs are only useful if people can use it. People write commands, or click buttons, or fill a form, and your computer program does something useful with that. Input in, output out.

Your web application could be anything - a search engine, a social network, a URL shortener, a blog, anything - but what's the point if people can't use it? That's where websites come in. But you gotta know how to make one, and preferably how to make one well. So what's the point of knowing how to build web applications if you can't build an interface for it?

Following that same train of thought, what's the point of knowing how to build web applications if you don't know how to deploy them and manage them and secure them? You built it so somebody could use it right?

I will not deny that it is quite the task to be familiar, let alone proficient, with any one of these but that should be the goal. I am a web developer, right?
Console check before commit
Tags: todayilearned, javascript, git
Published: 2020-06-19 04:25:52

#Introduction
This post is about adding a git hook to check for console.log statements before code commit.


Developers tend to log variables, objects, api response, etc while writing our code. And yes it is fair enough but once we are done with our piece of code we often forget to remove those statements while committing our code.

But *Git hooks* helps us here.

I faced the same issue of getting rid of all the log statements in my code. so, I decided to use git hooks.
There are various options , but I chose [pre-git](https://github.com/bahmutov/pre-git)

You can go through the link to explore about it.

To start off with pre-git, once you install the npm package you would have a **.git** folder in root of your project directory. Now navigate to hooks folder and locate pre-commit file and copy the below mentioned script and save.

```javascript
#!/bin/sh

red='\033[0;31m'
green='\033[0;32m'
yellow='\033[0;33m'
no_color='\033[0m'

echo -e "\n${yellow}Executing pre-commit hook...${no_color}\n"

FILES_PATTERN='\.(js)(\..+)?$'
FORBIDDEN='console\.[clear|dir|log|info|warn|error]'

#check for console. references in your code

if git diff --cached --name-only | \
    grep -E $FILES_PATTERN | \
    xargs grep --with-filename -n $FORBIDDEN | \
    grep -v '//';
then
    echo -e "\n${red}COMMIT REJECTED!  Found console. references. Please remove them before committing.\n${no_color}"
    exit 1;
fi
echo -e "${green}No console. references found!${no_color}\n"
echo -e "${green}Git pre-commit hook was successful!${no_color}\n"
exit 0;

```
This script just checks for console. statements present in your project and prompts with appropriate message.

Commit would be rejected if it encounters any console statements.

I hope you find this useful.

Cheers !!
Reverse a Linked List
Tags: javascript
Published: 2020-06-19 03:32:13

This will be my first post of many as I navigate through leetcode, sharing and explaining my solutions!

This one, however, is more of a utility question. Basically you know it or you don't. 

If you don't know what a linked list is, the short explanation is a linear data structure that contains a head, which contains information, and a reference to the next object. If you want to read more on linked lists, check out my [posts on data structures!](https://dev.to/danimal92/linked-lists-43d7)

##Reversing a linked list

This portion is for those who are already aware of what linked lists and how they're implemented. The question is simple enough: Reverse a singly linked list.

I know what you're thinking: WHAT?! BUT HOW?!

That's what I thought. The key is pointer variables. I'll show you the code first and explain how it works.

```js
var reverseList = function(head) {
    let prev = null
    let current = head
    let next = head
    
    while(current !== null){
        next = current.next
        current.next = prev
        prev = current
        current = next
    }
    return prev
};
```
This may be a bit helpful, but let's dive into it.
As you can see, we have three variables: prev, current, and next outside of a while loop.

Prev is set to null, current is set to the head of the linked list as well as next. 

While current does not equal null, next becomes the node after the current one. The reference to the next node now becomes prev, which is null. prev now becomes current, which is the head. And current becomes the next node. 

If we were using 1->2->3->4->5 as our linked list, next moved on from 1 to 2, the reference or arrow from 1 goes to null, prev becomes 1, and current becomes 2 along with next. 

Do you see the pattern?

What should happen next is: next becomes 3, the reference or arrow from 2 now points to 1, prev becomes 2, and current becomes 3. This continues until current becomes null. Here's a nifty gif to help visualize this:

![Reverse a singly linked list](https://media.geeksforgeeks.org/wp-content/cdn-uploads/RGIF2.gif)
Markdown Previewer - FreeCodeCamp Solution
Tags: codepen, freecodecamp, react, markdown
Published: 2020-06-19 04:24:56

This is a basic markdown previewer running the JS library [marked](https://github.com/markedjs/marked) on top of [ReactJS](https://reactjs.org). This page also uses the almost ubiquitous [Bootstrap](https://getbootstrap.com) for layout and basic styling.

This webapp was built as a reply to the 'Build a Markdown Previewer'  [challenge on FreeCodeCamp](https://www.freecodecamp.org/learn/front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer)

I didn't bother with optimizing the site for mobile as personally I couldn't see myself using such an app on such a small screen. If you think differently, let me know.

Please check it out and offer critique! I'm always looking for feedback and to improve on my style, approach and skills!

{% codepen https://codepen.io/toastyrhombus/pen/mdVRRwZ %}
Why to use Deno?.
Tags: javascript, beginners, typescript, tutorial
Published: 2020-06-19 04:18:20

---
title: Why to use Deno?.
published: true
description: Deno is a simple, modern, and secure runtime environment for Javascript and Typescript that uses V8 engine and builds with Rust Programming language.
tags: javascript, beginner, typescript, tutorial
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/povsjp6yurz5e2zt7c88.png
---

## What is Deno?
Deno is a simple, modern, and secure runtime environment for Javascript and Typescript that uses V8 engine and builds with Rust Programming language.

Like any other language, it is used to build backend services or Application Programming interfaces(API) which are used in Web and Mobile applications. It is also used for communicating the database, sending an email, or storing a file on the server.

so, the question is Why Deno.
### Below are the features that makes the difference.
### 1. Easy 
- Deno is Easy to get started
- No need for prior knowledge 
- Really amazing for prototyping and agile development.

### 2. Fast, Reusable and Scalable
- Deno is useful for creating a superfast application.
- It is highly reusable and scalable
- faster requests speed and response time

### 3. Save time 
- Deno save time in development
- 40%  percent of fewer lines of code
- 40% fewer files
- It has many Built-in utilities like dependency inspector, Deno formatter, and so on...

Reference - https://news.ycombinator.com/item?id=18058571

### 4. Secure by default
- No file or network or environment access unless you have enabled it.

### 5. No Package manager
- In Deno, you don't have to install big node_modules
- When you called the library which you need it automatically cached on the file system.

### 6. Typescript
- It Supports TypeScript out of the box.
- If you know TypeScripe you can become easily full stack developer

References
https://deno.land/ 
https://dev.to/somijaiswal23/building-blocks-of-deno-3f2

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ulygjcf5tay9rro94bev.png)
Everyone need a Coach?
Tags: coaching, coach, beautifulstate, mentor
Published: 2020-06-19 03:37:42

When Bill Gates opened his Ted Talk starting ‘everyone needs a coach’ he meant everyone, from teachers, to business owners, to footballers and CEOs.

A coach can be a powerful resource who can help you get out of your own way, stand out, and take action to achieve the things that are truly important to you. Your coach can help you:
 
1.living in the beautiful state along the coaching process

2.Get clear about your goal find your direction

3.Identify blind spots to understand yourself better

4.Be accountable. Coaches keep you on track and moving forward toward new levels of  achievement.

5.Focus your development efforts. Coaches help you know the difference between weaknesses you need to fix and those that are best left as they are.

6.Limiting Beliefs Have Been Holding You Back a coach can help you recognize and overcome these types of limiting beliefs.

7.To increase your confidence and get you re-motivated

8.To boost your overall well-being you'll feel happier, more positive full of supported, and more confident.

And there are so many reasons why you need a coach. 

Are you ready to shine? Overcoming the limits, succeeding in every area of life. So get a coach....^^