teleren/devto huggingface dataset:
How to Send data from flutter app to MySQL Database
Tags: flutter, dart, mysql, flutterwithmysql
Published: 2019-10-03 17:53:10

Sending data from flutter app to server is very important feature for every android/ios application. That makes our application dynamic. This tutorial is helpful for beginners who wish to understand dynamic content management in flutter . In this tutorial i am going to do some basic programming and learn how to insert data from application to MySQL database using flutter and PHP .
1.Create a new flutter project in vscode or android studio using flutter create appname
2. Creating a database on your phpmyadmin :
Database is very important because without database there is no possible way to creating tables. Now make an database on your PHPMYADMIN
3.Create a table in your database :
Create a table in your database named as registereduser and create four columns id, name, mobile,email into that table .
4. Now Upload your PHP script on your server :
After finishing table creation process just upload the below two PHP scripts on your server using file manager. There are two different type of files present here first one is config.php file and second is insertdata.php file. Please change the details of your server in config.php file.
5. Check your PHP script :
After done uploading procedure just open the insertdata.php file URL in your web browser and you can see that its showing us the user added Successfully message and when you open the PhpMyAdmin control panel there is a blank value inserted in your table. This value is blank because there is no such data present for insertion.
6.Now it’s time to write code in flutter
After done all the back-end procedure now it’s time to write some code for flutter.so in this app simply we create three textfield named as a name,email & mobile.
7.Now we will create a function for sending data into mysql

8.Complete Code of main.dart file
Go through this link 
https://gist.github.com/raushankrjha/0c7dfd717d5193ba2b39dda7eea1c461#file-main-dart
Anyone interested in Ethereum blockchain development?
Tags: discuss
Published: 2019-10-03 17:51:25

---
title: Anyone interested in Ethereum blockchain development?
published: true
tags: discuss
---

Hey everyone, I’m currently trying to find out what would motivate developers to start with blockchain development.  

- higher salary?
- innovative and challenging tech?
- being a pioneer in new industry?
- more remote-friendly jobs?
- ideals of decentralization?
- something completely else?


Thanks so much in advance - looking forward to reading your answers!

PS: For private responses you can DM me: https://www.linkedin.com/in/llukac
TypeError: handler.apply is not a function
Tags: vue, errors, help
Published: 2019-10-03 17:46:13

So, I am working my way through the VueJS guide using SFC's (I like to challenge myself). However, I have come across an issue in the List Rendering section. I have passed an array, items, from the vForArray component to the MutableArrayMethods component as a prop. In the MutableArrayMethods data, I have an array with information for buttons. While I am able to render both the items and buttons arrays the way that I want, I am not able to successfully run a method bound to the button. I have made sure that no names are repeated by adding a  new property and matching the method names to that. 

File tree to error: 

components
  ->ListRendering
    ->vFor
      ->vForArray.vue (source of items prop)
      ->MutableArrayMethods.vue (unable to execute methods on button click)

https://codesandbox.io/embed/vueguideofficial-9ciyc

I appreciate any help. I also appreciate any general feedback on my code.
Deep Work Stats - How much time do you get to code?
Tags: productivity, career, discuss
Published: 2019-10-03 17:30:27


We were inspired by Cal Newport's book "[Deep Work](http://www.calnewport.com/books/deep-work/)" to build an app that crunches 12 months of calendar data and breaks down how much time you have for deep work, aka coding and thinking. 

[You can see a sample report here](https://app.shepherd.com/personal-report/sample) and [you can run it here](https://shepherd.com/free-meeting-stats/). It was fun to build but calendar APIs suck to debug :).

The app shows:
* Breakdown between deep work, shallow work, and meetings.
* How many workdays you get with minimum amounts of deep work.
* How effective your meetings are.
* Compare yourself to co-worker averages and global averages. 


![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/xnowsvc244zywxi17sht.png)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/qosj2h8njjol5nffb5no.png)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/kdi90y3evaz2eqzikgb3.png)


Let me know what you think!
What is Software Project Management? – Definition

Tags: software
Published: 2019-10-03 17:18:14

Software Project Management service managed by the project managers. They allowed the service like planning, scheduling, resource allocation, execution, tracking for software development.

You can see this article to What Resources Are Require To Make a Profitable Software. Also, this will help you to know about the Software Process.

