teleren/devto huggingface dataset:
Day 5: CPX, Gizmo TFT
Tags: adafruit, arduino, maker
Published: 2020-07-16 10:15:49

Hmm, running Circuit Playground library stops me using the tft library. Had a sounding out with Mick and came to same conclusion to bypass Circuit Python, he said they wrapped it around code for the accelerometer anyway.

So went looking at the Circuit Playground source code on github:

* https://github.com/adafruit/Adafruit_CircuitPlayground/blob/master/Adafruit_CircuitPlayground.cpp
* https://github.com/adafruit/Adafruit_CircuitPlayground/blob/master/Adafruit_Circuit_Playground.h

I noticed in the header file it included `Adafruit_CPlay_LIS3DH.h`, so I commented looked for examples that use LIS3DH libraries, and thankfully there were a few out there, so I added

```
#include <Adafruit_LIS3DH.h>
#include <Adafruit_Sensor.h>
```

plus the following declarations

```
// Used for software SPI
#define LIS3DH_CLK 13
#define LIS3DH_MISO 12
#define LIS3DH_MOSI 11
// Used for hardware & software SPI
#define LIS3DH_CS 10

// software SPI 
//Adafruit_LIS3DH lis = Adafruit_LIS3DH(LIS3DH_CS, LIS3DH_MOSI, LIS3DH_MISO, LIS3DH_CLK);
// hardware SPI 
//Adafruit_LIS3DH lis = Adafruit_LIS3DH(LIS3DH_CS);
// I2C 
Adafruit_LIS3DH lis = Adafruit_LIS3DH(&Wire1);
```

Not sure if the additional code worked for LIS3DH, so I found the following snippet to check if it was found or not:

```
if (! lis.begin(0x19)) {   // change this to 0x19 from 0x18 for alternative     i2c address
    Serial.println("Couldnt start");
    while (1) yield();
}
Serial.println("LIS3DH found!");
```

And that's where I got stuck... no matter what iterations of commenting out and in I did, or change the i2C address, it came back with

```
"Couldnt start"
```

😫 This was head-wrecking for most of the day.'

## Later that evening
Still having problems getting to connect with the accelerometer. I needed another pair of eyes... well, in truth, I wasn't going to turn in for bed (it was getting really late) as I was being stubborn on trying to figure this out. So Mick took a look as well, and spotted the CPP file I had open in the "begin" function to see how they declared it. Now this was staring in my face the whole time

```
lis = Adafruit_CPlay_LIS3DH(&Wire1);

```
Why didn't I try putting `&Wire1` as an argument?! 😳

Added the argument, saved and compiled. Hit that upload button, held breath when no errors appeared and.... IT WORKED!

### Sample Output from Accelerometer
```
X:  608     Y:  5344    Z:  -15376
Screen should be blue now!
X:  592     Y:  5296    Z:  -15584
Screen should be blue now!
X:  752     Y:  5248    Z:  -15456
Screen should be blue now!
X:  512     Y:  5184    Z:  -15424
Screen should be blue now!
X:  608     Y:  5200    Z:  -15488
```

💤 Bedtime! #KThxBai
Me, Becoming a Front End Developer
Published: 2020-07-16 09:48:46

---
title: Me, Becoming a Front End Developer
published: true
description: 
tags: 
cover_image: https://images.unsplash.com/photo-1531413492783-8f2c79b9a9a1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1502&q=80
---

This is my personal experience on how I have started on Front End Web Development until now that I am a Jr. Front End Developer in a small team.


## History

