teleren/devto huggingface dataset:
gitter (chat platform using git)
Tags: octograd2020
Published: 2020-05-21 22:01:13

[Comment]: # (All of this is placeholder text. Use this format or any other format of your choosing to best describe your project and experience.)

[Note]: # (If you used the GitHub Student Developer Pack on your project, add the "#githubsdp" tag above. We’d also love to know which services you used and how you used it!)

## tukib/gitter

## Demo + Link to Code

{% github https://github.com/tukib/gitter %}

## What happened here

Clearly the world needed a new chat platform, and since git works wonders for contributing source code, why not text based messaging too.

This simple repository serves as the new frontier for internet communication as a whole.
Learn JavaScript FREE Course
Tags: javascript, learn, course, youtube
Published: 2020-05-21 22:00:25

I've just published 🎉🥳 the first two videos in my first [online course](https://www.youtube.com/watch?v=KsLTa--k0Ec&list=PLq2_2u8CDe3RSYnDqBlUNwHoJalovMK7j) ever, and man am so excited about it!

It tooks a lots of efforts and learning curves on the go to get my head around, mapping the course out, and play around video/audio recording and editing.

## Course overview

Here'a an overview about the course and what to expect from it
{% youtube KsLTa--k0Ec %}

## Course content
The [Learn JavaScript Playlist](https://www.youtube.com/playlist?list=PLq2_2u8CDe3RSYnDqBlUNwHoJalovMK7j) is going to be updated regularly, so [stay tuned](https://www.youtube.com/channel/UCWaZqFpykcDUwC3q7JPDZ8g?sub_confirmation=1) for up coming lectures/videos. Make sure to [Subscribe](https://www.youtube.com/channel/UCWaZqFpykcDUwC3q7JPDZ8g?sub_confirmation=1)!


Feedback are always welcome!
What the Heck is Containerization?
Tags: docker, containers, cicd, containerization
Published: 2020-05-21 21:59:09

---
title: What the Heck is Containerization?
published: true
description: Containerization for beginners
tags: Docker, Containers, ci-cd, containerization
cover_image: https://i2.wp.com/dailynigerian.com/wp-content/uploads/2018/04/Tintri-containers-support-blog.jpg
---
Yeah, that was the question that kept going through my head the first time I heard the term Containerization. Just like a beginner I will try and simplify what it means and why you should use it as well.
Let us begin from the scratch, you must have heard the term Virtual Machine(VM) which is simply loading a third-party OS which is known as ***Guest OS*** on your current Operating System known as ***Host OS*** without having to partition your hard drive.Any software installed in a VM can't have any effect on your computer and you could spin up as many as you want either using [Virtual box](https://www.virtualbox.org) or [VMWare](https://my.vmware.com/web/vmware/downloads). Now the downside of this is that each VM created requires its own OS which means its own CPU, RAM and space on your computer which leads to lot of resources been utilized which quickly adds up to a lot of RAM and CPU cycles.

# Now why Containerization?
Simply put, containerization is just packaging up software code and all its dependencies so that it can run uniformly and consistently on any infrastructure. Imagine a developer transferring code written on a Linux machine to a Windows OS, there is high tendency of this resulting in error or dealing with bugs. Containerization eliminates this problem by bundling the application code together with the related configuration files, libraries, and dependencies required for it to run. This single package is known as **A Container**

## Okay Container?
With containers instead of virtualizing the underlying computer like a VM, just the application is virtualized this could be System Application (OS) or User Application (Nginx). They are often referred to as lightweight due to how small in size they can be. For containers they share the machine’s operating system kernel usually, the binaries and libraries and do not require the overhead of associating an operating system within each application. Due to how small in size they can be it requires less start-up time, allowing far more containers to run on the same compute capacity as a single VM. This drives higher server efficiencies and, in turn, reduces server and licensing costs.

## Types of Containerization Technology
There are two containerization technology I am aware of:
1. Linux Containers also known as LXC (*Never used*)
2. Docker (*PS: Will be explaining more on this in the next post*)

Bringing this to close, Containerization is lightweight alternative to virtualization that encapsulates an application in a container with its own operating environment.

**Watch out for next post on introduction to Docker and installation.**
How do I get the selected value of the second dropdown from the first dropdown via MY-SQL? 
Tags: php, mysql
Published: 2020-05-21 21:36:11

I am building an editor for a blog. Each post will be categorised. I am trying to get all the posts, with the category that they have been assigned to be displayed as dropdown menu. So, when the user clicks on a post title from the first dropdown menu, then the second category dropbox will have the selected category associated with it, and display all the other categories in the same dropbox. So. user can change the category of article. I am struggling with it and don't know what I am doing wrong. Can anyone help?


			    	if(isset($_POST['Ga'])) {
    					  $db = new mysqli("160.153.129.204", "laurensvo92", "90F0411553l", "lvo92");//set your database handler
      $query = "SELECT c.catid , a.titel , c.cat FROM artikelen a JOIN Categorie c ON c.catid = a.catid  where  c.catid = a.catid";
      $result = $db->query($query);
    		  while($row = $result->fetch_assoc()){
    		
    if($row ['a.catid'] = ['c.catid'])
       {$selected = ($row['catid'] == $result);

    	
    	echo "<option value=\"".$row["catid"]."\" ".($selected ? " selected=\"selected\"":"").">".$row["cat"]."</option>";

    	
    	
    }}}
    ?>
    	
    	
    	
    	
    	
    	
    	
    	


    	
    			
    	
    	
    	  
    <?php 	$link = mysqli_connect("160.153.129.204", "laurensvo92", "90F0411553l", "lvo92");

      $db = new mysqli("160.153.129.204", "laurensvo92", "90F0411553l", "lvo92");//set your database handler
      $query = "SELECT c.catid , a.titel , c.cat FROM artikelen a JOIN Categorie c ON c.catid = a.catid";
      $result = $db->query($query);

    echo(    "<form action='test.php' method='post' enctype='multipart/form-data'>");





    ?>			
    	

    	
      
        </select>

        <select id='subcatsSelect'>
    		
    		<?php
    		//  $query = "SELECT catid, cat FROM Categorie";
      $result = $db->query($query);

      while($row = $result->fetch_assoc()){
       // $subcats[$row['catid']][] = array("catid" => $row['catid'], "val" => $row['cat']);
    	  
    	  	echo(		"<option value='catid'> {$row['titel']}</option>");
      }

      
    		
    		
    		
    		
    		?>
    	    </select>
    	
    	
    	
    	  <select id='categoriesSelect'>

    		<?php     $result = $db->query($query);
    while($row = $result->fetch_assoc()){
    		  $resultofcar = ("<option value='{$row ['catid']}'> {$row['cat']}</option>");
    echo($resultofcar);
    	
    	
      }

    ?>
    		 <input id='Ga' type='submit'  value='Ga'name='Ga' />
Rebekah & Josiah's Wedding Website
Tags: devgrad2020
Published: 2020-05-21 21:34:56

[Comment]: # (All of this is placeholder text. Use this format or any other format of your choosing to best describe your project and experience.)

[Note]: # (If you used the GitHub Student Developer Pack on your project, add the "#githubsdp" tag above. We’d also love to know which services you used and how you used it!)

## My Final Project
I built a simple static website to be the virtual home for my wedding. Although we've had to push the date back a year, I'm proud of what I've been able to do with it so far and look forward to update it once we're able to start planning again.

The goal was to create a light and minimal yet information rich website to act as a virtual home for our wedding. We wanted to showcase our love story as well as share moments throughout our time together.

In the months leading up to the wedding, our hope was for the website to have all the information and details to answers questions our guests might have. Additionally, we created a place to share our story and highlights some of our favorite pictures over the years.

For the day of the wedding, the website will continue to serve its informational purpose by hosting relevant information to the event in a new section. From having the schedule to table assignments, we hope to eliminate paper waste and save money by using a virtual platform.

## Demo Link
https://rebekahandjosiah.love/

## Link to Code
{% github https://github.com/jpanged/wedding %}

## How I built it (what's the stack? did I run into issues or discover something new along the way?)
This site was created using Jekyll with hosting on GitHub Pages. It’s based on Minimal Mistakes. I learned static site hosting and setting up DNS settings to a domain. This project allowed me to dive deeper into front end development and put my HTML/CSS knowledge into practice. Through media queries and flexboxes, I was able to accomplish responsiveness without any fancy logic. Additionally, I was able to explore site metrics and statistics through the use of Google Analytics to track how people were using our site as invitations went out.

## Additional Thoughts / Feelings / Stories


[Final Note]: # (CONGRATULATIONS!!! You are amazing!)
Learn JavaScript Functions in 3 Easy Steps
Tags: javascript, webdev, tutorial, beginners
Published: 2020-05-21 21:23:10

Are you struggling with understanding functions and function parameters? I just uploaded a video where I teach you what JavaScript functions are, why and how to use them and also how you can use parameters to customise your functions.

You can watch the video [here](https://www.youtube.com/watch?v=YbXVnvRsmvs).

{% youtube YbXVnvRsmvs %}

-----------
_Originally published at [codepulse.blog](https://codepulse.blog/learn-javascript-functions-in-3-easy-steps/?utm_source=devto) on May 22, 2020._
Heartbridge: A command-line tool to transfer iOS Health heart rate data to your computer
Tags: octograd2020, githubsdp
Published: 2020-05-21 21:22:57

## My Final Project: Heartbridge

This was a small project I put together this year (final year of engineering woo!) I wanted an easy way to transfer heart rate readings from my iPhone/Apple Watch to my Mac so I could play around with the data using something like pandas or visualize it differently. This command-line tool is the result! It can export data as a CSV or JSON file depending on what arguments get passed in.

![Using the tool to receive heart rate data from my iPhone](https://i.imgur.com/29QeZT4.gif)

## Link to Code

{% github https://github.com/mm/heartbridge %}

## How I built it/how it works

This was built in Python (as of now it only depends on what comes with the Python standard library), and makes use of an iOS shortcut (using the native Shortcuts app) I wrote as well. The Python package, when run will start accepting HTTP requests at a specified port (defaults to 8888). 

When the shortcut is run on the user's iPhone, they'll be asked to select a date range of heart rate data they want to export. Readings will be sent in the body of an HTTP POST request to that same port on their computer, provided they're on the same network. The JSON in the request body is processed further by Heartbridge once it is received, and the readings are exported to either a CSV or JSON file for further exploration. 

This project was a great way to learn about using a continuous integration tool for unit testing (to make sure my unit tests pass with every commit I make). For this I used [Travis CI](https://travis-ci.com) to hook into my GitHub repo and run code in my commits against the unit tests I had written. This was offered as part of the GitHub Student Developer Pack and I loved using it!

This was also my first time submitting my code as a package on [PyPI](https://pypi.org), which allows anyone with `pip` to install it at the command line and run it easily. This required me to structure my code as an overall package, which I've always wanted to learn and finally got a chance to with this project. I'm excited to create more of them in the future!
JAM Stack conference next week
Tags: news, javascript
Published: 2020-05-21 21:03:18

If you didn't already know... 🔍

There's a JAM Stack conference next week 👀.

Register while you still can @ https://jamstackconf.com.

The JAM (JavaScript APIs Markdown) stack can be used by Gatsby, Vue, Nuxt, Next.js, Hugo......... n-1.

Your web app and pages are rendered to static files and served. Great for blazing fast sites, where render blocking requests make a bounty of a visitors time sat waiting for page content to load.

The "A" stands for API which is meant in the serverless function context. Could it get any better?

Yep, there's "M" for markdown. Which is what this article is written in.

So what's stopping you? Sign up and get all nerdy with all the cool kids.

Let's JAM 🤸
Debugging Deno Projects in VSCode.
Tags: deno, vscode
Published: 2020-05-24 15:27:05

---
title: Debugging Deno Projects in VSCode.
published: true
tags:
- deno
- vscode
canonical_url: https://wa9ace.net/2020/05/21/debugging-deno-projects-in-vscode.html
---

Debugging Deno applications inside VS Code is actually pretty straightforward with the right launch config. Use the below `.vscode/launch.json` config to debug your entire deno application, debug all of your deno tests, run a single test file, or just the specific test case that you have currently selected.

[![VSCode Debugging Deno](https://wa9ace.net/uploads/screenshots/vscode-debugging-deno.png)](/uploads/screenshots/vscode-debugging-deno.png)

```json
{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Debug Program",
      "runtimeExecutable": "deno",
      "runtimeArgs": [
        "run",
        "--inspect-brk",
        "./src/main.ts"
      ],
      "port": 9229,
      "console": "integratedTerminal"
    },
    {
      "type": "node",
      "request": "launch",
      "name": "Run Tests",
      "runtimeExecutable": "deno",
      "runtimeArgs": [
        "test",
        "--inspect-brk"
      ],
      "port": 9229,
      "console": "integratedTerminal"
    },
    {
      "type": "node",
      "request": "launch",
      "name": "Debug Current Test File",
      "runtimeExecutable": "deno",
      "runtimeArgs": [
        "test",
        "${file}",
        "--inspect-brk"
      ],
      "port": 9229,
      "console": "integratedTerminal"
    },
    {
      "type": "node",
      "request": "launch",
      "name": "Debug Selected Test Case",
      "runtimeExecutable": "deno",
      "runtimeArgs": [
        "test",
        "${file}",
        "--filter",
        "${selectedText}",
        "--inspect-brk"
      ],
      "port": 9229,
      "console": "integratedTerminal"
    }
  ]
}

```
My long-term side project: a browser game about creatures and resources
Tags: octograd2020
Published: 2020-05-21 20:57:18

## Intro
I've played games my whole life, but in high school, I was able to form a deeper connection to one of my best friends by playing a certain genre of games called "incremental," "idle," or "clicker" games with him.  In college, to stave off boredom, we decided to create a game of our own.  Called "Voynich" after the famous manuscripts (for now, at least), it's certainly still a work-in-progress, but it symbolizes a lot more to us than just a mostly functional game.

## Links
[Try it out!](https://bluezebragames.github.io/Voynich)
{% github bluezebragames/Voynich %}

## The Development Process
I've looked at the source code of a lot of idle games to understand what's going on under the hood.  Surprisingly enough, several of the most popular games are not exactly following best development practices -- take Cookie Clicker and Antimatter Dimensions, two of my all-time favorite idle games, for example.  Both games essentially use a monolithic structure, with single files of 5000 and 13000 lines of code containing almost all of the game's logic!  My goal with this game was to use a more object-oriented approach to compartmentalize logic into several much smaller files.

Right now the development stack is just HTML, CSS, JS, but I might swap to React at some point in the future.  Working with GitHub as version control has been quite convenient -- the current workflow is to make feature branches and merge them into master when they've been well-tested.

Ultimately I hope to complete the game and then release a series of tutorials based on it.  The tutorials about making idle games online are somewhat lacking, and I hope to guide more people to an interest in programming through game development.
Event-Details For College Project
Tags: octograd2020
Published: 2020-05-21 20:55:27

In my College days, I have created a project which we name a project as Event-Details, though from name it looks very easy and simple but the idea of such a thing help us a lot.
In this we as a team try to develop a website and app that helps to tell and notify the students about the events that would be happening in our college.
The event can be either of any college club or any official event , what this app and website does is , It notifies the student whenever there is a registration of that event happen in that app or website and after that student can open that and can gather all the information about that event.
Not only this, they can even confirm the management about their presence of attending that event by filling any sort of form and also if there is any fees or registration amount of that event , they can directly do that through online mode  which are available .
Through this we try to save the hustle of managing the large data of students and specially sometime the problem of collected money arises so this project also help to solve that problem.
Minute JavaScript - Array's forEach method
Tags: javascript, video
Published: 2020-05-21 20:50:10

---
title: Minute JavaScript - Array's forEach method
published: true
description: Minute JavaScript is a Fast format JavaScript Tutorial that gets straight to the point. Today's Topic: Array's forEach
tags: javascript, video
---

Minute JavaScript is a new format where topics are covered quickly and concisely.

In this episode of Minute JavaScript, I will be covering Array's forEach method.

Let me know in the comments what you'd like to see next!

[More Minute JavaScript](https://www.youtube.com/playlist?list=PL59tadyXaIqVBUhq1PlZQvUSSzQzM62AF)

[My YouTube channel is new, check it out!](https://www.youtube.com/channel/UCDYDhCEPlrYfRyj2ApxeVMA/videos)

Cheers 🍻
Front-End Architecture
Tags: html, css, javascript, preprocessor
Published: 2020-05-21 20:48:40

###Structuring your projects with processors and naming conventions.

So, lately I have been having an issue with naming my CSS classes and organizing my projects. I did a research and it was fairly constructive.

It lead me to a thing called BEM (Block, Element, Modifier) which is a  known naming convention for organizing your style sheets and making your CSS easier to read among you and whoever looking through your source code.

##How it works?

**1.** You name the main blocks of your page like this for instance: class="button".

**2.** Then, name the elements inside each block using two underscores (to show that 
   it’s part of the block): class="button__icon".

**3.** And in case you have a variant of that block, use two dashes to name a 
   modifier: class="button button--red".

###File Structures
In structuring my projects I use the tree-house directory structure, which I picked up from some past research. Also, I use a Distribution folder along with a SASS folder (if using) in my Root folder, For Ex:

/Front-End-Architecture (root)
   /Dist folder
      /Images
         ...
         ...
      /Javascript
         /main.js
           ...
           ...
      /CSS (compiled CSS)
         main.css
   /Sass folder
      /main.scss
      /_partials
      /..

###SASS Setup

Sass (Syntactically Awesome Style-sheets) is a CSS pre-processor. 
I recently started noticing the importance of Sass by doing project tutorials to gain a better insight and understanding of the in-and-outs of the SASS Pre-processor.
 
The Points I want to highlight about my research in **Front-End Architecture**
is finding how resource full partials are; not only just mixins, functions and variables.

Using Sass partials are the way to go when I need to structure my styles accordingly.

Here is a list of the partials I use and how I use them.

* _base.scss (this includes my variables, mixins and functions)
* _config.scss (this includes my resets)
* _utlities.scss (these are to help maintain my project/s)
* _components.scss (this includes anything reusable such as buttons, navbars, cards etc. )

For the **main.scss** folder I use is for my main project structure, things that I would only use for that specific projects and also to @import my partials.


*Read, Like and Share your thoughts and your way of architecture. Ill be in the comments :)*
Java polymorphism workaround
Tags: java
Published: 2020-05-21 20:44:33

One limitation of Java generics is that you can't have polymorphic data within a method. But there is a workaround of declaring a static class within a method. The Java record syntax let's you do this without creating a new inner class object. Hopefully the inner class limitation on classes declared inside a method is lifted.

~~~
int myfunction(int x) {
   record Id() {
       static <A> id(A input) {
           A value = input;
           return value;
       }
   }
   return Id.id(x);
}
~~~

It's a bit awkward but sometimes useful in heavily polymorphic code.
Brainy Words 2000
Tags: octograd2020
Published: 2020-05-21 20:43:25

[Comment]: # (All of this is placeholder text. Use this format or any other format of your choosing to best describe your project and experience.)

[Note]: # (If you used the GitHub Student Developer Pack on your project, add the "#githubsdp" tag above. We’d also love to know which services you used and how you used it!)

## Brainy Words 2000


## Demo Link: http://hearatale.org:8082/
 

## Link to Code: {% github https://github.com/NoahBlume/brainyWords2000 %}

[Note]: # (Our markdown editor supports pretty embeds. If you're sharing a GitHub repo, try this syntax: `{% github link_to_your_repo %}`)

## How I built it (what's the stack? did I run into issues or discover something new along the way?)

This is a web app that runs using Node.js.


## Additional Thoughts / Feelings / Stories

This was a project for Georgia Tech's Junior Design class. It is focused on helping kids learn new words. The client we worked with was very optimistic about its ability to help kids improve their vocabulary skills.

[Final Note]: # (CONGRATULATIONS!!! You are amazing!)