See more, https://shiv1367.com/software-project-management/23/09/2019/what-is-software-project-management-definition/
Show us your Gridsome website
Tags: vue, jamstack, gridsome, showdev
Published: 2019-10-03 17:17:59

Hey frontend developers!

This week I've launched [Built with Gridsome](https://builtwithgridso.me), a showcase for [Gridsome](https://gridsome.org) projects.

If you have a project, open or closed source, don't hesite to share it!

## Add your project

Edit `projects.json`

### Structure

```json
{
  "id": 0,
  "name": "Name of your site",
  "description": "Optional description of your site",
  "url": "Public URL",
  "source": "Optional Public source",
  "tags": ["optional", "tag1", "tag2"]
}
```

### Pull Request

Create a pull request of the repository and I will merge it.

### Auto deploy

Thanks to the JAMstack, once merged, the site will rebuild & redeploy automatically on [builtwithgridso.me](http://builtwithgridso.me).
Best IT CEO Biography– The Best Information Technology / Chief Executive Officer CEO Biography
Tags: itceo
Published: 2019-10-03 17:15:30

Best IT CEO Biography– The Best Information Technology / Chief Executive Officer CEO Biography. You can know here about his/her carrer and life.

Table of Contents
	
1)Sunder Pichai Biography
2)Short Professional Bio
3)Satya Nadella  Home and Family
4)Short Professional Bio
5)Ginni Rometty CEO Biography Of IBM
6)Short Professional Bio
7)Larry Elison CEO Biography
8)Short Professional Bio
9)Elison Career
10)Oracle Corporation
11)Natarajan Chandrasekaran CEO Biography
12)Short Professioal Bio
13)Natarajan In TCS

See more https://shiv1367.com/biography-of-ceo/15/08/2019/ceo-biography/
🕵️‍♀️ Train Googles #2: CSS shaders
Tags: webdev
Published: 2019-10-03 17:05:00

Another day done and time for some investigation. Like always I have a very limited time in the train to show you something useful.

In 2015 Adobe engineers started working on CSS shaders or custom filters as they are also known. I have searched the web for tutorials and info on this fascinating technology, all I could find was hype from that year, feature flags and not much else.

I almost gave up hope, I clicked this https://experiments.hertzen.com/css-shaders/ Google link and found a technical expose, probably some premature explaination, or so I thought. If you open the samples atleast in mobile chrome, the div distorts! And text is selectable. Meaning it works. When the heck did this drop?! My god I have so much coding to do!

You might think, this is useless what can I do with that. Cast your mind back to the mac os download gienie effect. That was composited. The fact that you can animate this effect means some unreal 2d UI effects far beyond anything we have seen before, but the caveat, you need to learn glsl a simple C like language.

Fantastic video here: https://developers.google.com/web/updates/2013/03/Introduction-to-Custom-Filters-aka-CSS-Shaders
Ruby IRB with Syntax Highlighting (and more!) in Ruby 2.7
Tags: news, ruby
Published: 2019-10-03 16:35:13

Very excited to find out that Ruby 2.7 will introduce improvements to `irb`, Ruby's native REPL console. Some improvements are:
- syntax highlighting!!!
- multiline mode
- auto-indentation
- and more!

More details in this blog post I read it from:
https://blog.saeloun.com/2019/09/23/new-irb-features.html

I'm a big fan of this even though I use [`pry`](https://github.com/pry/pry) as my default Ruby REPL, mostly because it lets me use the main features I like from `pry` in `irb`.
Sticky Footer using Tailwind CSS
Tags: tailwindcss, flexbox, css
Published: 2019-10-03 16:19:18

I started experimenting with Tailwind CSS a couple of months ago and I'm loving it. The idea is to finally use Tailwind CSS on my website.

Normally, I like to have my HTML page layout semantically divided into these sections; `header`, `main` and `footer`.

```html
<body>
  <header>
    Navigation bar
  </header>
  <main>
    Page content
  </main>
  <footer>
    Social links
  </footer>
</body>
```

To keep the `footer` section at the bottom of the browser window, we need to add flexbox utility classes provided by Tailwind CSS like this.

```html
<body class="flex flex-col min-h-screen ">
  <header>
    Navigation bar
  </header>
  <main class="flex-grow">
    Page content
  </main>
  <footer>
    Social links
  </footer>
</body>
```

## The utility classes

1. `.flex`
This sets the `body` element into a flex container. All direct children of the `body` element will become flex-items.