During college years, [w3schools](https://www.w3schools.com/) had been my primary resource on web development especially on topics like HTML and CSS. By that time and my early years as a professional developer I call myself as a 'mediocre developer'. Maybe because I don't have much knowledge on Advanced Concepts and the programming language of the web, JavaScript.

And yeah, 'mediocre developer' has been my header on social networks like LinkedIn and Twitter.


## Realizations

It then came to my mind, why do I call myself a 'mediocre developer'? How will I improve if I stay on that kind of thinking?

Then comes curiosity.


## Inspirations

I've always been a fan of websites that are posted on [awwwards](https://www.awwwards.com/), especially the winners. I'm always asking myself how'd they do that?

I want to create those too!

Although I'm not on that level yet on creating those kind of experiences, but in the near future if I keep on pushing myself maybe I can create those awesome experiences too!

Who's with me? What a lonely man :) HAHA!


## Conclusion

There aren't any conclusion I guess. Maybe readers will have (as if anyone will read this). By the way, it's fulfilling to have said these things and this is my very first article here.


## Disclaimer

I am still a Junior Developer who's still working on his first job after college and there are many things I don't know yet in the pool of Front End Web Development. And if anyone here is willing, I will be fortunate enough to be your apprentice. Cheers!
Are You Using GitHub Profile Repo?
Tags: github, markdown
Published: 2020-07-16 09:45:42

## What is Profile repo?
Profile repo is a new functionality that GitHub has released recently.
The repo is https://github.com/userName/userName.

That makes the GitHub profile page like the following.

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

In my case, I added a gif that generated by my Instagram post.

## How to create
Step 1: Add a new repo
Step 2: Use your GitHub name as repo name
Step 3: Edit README.md
Step 4: Go to https://github.com/userName


Here is a list of people who are using Profile repo
This might be helpful to make your repo great.

{% gist https://gist.github.com/koji/10e9d53582ad02019ff65b953edac487 %}
Am I wrong with the coding porting Javascript to Python
Tags: computerscience, productivity, python
Published: 2020-07-16 09:42:52

Today, i have notification from inspiration @Codr [Road to be Genius Superior #51 (https://dev.to/codr/road-to-genius-superior-51-2c3f). Sometimes i used to Javascript for developing web client. My focus already change from software engineering to Data Scientist or Machine Learning. So, i am trying to port javascript to python, i am already creating this [gist] (https://gist.github.com/subhanshuja/236d58f79543933da413b746087501cd).Okey, this is the code of Javascript.

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

The next, it is my code of python. I have tried to understand line by line and porting to syntax python. 

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

I think is not quite different with Javascript but, the result is different, maybe **i have missed something in python code**.

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

For better known the result check the blog of @Codr, or any idea about this python coding, you can comment here.
How To Create Your Own Javascript Image Slider Tutorial (Step By Step)
Tags: javascript
Published: 2020-07-16 09:31:47

---
title: How To Create Your Own Javascript Image Slider Tutorial (Step By Step)
published: true
description: Create your own JavaScript image slider from scratch with a bit of JavaScript and HTML/CSS.
tags: JavaScript
---

Originally published [here on YouTube](https://youtu.be/Eurh2XwD-FY).
(Give me a thumbs up and subscribe if you found this useful 🙏).

In this tutorial, you'll learn how to build a JavaScript Image Slider step by step.

Get the complete code here: https://github.com/codebubb/javascript-slider

To follow along with the tutorial run: *git checkout setup* to reset the project.

00:45 Project Setup
01:30 Adding Markup
03:37 Files Setup
04:12 JavaScript Class Setup
05:20 Basic Styles Setup
09:01 Creating the JavaScript Slider
18:21 Additional Styling
22:38 Adding Shortcuts
30:02 Autoplay Feature
31:32 Custom Configuration

— Follow Me —
Twitter: https://www.twitter.com/codebubb
YouTube: https://www.youtube.com/juniordevelopercentral
Blog: https://www.juniordevelopercentral.com/
— Thanks! —

So in this tutorial we'll be building a JavaScript image slider with buttons, autoplay and shortcuts to skip between slides.

Whilst there are lots of different available pre-built JavaScript sliders you can learn a lot by creating your own and in this JavaScript image slider tutorial you'll learn lots about JavaScript classes, binding and also some useful CSS techniques.

So whilst creating our HTML CSS JavaScript image slider we'll setup a JavaScript class which can be reused in other applications.  This will be quite flexible as we can pass configuration details to the slider to allow it to fit in with an existing or new project.

We will enable our app to have a Javascript image slider left to right feel so that you can click buttons to navigate to previous and next slides. We will also configure shortcuts in the slider so that you can skip to a specific slide in the list of images.

As a final little feature of our JavaScript slider, we'll add auto play functionality so we have a Javascript image slider autoplay ability which again can be configured by the config data we pass in to the slide when we create it.

Check out some more Junior Developer Central Web development projects here: https://www.youtube.com/watch?v=e0e6m2mxJlU&list=PLpc_YvcwbxaTW88GAFDJ77DGihUr5H3Ha
⚛️ 9 Examples of building your own version of React
Tags: react, javascript, webdev
Published: 2020-07-16 09:27:08

React is an incredibly popular JavaScript framework with over  150,000 stars and used by more than 3.5 million other repositories on Github.
 
Sometimes the best way to understand something is to build your own version!

Some of these articles are quite old but as they mainly focus on the core concepts they are still valid today
 
### 1. Rodrigo Pombo - Build your own React


[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9vh0d4sgqm7futuzl8l0.png)](https://pomb.us/build-your-own-react/)
<figcaption>Click image to view article</figcaption>
{% youtube 8Kc2REHdwnQ %}
<figcaption>Video to accompany the article</figcaption>
{% github pomber/didact %}

---

### 2. Paul O Shannessy - Building React From Scratch

{% youtube _MAD4Oly9yg %}

---

### 3. James Smith - Reverse Engineering React

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/xlryki5s7mr9v2ctr6hu.png)](https://vimeo.com/showcase/3930691)
<figcaption>Click image to view article</figcaption>

---

### 4. Paul Marlow - Gooact: React in 160 lines of JavaScript

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1rypx5h2m5lmnm1zqen1.png)](https://medium.com/@sweetpalma/gooact-react-in-160-lines-of-javascript-44e0742ad60f)
<figcaption>Click image to view article</figcaption>

---

### 5. Oliver Russell - 33 line React

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9f4kw29lpfs7erhywl7q.png)](https://leontrolski.github.io/33-line-react.html)
<figcaption>Click image to view article</figcaption>
 
---

### 6. Ameer Jhan - Build your own React in 90 lines of JavaScript

{% link ameerthehacker/build-your-own-react-in-90-lines-of-javascript-1je2 %}
 
---

### 7. Sven Roeterdink - Building your own React
 
[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/imbyqsouchdhtrx1i240.png)](https://swennemans.gitbooks.io/building-your-own-react-js/)
<figcaption>Click image to view article</figcaption>
 
---

### 8. Ofir Dagan - Build Your Own React

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3a7r790tswzbgickc7c0.png)](https://hackernoon.com/build-your-own-react-48edb8ed350d)
<figcaption>Click image to view article</figcaption>

---

### 9. Andrew MacDonald - How I Built My Own “React” in Two Days — and Why I Did It
[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/f1547ra1s24h4bwc9t02.png)](https://codeburst.io/how-i-built-my-own-react-in-two-days-and-why-i-did-it-969c3d048f78)
<figcaption>Click image to view article</figcaption>

---

Sign up to our free weekly newsletter and stay in the loop with the latest and greatest web development projects on GitHub at [www.iainfreestone.com](https://www.iainfreestone.com)

{% link iainfreestone/trending-projects-on-github-for-web-developers-2gjl %}

If you enjoyed this article you can [follow me](https://twitter.com/iain_freestone) on Twitter where I regularly post bite size tips relating to HTML, CSS and JavaScript.
Artificial Intelligence or Robotic Process Automation: What’s Right for Your Organization?
Tags: ai, automation, roboticprocessautoma, rpaorai
Published: 2020-07-21 07:07:39

---
title: Artificial Intelligence or Robotic Process Automation: What’s Right for Your Organization?
published: True
date: 2020-07-16 09:21:07 UTC
tags: ArtificialIntelligence,Automation,RoboticProcessAutoma,RPAorAI
canonical_url: https://www.botreetechnologies.com/blog/rpa-or-ai-benefit-for-organization
---

![which is better rpa or ai](https://www.botreetechnologies.com/blog/wp-content/uploads/2020/07/rpa-or-ai-benefit-for-organization.jpg)

RPA and AI are now one of the most talked-about technologies. They drive growth in the enterprises by reducing costs, minimizing human dependencies, and increasing the efficiency of organizations.

Robotic Process Automation(RPA) involves bots that mimic human actions. But is that the same as AI? No. Artificial Intelligence(AI) relates to algorithms that imitate human behaviour. The difference lies in the actions and behaviour part, which makes RPA more of an action-oriented technology and AI a decision-oriented technology.

But when you embark on your digital transformation journey, you may face the following question –

*__“Should you consider RPA implementation or Artificial Intelligence(AI) systems?”__*

Let’s have a closer look at what separate RPA and AI and how both can help you in achieving digital transformation for your enterprise.

###Robotic Process Automation(RPA): The Role in your Enterprise

[Robotic Process Automation(RPA)](https://www.botreetechnologies.com/robotic-process-automation) involves the use of software bots to automate repetitive, mundane, and routine business processes. From data entry in excel sheets to logging in, RPA software can help enterprises to automate every task that requires performing the same action every single time.

The most significant [difference between Automation and Artificial Intelligence](https://www.botreetechnologies.com/artificial-intelligence-solutions) is that RPA supports digital transformation like AI, but doesn’t learn from the repetitions.

RPA bots continuously perform one task, and unlike Artificial Intelligence(AI), which learns by itself from the environment, Robotic Process Automation(RPA) is restricted to completing predetermined tasks.

RPA software is used to build rule-based bots that are programmed to do a particular task. For example, if you program an RPA bot to extract data from pdf files based on a simple rule, it will keep on doing that task until a specific parameter to stop is entered.

*__But how do you determine which processes to automate in your organization? [This article](https://www.botreetechnologies.com/blog/business-process-to-automate-in-organization) gives you the three primary steps through which you can perfectly identify the processes that need automation.__*

The post [Robotic Process Automation(RPA) or AI – What will Benefit Your Organization the most](https://www.botreetechnologies.com/blog/rpa-or-ai-benefit-for-organization) appeared first on [BoTree Technologies](https://www.botreetechnologies.com/blog).
Making GitHub Portfolio
Tags: github, githunt, git, productivity
Published: 2020-07-16 09:19:14

New Features are awesome and some of them are for good. GitHub brought you some secret features that are no more a secret. and is spreading like a 🔥.  

Let's not waste time and strike is down...

# Making your README Platter

> Prerequisite : Markdown writing skills

## Step 1 : Making a repository.

- `+` sign is where you have to hit.
- select new repository.

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

## Step 2: Naming Conventions.

> Name the Repository same as your GitHub Username. No other way allowed.

Then a special message pops out see below.

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

Make the Repository Public as to show the changes and Readme Platter to whoever visit your profile.

## Step 3: Give a Nice touch..

This is what's on your part to play with. I am done here.

If you wants any of the suggestions. or do not know what to write.

You can consider my repository as an example.

{% github Uyadav207/Uyadav207 %}

### DO COMMENT IN COMMENT SECTION AND FOLLOW ME AND MY WORK ON [GitHub](https://github.com/Uyadav207)
Reinvent the Wheel, then Display It Like a Trophy
Tags: beginners
Published: 2020-07-16 08:55:37

People talk about "reinventing the wheel" as if it's some sort of curse. It's true: in this day and age, tons of libraries are already available for your picking. These libraries have a *lot* of people working on it, so you can be assured that all the bases have already been covered (as much as possible). 

Why recreate something that's already been created? And more: why recreate something that has a very likely to be a *worse* version of what's already there?

If we were talking about utility, then the recreation has no point. But from the point of view of the craftsman, it means the world.

# Caring for our Craft
Engineering has always been associated with logic. We work daily with equations, syntax, optimizations, and all of those nuts and bolts to make sure that our products are working as smoothly and as fast as they can. We decide -- through logic -- everything: from architecture all the way to the last semicolon.

But at the end of the day, it's our innovation, creativity, and ingenuity that drives all of these decisions. We won't have a project without an idea. 

The paradoxical truth is that engineering is art more often than it is engineering.

And for any craft that works with art, care is a must. 

A baker has to hand-pick ingredients, knead the dough properly, measure accurately, and understand the nuance of every decision in order to create the perfect batch of bread. Truly, bread created this way will be said to have been made with care.

On the other hand, if the baker uses stale ingredients, kneads the dough hastily, measure inaccurately, and just perform random decisions (possibly due to inexperience), the result would be stale and lifeless bread.

Only by creating, making mistakes, destroying, and once again recreating, will a baker be able to create bread with heart. That is, bread that's been cared for.

# Reinvent the Wheel

Just like the baker in our story, us engineers would get by just fine by using bottled up solutions without truly understanding the nuances behind them. Our customers would most likely be none the wiser.

No. Reinventing the wheel is not for them.

Reinventing the wheel is for us. It's for the author of the code. It's for the readers of the code. It's for other engineers who want to master the craft, and learn how to be master craftsmen in the field.

Reinventing the wheel allows us to learn from what other engineers have experienced, and then make their experiences our own. It allows us to understand every decision, why a function was broken down, and why a variable was named as it was. 

Reinventing the wheel is the most efficient way for engineers to assimilate knowledge from those who've already walked our paths.

We do this not for any clout, or to please anyone else. We do this for the love of the craft. 

![Reinvent the wheel](https://miro.medium.com/max/960/1*CdFtk1VHomAiao1HcFBwgg.png)

So reinvent the wheel, and display it as a trophy. Be proud of the art you've created.
Please, manage your z-index
Tags: css, beginners, architecture
Published: 2020-07-16 08:52:11

If you've ever worked on a medium to big project I'm sure you know how painful it is to work with `z-index` CSS rules. What number should I use to put this component on top of another, like `1`, `5`, `10`, `999` or even `9999`?

The solution is creating variables with meaningful names for z-index values, put them in the same place and refer to them wherever you need them. Here's an example in pure CSS, but you can use the same concept in any styling tool you're currently using

```css
:root {
  --z-index-toolbar: 1;
  --z-index-sidebar-backdrop: 2;
  --z-index-sidebar: 3;
  --z-index-modal-backdrop: 4;
  --z-index-modal: 5;
}

.toolbar {
  z-index: var(--z-index-toolbar);
}

.sidebar-backdrop {
  z-index: var(--z-sidebar-backdrop);
}

.sidebar {
  z-index: var(--z-sidebar);
}

.modal-backdrop {
  z-index: var(--z-modal-backdrop);
}

.modal {
  z-index: var(--z-modal);
}
```

What really matters about z-index is its *relative* value and not the absolute one, so it makes sense to have all indices stored in the same place as variables and quickly compare and edit them.

Photo by [Héctor J. Rivas](https://unsplash.com/@hjrc33) on [Unsplash](https://unsplash.com)
Chatter Box by me!
Tags: ai, machinelearning, jsdeveloper, chatbotdevelopment
Published: 2020-07-16 08:42:35

Right now, I am making a chatbot for my website. Developing a chatbot from scratch is making me understand how the high-level chatbots like Siri, Alexa is working. Gaining good experience in it. 
Chat with my Chatterbox here, 

{% codepen https://codepen.io/sabitha_kuppusamy/pen/vYLZmLN %}
On Today's Plate
Tags: devjournal, codenewbie, womenintech
Published: 2020-07-16 08:28:17

_This post was originally published on July 16, 2020 on [my blog] (https://alexlsalt.github.io/blog)._

Thursday morning. Feels weird because I had a very long weekend, and yesterday was really the start of my work-week. So, this Thursday feels very Tuesday-ish.

I have a few things on my plate today -

First, I'm going to put in one hour on my Udemy course (I'm seriously almost finished!). In the course, we're working through our final JavaScript project, which uses an API to pull up recipes from different cooking blogs and websites into the app itself.

I think I have around two hours left, and consistently doing around one hour each day has helped me not think of it as a huge project with no end in sight.

Then, I have a podcast accelerator program I want to apply to, so I'm going to open up that application today and start drafting out the responses and overall plan. I'm dedicating about an hour and a half to this.

Lastly, I have a website that I created a few years ago on Squarespace that I want to completely reconstruct on my own using React and a database for all of the information within the site (it's mostly information about cities all over France, so I want to create a database - probably with Firebase - that will hold the data for each city).

That's going to be an overall heavier project where I'll need to focus on it for some time, so I'll probably create an 'Under Construction' landing page today, transfer the domain over, and add in a form to collect email addresses for anyone who wants to be notified when the site has been officially relaunched.

What's on your plate today? I'd love to know what you're currently working on! 

----------

Thanks so much for reading along! [Now let's be friends over on Twitter >>] (https://twitter.com/alexlsaltt)

P.S. Did you know I have a podcast with new episodes each Wednesday? Go listen [right over here >>] (https://www.ladiescodecollective.com/)

![The Ladies Code Collective Podcast art](https://dev-to-uploads.s3.amazonaws.com/i/nl20jdyk6b9ec2w1lms7.png)