teleren/devto huggingface dataset:
How do you improve further after maturing as an engineer?
Tags: discuss
Published: 2021-09-01 02:44:39

Hey community. I've spent quite some time in the industry (8 years) and I feel like moving forward is becoming harder and harder, let me explain why I think that.

The vast majority of the content online is dedicated to either "how to start coding" or "how to build e-commers/Airbnb/Youtube in react/angular/vue/svelte" which is super important and much needed, but after you cover the basics (language, coding, best practices) the information and stories are diminishing rapidly.
To me, this is where the fun begins. Once you clear all the basics and gain some solid experience, the fountain of the real-world challenges and create solutions opens up (just look at what companies like Netflix get to do internally to deal with the load or healthcare products finding neat ways to help others meet the new regulations).

I'm somewhat fortunate to work in consulting and observe myriad of different challenges and solutions, also scouting some elaborate blog-posts from the community and reading books, but there is only so much you can get from reading abstract materials without solid and elaborate real-world examples.

How do you advance your skills, knowledge-base and techniques after becoming a mature engineer?

P.S. I get that finding a new job is likely a solution, let's chat what we can do beyond that.
Word Counter
Tags: python, programming, computerscience
Published: 2021-09-01 04:34:50

```python
# word_counter.py
#   This program counts the number of words in a sentence entered
#   by the user.
# by: Scott Gordon

def main():

    # Print greeting message
    print("***** Welcome to Word Counter *****")

    # Input users sentence and assign it to a variable.
    text = input("Enter your sentence here: ")

    # Split the sentence and save it to a list.
    split_text = text.split()

    # Count the number of words in the list.
    word_count = 0
    for word in split_text:
        word_count += 1

    # Print word count to the screen.
    print(f"The word count for your sentence is: {word_count}")


main()
```
Photo by <a href="https://unsplash.com/@finnmund?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Finn Mund</a> on <a href="https://unsplash.com/s/photos/sentence?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
Create a Netflix clone from Scratch: JavaScript PHP + MySQL Day 37
Tags: php, javascript, webdev, tutorial
Published: 2021-09-01 04:25:47

Netflix provides streaming movies and TV shows to over 75 million subscribers across
the globe. Customers can watch as many shows/ movies as they want as long as they are
connected to the internet for a monthly subscription fee of about ten dollars. Netflix produces
original content and also pays for the rights to stream feature films and shows.

In this video,we will be creating entity Table

{% youtube 8onnh_0A4A8 %}


