teleren/devto huggingface dataset:
Variabel
Tags: indonesia
Published: 2020-02-12 10:17:53


> a variable or scalar is a storage address (identified by a memory address) paired with an associated symbolic name, which contains some known or unknown quantity of information referred to as a value. - Wikipedia

Variabel (*variable*) merupakan sebuah tempat kita menyimpan data pada program, variabel dapat di deklarasikan dengan simbol / angka tergantung aturan yang ditetapkan pada bahasa pemrogramman. Isi variabel dapat diubah / dimodifikasi sesuai aturan.

Contoh pada bahasa pemrogramman C, Java, Go, dkk, variabel harus ditentukan isinya apa terlebih dahulu (Tipe Data) bahasa pemrogramman ini biasa disebut sebagai 'Static Type' karena tipe data harus di deklarasikan terlebih dahulu.


```c
int angkag4pakekoma = 2;
float angkak0mak0ma = 2.12;
char hurufaja[5] = "Hellow";

int main() {
  printf("%s", huruf);
  // Hellow
}
```

Pada JS, Ruby, Elixir, dkk tipe data variabel tidak di tentukan dahulu, mereka termasuk dalam kategori 'Dynamic Type'. Variable pada JS.

```js
var NaM3 = 'Maria'
var thisisNumber = 1210.1

console.log(NaM3) // 'Maria'
```

## Penulisan Variable

Penulisan variable diatas tidak patut di contoh (karena membingungkan). Penulisan variabel memang tersera kita mau nulis apa. Tapi berikut adalah cara penulisan variabel yang baik dan benar.

1. Nama harus berdasarkan maksud data

```js
var PI = 3.14
var apelYangDimiliki = 10
var titleKerja = 'Manager'
```

