teleren/devto huggingface dataset:
Smart Cities Hackathon - 1st Place
Tags: career, aws, connect
Published: 2024-02-27 19:25:19

---
title: Smart Cities Hackathon - 1st Place
published: true
date: 2019-10-14 14:21:28 UTC
tags: Career,AWS,Connect
canonical_url: https://bliskavka.com/2019/10/14/hackathon-2019/
---

Our team won the South Florida Tech Hub Hackathon against 20 teams. It was hard work but what an experience!

{% embed https://www.youtube.com/embed/fXx_pysTPGo %}

## First place, $2.500 prize: Hurricane Helper

Hurricane Helper’s progressive AWS-based web application is called EDNA – Emergency Disaster Network Application. EDNA is an online platform that streamlines disaster management by using a national volunteer network in a cloud call center.

## Tips

  - Don't be greedy. More members on your team means you can get more done and build something impressive - we had the max at 8. It was an 8-way split, but I don't think we would have won with 4.
  - Focus on what makes your app special. Don't worry about the login screen and user management, you can fake that for the presentation.
    - The goal of a hackathon is to pitch the idea and create a Proof-of-Concept.
  - Exploit existing skills - not everyone needs to be a developer.
    - You need someone to work on the pitch, someone to present, and someone to keep notes.
    - I had experience with Amazon Connect and experience leading a team, so I took that role.
  - Check in often. We had a standup every 90 minutes to check progress.
  - If something isn't working, it's OK to pivot to an alternative.
    - Initially, we were designing an Express API but the time to design and implement was taking too long. In the end, we used a single serverless function in AWS Lambda.
  - Include business metrics in the presentation!
    - We included an estimated cost of our platform vs a commercial contact center.
    - The decision-makers are typically not technical and don't care about the tech, they care about the business results.
  - Have fun and don't take it too seriously.
    - We called our submission EDNA, and our key persona was Grandma EDNA. It's OK to work in some humor and be a little tongue-in-cheek.

## Team Members

  - Ivan Bliskavka - Lead
  - Derek Donev - Backend
  - Erik White - Frontend
  - Mike Tobin - Dev
  - Michael Roth - PM
  - Holden Gibler - Presenter
  - Taylor Gagne - Backend
  - Alex Ciccolella - Pitch Deck

## Links

  - [South Florida Tech Hub Post](https://techhubsouthflorida.org/smart-cities-hurricane-relief-hackathon/)
  - [Presentation](https://bliskavka.com/2019/10/14/hackathon-2019/EDNA-Presentation.pdf)
Filter Arrays in JavaScript
Tags: javascript, webdev, beginners, react
Published: 2019-10-14 14:05:48

This video covers how filter higher order function works on JavaScript Arrays

Code Samples at 
https://gist.github.com/SuperBonsaii/30551ea9f7d4b7bef48f2e65e4a02325#file-filter-arrays-in-javascript-md



**********Watch all JavaScript Tutorials**********

http://bit.ly/javascript-youtube

***************************************************

Deeksha on Twitter: https://twitter.com/deekshasharma25

Subscribe for more videos on JavaScript with Visualization: https://www.youtube.com/channel/UC0yZBnRsD9JRqLXBkfGym0Q?sub_confirmation=1
Visit bonsaiilabs at https://bonsaiilabs.com
[JS] This command will help you to free some disk space
Tags: javascript, node, npm
Published: 2019-10-14 13:58:31

My work laptop has an small SSD Disk (128 GB) so I often receive some system notifications alerting me that my `/home` is running low on disk space.

After some digging I found out that many projects under my `/dev` folder had a `node_modules` folder inside eating up a bunch of space.

So I needed a magical command to remove these folders recursively and here is what I found in my first Google search result:

### Clear all node_modules Directories | Mac and Linux

1. Open your terminal.
2. Browse to your master project directory or the top level of where you have a bunch of projects stored.
3. Run the command: `find . -name "node_modules" -type d -prune -exec rm -rf '{}' +`

* (Optional) Create an alias (node-modules-clean)


This helped to free up 5GB on my SSD. Hope it helps you too :)

Source: [rtmccormick.com](https://rtmccormick.com/2018/01/10/clear-node-modules-folders-recursively-mac-linux/)
Kubernetes Patterns : Singleton-Application Pattern
Tags: kubernetes, docker, pattern, devops
Published: 2019-10-14 13:55:40

What is The Singleton Pattern?
The Singleton pattern is one of the creational patterns used in software development. In Object-Oriented programming, a Singleton class refers to one that does not accept other instances to get created. The same concept holds for other domains than application development. For example, let’s assume that you are working on a Red Hat Linux box. Red Hat and its variants (Centos, Fedora, etc.) use yum for package and system updates. On a periodic basis, the operating system contacts its package repositories to download and update the packages that are currently installed. While this operation is in progress, no other yum processes should start. So, if a user tries to use yum to install a package, the system responds that “another installation is already in progress”. The yum process here may be referred to as the “singleton” process: only one instance of yum should be running at any given time. The Singleton pattern is used to maintain consistency and integrity. In the yum example, running multiple instances of the package manager concurrently may break the operating system or make it unstable.
for more information visit: https://www.magalix.com/blog/kubernetes-patterns-singleton-application-pattern
CSS Positions - The Most Difficult Concepts Explained in a very SImple Way
Tags: css, beginners, showdev, design
Published: 2019-10-14 13:48:23

CSS positions are the most difficult things to learn in CSS (in my opinion).I am going to teach your position today.There are total five CSS positions:

  - Relative
  - Absolute
  - fixed
  - Sticky

### Fixed:
This CSS position you can apply every element.
This elements left its own flow.You can see this element on the page but this is while scrolling.The element wil scroll.

###Absolute:
 This CSS  position fixed like left its own flow but it will be fixed in scrolling.This CSS position is you can apply the positive properties.top right bottom left.

###Relative:
This CSS position you are apply every element.This element will not left its own flow.This element is you can apply the positive position. top right bottom left. e.g Trying applying the position on footer and also applys top:50 .you will see that your footer will be a little than its own flow nad is that is own place.

####Sticky:
 This CSS position is not supported by all the browsers yet.If you apply this position to any element.When the elements reaches the top of the window.It will stick as the name suggests"Sticky".

___

Difference between CSS positions.
#####Absolute

- left its own flow
- can apply the position properties
- relative to the viewport

#####Relative
- Dont,t left its own flow-
- can apply the positions properties-
- relative to its own flow

#####Fixed

-fixed on its defined space-
-left its own flow-

This css positions are much complex than this,there are more things remaining to learn like stacking order and z-index.I will definelly write on article about this very soon.I am kind a active [twitter](www.twitter.com/the_ibrahim_).
2019 DC CyberWeek & Diversity in Tech Comes to Capitol Hill
Tags: inclusion, eventsinyourcity, womenintech
Published: 2019-10-14 13:47:02

If you are in the DC area, would love you to join me and several other panelists on 22 OCT to discuss diversity in tech and its role in mitigating bias in algorithm development, AI, and machine learning. Tickets are free but seating is limited. Register here: https://www.eventbrite.com/e/diversity-tech-mitigating-bias-in-a-rapidly-changing-technological-age-tickets-75312899911
what is angular
Tags: javascript, angular
Published: 2019-10-14 13:46:14

Angular a javascript library framework is written in typescript.
TypeScript open-source web application framework the Angular Team use in Angular.
Angular base on Component uses the angular Component to create a responsive web layout.

Angular feature:

Component
Directives
Modules
Forms
Services
Http
And many more

What is the angular version?
Angular version numbers have three parts:

![angular version](https://thepracticaldev.s3.amazonaws.com/i/a75r880gxznrvbo848te.jpg)


1.major

2.minor

3.patch

Example: version 7.2.11

version:
October November 2019 ^8.0.0
May 2020 ^9.0.0

More version details

How to Install angular?
First setup environment for Angular development using the Angular CLI tool. use the CLI, create an initial workspace and starter app, and running that app locally to verify your setup.


Step 1:Install the Node.JS
First Install node.js on your machine.make sure Node.js version 10.9.0 or latest.
To check your version, run node -v in a terminal/console window.
To get Node.js, go to nodejs.org download it.


Step 2: Install the Angular CLI
You use the Angular CLI tool to create a project, generate application and library code, and perform a variety of ongoing development tasks such as testing, bundling, and deployment.
Make sure to install the Angular CLI globally.
To install the CLI using npm command:
npm install -g @angular/cli


Step 3: Create the first App:
To create a new workspace or app:
run the CLI command in terminal ng new and provide the name my-app, as shown here:
ng new my-app


Step 4: Run the application.
The Angular CLI includes a server so that you can easily run an app on the browser.

Go to the workspace folder (my-app).
Launch the server by using the CLI command ng serve, with the — open option.

cd my-app
ng serve — open

The — open (or just -o) option automatically opens your app in the browser (default ) to http://localhost:4200/.

Note: First go to the workspace folder than use ng serve command.

Angular 8 home page in your browser.

![Angular 8 home page](https://thepracticaldev.s3.amazonaws.com/i/zwsapysii1bwxvfrghwc.PNG)
The main event: EVENT LOOPS
Published: 2019-10-14 13:17:31

 One thing javascript is well known for being asynchronous code. Meaning the code runs one line at a time and single - thread. However, when running javascript behavior on the browser, javascript codes are built on top of the browser.
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/bpsxgmtsk2cmqhqvgj6x.png)

 Heaps are the mostly unstructured region of the memory. Think of it as a code that has not been run or placed on the stack. Stacks is the reader that reads each javascript language a thread at a time. When the stacks become slow, the term that is referred to that is called block barcode.  Block barcode usually happens, when your code takes long-running one line on the stack. For example, iterating through an array that has a million people that has a chase bank account. Also, stacks keep track of where each code is on the file. This happens because it reads the function from top to bottom. Lastly, the stack is an array-like data structure with limitations like only additional items in the back and only remove the last item. You can think of it as first in first out, because   
 Web APIs or browsers are built-in browsers, it allows you to share data from the browser and other computer environment and allows you to do complex things with it. Web APIs are not javascript; however, javascript is built on top of web APIs that allow the user to have functionality when visiting the site. Web APIs have access like threads that allow you to make calls to this where the concurrency happens. When using a set timeout or any callback, the callback goes to the web API then the call back goes to the task queue then the event loop looks at the stacks and if the stack is empty the event queue takes the first thing in the past few and place it to the stack Event Loop has to wait for the stack to be clear before putting the call back in the stack. If there is a code on the stack you can't click on the screen and expect the response. the render runs after each callback queue. With this, all being said remember about how javascript runs on the web browser. Also, I highly recommend checking out Philp Roberts video https://youtu.be/8aGhZQkoFbQ. Mr. Roberts goes into great detail about this topic.
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/7xo057v33sevt6hy4ra4.gif)

More resources: 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop
https://hackernoon.com/understanding-js-the-event-loop-959beae3ac40
Function parameters and arguments
Tags: javascript
Published: 2019-10-14 13:15:00

---
title: Function parameters and arguments
published: true
description: The difference between parameters and arguments in Javascript
tags: javascript
---

## The difference between parameters and arguments in Javascript

Functions can have *parameters*, that is, values passed in for the function to work with. 

The difference between *parameters* and *arguments* is that parameters are the variables defined in the function declaration statement while arguments are the actual values passed into the function.

Here's an example of this concept:

```
// "name" and "age" are function parameters

function greeting(name, age) {  
  return `Hello ${name}, ${age}`;
}

// "Estelle" and "13" are arguments

console.log(greeting('Estelle', 13));
```

In this example, the `name` and `age` variables on the line where the function is defined are called parameters.

When we call the function, a few lines below, we pass the actual value of those parameters. These values are called `arguments`.

So, arguments are values passed to the function at the time of its invocation.

### What happens when a list of arguments is passed to a function?

When a list of arguments are passed to the function, they are passed to the parameters in the order they are given.
The first argument gets passed to the first parameter. The second argument gets passed to the second parameter, and so on.

If we have more arguments than available parameters to match them, the excess arguments are ignored. But they are not completely discarded, there is still a way to access them.
If there are less arguments than parameters, the parameters that don't match with an argument are set to undefined.

### The rest parameters

In ES6 we can capture a list of arguments into an array called the rest parameters. All we have to do is prefix the parameter in the parameter list in the function definition with the spread operator: `...`

```
function multiply(first, ...numbers) {
  console.log(first);
  console.log(numbers);
}

multiply(1, 2, 3, 4, 5); 
// => first: 1, numbers: [ 2, 3, 4, 5 ]

multiply(1, 2, 3, 4, 5, 6, 7); 
// => first: 1, numbers: [ 2, 3, 4, 5, 6, 7 ]
```

Only the last parameter can be a rest parameter, we should put the spread operator only in the last position.

### Default parameters

To create a default parameter, we assign a value to a parameter in the list when a function is defined. Here's an example:

```
function greetingTwo(salutation = "Hello", name = "sir") {
  return `${salutation}, ${name}`;
}

console.log(greetingTwo()); // => Hello, sir

console.log(greetingTwo(undefined, 'Estelle'));   
// =>  Hello, Estelle
```

Tomorrow we will take a look at parameters that are implicitly passed to functions when they are invoked.
How to quickly batch resize, compress, and convert images with a Bash one-liner
Tags: showdev, linux, bash, productivity
Published: 2019-10-15 14:03:23

---
title: How to quickly batch resize, compress, and convert images with a Bash one-liner
published: true
date: 2019-10-14 12:27:49 UTC
tags: ["showdev",”Linux”,”bash”,"productivity"]
cover_image: https://victoria.dev/blog/how-to-quickly-batch-resize-compress-and-convert-images-with-a-bash-one-liner/cover_hud69be56925ea18eef655f06e008202c3_854420_640x0_resize_box_2.png
canonical_url: https://victoria.dev/blog/how-to-quickly-batch-resize-compress-and-convert-images-with-a-bash-one-liner/
---

Part of my Hugo site continuous deployment workflow is the processing of 210 images, at time of writing.

Here’s my one-liner:

```sh
find public/ -not -path "*/static/*" \( -name '*.png' -o -name '*.jpg' -o -name '*.jpeg' \) -print0 | xargs -0 -P8 -n2 mogrify -strip -thumbnail '1000>' -format jpg
```

I use `find` to target only certain image file formats in certain directories. With [`mogrify`, part of ImageMagick](https://www.imagemagick.org/script/mogrify.php), I resize only the images that are larger than a certain dimension, compress them, and strip the metadata. I tack on the `format` flag to create jpg copies of the images.

Here’s the one-liner again (broken up for better reading):

```sh
# Look in the public/ directory
find public/ \
# Ignore directories called "static" regardless of location
-not -path "*/static/*" \
# Print the file paths of all files ending with any of these extensions
\( -name '*.png' -o -name '*.jpg' -o -name '*.jpeg' \) -print0 \
# Pipe the file paths to xargs and use 8 parallel workers to process 2 arguments
| xargs -0 -P8 -n2 \
# Tell mogrify to strip metadata, and...
mogrify -strip \
# ...compress and resize any images larger than the target size (1000px in either dimension)
-thumbnail '1000>' \
# Convert the files to jpg format
-format jpg
```

That’s it. That’s the post.
【ふくてん】 Fukuoka.NET Conf 2019の開催＆登壇
Tags: dotnet, blazor, dotnetconf
Published: 2019-10-14 12:16:20

# Fukuoka.NET Conf 2019

2019/10/12 にふくてん .NET Conf 2019 の福岡版ローカルイベント無事開催！
🌀強風の中、たくさんの方にご参加いただき、誠にありがとうございました。
イベントページ：
https://fukuten.connpass.com/event/143452/

最初のセッションはなんと[Scott Hanselman](https://www.dotnetconf.net/speakers#scott-hanselman) の動画！リアルタイムではなく、日本での .NET Conf 向けに動画を用意してくれました！
長年の大ファンとして凄く嬉しかったです。いつか福岡へ来てくれないかな？？ｗ

# ブログまとめ

Microsoft MVP 松村さん通称「MLBお兄さん」と石橋さんのブログまとめはこちら↓↓↓ 是非チェックしてみてください♪

- MLBお兄さん投稿：
  [Fukuoka.NET Conf 2019を開催しました＆登壇をしました](https://tsubalog.hatenablog.com/entry/2019/10/13/154511)

- 石橋さん投稿：
  [Fukuoka.NET Conf 2019 開催しました](https://rupic.hatenablog.com/entry/2019/10/13/155233)

Twitter まとめはこちら↓
[Fukuoka.NET Conf 2019 まとめ](https://togetter.com/li/1416223)

# 「.NET Core 3.0 で Blazor を使用した​フルスタック C# Web アプリ​の構築」登壇資料

自分の登壇資料はこちら↓
{% slideshare iJVOLMR5g4tMgZ %}

![Me](https://thepracticaldev.s3.amazonaws.com/i/ehwf91eli95ryyw98mdg.jpg)

----

実はスライド作成は前日までブラッシュアップしていたのですが、どんな Blazor スクリーンショットをスライドに載せるか検討していて、ついちょい深いデバッグしていたら、フレームワーク内のスペルミスを発見！そして GitHub 上の Pull Request （プルリク）を送信しました。

{% github https://github.com/aspnet/AspNetCore/pull/14925 %}

その数日前も、気づいた点を発見し、プルリクを送信しました。

{% github https://github.com/dotnet/docs/pull/14984 %}

{% github https://github.com/dotnet/docs/pull/14982 %}

Blazor は比較的に新しい技術でもあり、[公式ドキュメント](https://docs.microsoft.com/en-us/aspnet/core/blazor/?view=aspnetcore-3.0)はこれからもブラッシュアップされていくと思いますので、皆さんのフィードバックも不可欠ではないでしょうか。

---

次回のふくてん、皆様のご参加をお待ちしています♪♪ ✨🎉🎊
How Do You Handle Burnout as a Developer?
Tags: development, burnout, bootcamp
Published: 2019-10-14 12:01:33

---
title: How Do You Handle Burnout as a Developer?
published: true
description: How to handle burnout
tags: development, burnout, bootcamp
cover_image: https://thepracticaldev.s3.amazonaws.com/i/gbwip9esecyaafip5th2.jpg
---

Burnout in web development/software engineering is very, very real. I am finding this out as we speak. I work full time as a software engineer for a .Net shop, and I am in the very last month of a full stack web development bootcamp. With my last two projects looming on the horizon, I simply have no motivation to do anything but veg out in my bed watching re-runs of "The Walking Dead" or "Empire." My laptop calls my name, but I just can't bring myself to open it.

I know everyone says, "You need to take some time for your self care." And that's all well and good, but what do you do if you are on a timeline? What happens when your deadline is about three weeks away? I would love to meditate to clear my head, but I can't shut my brain off for any length of time. It's like a vicious cycle.

![Feeling the burnout](https://thepracticaldev.s3.amazonaws.com/i/wjm7q5zmm9y1wppne4av.png)


Have any of you ever encountered these feelings? Is there something you, personally, do when you are feeling this way? If so, I would LOVE to hear your suggestions!
It has survived not only five centuries, but also the leap into electronic
Tags: java, javascript
Published: 2019-10-14 12:00:58

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
DO NOT SUFFER, NOVICES, HIRE A SKILLED TEAM
Tags: ruby, rails, android, ios
Published: 2019-10-14 11:47:30


We are Nascenia, a software outsourcing company situated in Bangladesh and serving clients worldwide. We wonder if there are opportunities to work as a remote team or partner to contribute and assist entrepreneurs, startups or multinational companies around the world to grow their business with us.

As a technology-agnostic company, we love to adopt new technology. Our core expertise is Ruby on Rails and we have the largest ruby on rails team in Bangladesh. We have completed 100+ projects and have clients mainly in Eu, America, and Japan.

We love different cultures and working with people from different horizons. We will try our best to share knowledge with you!
Let's help each other.
E-commerce Web Development Company - Ambient infotech
Tags: webdev, design
Published: 2019-10-14 11:37:17

Ambient Infotech is a leading IT company that established was in the year of 2015. We provides latest technology eCommerce website design and development services in all around United States. We are well-established agency in eCommerce web service field. Our ecommerce website design and development services are well diverse; we can build more impressive and effective web services.  
We are committed to deliver result driven project on time with the quality and accuracy. Our highly qualified and experienced team of professionals specialized in creating superb websites and applications for various industries. Our client happy to our service because we always build the relation to client and give the best result according to their requirement.

For know more information, visit at https://www.ambientinfotech.com/
Contact email id: Info@ambientinfotech.com