teleren/devto huggingface dataset:
I created a node js back end structure and i would like to share it 
Tags: javascript, node
Published: 2018-11-22 09:26:14

---
title: I created a node js back end structure and i would like to share it 
published: true
description: so i have created back node js structure based on best practices and i would like to share and get feed back
Link for the repository : https://github.com/AlaaMezian/NodeJs-backend-structure
tags: #javascript #NodeJs
---
Learn Dart #8: Perform a server-side POST request in under 30 seconds
Tags: dart, http, beginners, webdev
Published: 2018-11-22 08:55:53

Hello friends. In today's quick tip we will be using the inbuilt `HttpClient` class to perform a server-side POST request. 

This is demonstrated in the below video:
{% youtube Mj7wWWTof7c %}
→ [**Watch on YouTube**](http://bit.ly/serverside-post-request)

---

Below is the full solution:

{% gist https://gist.github.com/graphicbeacon/7d2f241a39523731527e11f3bb675aae %}

I'll admit it's a bit verbose. However the Dart team created a library called **http** to simplify this logic.

To install, update your `pubspec.yaml` file:

```yaml
name: dart_project
dependencies:
  http: ^0.12.0
```
And run `pub get` to update your dependencies.

Here's what the solution now looks like:

```dart
import 'package:http/http.dart' as http;

void main() async {
  var response = await http.post('https://jsonplaceholder.typicode.com/posts',
    body: {
      'title': 'Post 1',
      'content': 'Lorem ipsum dolor sit amet',
    });

  print(response.body);
}
```

And run:

```bash
$ dart bin/main.dart

# Result:
# {
#   "title": "Post 1",
#   "content": "Lorem ipsum dolor sit amet",
#   "id": 101
# }
```

**Subscribe to [my YouTube channel](http://bit.ly/fullstackdart)** for more videos covering various aspects of full-stack web development.

**Like, share and [follow me](https://twitter.com/creativ_bracket)** 😍 for more content on Dart.

## Further reading

* [**HttpClient** class](https://api.dartlang.org/stable/2.1.0/dart-io/HttpClient-class.html)
* [**http** package on Pub](https://pub.dartlang.org/packages/http)
* [**Free Dart screencasts on Egghead.io**](https://egghead.io/instructors/jermaine-oppong)
Most useful tools for Startups ?
Tags: domainnamegenerator
Published: 2018-11-22 08:50:00

---
title: Most useful tools for Startups ?
published: True
description: Find great domain names or business names. Search domain names, and get suggestions. Domainglo is your free brainstorming partner.

canonical_url: https://domainglo.com

tags: Domain name generator
---
I'm making a new Python library that lets you write less code to do more things
Published: 2018-11-22 08:09:15

---
title: I'm making a new Python library that lets you write less code to do more things
published: true
description: 
tags: 
---

I'm making a new Python library that lets you write less code to do more things.
You can find it [here](https://richienb.github.io/quilt)
Awesome flake8 extensions
Tags: python, flake8, linter
Published: 2018-11-22 07:36:03

---
title: Awesome flake8 extensions
published: true
description: Awesome list of flake8 extensions
tags: python, flake8, linter
cover_image: https://raw.githubusercontent.com/sindresorhus/awesome/master/media/logo.svg?sanitize=true
---

Hello everyone.
I would like to share with you [awesome-flake8-extensions](https://github.com/DmytroLitvinov/awesome-flake8-extensions) repository.

{% github DmytroLitvinov/awesome-flake8-extensions %}


Feel free to contribute and have a nice day :)
Top 4 On-demand Delivery App Features That Escalate Businesses
Tags: mobileappdevelopment, mobileappdeveloper
Published: 2018-11-22 05:00:33

---
title: Top 4 On-demand Delivery App Features That Escalate Businesses
published: true
description: 4 Key Features Of An On-demand Delivery App That Will Boost Your Business
tags: mobile app development,mobile app developer
---
In this age of digitization, it is evident that mobile applications have simplified several tasks and have served as the most lucrative model for business in the recent years. On-demand apps are slightly more advanced in their working, They do not take up a lot of storage space in mobile devices. Rather, they derive information via cloud computing. Businesses that require to manage huge data should give on-demand apps a shot and see how it helps improve efficiency as well as conversion rates.

![Black Friday - Mobile App Development NYC](https://thepracticaldev.s3.amazonaws.com/i/3ng1ukhj0kk75bv1lwmm.png)

Here are the top 4 on-demand delivery app features that undoubtedly escalate businesses.

**1) Fast And Secure:**
Mobile apps are generally more secure than webs and almost all functions are fairly simple to perform. Navigation s not take much time due to its compactness. User interface is generally smooth and designs are usually attractive. Payments can be made in an instant without much hassle which is much appreciated by many individuals today. It’s not only that purchase can be made in a jiffy, but deliveries too!

**2) Immediate Delivery Or Scheduled:**
Third-party business players can be hired to deliver products as and when orders are placed. Delivery is usually made in a day or two. Additionally, customers are also allowed to schedule it according to their availability. This feature makes it really flexible for customers which again creates a good deal of affinity towards your business.  

**3) Status Of Order And Delivery:**
Keeping customers informed is a crucial factor to pay heed to. As soon as they place an order, it is important to allow them to track the status of their order, right from approval to shipment and and delivery. This way, customers can expect their products to arrive on a particular range of date and time. 

**4) More Convenience Equals More Loyalty:**
Due to the impeccably good extensibility and functionality of on-demand apps, customers find it really convenient to use them frequently, thus become more loyal with time. This model is a great strategy that allows you to build business-customer relationship which will hold strong in the long run. 

Openwave is a master of [**Mobile App Development NYC**](https://www.openwavecomp.com/mobile_application_development.html). In view of Black Friday, we are offering our services with a discount of 10% which can be grabbed by using the promo code, OWC-HolidaySP. Connect with us now to get a free quote!
How do other people use gists?
Tags: discuss, github, help
Published: 2018-11-22 06:55:12

---
title: How do other people use gists?
published: true
description: 
tags: discuss, github, help
---
Simple question for today, because I've just got round to looking at gists.  

They seem a super useful idea but I'm not sure yet what I want to do with them. I could see they are a nice way of storing text and code snippets or useful for bookmarking. Some people have lovely looking book lists or to do lists.

I'm looking for inspiration. How are other people using them, has anyone seen any particularly fun or creative uses?

https://help.github.com/articles/about-gists/
Menjana Nota Latihan Daripada Markdown Ke Word
Tags: pandoc, markdown
Published: 2018-11-22 03:45:13

---
title: Menjana Nota Latihan Daripada Markdown Ke Word
published: true
description: tak reti nak format-format kod dalam ms-word dan libreoffice
tags: pandoc, markdown
---

Kebanyakan kerja kini lebih kepada membuat coaching (peserta bina aplikasi dengan saya menasihati apabila perlu) dan memberi latihan (saya mengajar, orang lain dengar). Adalah kebiasaan mengikut kehendak peserta untuk diberikan nota untuk dijadikan rujukan dikemudian hari.

Menyediakan nota untuk latihan kod bagi saya sangat mudah menggunakan markdown. Markdown juga adalah hasil pemikiran pengaturcara bukan? Tetapi jika mereka tidak menggunapakai sublimetext 3 ataupun apa-apa editor/site yang memberikan paparan markdown yang elok, format agak hambar.

Of course, mereka juga minta dalam bentuk ms-word document jadi...

Berbekal hasil carian google, saya diperkenalkan dengan [pandoc](https://pandoc.org). Ianya tool mudah untuk convert satu-satu format ke format yang lain. Termasuk Markdown ke MsWord!

Hasilnya (mohon abaikan salah silap pada nota contoh dibawah. Mengantuk dan nak cepat) ...

Sebelum:
![sebelum](https://thepracticaldev.s3.amazonaws.com/i/808gbqmmjgb95807lnsw.png)

Selepas:
![selepas](https://thepracticaldev.s3.amazonaws.com/i/ouxxmutrkg50zpliudua.png)

Siap heading text ada kaler-kaler.

Jadi saya dapat fokus kepada ~~mengcopy-paste~~ menaip kod dan menceritakan apa ada pada kod-kod itu. 

Sukar ke menggunakan pandoc? Selepas install, saya cuma run command dibawah:

    pandoc -o codeigniterTraining.docx -f markdown -t docx Note.md

Setelah lebih kurang 13 saat kemudian, nota codeigniter siap dan boleh terus dihantar ke client dengan husnuzon semua okay saja.
5 ESSENTIAL CSS TRICKS EVERY DESIGNER SHOULD KNOW
Tags: css, design
Published: 2018-11-22 02:48:24

1. Overriding all styles
This should be used sparingly, because if you do this for everything, you’re going to find yourself in trouble in the long run. However, if you want to override another CSS style for a specific element, use !important after the style in your css. For example, if I wanted the H2 headers in a specific section of my site to be red instead of blue, I would use the following CSS:
.section h2 { color:red !important; }

2. Easily resize images to fit
Sometimes you get in a pinch where images need to fit a certain width, while scaling proportionally. An easy way to do this is to use max width to handle this. Here is an example:
img {
    max-width:100%;
    height:auto;
}
This means that the largest the image could ever be is 100%, and the height is automatically calculated, based on the image width. In some cases, you might have to also have to specify the width at 100%.

3. Apply CSS to multiple classes, or selectors
Let’s say you wanted to add an identical border around all images, the blog section and the sidebar. You don’t have to write out the same exact CSS 3 times. Just list those items out, separated by commas. Here is an example:
.blog, img, .sidebar {
    border: 1px solid #000;
}
Whether you’ve been a web designer for years, or you’re just starting out, learning how to build websites the right way can seem like a rocky, never-ending journey. Once you’ve narrowed down which languages you want to learn, you have to learn and refine your skills.
No matter what you learn, CSS is one of those essential, but daunting skills you have to master. It doesn’t have to be so difficult, though, especially if you know a few handy and lesser-known CSS techniques to get the job done.

4. Drop caps
Everyone loves drop caps. It reminds us of the traditional printed book, and is a great way to start a page of content. That 1st, large letter really grabs your attention. There’s an easy way to create a drop cap in css, and it’s by using the pseudo element: :first letter. Here’s an example :
p:first-letter{
    display:block;
    float:left;
    margin:3px;
    color:#f00;
    font-size:300%;
}
What this does is set the letter to 3x the size of the other letters. It sets 3px of space around the letter to prevent overlapping, and sets the color of the letter to red.
Can code save the planet?
Tags: discuss, career, productivity
Published: 2018-11-22 02:37:29

---
title: Can code save the planet?
published: true
description: What coding activities do you know of that work to save the environment and the planet at large?
tags: #discuss #career #productivity
cover_image: 
---

Can code save the planet?

The state of the world sometimes keeps me up at night. Global warming, plastics in the ocean, corruptions in the food supply, pharmaceuticals in the water supply, creeping fascism, political and financial turmoil... 

What's a coder to do?

Surely technological visions and solutions also abound, and I'd like to know what they are. So tell me! I'm actually an optimist, despite the bleak view above.

I've been wondering - is it possible to apply the skill of coding to the act of saving the world? If so, how are you doing it? Do you know anybody else who is doing it? I want to know about projects, technologies and programmers who give you hope for the future!
Create
Tags: webapp, bash, create
Published: 2018-11-22 01:47:37

---
title: Create
published: true
description: A bash script to create a web app template
tags: webapp, bash, create
canonical_url: https://github.com/victorqribeiro/create
---

# Create
A simple bash script to create web apps.

## About
This is a very simple but very useful script to create a web app template. For Chrome to consider your web app a valid app, it needs to have a cache manifest, a web app manifest, a bigger than 144x144 pixel favicon and a registered service worker. This script takes care of it for you.

Take a look at the code [here](https://github.com/victorqribeiro/create)
Are there some good videos for learning Go?
Tags: go, video
Published: 2018-11-22 00:20:51

---
title: Are there some good videos for learning Go?
published: true
description: 
tags: go, golang, video
---

I found this [12 min](https://www.youtube.com/watch?v=C8LgvuEBraI) video is helpful. Videos seem better than reading.

In the video recommend a site https://brilliant.org, a formal learn need buying.

Do you like learn by video? Are there good videos you like to share?
Work Hard / Play Harder
Tags: motivation
Published: 2018-11-22 00:17:06

---
title: Work Hard / Play Harder
published: true
description: Want something? Work for it. Nobody owes you anything!
tags: motivation
---

Want something? Work for it. Nobody owes you anything!

![](https://thepracticaldev.s3.amazonaws.com/i/kpsmhj0jtu8tbp5mhiu2.JPG)
Hello, World!
Tags: helloworld, generic
Published: 2022-11-04 22:37:21

---
title: Hello, World!
published: true
tags: helloworld,generic
canonical_url: https://jpdias.me/generic/2018/11/22/hello-world.html
---

 **Hello world** , this is my first blog post. A place for sharing ideas, thoughts, experiments and other tales of a jack-of-all-trades and master of _some_.<!--more-->

All the lines of text, lines of code (LoC), circuit diagrams and everything else that will be shared here alongside with all of their bugs and typos are my own and under the [_MIT license_](https://opensource.org/licenses/MIT) (otherwise the origin will be cited).

Now in Typescript:

```
class Greeter {
    constructor(public greeting: string) { }
    greet() {
        return this.greeting
    }
};

var greeter = new Greeter("Hello, World!")
console.log(greeter.greet())
```

So, if you’re reading this, **welcome to Tales of I/O**.

For any feedback, ideas, doubts ~~and bugs and typos~~ feel free to [contact me](/contact).
Git Tags
Tags: video, git, podcast
Published: 2018-11-21 23:48:03

---
title: Git Tags 
canonical_url: https://zellwk.com/blog/git-tags
video: 59OgWy4BO90
podcast: 1f9e4832
tags: video, git, podcast
description: We use Git tags to create releases. In this video, you'll learn how to tags manually without Git Flow. 
published: true
---

{% youtube 59OgWy4BO90 %} 

We use Git tags to create releases. In this video, you'll learn how to tags manually without Git Flow. 


## Creating tags

There are two ways to create a tag. 

### The first method:

1. Go to your Git history in your Git client 
2. Right click on the commit you want to create a tag at 
3. Select create tag 
4. Name your tag 

<figure>
  <img src="https://zellwk.com/images/2018/git-tag/method1.png" alt="Right clicking on the commit in Git history">
</figure>

### The second method

1. Go to the sidebar 
2. Right click on the branch you want to create a tag at. 
3. Select create a tag 
4. Name your tag 

Note: This will create a tag on the same commit at where the branch is at. 

<figure>
  <img src="https://zellwk.com/images/2018/git-tag/method2.png" alt="Right clicking on the branch in the sidebar">
</figure>

## Deleting a tag

Right click on the tag and select "Delete tag". 

<figure>
  <img src="https://zellwk.com/images/2018/git-tag/delete.png" alt="Contextual menu when right clicking on a tag in the sidebar">
</figure>

Select delete tag from remote repositories to delete the tag from your remote as well. 

<figure>
  <img src="https://zellwk.com/images/2018/git-tag/delete2.png" alt="Choice to delete tag from remote">
</figure>

## Pushing tags

When you push changes to your remote, you can select `push all tags` to push tags into the remote. This is checked by default. 

<figure>
  <img src="https://zellwk.com/images/2018/git-tag/push.png" alt="Choice to push tag into remote">
</figure>

<hr>

Thanks for reading. This article was originally posted on [my blog](https://zellwk.com/blog/git-tags). Sign up for [my newsletter](https://zellwk.com) if you want more articles to help you become a better frontend developer.
Would like to know Real Time Applications of Python
Tags: python, learning, career
Published: 2018-11-21 21:20:23

---
title: Would like to know Real Time Applications of Python
published: true
description: I'm a newbie to Python and gotta few questions like which version to learn Python 2 or 3 ?. What are the real time applications? I surmise that it has all kinds of capabilities to build GUI Apps, Back-end, etc., wanted to know much deeper. Suggest any sites or tutorials to learn.

tags: #python #learning #career
---
Iterators in C
Tags: c, iterators
Published: 2018-11-21 19:28:03

Consider this article a companion piece to my article on containers: https://dev.to/noah11012/containers-in-c-34pi

What is the impetus for using iterators in C? We only have to look toward to C++ for the answer. Using an algorithm like `std::find()` does not operate on the container itself. Instead, using a layer of abstraction called iterators. This allows the standard algorithms to operate on any standard container indirectly through the iterators it provides. To access these container provided iterators, we use the methods `begin()` and `end()` or `cbegin()` and `cend()` for the const versions.

`begin()` points to the very first element in the container while `end()` points to one past the last element. Almost acting like the null terminator in a C String.

The algorithms provided by the standard can operate on custom types so as long it implements an iterator that has the common methods of a typical iterator. There are also different types of iterators: `Input` and `Output` are two of them. `Input` is used for reading an element then incrementing to the next element. `Output` is similar except it writes values to a container.

Let's say for this discussion we will be working with vectors or arrays that can resize themselves when necessary. We also have a binary search algorithm, `find()` that takes a beginning iterator and an end and a value to search for. To not complicate things we will only add the ability to search for integers.

We will have the following struct:

```cpp
typedef struct
{
    int *values;
    int  curr_index;
} Iterator;
```

And some functions:

```cpp
void iter_new(Iterator *iter);
void iter_advance(Iterator *iter);
void iter_jump(Iterator *iter, int pos);
void iter_read(Iterator *iter, int *out_value);
void iter_write(Iterator *iter, int value);
```

We will not worry about the implementation details of these functions to not clutter the discussion of the importance of iterators.

This type of iterator we have made is called a random access iterator. What this means is we can jump anywhere we want in the container's elements instead of sequentially reading each element in progression.

This is helpful since binary algorithms jump to the middle of the array to see if the element is there.
Changelog: export posts
Tags: meta, changelog
Published: 2018-11-21 17:43:45

*There is a new feature in town* 😅

You can export your dev.to posts, you'll receive an email with an attached zip file containing a JSON with all your posts.

## How do I do that?

You go to https://dev.to/settings/misc and select export, but I also prepared some screenshots so bear with me:

![](https://thepracticaldev.s3.amazonaws.com/i/ig9atdckpkif6muw5wo4.png)

then after submitting the form this happens:

![](https://thepracticaldev.s3.amazonaws.com/i/adzmzqzbgjig955ynzvb.png)

and after a little while you get an email like this one in your inbox:

![](https://thepracticaldev.s3.amazonaws.com/i/a1307ztb21mxiju7zp1x.png)

This is an example of what's inside the file:

![](https://thepracticaldev.s3.amazonaws.com/i/3069er1zt7uptoe6xgc0.png)

## I'm a developer, how did you accomplish that?

The feature is quite simple in a sense:

* you request the export
* the backend takes note of that
* a background job starts, collects the posts, converts data and metadata in json 
* creates a zip file in memory and adds the json file to the zip
* the zip file gets attached to the email
* the email is sent

## Some backstory about this feature

A few months ago, prompted by a [feature request](https://github.com/thepracticaldev/dev.to/issues/219), I started working on [a pull request](https://github.com/thepracticaldev/dev.to/pull/576) to do the above. Then I forgot all about it, then I submitted it but it wasn't that great because I didn't know that much about the code (still don't really :D) and because it could have been better in general. 

My PR nonetheless started a conversation with @ben, @maestromac and @jess and after a refactoring and another round of reviews (yay for pull requests!) what has been merged today is something... just better.

## What about the rest of the data?

I know the dev.to team is aware of that, this is just a first step.
Zero Config JavaScript App Prototyping with Webpack
Tags: javascript, webpack, frontend, programming
Published: 2018-11-21 17:38:23

---
title: Zero Config JavaScript App Prototyping with Webpack
published: true
description: Learn how to easy prototype JavaScript apps using the zero config feature of Webpack 4.
tags: #javascript #webpack #frontend #programming
canonical_url: https://auth0.com/blog/zero-config-javascript-app-prototyping-with-webpack/
---

Sometimes you don't need a framework like Angular or React to demonstrate an idea or concept in JavaScript. You just want a framework-agnostic, plain JavaScript development environment to play around with things like web workers, service workers, new JavaScript constructs, or IndexedDB, for example. 

In this blog post, you are going to learn how to quickly prototype plain JavaScript apps using Webpack 4 to create such environment with zero config and low development overhead.

[Read on 🎯](https://auth0.com/blog/zero-config-javascript-app-prototyping-with-webpack/?utm_source=dev&utm_medium=sc&utm_campaign=javascript_webpack)

![Zero Config JavaScript App Prototyping with Webpack](https://thepracticaldev.s3.amazonaws.com/i/8g18jidn9vwbbxxxgrmk.png)
7 Habits of Successful Software Engineers
Tags: discuss, python, beginners
Published: 2018-11-21 17:28:40

---
title: 7 Habits of Successful Software Engineers
published: true
description: What do you need to be a successful software engineer?
cover_image: https://thepracticaldev.s3.amazonaws.com/i/di4lb5zo9zvkfupyrou5.jpg
tags: discuss, python, beginner 

---

> So I just checked out this [video](https://www.youtube.com/watch?v=6G_UQ0YepV8) posted by [freeCodeCamp](https://www.freecodecamp.org/) on youtube. Found some cool points that I noted down. Thought someone in the [DEV Community](https://dev.to/) would find it helpful.

1. Understand the scope and the problem first before coding
2. Document as much as you can
3. Write readable and maintainable code
4. Be good at cross-functional work
5. Be an effective communicator
6. Recognise opportunities for improvements and impacts
7. Have a growth mindset