teleren/devto huggingface dataset:
Beep Boop 1: Intro to AI/ML
Tags: beginners, codenewbie, programming, tutorial
Published: 2021-08-05 23:12:18

--- 
title: Beep Boop 1: Intro to AI/ML
description: In part 1 of this series, we demystify ML, provide real world examples, and introduce a lesson on predicting basketball player efficiency ratings using basic Machine Learning.
published: true
tags: beginners, codenewbie, programming, tutorial
series: "Beep Boop"
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7oo3cvjq2y4f8rdu5hp9.png
---

Thanks to everyone who joined us live for our 1st episode of [Beep Boop with the Microsoft Reactor](aka.ms/BeepBooptube)- it was so much fun chatting about our AI/ML experience and learning alongside y'all as we beeped and booped through some of our first [Microsoft Learn module](aka.ms/beepbooplinks1)! 👩‍💻👩🏽‍💻



If you missed the fun live, don't worry- you can watch the replay [here on YouTube](aka.ms/beepboop1), and in the embedded video below!



{% youtube r3hQRXwkuiE %}



**On this episode we cover:**



- [1:36](https://youtu.be/r3hQRXwkuiE?t=96) [Ornella](https://twitter.com/ornelladotcom) and [Chloe](https://twitter.com/ChloeCondon) explain what exactly is a beep boop and what we're doing on the show! 🤖



- [9:23](https://youtu.be/r3hQRXwkuiE?t=563) We chat about PER (player efficiency ratings in basketball), why ball is indeed life, and intro the first [Learn module](aka.ms/beepbooplinks1) that we'll be working on 🏀💯



- [16:25](https://youtu.be/r3hQRXwkuiE?t=985) Download [VS Code](aka.ms/beepboopvscode), [Python](https://www.python.org/) and the [Python extension](aka.ms/beepbooppython) to beep boop alongside us 👯‍♀️



- [17:24](https://youtu.be/r3hQRXwkuiE?t=1044) Making sure everything is ready to goooo by [setting up your local environment for data science coding](aka.ms/beepboop1links2) and bringing in that [dataset](https://aka.ms/beepboop1dataset)



- [30:08](https://youtu.be/r3hQRXwkuiE?t=1808) We're on the hunt for [missing values](https://aka.ms/beepboop1links3) in our dataset and we get rid of them by [dropping rows and columns](https://aka.ms/beepboop1links4) - NaN no thank you 🙅🏽‍♀️ 



- [40:15](https://youtu.be/r3hQRXwkuiE?t=2415) We [check for outliers](https://aka.ms/beepboop1links5) and reminisce about the childhood magic of box 📦 and whisker 🐱 plots 



- [49:17](https://youtu.be/r3hQRXwkuiE?t=2957) We [check the distribution of the data using histograms](https://aka.ms/beepboop1links6) 📊 (not to be confused with historical instagrams 🎞)

- [59:11](https://youtu.be/r3hQRXwkuiE?t=3551) A meet n greet with our show mascot, Franklin 🐶🦴



*Did you have fun? Check out [Beep Boop 2: Use Machine Learning Models to Prep Your Data](aka.ms/beepboop2) where we continue on this PERfect journey together - see ya then, friends!*
3 Tips to be SUCCESSFUL at DevOps
Tags: devops, codenewbie, tips, success
Published: 2021-08-05 23:10:41

Today I have for you __3 tips__ that will help you __be more successful in your DevOps career__, and they apply to every type of DevOps Role.

### Intro

I have been working "in DevOps and with DevOps" for the most part of the last 14 years. I've covered many different roles, and worked with big and small clients. And today I wanna share with you how __you can be more successful at DevOps__. As I've mentioned I have 3 tips that will help you in your DevOps Career. Actually, I also have a __bonus one__ at the end so I guess that makes it 4 tips.

### The Tips

In short, those are the tips. But ___check the video below 👇🏻 for the whole explanation___ on each of those:

1. __Think out of the box__, be a problem solver, be the person others look to when they need a solution
2. Find a way to __automate__ more
3. Always __experiment__

The Bonus tip? Check the video below for it 🎬

### Video

Here you have __the video with the whole explanation__ about the 3 tips and also the ___bonus___ tip.

Enjoy the watch 😉

{% youtube A-NeIPCLSRU %}

[Link to the video: https://youtu.be/A-NeIPCLSRU](https://youtu.be/A-NeIPCLSRU)

### Conclusions

Let me know in the comment section below what you think about those 3+1 tips. Do you agree with me? Or do you have anything else you can share that made YOU successful at DevOps?


__Like, share and follow me__ 🚀 for more content:

📽 [YouTube](https://www.youtube.com/CoderDave)
☕ [Buy me a coffee](https://buymeacoffee.com/CoderDave)
💖 [Patreon](https://patreon.com/CoderDave)
🌐 [CoderDave.io Website](https://coderdave.io)
👕 [Merch](https://geni.us/cdmerch)
👦🏻 [Facebook page](https://www.facebook.com/CoderDaveYT)
🐱‍💻 [GitHub](https://github.com/n3wt0n)
👲🏻 [Twitter](https://www.twitter.com/davide.benvegnu)
👴🏻 [LinkedIn](https://www.linkedin.com/in/davidebenvegnu/)
🔉 [Podcast](https://geni.us/cdpodcast)

<a href="https://www.buymeacoffee.com/CoderDave" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 30px !important; width: 108px !important;" ></a>

{% youtube A-NeIPCLSRU %}
If I'm want to start learning ML, is it better to learn Python or R first?
Tags: help, machinelearning, python
Published: 2021-08-05 21:41:59

I've recently been working alongside an ML team and I'm interested in learning ML basics so I can work better with that team. I'm not looking for a career change as much as a being able to understand their work better. Right now I'm focused on front-end work, so I'm basically starting from scratch.
Day 424 : Cloud 9
Tags: hiphop, code, coding, lifelongdev
Published: 2021-08-05 21:34:24

_liner notes_:
- Professional : Had our team meeting. It was good to see everyone. Had another meeting to catch up on a project I've been helping with. Got to verify something was fixed on a new SDK that will be coming out that I used in a demo. Then I worked on finishing up a blog post that I've been writing. Mostly getting images and code snippets completed.

- Personal : Last night, I checked out some tracks for the radio show. I watched the final episode of an anime that I don't remember the name of. It has to do with magic and a guy who's head was replaced with a lizard. haha I thought I had finished it, but there looks like a bonus episode of short stories was released. To end the night, I went through a guide to set up a NodeJS project on Google Cloud. Previously, I've been using Firebase, but I think I'll need a server that won't go to sleep after inactivity. It was pretty straight forward and I got it working. I even was able to not use a dependency that was in the guide because it's not needed with newer versions of the library used. It was a good chance to learn how things work on the backend. Looking forward to building and deploying more complex applications.

![Photo taken at Marine Street Beach, CA, USA looking into the ocean at sunset with seagulls flying above.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wg471u4skkmwlxywgpst.jpg)

Going to set up the media server project on Google Cloud. From the documentation and videos I've seen, it seems not too bad to get running locally. I haven't seen anything on how to deploy to Google Cloud. Hoping it's not much more than what was needed to get the sample application from last night working. If I get it working, you could say I'll be on "cloud" 9, amirite? haha I'll probably watch an episode of "Boruto" over dinner and check out some packages that came in. I want to go through some tracks submitted for the radio show as well.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube um_sYeJmgBQ %}
Finding Words in .srt Subtitle file
Tags: go, githunt
Published: 2021-08-05 21:31:53

## I have created my first project with Go!
With [this tool](https://github.com/danialdezfouli/subtitle-to-words) you can easily have English words and their frequency in the subtitle files you have.

## What is the Point?
It would be a useful tool for non-native English speakers to learn the words which used in their TV-Series and Movies.

https://github.com/danialdezfouli/subtitle-to-words
Dev log for Wonder Wanderer 2: Day 4/5 #LOWREZJAM 😁
Tags: devjournal, javascript, challenge, gamedev
Published: 2021-08-05 21:17:53

"I tried to make collisions, but I didn't manage to do it and I spent the whole day doing this task unsuccessfully."
That is the resume of yesterday, but it was sad leaving all like that, so I waited a day more before writing something.

### What did I do today (and yesterday)? ###

I made collisions on the map and also very rudimental jumps and gravity, but the controls are not very good now, so I'll improve them the next day.

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

<figcaption>The results of the hard work of two days.</figcaption>
Why do I find programming boring?
Tags: programming, codenewbie, computerscience, beginners
Published: 2021-08-05 20:52:11

It is something that involves much of your logic, brainpower, thinking skills and all the mental abilities you have. Programming is the magical wand, how much power you make, depends on you, whether you want to be as powerful as Dumbledore or Harry or Voldemort. Have not you ever imagined how you chat globally about the clash of clans? or how multiplayer games like bomb squad or mini militia work? or how this website is allowing you in getting your answers? or how your multiplayer enables you to watch awesome movies? how is the software which animate movies like Avengers or Pirates of the Caribbean made? There is somewhat programming hidden in each of these…

Obviously, at the first step, you might feel it boring because you are learning in the wrong way or you are taught in the wrong way without teaching you its applications, but at high levels, it's beyond the scope of your imagination.
Freecodecamp Tribute Page Challenge Completed
Tags: html, css, codepen
Published: 2021-08-05 20:30:34

Participated in freecodecamp.org project assignment that showcases tricks and techniques applied to achieve modern ui concepts using plain html and css.

##Concepts Implemented
1. HTML Semantic Tags 
2. Id and Class Attribute 
3. CSS Selectors 
4. Grid and Flexbox 
5. Grouping Selectors with common styles 
6. Setting Up Fallback Fonts 
7. Responsive Images

[View Project](https://codepen.io/parag-rokade/pen/XWRqVLz)
How to setup a VM on VirtualBox (Oracle) and connect over PuTTY
Published: 2021-08-05 20:07:40


 - Download de Oracle VM Virtual Box and an OS .iso (for this tutorial, we'll use an Ubuntu 20.04 .iso)

## Setting VirtualBox up.

- After downloaded and installed, setup the new VM.
    - Create a new VM clicking on the blue sign.
    - Set a name to the VM.
    - Choose the right type and version of the OS (In this case, it'll be Linux/Ubuntu (64-bit)
    - Set the amount of memory that will be used by the VM (always remember, if your system usually uses something around 6 to 8GB of RAM and you only have 8GB, the sum of the VM dedicated memory and the usual memory can't exceed the whole amount of memory in the computer)
    - Create a new virtual hard disk
    - Choose the "VDI" option
    - Choose Dynamically allocated
    - Choose the amount of size that you plan to allocate for the VM's disk (Always remember that you can't exceed the amount of disk size that your computer is using)
- Click in the VM an then click in the engine sign "Settings"
- In the System tray, set the amount of CPU cores for the VM (Go under 50% of CPU)
- In the Display tray, set the video memory to maximum.
- In the Storage tray, select the Empty item under the "Controller IDE", on the right side it'll pop an "Attributes" section, click the blue disk and choose the .ISO file to install the OS.
- In the Network tray, enable the Adapter 1 and Adapter 2.
    - In Adapter 2, choose the Host-only Adapter option, and the name will automatically swap to "VirtualBox Host-Only Ethernet Adapter".
- The VirtualBox setup is concluded.
- Start the VM an install the OS.
- For Ubuntu, install the net-tools over terminal and then get the IP using the "ifconfig" command.


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wdvx62epmcfqzvmtvukg.png)
The IP of the VM is 192.168.56.101.

## Setting PuTTY up

- Download the PuTTY and install it.
- First you'll need to generate the SSH keys.
    - Open the PuTTYgen program.
    - Click on "Generate".
    - Move the mouse over the blank area to generate some randomness.
    - Set a key passphrase (password) to the generated key.
    - Save the public and the private keys (remember the path to find those keys)
    - Close the program.
- Open the PuTTY program.
- Go to Connection-SSH-Auth and browse the private key file.
- Go back to Session.
- Type the IP Address of the VM and select the connection type (SSH).
- Done!

If everything went good, you'll get a terminal window in the client computer asking to login in the OS.

## Troubleshooting

- If you can't confirm the settings of the new VM on VirtualBox and it says that your computer doesn't allow virtualization, check if the virtualization is enabled in the BIOS menu.

Feel free to add comments about the tutorial and help to improve it!
Peace :D
Open edX theme powered by TailwindCSS
Tags: tailwindcss, frontend, elearning, edtech
Published: 2021-08-05 19:49:54


![Untitled (2)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/79o4olmazxfmtmkj556j.gif)
Live Demo: https://lms.demo.cubite.io
 
## Introduction

### what is open edx ?

Open edX is an open-source learning management system used by many universities and organizations worldwide.

### Why should I use Tailwindcss for open edx theming?

Tailwindcss is a utility-first CSS framework. New to Utility-First CSS? In short, it makes writing CSS more fun by moving things like color and spacing into function arguments rather than in separate classes. It also provides some nice features like built-in theme support, and default values for properties that change based on the element type.

TailwindCSS brings following advantages to your frontend:

- Designing with constraints. Using inline styles, every value is a magic number. With utilities, you’re choosing styles from a predefined design system, which makes it much easier to build visually consistent UIs.
- Responsive design. You can’t use media queries in inline styles, but you can use Tailwind’s responsive utilities to build fully responsive interfaces easily.
- Hover, focus, and other states. Inline styles can’t target states like hover or focus, but Tailwind’s state variants make it easy to style those states with utility classes.
- Easier to Maintain: Maintaining a utility-first CSS project turns out to be a lot easier than maintaining a large CSS codebase, simply because HTML is so much easier to maintain than CSS. Large companies like GitHub, Heroku, Kickstarter, Twitch, Segment, and more are using this approach with great success.

## How to use our Theme?
### First clone the theme repo in your server 
```bash
mkdir /edx-themes
git clone https://github.com/cubitetech/theme -b lilac cubite-theme
```
### Change server configuration
In `/edx/etc/lms.yml` change the following variables to:
```yaml
ENABLE_COMPREHENSIVE_THEMING: true
DEFAULT_SITE_THEME: cubite-theme
COMPREHENSIVE_THEME_DIRS:
- /edx-themes
```

### Compile frontend assets
In your open edx server run:
```bash
sudo -H -u edxapp bash
source /edx/app/edxapp/edxapp_env
cd /edx/app/edxapp/edx-platform
paver update_assets lms --settings=production
python manage.py lms --settings=production collectstatic --noinput

```

### Restart services
After the compiling is finished successfully restart open edx services
```bash
sudo /edx/bin/supervisorctl restart all
```

## Don't miss the news

Feel free to visit https://fabulous-trailblazer-4633.ck.page/b77d1d8054 and subscribe to stay up to date with the latest news and releases.

If you need any help contact us at hello@cubite.io
Understanding setState/useState in React
Tags: react, setstate, usestate, javascript
Published: 2021-08-05 19:46:48

In this Blog I will be answering the question *"how do I use setState/useState in Class and Function Components?"* Before we answer this question, we will discuss a little of what exact is a State in React. 

##What is a State? 

Like props, States in React are objects that store data and affect how a component renders or behaves. The difference is that unlike props, states are managed within the component and can be changed over time. 

##How to Access a Component's State?

A component's state can be accessed like other objects by using 
`this.state.property_name`
* Note: In a class component we assign the initial state in our constructor.

Example: 
```
class Sports extends React.Component {
  constructor(props) {
    super(props)

  this.state = {
    sports: ['basketball', 'football', 'soccer'],
    count: 0
  }

  render() {
    return (
      <div className = "container">
        <p> I have played {this.state.count} sport(s) </p>
      </div>
    );
   }
  }
}
```


##How to Update a Component's State using Class VS Function Components? 

####Class Components 

There are two types of components in React. There is a class component and a functional component. Class components call the constructor() method and set an initial state. Then we can change state further down by calling setState. 

We can use the setState() method because it accepts an object that eventually merges into the component's existing state. This method schedules changes to the component's state object and tells React that the component and its children must re-render with the updated state. 

`
//Instead of doing this 
this.state.name = 'Michael Jordan';
`

`
//Do this 
this.setState({name: 'Michael Jordan'});
`

####Functional Component 

In functional components we can use React Hooks. A Hook is a special function that lets you "hook into" React features. Previously, we had to convert a function to a class if we needed to add some state. Now, we can use a Hook inside the function component. 

Unlike a class component, we have no "this" in a function component so we can't assign or read `this.state`. Instead, we call the useState Hook directly inside our component. The useState Hook is a Hook that lets us add React state to function components.

`useState()` is a new  way to use the exact same capabilities as `this.state` provides in a class. The only argument to the useState() Hook is the initial state. 

Example 
```
import React, {useState} from 'react';

function Example() {
  const [count, setCount] =useState(0);
```

##Conclusion
This concludes our overview of setState()/useState(). Things to remember: 
  1. Do not modify state directly. Modifying it directly with produce incorrect behavior causing it not to re-render 
  2. We don't need to call setState every time we change a variable. We call setState only when we want the change in a variable to reflect on the UI of the screen.
  3. We import the useState Hook from React. It lets us keep local state in a function component.
Quick SVG
Published: 2021-08-05 19:40:18

Defining SVG in a template string is a fast and powerful way to start doing SVG that is controlled or generated by JavaScript. Take a look:

{% codepen https://codepen.io/ZevanRosser/pen/dyWgYwx default-tab=js,result %}

Here is another slightly more advanced example:

{% codepen https://codepen.io/ZevanRosser/pen/QWvZNQL default-tab=js,result %}

_See more stuff like this over @ [Snippet Zone](https://snippet.zone/)_
Still No Rags To Riches Yet Sin Estres Burned Some Bridges
Published: 2021-08-05 19:28:53


<h3>From the streets, to music, to being a content creator  +  a writer! 3</h3>

![Lesvia who held it down the whole time Sin Estres was in custody before being released in 2013 has shown him love as if he were her son, in fact she calls herself his stepmother and rightfully so. picture from 2009](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gnb42t4wjbslna13lpw5.jpeg)

<p>Today just learning as much as possible about LLC. startups, the fundamentals of computer programming, and software development while trying hard to maintain a steady job. It has definitely been a challenge since leaving Laredo due to the unreliable habitats where found in recently full of dramas and ended up losing yet another vehicle to wolves in sheep clothing. In retrospect though as I reminisce, can't really say there was ever a place to call home sweet home ever since my mother passed away back in March of 2001. Picture Sin Estres a little 14 year old teenage rascall. A rebel indeed who had sunk into the deepest depression as the saddest moment up until this day was the day I stared at my mothers lifeless flesh in a fancy yet extremely disgusting thing we know as coffins or whatever pretty name they got for them today maybe.<p>

![Certificate earned through programming hub For Sin Estres Orrantia](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/psayfa5o5rdqwf9cibmp.jpg)

<p>Working on the legal aspects for future inauguration of founded publishing business which Omar has called Strezless Musick Productionz, with some songs now live for music enthusiasts streaming delights all tagged to that as the core of said works.<p>

![screenshot of music released on spotify by Sin Estres](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xssingy1f4kmb4qmzbqa.jpg)

<p>Haven't stopped there, there's also a couple podcasts as so you can tell that Sin Estres is determined to make it or die trying with all potential capabilities in me!<p>


![Sin Estres from Strezless Musick-homicide case Laredo, TX. 2006 headlined in Laredo Morning](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c6q1nfldvlh2a2zurior.jpeg)

 <P>Follow up on this article by diving into my substack site: https://sinestres.substack.com/p/coming-soonr=clesy where I will be releasing more of the events but not too much as to ruin the story for everyone. It´s a true story and I believe God has preserved me up until this day because I was unaware of his mighty hand protecting at the time but there´s no greater explanation for this. Had to be a miracle for me to live to tell this story and yeah I will be working on building software for indie artists, songwriters, and authors as well as I get more accustomed to these new computer languages. Thank you for your time in going over my post with dev.to, also grateful for this opportunity. Thank you.<P>
Ewasm with Parastate
Tags: state, parastate, eth, dot
Published: 2021-08-05 18:16:08


Every decentralised blockchain ecosystem requires a virtual machine to process and execute their operations. The higher the complexity of the smart contract higher the execution time and the computational power required.

**EVM (Ethereum Virtual Machine)**

The EVM pretty much acts like this global computer, accessible by multiple nodes throughout the world. 
So if a developer wants to host their dApp on Ethereum he can do so by deploying it on the Ethereum blockchain.The charges for doing so, is paid as the gas fee.

**Whats the problem?**

As with any new ecosystem, the blockchain world has evolved so rapidly and has so much adoption the EVM is

- not as fast as it can be
- not as cheap as it should be

**Whats the solution?**

As with any natural system improving the performance will reduce the cost and push the ecosystem to the next level. In comes WASM or the Ethereum flavour EWASM.

EWASM stands for Ethereum Web assmebly

*WASM is quick*

WASM has a stack-based, low-level binary format that’s small by default, it can load and execute quickly.

*EWASM can be precompiled*

Precompiles are unique bits of EVM bytecodes, making efficient cryptographic computations without consuming a tremendous amount of gas

*EWASM supports multiple Programming languages*

From having to develop smart contracts only in Solidity, WASM lets you develop your contracts in Rust, solidity etc.

*EWASM is the new JS*

eWASM enjoys native support from all the major JavaScript engines 

**So whats the significance of Parastate in all this?**

Given multi chain is the next obvious step, there is a need for the bridge to connect the dapp's to run in multiple blockchains.

Thats where parastate comes in

Parastate has the ability to run contracts developed in ethereum on substrate platform.

It does so by using SSVM the fastest software execution as recognized by IEEE