2. `.flex-col`
This defines the direction of the flex-items; `header`, `main` and `footer`.
We want the layout of the page to resemble a _column_ where the flex-items are arranged from top to bottom.
By default, flexbox arranges flex-items horizontally in a _row_ from left to right.

3. `.min-h-screen`
This class ensures the layout takes up the full height of the browser window.

4. `.flex-grow`
Adding this class to `main` makes it grow, occupying all the available space on the screen. The available space is equal to the size of the flex container, `body`, minus the sum of the flex-items `header` and `footer`.


{% codepen https://codepen.io/timosville/pen/MWWgJGY %}


To stick the footer at the bottom using plain CSS and flexbox.

```css
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1; /* Or flex-grow: 1;*/
}
```

## Resources

[A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)

[Tailwind CSS Documentation](https://tailwindcss.com/docs/flex-direction)

[Flex-grow - MDN Documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow)
Программисты как SEOнисты
Tags: javascript, программирование, кодинг
Published: 2019-10-04 15:26:21

---
title: Программисты как SEOнисты
published: true
date: 2019-10-03 16:07:04 UTC
tags: JavaScript,Программирование,Кодинг
canonical_url: https://buttercms.com/blog/javascript-seo-best-practices
---

Зависит ли успех в продвижении сайта (SEO) от языка программирования, на котором он написан? Оказывается, [некоторые рекомендации](https://buttercms.com/blog/javascript-seo-best-practices) на этот счет могут быть сформулированы для различных языков и фреймворков, в том числе, конечно же, для Javascript.
Help with keeping API keys private
Tags: codenewbie, help, discuss, explainlikeimfive
Published: 2019-10-03 15:55:26

Hello my fellow devs! 

I'm starting out with doing some basic API calls in Javascript and was wondering about how to keep one's API key/token secret? What are the best practices for this?

I'd love to hear your thoughts on this as I am a #codenewbie. Thank you!
My 3D modeling struggle 
Tags: modeling, art, struggle, hope
Published: 2019-10-03 15:47:01

I was never able to model and texture a proper 3D models. When I at least was able to finish a proper mesh then it all fell apart on the texturing. The painful spot for me is the UV maps, which are hard for a beginner to do manually. So auto-generated UVs were the obvious thing to do. After successfully doing that, you were stuck with something like this.  

![UV map](https://thepracticaldev.s3.amazonaws.com/i/sedebnyzbbtqb938gg0v.jpg)

And you're supposed to create a texture like this...

![UV + Texture](https://thepracticaldev.s3.amazonaws.com/i/yelnehqbgdeddnrqb4ih.jpg)

So, as you can see. Making a texture in which some parts are vertical or horizontal and even worse when they are curved is a nightmare. 

But, luckily there is a so-called "Texture painting", which lets you paint or spray texture on a model. This way, it's like real life painting or spraying. It takes some time and you are layering detail. 

{% youtube ojU_P3jdeqw %}


So after finding this technique, everything makes more sense. Very easy to make cartoon assets and very helpful for prototyping.

I'm going to paint a model of Eiruga oroso Galicia.

![Eiruga_oroso_Galicia](https://thepracticaldev.s3.amazonaws.com/i/sga1t1vuwbx8n6ssslhb.jpg)

So far, I'm fighting with the resolution, since what I always got is something blurry and unrealistic or too much pixelated. Even tho the texture is 2048x2048 which should be alright. My main guess would be that the UV maps are autogenerated and if I would have position them manually it would get more resolution and therefore better looks.

The first trick I found was to increase the texture resolution to 4096x4096. Secondly, deleting half of the model and mirror it will save half of the resolution's details in theory. So this way I was able to at least get something pleasable. 

My current struggle is to layer the detail.

I'm very new to this, so bear with me. This time no screenshot.
Quick start to GraalVM
Tags: graalvm, java
Published: 2019-10-03 15:20:54

This post is a TLDR; of [Getting started with GraalVM](https://www.graalvm.org/docs/getting-started/)

Finally Java can go real native without the bloat of commerical "native" compilers like ExcelsiorJet or Launchers like Launch4J. Meet GraalVM. With native-image you can AOT (Ahead of time) compile your java code to native executable. When I mean native executable, I mean real native executable unlike Launch4j which embeds a jre or prompts you to get one.

Here is a quick HelloWorld to get started.
Since it is a quick HelloWorld, we dont want to rock the boat by messing up our existing JDK installation. So we will use docker in Windows.

```
docker run -it -v C:/graalexp:/home/graalexp oracle/graalvm-ce:19.2.0.1 bash
```

`C:/graalexp` - is your windows mount. [ Remember to share your C drive with docker in settings]

With a notepad write a `HelloWorld.java` in `C:/graalexp`

```
public class HelloWorld {
  public static void main(String[] args) {
    System.out.println("Hello, Graal!");
  }
}
```
Install native-image in the docker container as its not installed by default in graalvm.

```
gu install native-image
```

Now compile it to native image. The native image will run on linux targets. If you want native executables to run on windows, its a bit different than the steps listed here.

```
javac HelloWorld.java
native-image HelloWorld
./helloworld
Hello, Graal!
```

Thats it.
Note: Graal has commerical as well as community editions. We are using community edition here.
What's your best response to "I don't know why this isn't working"?
Tags: watercooler
Published: 2019-10-03 15:16:53

Mine was a few years ago, when a colleague sitting next to me started asking herself "Why isn't this working? I don't understand it! I've tried anything I can think of..." 
At this point I've turned to her and asked "Well, Did you sacrifice a goat?"

BTW, she found and fixed the bug the second she started to explain the problem to me.
アバター画像のプレースホルダに avatars.dicebear.com  を利用する
Tags: javascript, placeholder, icons, npm
Published: 2019-10-04 13:13:33

---
title: アバター画像のプレースホルダに avatars.dicebear.com  を利用する
published: true
date: 2019-10-03 15:00:00 UTC
tags: JavaScript,placeholder,icons,npm
canonical_url: https://kimihito.hatenablog.com/entry/2019/10/04/000000
---

## TL;DR

`https://avatars.dicebear.com/v2/種類/値.svg` みたいな感じで入力すれば[アバター](http://d.hatena.ne.jp/keyword/%A5%A2%A5%D0%A5%BF%A1%BC)画像の[プレースホルダ](http://d.hatena.ne.jp/keyword/%A5%D7%A5%EC%A1%BC%A5%B9%A5%DB%A5%EB%A5%C0)が手に入る。 他にもいろいろオプションがあるので便利かも。

## やりたいこと

[Webサービス](http://d.hatena.ne.jp/keyword/Web%A5%B5%A1%BC%A5%D3%A5%B9)でよくある、ログインユーザのア[イコン画](http://d.hatena.ne.jp/keyword/%A5%A4%A5%B3%A5%F3%B2%E8)像を表示するときデフォルトをどうしようと思っていた。

[GitHub](http://d.hatena.ne.jp/keyword/GitHub)のようなアイコン生成は [identicons](https://github.blog/2013-08-14-identicons/) というらしく、似たような形で表現したいなーと思っていた。

## やったこと

npmパッケージなどないか調べていたら、上掲の [DiceBear/avatars](https://github.com/DiceBear/avatars) を見つけたので導入した。 上掲のURLで利用することを推奨していたけど、npmパッケージで導入。

「Sprite Collections」を見ると identicons だけじゃなくていろんな種類がある。

READMEの通りに導入した。

[Stimulus: A modest JavaScript framework for the HTML you already have.](https://dev.to/scottw/stimulus-2jio)で使うときはこんな感じで`connect` で呼び出す。

<script src="https://gist.github.com/5e003daad409e4688ab04798acd94373.js"> </script>

[gist5e003daad409e4688ab04798acd94373](https://gist.github.com/5e003daad409e4688ab04798acd94373)
How to keep your forked repository current
Tags: hacktoberfest, git, opensource
Published: 2019-10-03 14:51:21

---
title: How to keep your forked repository current
published: true
description: Instructions on how to keep your forked project current with the original source
tags: hacktoberfest, git, open source
cover_image: https://thepracticaldev.s3.amazonaws.com/i/dnr9f5obw1p2ikc9vmtd.jpg
---

Are you new to open source? If so, hopefully you have taken advantage of Hacktoberfest to get your feet wet. It's an exciting feeling to get your first pull request merged into a big project, but what happens next? If you want to keep working on the project, you will need to keep your fork current. 

Here are some quick instructions on how to do that from beginning to end.

h/t to [GitHub](https://help.github.com/en/articles/syncing-a-fork) for having very clear instructions on this already. Here's all the steps in one place.

```bash
# If you haven't already added an upstream source, set your upstream
# to the fork's original source
git remote add upstream <url_to_original>

# Verify upstream is correct, you should see the URL for the upstream fetch and push
git remote -v

# Get all recent branches and commits from the upstream
git fetch upstream

# Check out your current master branch
git checkout master

# Merge the branches and commits from the upstream
git merge upstream/master

# Push the updated master to your forked remote repository
git push origin master
```

That's it. You should be up to date and ready to make your next PR.

Cover image by [Salvatore G2 on Flickr](https://www.flickr.com/photos/salvatore-g2/6502103781/in/photolist-aUyYVB-4R7yio-au5gH-fw15QF-YE4VY-4NvSeT-au5gT-7HqX7-Mut76-MQ94U-MQreg-WqgKMd-oQFPi-CnvRni-ANpaTt-CLpBce-TLRHjw-fpk3Fx-depfqa-VGpkY8-8UafBR-6xBhJN-7Tc4Kk-25ix6bK-4PyFfg-29dUFMX-K2To4-8HZ5rP-6wVjWS-aUyYEz-btAkzZ-9tqNGh-2cSTEd3-amjMNb-RrQkeh-5W6g-93Zrtv-bKr1kg-b1KcJg-NtcAk-GboJn-rNnS8-d79Wph-9sRHm6-pkSL7-dUQ5nM-XQVUGm-spBcvQ-UaCf3T-bdqvEe)
Xamarin 101: Part 2 - Installing Xamarin
Published: 2019-10-03 14:42:19

---
title: Xamarin 101: Part 2 - Installing Xamarin
published: true
description: Before creating your first mobile app with Xamarin, you're going to have to install it. We got you covered in this video!
series: xamarin101
---

# Installation

You very well can't start developing mobile apps without Xamarin without knowing how to install the platform and toolset!

This short video walks you through the process, step-by-step on Windows.

{% youtube sn7kD9X4_5M %}

And this video walks you through the macOS installation process!

{% youtube oU1pls9etrQ %}

Get that Xamarin installed! 😀📱

## More Info

* [Like reading better? Here's some docs on installing!](https://docs.microsoft.com/xamarin/get-started/installation/windows?WT.mc_id=xamarin101-c9-masoucou)
* [Here's some reading for the Mac installation](https://docs.microsoft.com/en-us/visualstudio/mac/installation?WT.mc_id=xamarin101-c9-masoucou)

Happy mobile coding! And as always, if you have any questions - please ping me on Twitter at [@codemillmatt](https://twitter.com/codemillmatt).
"How do I do a Pull Request again?" - the extremely short version
Tags: pr, pullrequest, github, hacktoberfest
Published: 2019-10-03 14:31:37

---
title: "How do I do a Pull Request again?" - the extremely short version
published: true
description: a quick reminder to create PRs
tags: PR, pull-request, github, hacktoberfest
---

1. Fork.
1. Clone.
1. `git check out -b [name-of-your-feature]`
1. Edit your code.
1. `git commit -a -m [your-commit-message]`
1. `git push --set-upstream origin [name-of-your-feature]`

And that's it! Go get your Hacktoberfest swag.
Careful use of Object.assign in JavaScript
Tags: javascript, beginners, webdev
Published: 2019-10-03 14:29:15

Object.assign() creates a copy of an object to a target object and returns this target object.

Now, if empty object is not provided as the first parameter, it may end up mutating the original object.

The example below demonstrates how mutation happens:

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/xjyts4zpwx84cbmby10c.jpeg)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/e81konmtr11w9rcr44y0.jpeg)
My first blog
Published: 2019-10-03 14:05:24

Hi my name is Jessica. This is my very first blog. This is my first week of coding school. I am a newbie to the tech world. It has been very exciting to me as well as very nerve racking and overwhelming. What I will say has helped me so far is the app called Trello. Its very simple to set up and use for school and home life. Trello lets you make different lists, name them what you want. For example I named mine: working-on, due, past-due and done. So lets say I am working on something like a blog then I will have a tab called ‘a blog’ inside the working on tab. When I am done I can move the tab ‘a blog’ to my done tab. So far it has helped me stay on track of what needs to be done. I still don’t know what I am doing, I am trying to learn something new everyday.  I am sure all this will make sense eventually.