teleren/devto huggingface dataset:
Are there too many technical talks in technology events? 🤔
Tags: discuss
Published: 2020-02-04 08:13:01

<h4>Hello, users!</h4>

Lately there's been a huge **boom** in technological events all around the world. There were lots already, but we had the all-male-panel phenomenon, which we've been slowly fading.

However, I think we still have 3 problems in the talks given in technological events.

**1) I don't see much diversity, and I'm not talking about only women&men.**

What I meant with this is that if I had the chance to organize an event, there are plenty spanish professionals I'd like to invite, **but also lots of professionals all around the world** that I'd like to invite.

Also I don't see much people from minorities, something that really makes me worry.

**2) Too many technical talks**

I'm sorry but I'm so tired of the **I'm so good** conferences, the **Look what I do** talks and the **I'm here because I'm a CEO** talks.

Technical talks are good, **but personal/social talks are good too**. We're humans, we're not machines, I want to hear stories about how someone working in a bank suddenly felt the urge of programming; how a housewife started working in a tech company, how to keep a good balance between work&life&stress&learning...

I'm missing people that it's not a CEO, not a leader, not the best man/woman in the company, talking about their careers or what they've learned. **Not everyone was born with nice stickers in their laptop**.

**3) Too many "this could've been a workshop" talks**

A talk it's not a course or a class. You may understand some concepts but you won't get out of that event being a ninja-rockstar-jedi of all the technologies you've heard through the whole day.

I feel there are too many talks that shoudn't be talks, but workshops.

What are your thoughts on this? I'm reading you in the comments!
Apply styling to HTML elements programmatically: Apply a Transform
Tags: css, javascript, beginners, webdev
Published: 2020-02-04 08:05:12

I was excited to remember transforms from my high-school mathematics.

Transforms in programming make it possible for you to make an element to grow, shrink and basically move in any direction you program it to.

The CSS syntax for applying transforms to an element
```css
transform: none
           transform-function
           initial /* sets element to it's initial value */
           inherit /* specifies that a property should inherit its value from its parent element */
``` 

Transforms can be applied using CSS and/or JavaScript and in this post I will try to illustrate as many ways possible. 

