teleren/devto huggingface dataset:
Starting with Clojure on Windows
Published: 2020-06-26 00:15:55

Clojure has been one of the pretty cool things that I've been studying lately. The whole idea of a programming language with a 100% funcional paradigm, seemed to me very strange and challenging. *Things got very weird when we get to the syntax*, but that is discussion for another post!

So, let's cut to the chase: how to prepare your environment using Clojure *(specifically leiningen)* + VSCode + Windows.

Starting out with the dependencies! Well, check if you have all of the shenanigans below:
- Windows *(makes no sense reading this if you don't use Windows duh)*
- VSCode
- Java 8 or 11 (LTS versions). Also need the JAVA_HOME environment set
- Chocolatey (so we get leiningen without putting our hair on fire)

If you don't have chocolatey installed, then:

- Run PowerShell as administrator, and execute the following:

```
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))
```

- Type choco to see if everything went well.

Now, to leiningen! But what is this awesome german guy can do for us? Well, it's porpose is to automate clojure projects. It can: create new projects, fetch dependencies, run a REPL, compile java sources and much more!

Since you already have chocolatey, with your powershell open, execute:

```
choco install lein
```

If everything went well, you now just need to restart your powershell, and create your project! Go to the the folder you want to keep the project and type in the command line:

```
lein new app hello-world
```

This will generate a project called "hello-word" with the app template.

Now, we need to open the project with VSCode and install the last need stuff.

With the project opened, you will see:

![alt text](https://i.imgur.com/rPgyJeg.png "Opened the project generated by Leiningen")

To install the extensions, so we can have more funcionatily inside VS, execute shift + ctrl + x, search for clojure and install:

![alt text](https://i.imgur.com/UDfh5ch.png "Searching for clojure extension")

Now, execute ```lein repl``` in the terminal, so the REPL is started.

![alt text](https://i.imgur.com/15TCesN.png "Executing lein repl on terminal")

With that out of the way we just need to connect the running nREPL with VS. Execute shift + ctrl + p, and search for repl, and select:

![alt text](https://i.imgur.com/nhkmnhq.png "Searching for nREPL")

Press enter twice and *voila*, your environment is all set and good to go!

![alt text](https://i.imgur.com/1hUVvr9.png
 "Shows that VSCode has successfully connected to a REPL")

This is very basic, but is enough to get you started. In the next posts I want to show the *very weird* syntax, and make a approach on collections! Stay tuned.
Remove ANSI color on Emacs
Tags: emacs, lisp
Published: 2020-06-26 00:14:03

When the command is executed on Emacs, escape sequences for coloring may be added.
I wont to erase this.

コマンドの実行結果をEmacsのバッファーに出力すると、色をつけるためのエスケープシーケンスが付与されてしまうことがある。
邪魔なので、削除したい。

if you can rewrite the buffer, you can use `ansi-color-filter-region` in `ansi-color.el`.
A simple example follows.

バッファーの内容を書き換えてしまいたいのであれば、ansi-color.elの`ansi-color-filter-region`が使える。雑にバッファー全体に適用する関数はこんな感じ。

```lisp
(defun remove-ansi-color ()
  (interactive)
  (save-excursion
   (mark-whole-buffer)
   (ansi-color-filter-region (region-beginning) (region-end))))
```
Introduction to Progressive Web App with example
Tags: pwa, javascript
Published: 2020-09-02 10:09:35

---
title: Introduction to Progressive Web App with example
published: true
date: 2020-06-26 00:00:00 UTC
tags: PWA,JavaScript
canonical_url: https://www.loginradius.com/engineering/blog/introduction-to-progressive-web-apps/
---

Today we will learn about the progressive web app, a very interesting and hot topic in current times, before moving on, some might wonder what exactly the progressive web app is, so let me explain in simple terms, A Progressive Web app is an application which is built on top of…

   
[Read On](https://www.loginradius.com/engineering/blog/introduction-to-progressive-web-apps/)
Working with JSON in JavaScript
Tags: javascript
Published: 2020-06-26 00:00:00

---
  title: Working with JSON in JavaScript
  published: true
  tags: JavaScript
  date: Fri Jun 26 2020 05:30:00 GMT+0530 (India Standard Time)
  canonical_url: https://melvingeorge.me/blog/json-javascript
  cover_image: https://melvingeorge.me/_next/static/images/main-6ae5e9fb5aff3a5a73057845ce1b274f.jpg
  ---
  [Originally posted here!](https://melvingeorge.me/blog/json-javascript)
  
JSON (aka, JavaScript Object Notation) is a format of transferring data between services, e.g: transferring data between a server and a client. Nowadays JSON is also used to write configuration files for many applications. It is readily available to use in most of the programming languages.

---

Let's discuss 2 methods of JSON available in JavaScript:

- `JSON.parse`
- `JSON.stringify`

Both these methods are available in the browser (`window` object) as well as in Nodejs (`global` object).

## `JSON.parse()` method

`JSON.parse` is used to convert JSON data into a JavaScript object.

Consider this JSON.

```javascript
// JSON
const json = `{
  "name": "John Doe",
  "age": 23
}`;
```

Let's convert this JSON into a JavaScript object using the `JSON.parse` method.

```javascript
// JSON
const json = `{
  "name": "John Doe",
  "age": 23
}`;

// Convert JSON to JavaScript object
const obj = JSON.parse(json);

/*

Result:
-------

{
    age: 23,
    name: "John Doe"
}

*/
```

- The method accepts a valid JSON string.

Yay! 🎊

## `JSON.stringify()` method

`JSON.stringify` is used to convert a JavaScript object into JSON format.

```javascript
// JavasScript Object
const obj = {
  name: "John Doe",
  age: 23,
};
```

Let's convert this object into the `JSON` format.

```javascript
// JavasScript Object
const obj = {
  name: "John Doe",
  age: 23,
};

// Convert JavaScript object into JSON
const json = JSON.stringify(obj);

/*

Result:
------

{
    "name":"John Doe",
    "age":23
}

*/
```

- The method accepts a valid JavaScript object.

### Feel free to share if you found this useful 😃.

---
Birth, Death & Resurrection... of cells on a grid. :)
Published: 2020-06-25 23:57:05

I've been working the last few days to create a simple application of John Conway's Game of Life.  It's a game (of sorts) run by a simple set of rules.

The first thing to note... each cell has 8 neighbors. (1)above, (2)below, (3)left, (4)right, (5)upper-left corner, (6)lower-left corner, (7)upper-right corner and (8)lower-right corner.

Each cell's neighbors determine it's existence, demise, or re-birth.  

The game rules are:
 - A live cell with fewer than two live neighbors dies.
 - A live cell with more than three live neighbors dies.
 - A live cell with two or three live neighbors lives, to the next generation.
 - A dead cell with exactly three live neighbors will come back to life. 

This project got me thinking about my apartment building. There are exactly 8 apartments in this building.  It's a big cube with 4 residences on the first floor and 4 on the second, with the common entrance/stairway/foyer in the center.  In pre-COVID times, people would come and go all day long.  (live = occupied apartments, dead = empty apartments) If these rules were applied to our building there would be many variations throughout the day.  It would be fascinating to simulate The Game of Life on the comings and goings of my neighbors, but I have a feeling they might find it strange if I sat by the door and monitored each time they entered or exited the building. 

The project was really enjoyable to create.  I began with a great tutorial from freeCodeCamp.org (https://www.youtube.com/watch?v=PM0_Er3SvFQ) and then I added some additional React components.  It's simple and nothing fancy, but it's still pretty neat to see those cells dance delightfully across the grid. 
https://cs-build-week-1.leesahmasko.vercel.app/
Feel free to check it out, create a random pattern by clicking cells to set them as alive, (or choose the seed button) hit play and watch what happens! (Also, I apologize that it isn't very mobile friendly.  The grid is happiest on desktop view) 

While doing this project I had the privilege to learn more about the creator John Conway and I found him to be quite a fascinating character.  Sadly, he recently died from complications due to COVID-19.  It's rather somber to think as I worked through this project, still adhering to the shelter-in-place order, that I am doing my small part to help prevent the spread of the virus that took his life. 

Cheers to John Conway! A life well lived, surrounded by numbers. May we all find ways to follow our passions and leave a legacy for others.
Streaming to RMTP/Facebook live using FFmpeg on Docker
Tags: rtmp, docker, facebook
Published: 2020-06-25 23:25:38

# Motivation
I was thinking about stream couple of video files to Facebook. After some googling, I came across this [tutorial](http://www.iiwnz.com/compile-ffmpeg-with-rtmps-for-facebook/) to compile FFmpeg in a way that facebook's RTMP will accept.

The bad news was, some ubuntu-based dependencies are among the tutorial requirements and this is where Docker came into play!

# Stream

+ If you're a fan of having a single configuration file to launch the whole experiment, your `docker-compose.yml` file would look like this:

```yaml
version: '3.7'
services:
  ffmpeg2rtmp:
    image: docker.pkg.github.com/yoga1290/ffmpeg2rtmp/ffmpeg2rtmp:20.06.0
    environment: 
      - URL_RTMPS=rtmps://live-api-s.facebook.com:443/rtmp/....
    volumes:
      - ./LOCAL_VIDEO_FILE.mp4:/usr/app/input.mp4
    #command: # otherwise, override the runtime command for your own needs
```

+ Otherwise, if it's one time run, your implicit command would be:
```bash
docker run \
    --rm \
    -e URL_RTMPS=$FACEBOOK_URL_RTMPS \
    -v $PATH_TO_VIDEO_FILE:/usr/app/input.mp4 \
docker.pkg.github.com/yoga1290/ffmpeg2rtmp/ffmpeg2rtmp:20.06.0
    #[COMMAND] [ARG...]
```

[[github](https://github.com/yoga1290/ffmpeg2rtmp)]
Share Your Best Typo Story!
Tags: watercooler, discuss, justforfun
Published: 2020-06-25 23:11:56

I recently posted a tweet about fixing a bug that turned out to be a misspelled word. This has happened to me more times than I care to admit 😅

{% twitter 1276195170292322311 %}

Anyways, all of the replies I can totally relate to, and now I want to hear more! What is your best typo story? Is there a word you can never get right? Did you spend hours debugging something that turned out to be a typo? Let's hear what ya got because we have all been there!
Two things you can do to improve your DEV home feed
Tags: meta
Published: 2020-06-25 22:59:06

1. Go to [/settings/ux](https://dev.to/settings/ux) and select your "experience level" from 1-5 whether you consider yourself a newbie or an experienced dev. This will _gently_ tailor content more to your level.
2. Go to [/dashboard/following_tags](https://dev.to/dashboard/following_tags) and raise the "weight" of the tags you would like to see more of. You can fiddle with this over time. I personally have #meta as my highest weighted tag because I really want to see when folks post _about_ DEV.

Happy coding ❤️
How do you "wind down" the work week effectively?
Tags: discuss, career, productivity
Published: 2020-06-25 22:48:04

Tomorrow is Friday. I hope everyone has a great weekend after that. But I'm wondering how folks finish up their work weeks, how do you make the most of late Thursday and Friday to wrap things up so they don't linger (and so no support fires happen over the weekend).

Do you have any deliberate actions you take in this regard?
Launched my landing page.
Tags: html, css, beginners
Published: 2020-06-25 22:43:13

https://notalexpareja.github.io/

I felt like I knew *just* enough to make myself a basic landing page. I focused on keyframes for this one because I wanted one those fancy text animations, too. Made elements fade in and the header drop in above the icons. Again referencing CSS:TDG. This book really made it easier to understand how keyframe works. Im really starting to love this book. https://meyerweb.com/eric/books/css-tdg/

Im hosting it on GitHub, and I've been getting familiar with how GitHub works, I'm not super concerned about git stuff just yet, but I'm using it because, well.. because I can.
Do I need a CMS for my client's site?
Tags: discuss, codenewbie
Published: 2020-06-25 22:26:53

Hey mates! I have this case, It'll be my first website after some good months learning HTML, CSS and JavaScript. The client will need to add some content regularly, not every week but maybe one or twice per month, and I was wondering how bad I need a CMS for this case. I've been checking WordPress but I find it so difficult for me to start building the site. What are your thoughts? Any tips? Thanks!!!
Access blocked websites with the Tor powered web proxy
Tags: webproxy, proxy, vpn, freeproxy
Published: 2020-06-25 22:00:28

---
title: Access blocked websites with the Tor powered web proxy
published: true
description: The secure way to hide your IP and browse anonymously
tags: webproxy, proxy, VPN, freeproxy
cover_image: https://devrolabs.com/image/weboproxy/weboproxy-home.png
---

##**All about tor powered web proxy**

WebOProxy connects you to the Tor, the network run by thousands of volunteers around the world. When you access a website, your request will go to our server, which is running as a VPN, and after that, the request will go directly to the Tor network. Because of this mechanism, no one can track your details (IP address, location, etc.) or your online activities. At the same time, your Internet service provider will see a connection to WebOProxy, not to the destination website or the Tor network. For better protection, all traffic to WebOProxy is encrypted so that your ISP can not decrypt and monitor it. This is how we hide your real IP address and take care of your anonymity and privacy. Whether or not the destination website maintains a secure connection, you can be certain that your web traffic to WebOProxy will always be secured.

https://weboproxy.com
Microsft Design released Fluent System Icons and I created a React package
Tags: react, design
Published: 2020-06-25 22:00:16

# [Fluent System Icons](https://github.com/microsoft/fluentui-system-icons) came to us. 

I always liked the modern MS look and I always liked how nice the icons are in Microsofts UIs, but I could not use the MDL icons because of their license. Now that we have these nice open-source icons from Microsft we can combine them with their shiny opensource font Selawik and its on us to use these resources and build something nice.

If anyone would like to use them for React, I created a package https://yarnpkg.com/package/fluent-icons-react

For the C# devs, the Blazor package is in progress :)
Passwordless SSH One-Liner
Tags: linux, beginners, devops, tutorial
Published: 2020-06-25 21:18:02

When you need to get your key onto another machine, and you don't want the silly login-logout-copy-paste nonsense. Do this:


```
$ cat ~/.ssh/id_rsa.pub | ssh pi@pihole3bplus.local bash -c "mkdir -p .ssh && cat >> .ssh/authorized_keys"
```


Don't have a key? Here's how to make one

```
ssh-keygen
# smash the enter button
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
Your identification has been saved in /Users/tonymet/tmp/kaka.
Your public key has been saved in /Users/tonymet/tmp/kaka.pub.
The key fingerprint is:
SHA256:WXXXXX
The key's randomart image is:
+---[RSA 3072]----+
|o.+++=+*Bo=.     |
| . xxxxxxxxx . . |
|   xxxxxxxxx+ + .|
|  xxxxxxxxxx = . |
|     = .S . =    |
|      B    o .   |
|     + .         |
|      .          |
|                 |
+----[SHA256]-----+
```
Magento 1 to Magento 2 migration Service

Published: 2020-06-18 10:56:40

Magento 2.0 and higher versions are not mere upgrades to your Magento store but it is everything that your store can possibly become in the near future. It has the power to transform your online store to a new level of success. By migrating to the latest Magento version i.e., 2.3.2 it is possible to get a bucket full of new features that were not accessible in Magento 1.

In addition to this, your checkout process gets swift and your page loading time improves when you migrate to the latest version of Magento 2. On top of this, if you are someone who likes to take full advantage of SEO for your e-commerce store, Magento 2 provides enhanced SEO options that make the user experience positive. It even has enhanced functions for the store admin like never before!

You also need to ensure that any existing integrations are ported over and are working perfectly once the migration process gets over. Not only that you also need to make sure that your store’s URL structure and SEO rankings are not affected. Finally, once the new version is migrated to the new site loads and functions very swiftly.

<b>Are you ready to Perform the Migration of your old Magento Store to Latest?</b>

Don’t worry, we are here to offer you hassle Magento Migration Store of your old store to the fastest and secure Magento 2 Store. We can help you migrate all your important data such as orders, customer information, etc. from your existing Magento 1.x to the latest Magento 2.x using our simplified Magento 2 Migration Process.

<b>Benefits Of Magento Migration:</b>

Improves performance and Scalability
Enhanced Security
Improved checkout process
Advanced Reporting
Mobile-Friendly and responsive design
Better Customer Experience
Marketing Automation

<b>Why you need Magento 2 Migration Service?</b>

There are many reasons why you should upgrade & perform the migration of all your data to the Magento 2 store which you must consider before making decisions. Because Updating your older Magento to newer version always brings bug fixes, enhanced features & functionality, better UI, and faster performance. When it comes to Magento, it continuously justifies catering efficient operations and smoother user experience in order to push business growth upward. Check out what’s new in latest Magento version CE 2.3.3 & if you are looking for the <a href="https://www.axtongroup.com/services/magento-2-0-development/">Best Magento 2 Migration Service </a>that performed by Expert Certified Magento 2 Developer let us know.

Don’t worry about data loss while migrating from virtue-mart to Magento 2 migration and avail better quality services.
Call us right now for a free consultation on 610–209–3937 or 201–884–7338 or write us at info@axtongroup.com
The Cloud Resume Challenge
Tags: aws, devops, python, github
Published: 2020-06-25 20:29:42

I started the cloud resume challenge when I was searching for real world projects I could work on. I just attained my AWS Solutions Architect - Associate certificate and I wanted to back up my knowledge with practical experience. I found this was a great way to put my knowledge to the test.

1) I started with creating an s3 bucket to serve as my static website. I needed to use HTML/CSS to create the webpage. I have never worked with these languages but after some reading I became familiar with the basics. I'm not going to win any awards for web development, but I'm going to continually update with a better design the more HTML/CSS I learn.

2) Next I obtained a domain name using Route53, created an SSL certificate using AWS Certificate Manager, and then tied it all together with CloudFront to distribute globally. I ran into some DNS issues and found out that you must specify an alias name in the CloudFront settings.

3) We got our website up, now the challenge was to add a dynamic visit counter. I knew this was going to the biggest challenge, because I've never practiced coding before. I decided to use Python for the backend, and Javascript for the front end. After countless YouTube videos, and nights of googling, I started understanding the languages more and more. 

4) I created a DynamoDB table to store the visit counter. Then I created a GET method API Gateway and invoked a Lambda function to it. I had problems with getting the code right in my Lambda function since I have never used Python before. After reading a lot of documentation on the boto3 SDK, I flushed out all the problems. A specific problem I had was with the handler (bad handler). I had to make sure that I had created a Lambda deployment package. 

5) To make sure my code was working, I ran tests in VSCode for my Python scripts. I also tested it in my API Gateway before deploying.

6) Then I added Javascript to my index.html. Again, this took a while to figure out as I didn't know any Javascript prior to this project. It was rather simple once I did figure it out and it largely depended on the right variables and syntax. 

7) Making all these resources in the AWS console can be time consuming and can lack flexibility. I used SAM (Serverless Application Model) to deploy my AWS resources with code, known as infrastructure as code (IaC).  

8) I am currently working on using AWS CodePipeline to configure my deployment to my s3 bucket. I want to be able to connect to my Github repository so that code changes will be reflected in my bucket. I will update this post on completion. 

There we have it! A cloud resume made with AWS resources. This project was crucial in solidifying my skills as an aspiring cloud engineer. Studying for a certification is one thing, but actually getting your hands dirty is really eye opening. This gets me even more excited to work with this technology in a professional setting!


Finished product: [awsnick.com](awsnick.com)