2. Gunakan beberapa cara penulisan yang baik, seperti `camelCase`, `snake_case`, `UPPER_CASE`. mereka punya tempat sendiri untuk di gunakan. Pilih yang anda rasa tepat misal karena `PI` adalah `constant` makan anda bisa pakai `UPPER_CASE`. Lebih lanjut bisa dilihat [disini](https://www.chaseadams.io/most-common-programming-case-types/).

## Next ?

Setelah mempelajari variabel hari ini, mungkin besok waktunya mempelajari **variable scopes**, dan beberapa **tipe data** ~ episode ini akan banyak menggunakan JavaScript sebagai bahasa pemrogramman. So siapkan [browser dan dev tools console](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools) anda.

Basis pemrogramman ini bertujuan untuk :

1. Sebuah introduksi ke dalam pemrogramman yang mudah dan cepat
2. Menambah literasi bahasa pemrogramman ber-bahasa Indonesia
3. Biar gausah beli buku kuliah tebel yang disaranin dosen.

Saya coba untuk update 1 minggu sekali :smile: :cheers:
AWS AI & Machine Learning Podcast — Episode 9
Tags: podcast, aws, machinelearning
Published: 2020-02-12 15:14:31

---
title: AWS AI & Machine Learning Podcast — Episode 9
published: true
date: 2020-02-12 10:15:16 UTC
tags: podcast,aws,machinelearning
canonical_url: https://medium.com/@julsimon/aws-ai-machine-learning-podcast-episode-9-550df75c8913
---

### AWS AI & Machine Learning Podcast — Episode 9

In this episode, I have a chat with Leo Souquet, a Data Scientist and the co-founder of the [Data Science Tech Institute](https://www.datasciencetech.institute). DSTI trains Data Scientists and Data Engineers, and we chat about those two roles, their respective skills, how they’re related, and why you need both on your team. Much to my sorrow, Leo also convincingly explains why you have to learn math to build the best models._Video episodes are available on my_ [_YouTube channel_](https://www.youtube.com/juliensimonfr)_._

> _Audio episodes are available on_ [_Apple Podcasts_](https://podcasts.apple.com/us/podcast/aws-ai-machine-learning-podcast/id1492801210)_,_ [_Spotify,_](https://open.spotify.com/show/1argBtYSeSksGU8dcW4TAS) [_Deezer_](https://www.deezer.com/show/756292)_, and more. Visit my_ [_audio podcast page_](https://julsimon.buzzsprout.com/) _to subscribe and be notified of future episodes._

{% youtube llSjMi-Vjvk %}

<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.buzzsprout.com%2F780458%2F2716186-episode-9%3Fclient_source%3Dtwitter_card%26player_type%3Dfull_screen&amp;display_name=Buzzsprout&amp;url=https%3A%2F%2Fwww.buzzsprout.com%2F780458%2F2716186&amp;image=https%3A%2F%2Fwww.buzzsprout.com%2Frails%2Factive_storage%2Frepresentations%2FeyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOGpKZFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ%3D%3D--c836266b57e2bc68585d743589ac963f73619fc3%2FeyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCam9VWTI5dFltbHVaVjl2Y0hScGIyNXpld282QzNKbGMybDZaVWtpRFRJMU1IZ3lOVEJlQmpvR1JWUTZER2R5WVhacGRIbEpJZ3RqWlc1MFpYSUdPd2RVT2d0bGVIUmxiblJKSWd3eU5UQjRNalV3QmpzSFZEb01jWFZoYkdsMGVXbFZPZzlqYjJ4dmNuTndZV05sU1NJSmMxSkhRZ1k3QjFRPSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--62c0dc9ae0106a9121f982eb952976ff55ebdee3%2Fbackground.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=buzzsprout" width="500" height="210" frameborder="0" scrolling="no"><a href="https://medium.com/media/3bb199522847e58a9b56d98eb2d29d96/href">https://medium.com/media/3bb199522847e58a9b56d98eb2d29d96/href</a></iframe>
Open Source Monetization Resource List
Tags: opensource, contributorswanted
Published: 2020-02-12 10:10:27

Open Source developers have difficulty finding ways help support their work, despite the fact that the same developers are responsible for building the foundations that underpin much of today's commercial software.

To help support the sustainability and growth of the OSS movement, I've created a list of monetization options and funding opportunities that open source devs can use to support the work they are passionate about doing. Check it out!

https://monetizeyourcode.com 

This is intended to be a collaborative effort, so you're interested, I'll send the spreadsheet with you can check out the full list of resources and perhaps add some more (see the website header to get the list). 

Employment-type platforms, including bounties, have been left out of this, because this is focused on empowering OSS devs to maintain their freedom, and continue building beneficial tools they are passionate about. Let's make OSS more sustainable together 👍

Also, any feedback or suggestions are much appreciated.
What are your favorite Software Development tools ?
Tags: productivity, devlive
Published: 2020-02-12 09:57:00

As there are a lot of tools on the market, both free and paid, it is sometimes hard to find the best fit. 

I would like to know what are your favorite tools that help you as a developer. This can be in any way. It can be a general productivity tool or a language-specific IDE for example. I just like to know, what are your "weapons of choice".

I will start with mine:
(I am a Java / JVM developer by trade, working on Mac. This might reflect some of my tool-choices.)

### Homebrew (free)
- https://brew.sh/

for installing software on my mac
### SDKman (free)
- https://sdkman.io/

Installing and switching between different SDK's

### Intellij IDEA (free / paid)
- https://www.jetbrains.com/idea/

My favorite IDE for Java, Kotlin, JavaScript & HTML

### Snyk (free)
- https://snyk.io

Checking for security vulnerabilities

### Maven (free)
- https://maven.apache.org/

Package manager

### Divvy (paid)
- https://mizage.com/divvy/

Managing the layout of my screen.

### Insomnia (free)
- https://insomnia.rest/

Rest API client

### Slack (free / paid)
- https://slack.com/

Yes, I like slack ... and I try to integrate as much as possible in it.
(pro tip: the "remind me later" option 🤓)

I can go on and on about other tools, but these are the tools I use on a daily bases. (I might even forget 1 or 2). I am curious about your list.
How do you monitor the usage of your API endpoints?
Tags: discuss
Published: 2020-02-12 09:56:43

EDIT: so I'm now thinking of releasing a cloud app that can be used to monitor API usage. Any interested beta testers drop me a message below :-)

Day to day I develop a reasonably large web API used by quite a few different clients. It was put together almost 2 years ago now when I had very little consideration of monitoring or auditing.

My current focus is on the usage of certain API endpoints. What is your practice for auditing the usage of a certain endpoint?

For context, I'ts a .NET API and the API is distributed across multiple non-related clients systems. Ideally I'd like to push the results to ElasticSearch.

I feel like a custom piece of middleware is the best option, but am a little concerned about performance.

Thoughts?
Show Dev.to: I made an alternative UI for DynamoDB admin, check it out!
Tags: showdev, dynamodb, aws, devops
Published: 2020-02-12 09:33:28

---
title: Show Dev.to: I made an alternative UI for DynamoDB admin, check it out!
published: true
description: Professional GUI Client for DynamoDB
tags: showdev,dynamodb,aws,devops
---

👋 Hi Dev.to Community!

Around 6 months ago, I spent 3 days debugging some data problems in DynamoDB. While it’s a great database, I found the experience of the console a bit lacking. Jumping from Chrome window to Chrome window, I kept constantly retyping the same queries, the pagination was annoying, and the speed wasn’t right. I wanted to change that.

Finally, I’m super happy to announce that Dynobase is live after 5 months of development. This is a result of my own pains working with DynamoDB console and community feedback.

It’s free to use for 7 days.

Some of the notable features are:

⚙️ Automatic Query Code and Types generation
🔖 Bookmarks and History
👨‍👩‍👧‍👦 Multiple profiles, tables, and tabs support
📥 Import/Export from and to CSV/JSON
🚨 DynamoDB Offline support

I would love to hear what you think, comment below and let me know your feedback / questions, thanks!

Download link: [https://dynobase.dev/](https://dynobase.dev)
Using aria-labelledby
Published: 2020-02-12 09:28:52

Using aria-labelledby to provide a text alternative for non-text content
The purpose of this technique is to provide a short description for an element that can be read by assistive technologies (AT) by using the aria-labelledby attribute. The aria-labelledby attribute associates an element with text that is visible elsewhere on the page by using an ID reference value that matches the ID attribute of the labeling element. Assistive technology such as screen readers use the text of the element identified by the value of the aria-labelledby attribute as the text alternative for the element with the attribute.

Note: When using aria-labelledby attribute on an img element, the absence of an alt attribute will cause validation failures for HTML 4 and earlier and XHTML. If alt is provided, it must contain the same text as the aria-labelledby target. Do not use alt="", which would cause some assistive techology to ignore the image completely.

<pre>
< img src="sunflowers.jpg" aria-labelledby="flower_id" >

...

< span id="flower_id">Van Gogh's oil painting of sunflowers< / span >
hangs in Amsterdam's Van Gogh museum.
</pre>
Why Rust is meant to replace C
Tags: rust, c
Published: 2020-02-12 09:24:31

The Rust programming language is an ambitious project of the Mozilla Foundation – a language that claims to be the next step in evolution of C and C++. Over the years of existence of these languages some of their basic flaws still haven’t been fixed, like segmentation errors, manual memory control, risks of memory leaks and unpredictable compiler behavior. Rust was created to solve these problems while improving security and performance along the way.

Evrone has found use of Rust in a lot of projects, and our engineers have amassed substantial experience with the language. In this article we’ll tell you about the main features of Rust.

https://evrone.com/rust-vs-c
Custom Template Filter In Django
Tags: django, webdev, javascript, back
Published: 2020-02-12 09:10:11

I ran into an issue today where I needed to use an integer from my model to generate a list of numbers with the python range function in my template ,but django doesn't support that and it wasn't right for my use case as I had to generate the list dynamically. I decided to create a custom template filter.

To create a custom template filter, first create  a directory in your apps folder (where you have **views.py**) called templatetags and add an __init__.py file.

**Your file directory should look like this**
{% gist https://gist.github.com/Nyamador/4f75a7bac76bc6f3e5de583c48290816 %}


I created a file called my_extras.py which would contain our custom tag.

{% gist https://gist.github.com/Nyamador/84fb2fae6321256b9c39b5647695f2e5 %}

We've now named our custom tag `times` which we can now use in our templates.

In any template we can now load our tags in our html file like this `{% load my_extras %}`

Now to the reason why I needed to do it this way rather than including it in my context.

Here's my view
"""python
def listview(request):
    list = List.objects.all()
    return render(request, 'foo.html', 
    {'list':list}"""

In foo.html I have a form which needs to have a max order quantity determined by the user. So if `{{list.quantity}}` in my query set above returns 10 I have to print 1-10 in my select html form element.


{% gist https://gist.github.com/Nyamador/c97a0d540f344709538b7a98225e4372 %}

Thanks for your time,  any better implementation of this is welcome.
Building a VueJS based CMS for PromaTimes (News website)
Tags: vue, cms, design, mongodb
Published: 2020-02-12 08:53:47

Some designs we're working on for a CMS for [PromaTimes](https://promatimes.com)

![Promatimes tags page](https://dev-to-uploads.s3.amazonaws.com/i/o5zw4c9en3x91tb2ev65.png)
![Promatimes tag edit page](https://dev-to-uploads.s3.amazonaws.com/i/gjlgakigfiqfixrw48tt.png)
![PromaTimes new article](https://dev-to-uploads.s3.amazonaws.com/i/iziz2wr6u5orgvxohqyr.png)

Some designs of the CMS We're building

We will be using **Prosemirror** for our text editor, the same technology used by new york times and Atlassian for confluence.

The database will be **MongoDB** based, images and files will be stored in **GridFS**

Development of the CMS has now begun, more information about PromaTimes and our news organisation will be published soon.
VScode tips on enforcing coding style
Tags: help, codequality
Published: 2020-02-12 08:37:15

Hello everyone, I hope you are having a good day.  

I am looking for some tips how can I enforce "same" coding style among a team of programmers.  

I think we should define stuff like:
- line width
- naming of variables to follow the rules I define (cammelCase)
- spaces instead of tabs
- etc...

I am not sure how granular should I be in defining the rules? Should I define relaxed rules where everyone can still do stuff like they want? Or should I be strict and opionated.

We program mainly in Java but it would be cool if I could define rules for different languages (mainly Javascript(Angular - typescript and Java).

In ideal world there would be a plugin that would check the codebase based on there rules:  
- https://google.github.io/styleguide/javaguide.html

I am really greateful for any tips / help I receive
Starting Out - All over again
Tags: beginners, help
Published: 2020-02-12 08:19:40

I started coding early in 2019 by using Udemy as my primary learning source but I wasn't satisfied with the way the classes were taught because I felt like I was just copying the facilitator. SO! I switched over to Codecademy. It was great for a while but I also didn't feel challenged. Thus I was brought over to Freecodecamp which I presume might be much of the same, but I'm worried I'll have the same problem. It's as if some of the information just doesn't... stick?

I seriously enjoy coding but some days it just takes too much to continue with lessons. Am I the only one?
I talked 🗣🎙 about "create-awesome-package" at NodeJS Berlin(Germany 🇩🇪)
Tags: node, javascript, webdev, cli
Published: 2020-02-12 08:02:54

A few weeks ago, I created a CLI named `create-awesome-package` and it was AWESOME to talk about it at Node.JS Berlin Meetup 🙌

This CLI helps to create the package with JS/TS, build system(Webpack/Parcel) and necessary stuff 🔥
<h3>It's like "create-react-app" but for building packages 📦</h3>



You can create package with JavaScript/TypeScript. Just write your own code 🔥

### How to use

Go to your root of the package you want to build. Then, Just run

```
npx create-awesome-package my-package
```

and you are done!

It will provide you the boilerplate you need to get started!

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

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9o586xts5zinapb9n9s7.jpeg)

### It's on NPM. Please check out here [https://www.npmjs.com/package/create-awesome-package](https://www.npmjs.com/package/create-awesome-package)

Cheers!
:wave:
What is in an API?
Tags: api
Published: 2020-02-12 06:35:00

I find that people assign a lot more requirements to being an application programming interface than exist, like having a REST endpoint or being public. Similar to how people expect more from [continuous integration](https://dev.to/jessekphillips/continuous-integration-with-rebase-2093).


To bring clarity in the purpose of the term 'API' I need to bring in another, ABI. You don't hear much about Application Binary Interface very often, how frequently do you program in binary?

The binary interface is something critical for compilers and virtual machines. In the C++ world the ABI is not a defined standard so compilers will define their own. This means libraries compiled in on compiler are no usable in another. D facilitates C++ integration by choosing to implement the ABI for the dominant compiler of the platform. For its own libraries D has not defined being ABI compatible across compiler releases, this means libraries need recompiled for each compiler version, potentially.

I hope that this helps to create some perspective on what is an API. In contrast to the ABI the Application Programming Interface is what the application programmer writes their code against. At the simplest level this is your function signatures.

The compiler has freedom in how it expects this signature is stored for calling. Is the left argument first on the stack or last?

-------

With this definition it should be clear, if you are using a text editor to write code you are making an API. Sense so much of the development community writing code works at this level, API in this form becomes useless.

We see articles talking about building APIs, they instruct how to build an API. What is happening? Well what they are asking is for you to consider the interface you're maintaining. Create stability in how your components talk to each other. It helps to isolate the work, if your micro service changes the rest API every release you have not decoupled implementation details with the integrated components. They would like to help you to define a good API.
jQuery noConflict() method.
Tags: javascript
Published: 2020-02-12 06:30:07

What is noConflict()
noConflict() is an inbuilt function in jQuery by which you can resolve conflict situation when you use multiple JavaScript frameworks/libraries.

Why we use noConflict()
As we know we use $ sign in jquery for defination and for single project we also other JavaScript libraries and frameworks like ReactJs,Angular,Knockout etc.What if other JavaScript frameworks/libraries also use $ sign.?
In that case one of them might not work as excepted so to overcome this situation jQuery introduce noConflict() method.

Basically noConflict() method releases the hold on the $ shortcut identifier, so that other scripts can use it.

Some of the example about noConfilt method http://coderuck.com/jquery-noconflict-method/41
Jenkins - Docker Setup Error
Tags: jenkins, devops, docker
Published: 2021-07-01 19:43:02

---
title: Jenkins - Docker Setup Error
published: true
date: 2020-02-12 06:17:00 UTC
tags: Jenkins,Devops,Docker
canonical_url: https://blog.g33kzone.com/jenkins-error-docker-daemon-permission-denied
---

While setting up Docker plugin within Jenkins one might encounter the following error

Got permission denied while trying to connect to the Docker daemon socket at unix:///var/run/docker.sock  
dial unix /var/run/docker.sock: connect: permission denied

The following steps will help resolve the error

Add Jenkins user as the root user

```
sudo usermod -a -G root jenkins

```

Restart Jenkins application

```
sudo service jenkins restart

```
Aurelia deep computed observation plugin
Tags: aurelia, typescript
Published: 2020-02-12 06:10:23

---
title: Aurelia deep computed observation plugin
published: true
description: An Aurelia plugin to help observe computed properties deeply with no effort.
tags: Aurelia,TypeScript
---

If you ever had an issue trying to instruct a getter to automatically observe an array in its declared dependencies expression, then this plugin can help you easily achieve that target.

It's a drop-in replacement for the official `@computedFrom` decorator`, and can be used interchangeably.

Have a look here

npm: https://www.npmjs.com/package/aurelia-deep-computed
github: https://github.com/bigopon/aurelia-deep-computed
Codeigniter 4 Tutorial
Tags: codeigniter, php
Published: 2020-02-12 05:22:07

Here you will learn CodeIgniter 4 from starting. In this post, we have given all the articles of CodeIgniter 4 from scratch. 

<!-- wp:heading {"level":3} -->
<h3>Codeigniter 4 Tutorials</h3>
<!-- /wp:heading -->

<!-- wp:list {"ordered":true} -->
<ol><li><a href="https://www.tutsmake.com/install-download-codeigniter-4-by-manual-composer-git/">How to install/download Codeigniter 4</a></li><li><a href="https://www.tutsmake.com/codeigniter-4-application-folder-directory-structure/">Codeigniter 4 folder structure</a></li><li><a href="https://www.tutsmake.com/codeigniter-4-remove-public-and-index-php-from-url/">Remove index.php and public from url Codeigniter 4</a></li><li><a href="https://www.tutsmake.com/codeigniter-4-database-email-config-example/">Codeigniter 4  Configuration</a></li><li><a href="https://www.tutsmake.com/codeigniter-4-create-controller-model-view-example/">Create a Controller, Model, View in Codeigniter 4</a></li><li><a href="https://www.tutsmake.com/codeigniter-4-form-validation-example/">CodeIgniter 4 Bootstrap Form Validation Example</a></li><li><a href="https://www.tutsmake.com/codeigniter-4-jquery-form-validation-example/">jQuery Validation on Codeigniter 4 forms</a></li><li><a href="https://www.tutsmake.com/codeigniter-4-ajax-form-submit-validation-example/">Codeigniter 4 ajax form submit example</a></li><li><a href="https://www.tutsmake.com/codeigniter-4-file-image-upload-example/">Codeigniter 4 Upload File / Image Example Tutorial</a></li><li><a href="https://www.tutsmake.com/codeigniter-4-image-upload-with-preview-example/">Image Upload With Preview Codeigniter 4</a></li><li><a href="https://www.tutsmake.com/codeigniter-4-ajax-image-upload-with-preview-example/">Ajax Upload image with preview in Codeigniter 4</a></li><li><a href="https://www.tutsmake.com/codeigniter-4-pagination-example-tutorial/">CodeIgniter: 4 Pagination Example Tutorial</a> </li><li><a href="https://www.tutsmake.com/codeigniter-4-multiple-images-files-upload-example/">Codeigniter 4 Upload multiple images example</a></li><li><a href="https://www.tutsmake.com/codeigniter-4-first-crud-example-tutorial/">Codeigniter 4 Create First crud application</a></li><li><a href="https://www.tutsmake.com/codeigniter-4-ajax-crud-with-datatables-and-bootstrap-modals/">Create first ajax crud web application in Codeigniter 4</a></li></ol>
<!-- /wp:list -->