If you like my work, please consider
[![Buy me a coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jm11knj7d8zwcvo150q2.png)](https://www.buymeacoffee.com/cglikpo)
so that I can bring more projects, more articles for you

If you want to learn more about Web Development, feel free to [follow me on Youtube!](https://www.youtube.com/c/ChristopherGlikpo)
Growing potatoes indoors Fundamentals Explained
Published: 2021-09-01 04:03:10

It's also wise to expose your crops to about eight hours of immediate sunlight each day. For this reason, quite a few gardeners propose generating potato rows from north to south.

To produce properly and to maintain an correct produce, potatoes will need about 1 inch of water weekly that, in the situation of exceptionally sandy soil, the drinking water requirement could mature to about two inches of drinking water per week.

Potatoes make our immune program solid and common ailments like chilly and flu do impact our human body. Yet again vitamin C performs a major part in strengthening immunity.

Potatoes also secure the blood pressure or substantial blood pressure and that is accountable for hypertension at a younger age.

Dig a shallow ditch and canopy them with about 3 inches of abundant soil. From there on, you merely check them and feed them off with fertilizer For anyone who is utilizing soil.

If This is certainly also pricey for yourself, take into account converting a bucket into your planter. Drill holes in the edges and beneath it to make certain proper drainage.

Growing Potatoes indoors is much simpler than you may imagine. Even If you don't thave Gardening experience nevertheless you could increase healthy potatoes indoors.

Indeed, You should use a keep purchased potato <a href="https://carehomegarden.com/growing/potatoes-indoors">growing potatoes indoors</a> to spawn other potatoes. Eliminate the eyes with the potato, generally white, and use People to start new potatoes. Be warned that not all retail store bought potatoes will spore, as some are handled to not. Many thanks! Certainly No Not Helpful 7 Beneficial five

Drinking water the soil Any time it truly is dry inside of an inch beneath the surface to maintain it evenly moist, and keep on including soil each time the potato plants placed on some inches of latest development right until there is no additional area inside the bucket.

"As I am intending to utilize a food market potato, it absolutely was very good to understand that I required to thoroughly wash the potato. I also appreciated the photographs that accompanied the actions, it aided me have an understanding of which way to place the potato when sprouting and planting."..." far more

Now, The solution to query number 1 is very evident. Potatoes are vegetation, ultimately it demands “sunlight” to complete photosynthesis to mature and produce.

The next write-up is about growing potatoes indoors, and will answer all your thoughts on how to expand potatoes indoors.

Allow your potatoes dry for 2-3 several hours, then rinse them off. Put your potatoes inside of a sunny location and permit them to dry out. Then, scrub them by using a vegetable brush beneath working drinking water to get rid of the soil and thoroughly clean them off.

You’ll want to begin by washing them. This may appear strange, but you need to clear away all residue in the surface area.
Flutter App life cycle
Tags: flutter, dart, lifecycle
Published: 2021-09-01 03:46:22

Basically when we are writing a code for any Native applications, We will look for a life cycle events to handle some specific scenarios. Its like handling Thanos gauntlet snap to blip 😇😇

Flutter comes with life cycle events to handle app life cycle for android & ios.

Let's see the code.

To consume the life cycle event, we need to have Stateful widget with **WidgetsBindingObserver** mixin.

```Javascript
class _HomePageState 
extends State<HomePage> 
with WidgetsBindingObserver {
```
The mixin WidgetsBindingObserver provides an override **_didChangeAppLifecycleState_** where we will notified for certain app life cycle state changes.

```Javascript
  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    switch (state) {
      case AppLifecycleState.resumed:
        print('app resumed');
        break;
      case AppLifecycleState.paused:
        print('app paused');
        break;
      case AppLifecycleState.inactive:
        print('app inactive');
        break;
      case AppLifecycleState.detached:
      default:
        print('app detached');
        break;
    }
  }
```

Finally to get work all these stuff, we need to inform or observe the app life cycle changes using 
```Javascript
@override
  void initState() {
    super.initState();
    WidgetsBinding.instance!.addObserver(this);
  }
```
Ofcourse dont forget to remove observer on dispose

```Javascript
@override
  void dispose() {
    super.dispose();
    WidgetsBinding.instance!.removeObserver(this);
  }
```

That's it, we can now handle the app as per the app lifecycle.

For Full sample [Github](https://github.com/Prakash-Selvaraj-Ash/prakash.selvaraj-outlook.com/tree/master/app_life_cycle)

Happy Fluttering 😇😇
Google Map With Draggable Marker Example
Tags: google, tutorial, googlemap, javascript
Published: 2021-09-01 03:33:36

Today we will learn google map with draggable marker example. Here, we will see how to add google map in your website. Google map is used to display location or address, google provides user to google API key to google map implementation in laravel.

Integrate google map in laravel is very easy to use google map, We need to add some javascript and jquery. So, just copy below code in your blade file to see output in your screen.

```
<html>
<head>
    <title>Google Map With Draggable Marker Example - techsolutionstuff.com</title>
    <style type="text/css">
        #map {
            width: 100%;
            height: 400px;
            border: 1px solid black;
        }
    </style>
</head>
<body>   
<h1 style="text-align: center;">Google Map With Draggable Marker Example - techsolutionstuff.com </h1>  
<div id="map"></div>
<script>
function initMap() {
    var myLatLng = {lat: 22, lng: 77};
  
    var map = new google.maps.Map(document.getElementById('map'), {
      center: myLatLng,
      zoom: 4
    });
  
    var marker = new google.maps.Marker({
          position: myLatLng,
          map: map,
          title: 'Google Maps',
          draggable: true
        });
  
     google.maps.event.addListener(marker, 'dragend', function(marker) {
        var latLng = marker.latLng;
        document.getElementById('lat-span').innerHTML = latLng.lat();
        document.getElementById('lon-span').innerHTML = latLng.lng();
     });
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?libraries=places&callback=initMap" async defer></script> 
</body>
</html>
```

---

![Google Map With Draggable Marker Example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yn2f1xmpsghuvl508bcy.png)

---

> **_[Read More : Laravel 8 Google Recaptcha Example](https://techsolutionstuff.com/post/laravel-8-google-recaptcha-example)_**

---

> **_[Read More : Laravel AJAX CRUD Example Tutorial](https://www.techsolutionstuff.com/post/laravel-ajax-crud-example-tutorial)_**
How to Compress or Manipulate Images in React Native Expo
Tags: reactnative, react
Published: 2021-09-01 03:24:43

Nowadays smartphone cameras are a beast. A normal picture clicked with my smartphone becomes 4MB. And if I were just a normal user this would not be a topic of discussion but because I am a programmer it costs my cloud storage.

So, in this small post I will teach you guys how we can compress the Image size in React Native Expo.

For that you don’t need to do any special coding because expo has a cool `npm package` which we can use to decrease or compress image size.

##Which Package to Use

Inside the expo we have an `expo-image-manipulator` which we can use to compress image size and also for other manipulations as well like flip, rotate, crop etc. If you want more information on it then you can go to [this link](https://docs.expo.dev/versions/latest/sdk/imagemanipulator/).

You can also use it if you are using `bare-react-native` cli but for that you need to go some extra miles and unfortunately I am not covering that here. You can visit [this link](https://www.npmjs.com/package/expo-image-manipulator) if you are using `bare-react-native`.

First we need to install: `expo-image-manipulator`. For that you can run this command. 

```
expo install expo-image-manipulator
```

After installing it we need to import everything as `ImageManipulator` like below.

```
import * as ImageManipulator from 'expo-image-manipulator';
```

```
const file = await ImageManipulator.manipulateAsync(img.uri, [], { compress: 0.5 });
```

To manipulate images using expo-image-manipulator it provides the `manipulateAsync` method. Which is an asynchronous method. It takes three arguments. The actual image uri goes first, actions goes second and save options at the end.

```
await ImageManipulator.manipulateAsync(uri, actions, saveOptions)
```

##What Kind of Images it Can Manipulate

It does not take the image files from outside. So make sure you are using URI from the local file system not from the remote api link. Means you can only use the image files which you read from the device storage.

##Actions

Action is an array of objects representing manipulation options. We can pass multiple options as objects inside this array. Like we can **resize, rotate, flip** and **crop**.

##Save Options

After manipulating the image we can also define some options and inside it we can specify the image quality and image format like png or jpg.

```
await ImageManipulator.
manipulateAsync(img.uri, [
{resize: {width: 200, height: 200}},
{rotare: 45},
{flip: ImageManipulator.FlipType.Vertical}
],
{compress: 0.5, format: ImageManipulator.SaveFormat.PNG});
```

Inside this little example as you can see the first thing that we are passing is image uri, and some action options to resize, rotate and flip the image. And at the end we are passing save options to compressing the image by 50% and converting the image to png format.

For more post like this you can check out [this like](https://ndpniraj.com).
What's your dream job?
Tags: watercooler
Published: 2021-09-01 03:15:06

Just having some Tuesday night fun here. I'm curious what folks' dream job is. Let's hear it at all. 

![Kelly Clarkson telling you you can do anything and to dream big](https://media.giphy.com/media/d8SNm7WJbjuFZjcvW6/giphy.gif?cid=ecf05e47750xqai02wtpi5dk3l4shi41ym51d9ge1hqs1l7o&rid=giphy.gif&ct=g)

Some potential dream criteria:
- Company or type of company
- type of work/language(s)
- ideal PTO
- perks etc.

Dream big. 😎
What is SPA Application?
Tags: javascript, react, webdev, beginners
Published: 2021-09-01 03:02:01

Hi, I am Hiro and a web developer based in Vancouver, Canada.

Have you ever heard of the term SPA(Single Page Application)?
If never, this article will give you a brief explanation and might help you catch the overview.

>The article is short about 1-2 minutes. So please read it when you have time.



At first, do you know what different "tightly coupled" and "Loosely coupled" system?

Tightly coupled means that the systems are closely related to each other. For instance, if one system fails, the other will also fail because these are tightly interconnected. It's also called a monolithic system.

On the other hand, loosely coupled means that the systems don't affect each other's functionality. In other words, should keep inter-system coordination to a minimum and give them independence. This means that if one system fails, the other system will not be affected. loosely coupled system also have the higher maintainability than the tightly coupled system.

What do you think about which the systems are better?

If I were to create a new system, I would create a loosely coupled system, because in development, it can be developed for each function of the system, and in operation, it is more easier to maintain than monolithic.

SPA is one of the loosely coupled system construction methods.
It uses JSON data for connections between systems.
The picture below shows a simple diagram of the differences between monolithic and SPA.

![dev-blog-whatIsSPA](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ssstqgf083tcs0t081qg.png)
 

Finally, these are the simple ways of building a SPA application. If we want to build a client-side with JavaScript, there is a library called React.js.
Of course, we can also use a framework called Vue.js.
You can get the data from the backend API server and create the HTML Files by using data in client-side.

### Conclusion

In this article, I have provided a brief explanation of what kind of system SPA is. In short words, it means that communication between the systems with data like JSON, which enables the construction of loosely coupled systems.

If you interested in this article, please comment to me!

Thank you for taking your time to read this article!

### Biography
I am a web developer based in Vancouver, Canada.
I have four years of Job experience as a web developer in Japan. AWS services are my favorite cloud vender and have some certifications.

I am actively looking for a Full-time web developer job,　especially Front End.
If you are curious about me, Please contact me😸

[LinkedIn](https://www.linkedin.com/in/hiroshiegawa/)

[Github](https://github.com/hiro9108)
Caesar Cipher
Tags: python, programming, computerscience
Published: 2021-09-01 02:59:26

```python
# exercise7.py
# This program can encode and decode Caesar ciphers.
# by: Scott Gordon

def main():
    # Create a welcome message.
    print("***** Welcome to the Ceasar Cipher Encoder / Decoder ******")

    encode_decode_choice = int(
        input("Enter 1 to encode or enter 2 to decode: "))
    result = ""

    if encode_decode_choice == 1:
        # Input a string of plaintext to encode, and the value of a key.
        text = input("Enter the text you would like to encode here: ")
        key = int(input("Enter the Caesar cipher key here: "))
        # TODO Shift the letters of the string pus the number of the key.
        for ch in text:
            result += chr((ord(ch))+key)

    elif encode_decode_choice == 2:
        # Input a string of plaintext to decode, and the value of a key.
        text = input("Enter the text you would like to decode here: ")
        key = int(input("Enter the Caesar cipher key here: "))
        # Shift the letters of the string minus the number of the key.
        for ch in text:
            result += chr((ord(ch))-key)

    # Output the encoded / decoded message 
    print(result)


main()

```
Photo by <a href="https://unsplash.com/@couleuroriginal?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Ilona Frey</a> on <a href="https://unsplash.com/s/photos/caesar?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
Your GitHub OAuth token for github.com contains invalid characters on composer install
Tags: github, php
Published: 2021-09-01 02:59:25

If you're receiving this error when trying to composer install.

Your GitHub OAuth token for github.com contains invalid characters

The solution is to update Composer to the latest version, which supports the new token format. "Composer 1.10.21 and 2.0.12 (both released April 1st) added support for the new GitHub token format."

Go to getcomposer.org/download/
Follow the instructions to download the latest phar
As of this writing, the following command will install the latest version of Composer on your machine (i.e., 2.0.13). Note that future Composer updates will break the script as shown here, as the hash check won't pass.


Edit the composer authentication configuration file ~/.composer/auth.json.

nano ~/.composer/auth.json

Then replace the following.

  "github-oauth": {
    "github.com": "ghp_[YOUR-PERSONAL-TOKEN]"
  }
With this (basic auth):

  "http-basic": {
    "github.com": {
      "username": "[YOUR-GITHUB-USERNAME]",
      "password": "ghp_[YOUR-PERSONAL-TOKEN]"
    }
  }
Open-WC, but for Macs
Published: 2021-08-30 02:07:53

People always ask why I use a Mac when I develop. Honestly, I'm so used to the Linux command line, Mac just makes sense for me. Also, I can have a virtual machine of a Windows computer or create a Windows desktop to remote into; it's not as easy to get an OS X ISO file, or I've just never had to try to know how difficult it is. [Open WC](https://open-wc.org/) has some really good tutorials to get set up, but I'll give you the copy and paste commands needed to get up and running. 

## Requirements
You'll need Homebrew, or brew for short, to use yarn commands. You'll also need npm and node.js. Thanks to (this tutorial)[https://tecadmin.net/install-homebrew-macos/], I found the brew install command again. 
```
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

```
And then yarn is 
```
brew install yarn
``` 
within terminal.
We also use brew to install npm and node. Node.js is also needed for our development. To get node, and by extension npm, paste 
```
brew install node
``` 
into the terminal. 

## Open-wc
Surprisingly, there's only one more command to run, 
```
npm init @open-wc
``` 
If your current version of Node does not have open-wc, it will search for the required packages and install them. You'll then be prompted through menus to create a new project or update an old one. At this point, Open-wc's tooling is on your machine. I have run through my own tutorial on a fresh Linux image, which is identical except for brew, with positive results. So, I with you the best of luck with your own OS X development. I suggest VS Code for a free IDE, or Jet Brains' Web Storm if your university or work offers you a license. Please don't just use TextEdit or XCode.
I have little experience and would like to be a front end developer? What do y'all reccomend? 
Tags: webdev, webassembly, html, css
Published: 2021-09-01 02:41:44

I wanna be. front end developer but i don't have time for school, i work a lot to provide for my family and i read so many stories where people got front end jobs from bootcamps, is that true?
I really want to succeed in this line of work, i don't wanna work blue collar jobs forever 

Thanks
How to approach any Machine Learning problem
Tags: machinelearning, watercooler, problemsolving
Published: 2021-09-01 01:59:52

---
title: How to approach any Machine Learning problem
published: true
date: 2021-09-01 01:57:13 UTC
tags: machinelearning, watercooler, problemsolving
canonical_url: https://bharadwaj.hashnode.dev/how-to-approach-any-machine-learning-problem
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tes0wcvq80ge0re0t4lt.png
---

In this blog. I am going to discuss the 6 step framework, an approach to solve any Machine Learning problem. Let's don't waste any time and dive into the topic.

**Step 1: Frame the problem**

As a first step, you need to articulate your problem by identifying the type which depends on your business problem.

Type can be anything like Binary classification, Unidimensional regression, Multi-class single-label classification, Multi-class multi-label classification, Multidimensional regression, Clustering(unsupervised), other(translation, parsing, boundary box id, etc..)

**Step 2: Get the Data**

The next step is to get the data and store it in the right format according to your problem statement.

Analyze your data to check whether you have enough data or not also check the quality of the data.

The quality of the data fundamentally determines if you will be able to solve the problem at all or not.

**Step 3: Data Pre-processing**

After having the data next step is to analyze it and extract insights to make business decisions.

Also, apply basic data pre-processing operations to bring the data in a go to go format.

_Choose the right library._

**Step 4: Evaluation Metric**

The most important step is to know how to evaluate our results.

We need to choose the right evaluation metric according to the problem we are going to solve.

For example: If we have an imbalance dataset then we usually choose the ROC-AUC metric.

**Step 5: Split the Data**

In any machine learning problem, we split the data into multiple sets like training, validation, and test.

Stratified splitting is the most used for classification problems and K-Fold for regression problems.

The most important thing to note is whatever operations you apply on the train set must be applied to the validation and test set.

**Step 6: Apply ML algorithms**

And finally, we will apply ML models to the data. We can't say which models work best it's just hit and trail.

Apply multiple algorithms do hyperparameter tuning, evaluate the results, and choose the best model which gives satisfying results.

Benchmark your solution based on your selected evaluation metric.

That's all from my end folks. Hope you enjoyed this. Connect with me on [Twitter](twitter.com/ __Bharadwaj__ ), where I post daily about DataScience and Machine Learning.