<h3>The Rotate Method</h3>
The rotate method defines a 2D (the angle is specified in the parameter) and 3D(along the x,y,z angles). Rotate clockwise is represented by positive angles and rotation in the anticlockwise direction is represented by negative angles. 
{% codepen https://codepen.io/stellahstarr/pen/bGNXmGd %}
{% codepen https://codepen.io/stellahstarr/pen/qBEegPL %}


<h3>The Translate Method</h3>
The translate method allows you to move an HTML element by changing it's X and/or Y position on the page. 
{% codepen https://codepen.io/stellahstarr/pen/jOEgRLN %}
{% codepen https://codepen.io/stellahstarr/pen/wvawKae %}

<h3>The Skew Method </h3>
Skewing slants or places an element on a page in such a way that is not parallel to the horizontal or vertical axis of the screen - <em>omg, I don't know if that explanation makes sense.</em> 
{% codepen https://codepen.io/stellahstarr/pen/XWbrXbm %}
{% codepen https://codepen.io/stellahstarr/pen/yLNBeaB %}



<h3>The Scale Method</h3>
The scale method resizes elements by specific ratios. The scale method takes one parameter, a decimal value that represents the % to scale. 
Values greater than 1 make the image image bigger and values less than 1 but greater than 0, - 0 > <em>let x=value</em> < 1, make the image smaller. 
{% codepen https://codepen.io/stellahstarr/pen/bGdbEBz %}
{% codepen https://codepen.io/stellahstarr/pen/YzXKwZY %}

<ul>
<li>
<b>Note</b>:The transform property can apply a 2D or 3D transformation to an element in both CSS and Javascript.
</li>
</ul>
Thank you for reading, comments and links to more resources are welcome.
Why do some Programming Tutorials not place emphasis on Software Architecture Principles?
Tags: discuss, tutorials, architecture
Published: 2020-02-04 07:29:55

---
title: Why do some Programming Tutorials not place emphasis on Software Architecture Principles?
published: true
description: Programming tutorials emphasising Software Architecture Principles
tags: devdiscuss, tutorials, architecture
---


Why do some programming tutorials not include software architecture principles such as SOLID and design (anti-)patterns in building the projects that accompany the tutorials?

These principles are important as they support the lifespan of any software project. What's more? They are better learnt using examples and use cases (of which the project being built during the tutorial contains a plethora of).

This #discuss begs the question

<center><h3>Why do some programming tutorials not place emphasis on software architecture principles while building the project(s) being built during the tutorial?</h3></center>
<h4>And do you think they should?</h>
My Top 5 Tech Documentaries
Tags: techdocumentary, discuss, film
Published: 2020-02-04 07:11:39

---
title: My Top 5 Tech Documentaries
published: true
description: 
tags: tech documentary, discuss, film
---

I have always enjoyed watching tech documentaries.  It's fun to learn about different technologies and the people behind them.  

Here is a list of my top 5 favorites (for now) in no particular order:

[AlphaGo](https://www.netflix.com/title/80190844)
A full length documentary about Deepmind's AlphaGo program and how it defeated Go world champion, Lee Sedol.

[Revolution OS](http://revolution-os.com/)
A story about the creators of GNU/Linux and the Open Source movement.

[The Queen of Code](https://www.youtube.com/watch?v=qjDNqCcNqpE)
A short (around 15  minutes) documentary about Grace Hopper.

[Silicon Cowboys](https://www.imdb.com/title/tt4938484/)
A great film about the rise and fall of Compaq.

[GraphQL: The Documentary](https://videos.honeypot.io/graphql-documentary-2019/)
A mini documentary about the origins of the GraphQL spec.

Do you have a tech documentary that you would recommend?
nsenter: Entering a running process or container
Tags: bash, docker, kubernetes
Published: 2020-02-04 06:59:48

Containers are great! They encapsulate a complete system; when configured correctly they are secure and if they run once, they run everywhere.

When it comes to debugging things, containers start to get complicated. If e.g. a container is build running as a non root user and you `docker exec` into it, but the container does not have `sudo` or `netstat` installed and you want to see its current network properties like open ports, how do you do that? Or if you want to see the environment variables that were injected to the container and the container was started with?

One way to do that would be to copy a static binary of e.g. `netstat` into the container and fiddle with root privileges. I asked myself (and Google): Is there not a better way to do something like that?

`nsenter` to the rescue! With this command (you have to be root for that) you enter the so called namespace of a process on the host. All that you have to know is the PID of the process with e.g. `ps aux | less`. See the following example:

```bash
## Enter Process namespace, and attach to network namespace of given PID
nsenter -t $PID -n
```

After executing the script you just see a (new) plain shell. And now you can execute `netstat` to see, if all ports that you wished for are open and listening. To leave the namespace just type `exit` or `CTRL-D` and you are back in the original shell.

But as written earlier, it is also possible to enter the specific environment of a container. See the following example:

```bash
# Enter process namespace with the environment variables set
sudo /usr/bin/nsenter --target $PID --mount --uts --ipc --net --pid env -i - $(sudo cat /proc/$PID/environ | xargs -0) bash
```

Given a process PID and executing that script, you are in a new shell showing even the environment variables that were given, when starting the process - awesome 🥳!

Last but not least a little helper script that is also available as a [Gist here](https://gist.github.com/stefanjacobs/99fa0f8c65e24532307406fe5255580d)

```bash
# Copy&paste the following snippet to a machine to create a script that enters a namespace of a given PID with environment set: ./dockerEnter 1234
echo "sudo /usr/bin/nsenter --target \$1 --mount --uts --ipc --net --pid env -i - \$(sudo cat /proc/\$1/environ | xargs -0) bash" > enterDocker.sh; chmod +x enterDocker.sh;
```

For detailed information see `man nsenter`!
How to use Bootstrap Modal in Angular 8

Tags: angular
Published: 2020-02-04 06:59:22

In this tutorial i will show you how to use bootstrap modal in angular 8 application we will see example of bootstrap 4 modal popup in angular 8 project we will use bootstrap model popup in angular 8 using Ng BootstrapNg Bootstrap is developed from bootstrap and they provide all bootstrap 3 an...

Link: https://www.itsolutionstuff.com/post/angular-8-bootstrap-modal-popup-exampleexample.html
No more search for “How can I speak to Yahoo Representative?”. Call to ask.
Published: 2020-02-04 06:48:38

Last night, I was getting trouble sending emails from my Yahoo account. But, then I contacted the Yahoo Support, and they help me to fix the issue. It is a bit tricky to contact Genuine Yahoo Support. So, if you wanna know “How can I speak to Yahoo Representative?”, then call me as soon as possible. https://attcustomerservicephonenumber.com/yahoo-customer-support-number/
How to add scss/sass in react.js?
Tags: react, javascript, saas, css
Published: 2020-02-04 06:47:31

Hey, my name is Rajdeep Singh. in this article, I’m told you How to add scss or sass in your react project.

demo:
https://codesandbox.io/s/how-to-add-scsssass-inreactjs-04wg0?fontsize=14&hidenavigation=1&theme=dark



What is Sass?
According to Wikipedia sass is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS).

FOR MORE:
Basic Infomation about sass/scss According to Wikipedia sass is a preprocessor scripting language that is interpreted or compiled into Cascading Style…medium.com

Let’s start:
If you use the create-react-app in your project use npm, you can easily install and use Sass in your React projects with 3 simple steps.

Steps:
1.Install node-sass: npm install node-sass
2.Change file extension .css to .scss
3.Import your .scss files in your React components 




demo:

https://codesandbox.io/s/how-to-add-scsssass-inreactjs-04wg0?fontsize=14&hidenavigation=1&theme=dark

Conclusion:
my thought read this article you definitely use sass or scss in your project any problem, query, suggestion tell me to comment below.

Read More
https://www.officialrajdeepsingh.dev/
https://officialrajdeepsingh.medium.com/

thanks for reading
— happy coding —
Here’s why you should be excited about Ivy!
Tags: ivy, frontend, reactiveprogramming, angular
Published: 2020-02-04 06:56:28

---
title: Here’s why you should be excited about Ivy!
published: true
date: 2020-02-04 06:35:45 UTC
tags: ivy,frontend,reactive-programming,angular
canonical_url: https://medium.com/@kevinkreuzer/heres-why-you-should-be-excited-about-ivy-99eb894fa8f2
---

#### An overview of the features Ivy brings us today, and a look at possible features Ivy enables in future versions of Angular.

![](https://cdn-images-1.medium.com/max/1024/1*0VGoLZ2ZwkHSbpwrkjrPPQ.png)

Recently, during coffee, I had a chat with a developer about Angular 9. I told him how excited I am for the upcoming release. In particular, because of Ivy.

Even though he already played around with Ivy in version 8, he couldn’t understand my excitement.

“All that hype for a bit smaller bundles!”

Well, there’s a lot more to it. [Let’s explore why I am excited about Ivy and why you should be too?](https://medium.com/@kevinkreuzer/heres-why-you-should-be-excited-about-ivy-99eb894fa8f2)
Working CSS + JS Calculator
Tags: css3, html, javascript
Published: 2020-02-04 06:14:37

---
title: Working CSS + JS Calculator
published: true
description: Mac's calculator in CSS, JS
tags: css3, html5, javascript
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/cafv6517af2et2vb00iy.jpg
---

Love to experiments with CSS and Javascript. Created my Mac style calculator in CSS3 using Flexbox and Grid. Calculations are executed by Javascript. 

{% codepen https://codepen.io/navdeepsingh/pen/GxmBMX %}

Hope you liked it.
How Does Your Team Do Tech Debt Analysis?
Tags: discuss, techdebt
Published: 2020-02-04 05:58:32

---
title: How Does Your Team Do Tech Debt Analysis?
published: true
description: Gathering ideas
tags: discuss, techdebt
---

Right now, my team analyzes the bugs we've fixed within the last month and discuss about them, like what to do to prevent them in the future. We also discuss certain metrics on our products' debts, like test coverage, code complexity, risks, etc.

I'm gathering ideas on how everyone else is doing tech debt analysis and wondering if we could steal some ideas for my own team so that we could make these sessions more effective.

Here are a couple of questions I'd like to inquire:

1. What's the general process for identifying/analysing tech debts in your team?
2. What tools do you use to facilitate the discussion?
Convert Word, Excel, PowerPoint and HTML Documents to PDF Programmatically
Tags: csharp, java, webdev
Published: 2020-02-04 05:15:14

In this post, I am listing a few helpful articles for those who are looking for some easy ways to convert the popular document formats of Word, Excel, PowerPoint and HTML documents to PDF programmatically using C# or Java. I hope it helps C# and Java developers.

# C#.NET

* [Converting Word Documents to Adobe PDF Format in C#](https://blog.aspose.com/2020/01/02/convert-word-doc-docx-to-pdf-in-csharp-net-core/)
* [Converting Excel Worksheets to Adobe PDF Format in C#](https://blog.aspose.com/2019/11/29/convert-xls-and-xlsx-to-pdf-in-c/)
* [Convert PowerPoint to PDF using C#](https://blog.aspose.com/2020/02/12/convert-powerpoint-ppt-pptx-to-pdf-in-csharp-net)
* [Convert HTML to PDF using C#](https://blog.aspose.com/2020/02/28/convert-html-to-pdf-programmatically-in-csharp-net)

# Java 

* [Converting PowerPoint Presentation to Adobe PDF format in Java](https://blog.aspose.com/2019/12/31/convert-powerpoint-ppt-pptx-to-pdf-in-java-using-aspose-slides/)
* [Converting HTML Files to Adobe PDF Format in Java](https://blog.aspose.com/2020/01/30/convert-html-to-pdf-in-java/)
* [Convert Word to PDF using Java](https://blog.aspose.com/2020/02/20/convert-word-doc-docx-to-pdf-in-java-programmatically)
Laravel: Uno de los errores más comunes entre principiantes.
Tags: laravel, php, beginners, database
Published: 2020-02-04 04:26:18

Voy a ser conciso en esto, la clase de un modelo en Laravel no debe incluir nada más que las propiedades de dicho modelo. 

Un ejemplo del error que he visto en varias personas al intentar hacer algo en Laravel es el siguiente:


```php
<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Post extends Model
{
 //la forma común en que se encuentra el error
int id;
//la forma versión 'mysql'
id INT NOT NULL AUTO_INCREMENT,
}
```
La forma correcta de definir la clase de un modelo en Laravel es la siguiente:


```php
<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Post extends Model
{
 //
}
```

Así de simple, excepto cuando necesitas configuración adicional, un ejemplo de eso es definir un nombre personalizado a la tabla en la base de datos:
```php
<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Post extends Model
{
    /**
     * El nombre de la tabla asociada al modelo.
     *
     * @var string
     */
    protected $table = 'mi_post';

//otros ejemplos de propiedades válidas
    public $timestamps = false;

 /**
     * Especificando valores por defecto.
     *
     * @var array
     */
    protected $attributes = [
        'sin_publicar' => true,
    ];
}
```

RTFM
Key Benefits of Progressive Web App
Published: 2020-02-04 04:17:47

The world of web development has changed rapidly, It is largely driven by recent trends such as mobile, and the development world is rapidly involving. If we compare Progressive Web App with mobile apps and web apps then Progressive Web App provides alot of benefits which we will see later in this article.

 
Benefits of Progressive Web App
1. It is Available On Offline Mode

There may be many instances of internet connection break, If we talk about the mobile apps or web apps it's fully stops working if there is dependency on server side data. With Progressive Web App, the application can be still used when offline with saved data.

2. Not need to install

When we talk about mobile apps, User needs to download the app and then install it on the phone. It will create storage issues on mobile in the near future. And it's a common trend that user don't hasitate to install the older apps to create space for new apps. In  Progressive Web App, Installation is not needed.

3. Version update issue

If we talk about the mobile apps, then we get frequently version updates and sometimes without updating app it is not accessible. We don't need to face this issue with Progressive Web App.

4. Reach out to a larger audience

One of the major benefit of Progressive Web App, We can reach to larger audience since it works across screen. Potential customers can access your app on their preferred devices to learn more about your services, online store, and portfolio. If you are planning to launch a startup app, then a Progressive Web App is going to offer better reach.

5. Budget-Friendly

Budget is also one of the very important factor for many companies today. Progressive Web App also helps alot here because of its low development/maintance costing.

6. Multiple Platform? Support

Progressive Web App works very smoothly on all devices and platforms. We don’t need to create a separate version of the app for individual platforms. A single App is enough for all platforms.

7. No, Wait For The Approvals

For any company, It's very common to launch the update of the mobile app due to new feature addition or bug fixing. Which again follows the set of process on app stores to update the apps, So it may take some time for approval which is again a problem when app update is needed in urgency.


Click here to find more in React, Node and Angular to get started for enterprise-level application.
https://jsonworld.com/demo
Trivia #1: Who cursed us with 'foo bar'?
Tags: watercooler, codenewbie, computerscience, todayilearned
Published: 2020-02-04 04:12:36

Welcome to my little CS trivia series. Every week I will post a new trivia piece because it seems that my mind is made of pieces of knowledge that don't make one knowledgeable but certainly serve as a good conversation starter (or, killer).

---

Today's question is...
## Where did the cursed 'foo' and 'bar' come from?!

Now, you may already tell that I do not love these two fellows. In fact, I am not alone: read [Daniel Warren](https://dev.to/warrend/no-more-foo-bar-and-baz-56j4) or [Derek Shanks](https://dev.to/dbshanks/foo-bar-baz-the-path-to-confuse-your-audience-2d0d) who also admit confusion over these nonsensical examples. 

Tutorial after tutorial, I contained my frustration patiently as I thought that maybe there is a deeper meaning or story behind these good-for-nothing placeholders. Well... 

**FUBAR**, in American army jargon, means **"f—- up beyond repair"**. The word came into use during WW2, and in programming context in 1965 in an MIT journal.

Now, [Wikipedia](https://en.wikipedia.org/wiki/Metasyntactic_variable) provides us with ideas on other equally useful placeholder names, such as:
>  foobar, foo, bar, baz, qux, quux, quuz, corge, grault, garply, waldo, fred, plugh, xyzzy, and thud

or, in the UK:

> wibble, wobble, wubble, and flob 

and then, French:

> toto, tata, titi, tutu

I still prefer naming my examples in any relatable way that makes it easier to figure out what is happening in the code from from the get-go.
ZoomIt - Tool for technical presentations
Tags: zoomit, workshop, techtalks, computerscience
Published: 2020-02-04 03:50:06

Many times when we make presentations where we show a part of code or some image we want to zoom so that all attendees do not have problems to be able to see everything clearly, ZoomIt is just what we need to make our presentations better.

ZoomIt is a great help tool for technical presentations that allows you to easily zoom and annotate.

Works on all versions of Windows and you can use pen input for ZoomIt drawing on tablet PCs.

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

We can configure our combination of preferred keys and activate this kindness in which we can make ovals, rectangles, arrows, straight lines (by pressing the keys TAB, CONTROL left, CTRL + SHIFT left SHIFT left respectively) or freehand drawing in various colors such as green, yellow, orange, red, and blue, by pressing the G, Y, O and B keys respectively; We can also have a "whiteboard" of white or black background by pressing the "W" and "K" respectively, which allows us to be drawing or plotting what we need.

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


Also, it allows you to enter the writing mode by pressing the "T" key, to annotate your presentations. The ESCAPE key clears the screen and we return to the initial mode.

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

It allows us to express ourselves, manage ourselves, react faster and finally deliver a successful presentation!


Download link: https://docs.microsoft.com/en-us/sysinternals/downloads/zoomit
Project Euler: Problem 3 Walkthrough
Tags: projecteuler, primefactors
Published: 2020-02-04 13:18:12

---
title: Project Euler: Problem 3 Walkthrough
published: true
date: 2020-02-04 03:01:19 UTC
tags: Project Euler,prime factors,project euler
canonical_url: 
---

This serves as a full walkthrough to the solution for Project Euler problem 3. Stay tuned for future project Euler walkthroughs, and stick around to...

The post [Project Euler: Problem 3 Walkthrough](https://jaeheonshim.com/project-euler-problem-3-walkthrough/) appeared first on [Coding with Jaeheon Shim](https://jaeheonshim.com).
JavaScript Challenge #3
Tags: javascript, java, python, c
Published: 2020-02-04 02:41:18

Find LCM of an array
let array = [[1,2],[1,3],[1,6]];
.
.
.
.
[[15,30],[6,30],[10,30]]

Excepted Output : [31,30]


     ***Understand the problem and solve it, comment on your solution***
TrackingURLs - A ColdFusion function to parse Shipping Tracking Numbers
Tags: coldfusion, regex, java
Published: 2020-02-04 02:19:51

Just a quick post regarding [TrackingURLs](https://github.com/JamoCA/TrackingURLs), a ColdFusion CFC to identify shipping tracking numbers (UPS, USPS, Fedex, OnTrac, DHL, S10) and generate a tracking URL.

## Sample Integration

```
<cfset TrackingURLs = new TrackingURLs()>

<cfset result = TrackingURLs.getTrackingInfo(Form.TrackingNumber)>
<cfif request.isURL(result.url)>
       <cf_newlocation url="#result.url#">
<cfelse>
       <cfoutput>
              <p>Sorry. Tracking number "#EncodeForHTML(Form.TrackingNumber)#" seems invalid.</p>
       </cfoutput>
</cfif>
```



## GitHub Project

{% github JamoCA/TrackingURLs %}
哔哩搜索 - 最好用的种子搜索神器
Tags: 哔哩搜索
Published: 2020-02-04 01:27:03

---
title: 哔哩搜索 - 最好用的种子搜索神器
published: true
description: 哔哩搜索是最快的种子搜索神器，包含了近1000w的种子数据，免费提供下载
tags: 哔哩搜索
---

[哔哩搜索](https://biliworld.com)是最快的种子搜索神器，包含了近1000w的种子数据，免费提供下载
The Building an Indie Business Podcast- The Importance of Owning Your Content
Tags: podcast, writing, beginners
Published: 2020-02-04 02:01:01

In this episode I discuss the importance of owning your content compared to social media platforms

[Revenue Research](https://revenueresearch.co/)
[Episode Page](https://baib-podcast.com)
https://overcast.fm/+RG5jLLExM