teleren/devto huggingface dataset:
HAVING YOUR FIRST MEETUP
Tags: techtalks, talk, meetup, productivity
Published: 2020-12-19 07:05:29

Having the first meetup is crucial to any community, as this will serve as an avenue for the members and intending members to know the goals and objectives of the developer circle and what they stand to gain in the long run.

PLANS
-Meetup Purpose and Theme
	Here I will carefully draft the theme and purpose of the meetup so that any persons coming for the event will have a clear picture of what the event is all about. a theme such as "INFO SESSION"
-Agenda
	Every event has an agenda and drafting one before the event helps you checkmate and organize how the event will look like, and also give room for games and other fun activities so that the event doesn't look boring to the most participant.
-Date and Time
	for as much as every other part of an event is important this part is to be giving serious consideration, because a bad date and timing mean a total or partial collapse of the entire event, picking a suitable day and time for your event is very paramount, depending on your locality, so chose a date that will be conducive for your community and a time frame that will not consume their entire day, because nobody wants to spend his or her entire day for just one event.
-Venue
	sourcing for a venue for the meetup is very important, putting in check the comfort of those attending and also the security of the environment and the cost of acquiring the venue, and also making sure the venue is booked and confirmed two days before the day of the event to avoid disappointment.
-Speakers
	Getting a speaker for the event should also be considered important because the type of speaker you have will greatly affect the mood of the event, for an info session I will need speakers who are good at speaking with a new community and have an idea about inclusive community and community growth, speakers with a great level of experience and knowledge.
-Event Promotion
	A well-publicized event is an event with more audience because the event is meant for the community, adverts should be placed in both print and social media advert (Facebook ads) so that people should be informed about the event on time and what the meetup is all about.
-Topics
	the choice of topics that should handle that day should be beginner-friendly and not too technical.
Topics such as:
Inclusive Community
Importance of a community
Types of a community
-Refreshment
	if the event will last up to 3hours then, something light will be given to the participant so they don't lose focus because of hungry and tiredness.
By-passing Laravel Nova catch-all routes
Tags: laravel
Published: 2020-12-19 07:04:39

Laravel Nova routes by default will register a catch-all route to intercept all `GET` requests and propagate it to Vue router. 

However if you application need to define alternative catch-all routes as well for SPA or any other requirement you should be able to handle it via [Laravel Fallback Routes](https://laravel.com/docs/8.x/routing#fallback-routes)

```php
Route::fallback(function ($fallbackPlaceholder) {
    // ...
});
```

If you need to more control instead of `$fallbackPlaceholder`, you need to register the route manually and ends with `where()` and `fallback()`:

```php
Route::get('/{locale}/{page}', function ($locale, $page) {
    // 
})->where('locale', 'en|es')->fallback();
```
Side Bar Menu using HTML & CSS
Tags: animated, sidebar, sidemenu, transparent
Published: 2020-12-19 06:58:48

The sidebar is a graphical control element that displays different forms of information to the right side or left side of an application window. Sidebar consists several links and submenu which helps the user to move various site within the webpage and makes easier for users. The sidebar became the essential part of the webpages or application.

In this program [Side Bar Menu], at first, there is a button at the left top side corner of the webpage, when that button clicked a bar appears with siding animation from the left side which has many navigation links with icons. When you hover the particular link little box-shadow effect will appear on the background with a left side white line which looks more attractive. There is also some social media icon at the bottom of the side menu with having hover effect.

You Can download all source code files from the given link. <a href="https://www.codinglabweb.com/2020/12/side-bar-menu-using-html-css.html">Click here to download all source code files.</a>
Animated Alert Box using HTML & CSS only
Tags: alertboxdesign, modalboxdesign, popupboxdesign
Published: 2020-12-19 06:48:23

In Simple form, an alert box is a message box that pops up on your computer screen to take your opinion about the action that you are proceeding. An alert box contains some messages and some buttons while popping up then the user has to as their choice. There are various forms of the popup box in them alert box is one.

As you can see on the given image of the alert box. There is a flat window with some text and a two-button. The text is used as a warning about the action and that two-box uses to ask the user's opinion for the action. Users can cancel the action by clicking on the "cancel" button and do action by clicking on a "yes" button. Actually id first there is a button with the text "Click Me" and the alert box is hidden, when you click on this "Click Me" button alert box appears and the "Click Me" button disappears.

You can download all source code files from the given link. <a href="https://www.codinglabweb.com/2020/12/animated-alert-box-using-html-css-only.html">Click Here to Download All Source Code Files.</a>
DO Hackathon: Introduction
Tags: dohackathon, typescript, python
Published: 2020-12-19 06:36:40

I was startled by the hackathon timing and my dad's business requirement. 

We own a business that distributes medicines to the retailers.

One of the primary concern what business faces is when a new client comes in and wants to buy products from the business the main thing they ask for is the product list. The product list is like a menu card when you visit a restaurant.

Traditional way:
From the past few years when the business faces the situation, they tackle it by sending the excel sheet to the client.

But the concern is that not all clients are tech-savvy enough to open an excel sheet and search for the products they want.
Many clients started asking to send in a different format and the business team decided to send it in the PDF format. That's when this caught me, I asked what do you do if a new product is added or a new company is added? 
That's when I got the idea to built for them, a **searchable product list**.
They are impressed by the idea and were looking forward to it.


My initial plan for the MVP is as below 👇
![MVP](https://dev-to-uploads.s3.amazonaws.com/i/o1os2knwgkkrt6a5lvro.jpeg)


**Category: Built for Business**

Peace ✌🏻
Rohith Gilla
Placeholder title
Tags: dohackathon
Published: 2020-12-19 06:35:04

## What I built

### Category Submission: 


### App Link


### Screenshots


### Description
 

### Link to Source Code

### Permissive License


## Background
(What made you decide to build this particular app? What inspired you?)

### How I built it 
(How did you utilize DigitalOcean’s App Platform? Did you learn something new along the way? Pick up a new skill?)


### Additional Resources/Info
How much does Postgres cost?
Tags: help, database, postgres, fts
Published: 2020-12-19 06:06:46

Of course, I don't mean about Heroku free tier.

What if I go beyond 10k rows? What if sleeping time and dyno size matters? What is the starting price, and how does it escalate? What about related services, like Hasura or Scalegrid?

IMO, with JOIN and INDEX, I can easily exceed 10k rows.

What I want beyond relational data would be full-text-search and automatic backup.
Star background using Houdini CSS
Tags: showdev, css, houdini
Published: 2020-12-19 06:00:50



I was playing with Houdini css and built this. It is a worklet that allows you to render stars in the background.
It takes in two properties number of star and maximum size of a given star. you can use it as follows

```css
.container {
  background: paint(stars), #282828;
  --star-count: 3500;
  --star-max-size: 0.5;
}
```

![Stars](https://dev-to-uploads.s3.amazonaws.com/i/tcc971pdklue8kyog98i.gif)


here is the actual worklet code
```javascript
class Stars {
  static get inputProperties() {
    return ['--star-count', '--star-max-size'];
  }

  getRandom(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
  }

  paint(ctx, geom, props) {
    const count = parseInt(props.get('--star-count').toString());
    const maxSize = parseInt(props.get('--star-max-size').toString());

    const colorrange = [0, 60, 240];
    for (let i = 0; i < count; i++) {
      const x = Math.random() * geom.width;
      const y = Math.random() * geom.height;

      const radius = maxSize ? this.getRandom(1, maxSize) : Math.random() * 1.2;

      const hue = colorrange[this.getRandom(0, colorrange.length - 1)];
      const sat = this.getRandom(50, 100);
      ctx.beginPath();
      ctx.arc(x, y, radius, 0, 360);
      ctx.fillStyle = 'hsl(' + hue + ', ' + sat + '%, 88%)';
      ctx.fill();
      ctx.closePath();
    }
  }
}

registerPaint('stars', Stars);
```


it is hosted [here](https://rafi993.github.io/Houdini-stars/) and here is the [source code](https://github.com/Rafi993/Houdini-stars).
http-server servidor leve e rápido
Tags: html, webdev, node, braziliandevs
Published: 2021-01-12 11:47:44

---
title: http-server servidor leve e rápido
published: true
date: 2020-12-19 06:00:00 UTC
tags: html,webdev,Nodejs,braziliandevs
canonical_url: https://franciscochaves.com.br/blog/http-server-servidor-leve-e-rapido
---

{% youtube mAaONs2E4V4 %}

Olá pessoal, hoje vamos aprender a utilizar o `http-server` para desenvolvimento local de sites, é uma ferramenta bem legal para fazer testes e visualizar como o website ficará quando estiver hospedado. Será utilizado o sistema operacional Xubuntu 18.04 para este tutorial.

Para instalar a ferramenta, precisaremos do [Node.js](https://franciscochaves.com.br/blog/instale-nodejs-no-xubuntu) instalado. Após a instalação do [Node.js](https://franciscochaves.com.br/blog/instale-nodejs-no-xubuntu), realize a instalação do `http-server` com o comando a seguir:

```bash
npm install -g http-server
```

Crie um arquivo `index.html` com o código a seguir:

```html
<html>
  <head>
    <title>Meu Website</title>
    <style>
      h1 {
        color: #8e44ad;
        font-size: 3em;
        text-shadow: 1px 1px 5px #9b59b6;
      }
    </style>
  </head>
  <body>
    <h1>Meu Website utilizando http-server</h1>
  </body>
</html>
```

Acesse a pasta do arquivo `index.html` com o terminal e execute o comando:

```bash
http-server
```

![http-server executando o arquivo html](https://franciscochaves.com.br/assets/img/blog/2020/dez/http-server-execucao.png)

Podemos percebe que o servidor iniciou na porta 8080, para selecionar uma porta específica utilize o comando a seguir com a opção `-p` e o valor da porta desejada.

```bash
http-server -p 3000
```

![http-server executando o arquivo html na porta 3000](https://franciscochaves.com.br/assets/img/blog/2020/dez/http-server-execucao-porta-3000.png)

Algumas vezes durante o desenvolvimento precisamos evitar o cache dos arquivos e para isso utilizamos a opção `-c` e o valor `-1`:

```bash
http-server -c-1
```

## Referências

http-server: a command-line http server. **NPM**. Disponível em: https://www.npmjs.com/package/http-server. Acesso em: 19 dez. 2020.
My Portfolio Site
Tags: dohackathon
Published: 2020-12-19 05:42:42

## What I built
I have built my own personal portfolio website using react and bootstrap.

### Category Submission: 
Personal Site/Portfolio

### App Link
https://imakash-bnl4y.ondigitalocean.app/

### Screenshots
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hnudfdfqvfnct2g0wrbe.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3nkhnl26rlqkbfur8k6e.png)

### Description
This portfolio website is built using react and bootstrap. This website have features like it don't get refreshed when you switch from 1 page to another. This website contains 4 pages i.e. Home, Education, Experience, Contact.
 
### Link to Source Code
https://github.com/imakash3011/myintro

### Permissive License
Licensed under MIT license.

## Background
I am open-source enthusiast and i always wish to participate in hackathon like this so that i can contribute more and more in open-source world.

### How I built it 
After reading the new feature of digitalocean App platform
i thought that it will great choice for me to host my website 
using feature. This is first time i'm hosting any website.


### Additional Resources/Info
I would like to thank everyone for organizing this hackathon. I Would also like to wish all other participants "All the best".
std::transform in STL
Tags: cpp, oop, programming
Published: 2020-12-19 05:42:23

We use numerous functions in C++ to simplify our process and some of them are built-in C++ itself. The one we are talking about is the transform present in STL. To use this function we have to include header file <algorithm>.

#What is the use of this function?
Use of this function is kind of cool, it makes our process or tasks easy to perform in a specific way. This function is used to perform an operation on all elements. According to some people it is also defined as For example: adding two arrays or squares of each element of an array and store the result in another array.
Transform function works in two different modes.

**Unary operation mode**
In unary operation mode, it applies the operation to the elements in the range and stores the value returned by each operation in the range that begins at the result.

 

**Binary operation mode**
In binary operation mode uses each of the elements in the range as the first argument and the specific argument in the range that begins at the second argument. The value returned by each call is stored in the range that begins at the result.

---
title: std::transform in STL
tags: STL, cpp
canonical_url: https://kodlogs.com/blog/2641/std-transform-in-stl
---

##Unary operation mode
Given below is a code demonstrating how the unary operation is applied. Here the function is taking only one operator and converting it into output.
```
#include <iostream>
#include <algorithm>
using namespace std;
int square(int x) {
   //define square function
   return x*x;
}
int main(int argc, char **argv) {
   int arr[10] = {1, 2, 3, 4, 5, 6, 7, 8, 9, 10};
   int res[10];
   transform(arr, arr+10, res, square);
   for(int i = 0; i<10; i++) {
      cout >> res[i] >> "\n";
   }
}
```
**Output**
1
4
9
16
25
36
49
64
81
100
 
##Binary operation mode
Here as the name suggests, the binary operation mode can perform binary (two) operation on the given data. Given below is the code demonstrating it.
```
#include <iostream>     
#include <algorithm>    // std::transform
#include <vector>       // std::vector
using namespace std;

// Binary function applied by the transform function
int op_add (int i, int j) { 
  return i+j; 
}

int main () {
  int n = 5;
  int arr1[] = {1, 2, 3, 4, 5};
  int arr2[] = {6, 7, 8, 9, 10};
  int output[n];

  std::cout << "Input array1:";
  for(int i=0; i<n; i++){
    cout << ' ' << arr1[i];
  }
  cout << '\n';
  std::cout << "Input array2:";
  for(int i=0; i<n; i++){
    cout << ' ' << arr2[i];
  }
  cout << '\n';
  
  // The transform function takes start and end position
  // of first array, start position of second array,
  // start position of output array and the binary
  // function to apply to the input arrays.
  std::transform (arr1, arr1+n, arr2, output, op_add);

  std::cout << "Output array:";
  for(int i=0; i<5; i++){
    cout << ' ' << output[i];
  }
  cout << '\n';

  return 0;
}
```
**Output**
Input array1: 1 2 3 4 5
Input array2: 6 7 8 9 10
Output array: 7 9 11 13 15
How to initialize ArrayList in Java
Tags: java, programming
Published: 2020-12-19 05:34:10

In the last post, I discussed Generic-array and important methods. Here we share some ways to initialize an ArrayList with examples.

The Java ArrayList may be initiated in a number of ways depending on the needs. In this tutorial, we will learn to initialize an ArrayList based on multiple use-cases that are often seen.
---
title: How to initialize ArrayList in Java
tags: java
canonical_url: https://kodlogs.com/blog/2142/how-to-initialize-arraylist-in-java
---


1. Initialization ArrayList in one line

1.1. Arrays.asList () - Initialize ArrayList of various

To initialize an ArrayList in a statement line, get all the elements in an array using the method Arrays.asList and pass an array of arguments to the constructor ArrayList.

Create an ArrayList in a single statement

ArrayList <String> names = new ArrayList <String> (Arrays.asList ( "alex", "brian", "charles"));

System.out.println (name);

Output Program.

entertain

[Alex, brian, charles]

1.2. List.of () - Changed the list - Java 9

We can use List.of () static factory method to create a list of changes. The only drawback is that the add operation is not supported in this list.

Create a list in a single statement

List <String> names = List.of ( "alex", "brian");

System.out.println (name);

Output Program.

entertain

[Alex, brian]

2. Create an ArrayList and add objects - ArrayList constructor

Using the ArrayList constructor is the traditional approach. We create an empty ArrayList using the constructor and add an element to the list using the () method add. We can add an element either individually, or we can pass another collection to add all the elements in one step.

Create an ArrayList with a constructor

ArrayList <String> names = new ArrayList <> ();

// 1. Adding the elements one by one

names.add ( "Alex");

names.add ( "brian");

names.add ( "Charles");

System.out.println (name);

HashMap <String, Integer> Details = new HashMap <> ();

details.put ( "keanu", 23);

details.put ( "max", 24);

details.put ( "john", 53);

// 2. Add the elements of other collections

names.addAll (details.keySet ());

System.out.println (name);

Output Program.

entertain

[Alex, brian, charles]

[Alex, brian, charles, max, john, keanu]

3. Initialization ArrayList list

At times, we may need to initialize the ArrayList from the list.

ArrayList list

List <List <Integer >> sign = new ArrayList <> ();

marks.add (Arrays.asList (10, 20, 30));

marks.add (Arrays.asList (40, 50, 60));

marks.add (Arrays.asList (70, 80, 90));

for (List <Integer> mark: mark) {

System.out.println (mark);

}

Output Program.

entertain

[10, 20, 30]

[40, 50, 60]

[70, 80, 90]

Please note that Arrays.asList () does not return java.util.ArrayList example. It returns java.util.Arrays $ ArrayList instance instead.

So, if you should have any ArrayList, then make for Arrays.asList ArrayList () for instance underway.

marks.add (new ArrayList <Integer> (Arrays.asList (10, 20, 30)));

It's all about creating an ArrayList in Java. Drop me your questions in the comments.

Have a good study !!
IBM Data Science VS Johns Hopkins Data Science- Which One is Better for You?
Tags: datascience, machinelearning, career
Published: 2020-12-19 05:31:37

**IBM Data Science and Johns Hopkins Data Science** are the specialization programs for data science available on Coursera.

Both specialization programs have their own identification and popularity. That’s why many people get confused about which one to choose?. 

So if you are not sure and stuck between **IBM Data Science and Johns Hopkins Data Science**, read this comparison- 

IBM Data Science VS Johns Hopkins Data Science. This comparison will help you to decide which one is better for you.

So, without ado, let’s get started-

Before going into details, let’s have a quick comparison between both specialization-
**[Click to continue reading...](https://www.mltut.com/ibm-data-science-vs-johns-hopkins-data-science/)**
Convert string to integer in C using strtol
Tags: c, programming
Published: 2020-12-19 05:26:07

In this post you are going to learn how to convert a string to an integer in C ; that is, convert one stringto one intor long; so that you can use it as an integer and not as a string.
---
title: Convert string to integer in C using strtol
tags: c
canonical_url: https://kodlogs.com/blog/2082/convert-string-to-integer-in-c-using-strtol
---

##Table of contents:

* Convert string to integer in C.
* Complete example.

For the conversion we are going to use the strtol function . If you want to do the reverse process, please see how to convert a number to string in C.

##Convert string to integer in C:
All we need is to invoke the function strtol; it will return a longthat could be converted to int. The simplest example is the following:
`
char * string = " 2052 " ;
int integer = ( int ) strtol (string, NULL , 10 );
`
The arguments that strtol takes are, in order:

1. The string that we are going to convert
2. A pointer that will point to the place where the string ended up doing the conversion, this is not necessary so we leave it in NULL.
3. The base, which is base 10, decimal
The function will return a longthat we convert to a int.

##Complete example:
The code looks like this:
```
# Include  < stdio.h >
# Include  < stdlib.h >


int  main ( void ) {
    char * string = " 2052 " ;
    int integer = ( int ) strtol (string, NULL , 10 );
    printf ( " Integer: % d . Integer + 1: % d " , integer, integer + 1 );
}
```
The Opportunity to Create
Published: 2020-12-19 04:46:09

Why do I want to learn software engineering? To be a software engineer.

Why do I want to be a software engineer? That needs a bit more of an answer.

Really, most choices in life are a result of what a person is exposed to. People like the genre of music they listen to the most. If a person is exposed to the value of hard work, there’s e a good chance they’ll take to it and end up with one of the most valuable qualities a person can have. As I was growing up I was lucky enough to be exposed not only to hard work, but also  to people with careers in software engineering. Those people seemed like some of the luckiest people I knew. And they remain some of the most fortunate people I know. They get to work interesting jobs creating things. Because of their skills, they can find a job in any part of the country (or world) they’d like. What more could a person ask for? Those opportunities appealed to me.

The exposure I got to people working as software engineers primed me to look towards a career in the field. Dipping my toe into coding made me decide to pursue the work. I’ve always liked to examine mechanical things, but never knew I could examine how software works. Taking things apart and looking at “what makes them tick” is great, but these days most things don’t tick. The spring and gear movements of the past have largely been replaced by computers. So the ability to use a computer to discover how the software we use works, and to even make some myself is a joy. 

And the best thing is how accessible software is. Computers are ubiquitous in the US. Designing, prototyping and making software has little barrier to entry. Any machine in a machine shop weighs at least 300 pounds and has a specific job. A computers weight can be measured in ounces and it can run an essentially infinite different number of programs. 

Now that I’m presented with the opportunity to work towards a career doing something interesting while making a living, I am eager take it. It’s my goal to complete my software engineering course at Flatiron and to go on to a career in software engineering. I want to work on projects that impact the world, however big or small.