teleren/devto huggingface dataset:
Important information for those attending EuroPython
Tags: europython, news
Published: 2020-07-16 14:41:53

For those attending EuroPython, we are very happy to have you as an attendee of EuroPython 2020.

To prepare for the conference next week, please review the conference setup pages we have created with helpful information and intro videos to get you started.

https://ep2020.europython.eu/setup/online-conference/

# Configure your tickets
It is a good idea to check your ticket configuration prior to registering on Discord. We have prepare a blog post which summarizes the most important points:

https://blog.europython.eu/post/623636263112720384/europython-2020-please-configure-your-tickets

If you have bought tickets for other attendees, please make sure that the tickets you bought are all correctly assigned:

https://ep2020.europython.eu/faq/#I-bought-the-ticket-for-someone-else-How-can-I-re-assign-it

We can only register attendees on Discord which have a EuroPython account with an associated ticket.

The above is required for both "Conference & Sprint" tickets as well as **"Sprints-only"** tickets.

Note that "Sprints-only" ticket holders will not be able to see the conference channels on Discord. If you have both a "Sprints-only" and a "Conference & Sprints" ticket, please register with your "Conference & Sprints" ticket ID on Discord.

# Registering on Discord
We have now set up our Discord server to accept registrations using your ticket details.

In order to register, please use the Discord invite link listed on our website:

https://ep2020.europython.eu/setup/chat-system/

and follow the instructions on the page to register. We also provide a helpful intro video to get you started with Discord on the same page.

If you run into any issues, please contact us at helpdesk@europython.eu

Thanks,
--
EuroPython 2020 Team
https://ep2020.europython.eu/
https://www.europython-society.org/
meteor create --apollo
Tags: meteor
Published: 2020-07-16 14:36:50

Few weeks ago I met with Sacha Greif. We talked about many things and one of them was that Meteor should have an Apollo skeleton. It took me a while to get around, but I have finally did it. Here I want to discuss some of the choices I have made in the skeleton.

## Which approach?
First thing that confronted me was which packages to use. There were many different packages with different approached. Most notably there were 3 choices. The official `apollo` package and its approach, `swydo:ddp-apollo` and set from Cult of Coders. This was a hard decision as each had different benefits and drawbacks. `cultofcoders:apollo` had the most goodies and benefits, but at the same time was most complicated and more geared towards advanced projects. `swydo:ddp-apollo` was very compelling as it used the DDP connections that Meteor uses by default. This allows things like Apollo subscription out of the box and integrating with Meteor Accounts is also quick.

Eventually I have decided to go with the basic `apollo` package which communicates over HTTP. First of all it is the least complicated of all the approaches, communication over HTTP is not optimal, but at least there is no deviation from behavior that devs from outside of Meteor will be familiar with.

## Code Example
A lot could have been done to show all the capabilities of Apollo integration. Though I quickly rejected that idea. The skeleton exists mainly to provide the initial starting point, not a tutorial.

As a result I have only re-wrote the part of the code with subscription into using GraphQL and implemented the server with a basic schema. Anything more I deemed beyond the scope of the skeleton.

## Apollo Client 3.0 and keeping things up to date
During the writing of this article Apollo released Apollo Client 3.0. Thankfully the PR has not yet been merged so I was able to upgrade the skeleton with the latest version.

Going forward I plan to keep things updated as much as possible. I've gone through all the skeletons and updated `npm` versions of their dependencies. That was the minimum I could do and something I plan to do going forward.

### Coming in Meteor 1.10.3
So if everything is accepted you should see this in Meteor 1.10.3, which we'll hopefully see out in few weeks.

Now with all that said and done. What are your thoughts?

--------
If you like my work, please consider supporting me on [GitHub Sponsors ❤️](https://github.com/sponsors/StorytellerCZ).
2020 Front-end Developer RoadMap
Tags: webdev, javascript, angular, react
Published: 2020-07-16 14:32:27

[Frontend developer roadmap for 2020](https://www.decipherzone.com/blog-detail/frontend-developer-roadmap-2020) is an article that’s written in conjunction with “web developers roadmap for 2020”, this blog touches the second key aspect in web development. The blog is written to guide aspiring frontend developers, so without further a due let’s dive into this second aspect i.e. frontend developer roadmap for 2020 in detail.

The exponential growth of the IT industry is pretty eminent to everyone but very few know the struggle caused by a divergence in the growth of hardware and software. The growth of software brought us to the bottleneck of local computers’ capabilities and we shifted to cloud infrastructure for deploying applications. A new type of architecture and different approaches at every end was required to develop these web applications. One of the approaches deals with web applications’ behavior on the client-side where we deal with the interaction of end-user from his or her machine to the web application’s backend deployed on the cloud server. Frontend developer deals with the client-side of web applications that run on our computers via web browsers.

[Frontend Developer Learning RoadMap 2020](https://www.decipherzone.com/blog-detail/frontend-developer-roadmap-2020)

Read the full article here: https://www.decipherzone.com/blog-detail/frontend-developer-roadmap-2020
Gradient Descent: The Mother of All Algorithms?
Tags: machinelearning, datascience, python, programming
Published: 2020-07-16 14:30:46

## Introduction to Gradient Descent

Gradient descent is an optimization algorithm used to minimize some function by iteratively moving in the direction to find the minima of the function. it' the backbone of a machine-learning algorithm.Gradient descent is originally proposed by <strong>Cauchy</strong> in 1847. It is an important and widely used algorithm in machine learning.

When we have two or more derivative of the same function, they are called **Gradient**

## Loss/Error Function

In simple linear regression when we have a single input. and we have to obtain a line that best fits the data. The best fit line is the one for which total prediction error (all data points) are as small as possible. Error is the distance between the point to the regression line.

E.g: Relationship between hours of study and marks obtained. The goal is to find the relationship between the hours of study and marks obtained by the student. for that, we have to find a linear equation between these two variables.

{% katex %}
 y_(predict) = b_0 + b_1.x
{% endkatex %}

Error is the difference between predicted and actual value. to reduce the error and find the best fit line we have to find value for bo and b1.

{% katex %}
lossfunction = (y_p-y_a)^2
{% endkatex %}

for finding a best fit line value of bo and b1 must be that minimize the error.error is the difference between predicted and actual output.

Now that we have a derivative, gradient descent will use it to find where the sum of squared is lowest. The process of finding the optimal value for m(coefficient) and b(intercept) to reduce the error/lost function is called Gradient Descent. Gradient descent finds the minimum value by taking steps from an initial guess until it reaches the best value.

## Gradient Descent Implementation in Python

```python

from sklearn.datasets import make_regression
X, y = make_regression(n_samples=100, n_features=1, noise=0.1)

def LinearRegression(X, y, m_current=0, b_current=0, epochs=2000, learning_rate = 0.001):
    N = float(len(y))

    for i in range(epochs):
        y_current = m_current * X + b_current
        m_gradient = (-2/N) * sum(y-y_current) * X 
        b_gradient = (-2/N) * sum(y-y_current)
        m_current = m_current - (learning_rate * m_gradient)
        b_current = b_current - (learning_rate * b_gradient)  
    return m_current, b_current

m, b = LinearRegression(X, y) 
print(m , b)
```

{% user codeperfectplus %}
Electron App live streaming— MAC OS
Tags: electron, video, videostreaming, userconsent
Published: 2020-07-16 14:29:11

Recently I was working in an Electron app, to set up a live video. It was a very basic set up. I am using MAC OS - Catalina.

I am new to Electron and forked the repo that has the basic set up.

[git-hub link to project](https://github.com/hokein/electron-sample-apps/tree/master/camera)

I followed all the steps, but I could not get my video or audio consent window.

After spending some on debugging it, came across the doc,

[electron-docs](https://www.electronjs.org/docs/api/system-preferences#systempreferencesaskformediaaccessmediatype-macos)

``` systemPreferences.askForMediaAccess('camera').then((allowed)=>console.log('Camera is allowed'))```

Adding the above lines in `main.js` , should solve the issue.
However, I ran `electron .` in my folder and the whole app crashed.

I was doing all this from my VS Code terminal, which crashed the app. We need to get permission to access the camera for the electron app and looks like the permissions were requested for VS Code.

Starting the server from Terminal or iTerm (I used iTerm), solved the issue, which requested permission for the app. Once the permission or user consent is given, I was able to access the camera, for other electrons app as well. It is a one time setup and it enables us to access the camera for other apps as well, without going over the above code set up.


## REFERENCES

- https://www.electronjs.org/docs/api/system-preferences#systempreferencesaskformediaaccessmediatype-macos
- https://stackoverflow.com/questions/58290668/electron-osx-systempreferences-askformediaaccess-crashes-app
What you need is a pair of Crocs and a free workshop on static web apps
Tags: javascript, webdev, staticwebapps
Published: 2020-07-16 14:24:15

> Mark your calendar for the [free Static Web Apps workshop on July 29th](https://aka.ms/createfrontend). No sign-up necessary.

The term "free" has long been one of the most searched terms on the internet. In March, that popularity shot up almost 25%. 

![Google trends for the term "free"](https://dev-to-uploads.s3.amazonaws.com/i/j79pe92c9ppcq0p1dhcf.png)

Most of that was for "free covid testing", which makes perfect sense. But 2 of the top 5 searches were "free crocs for healthcare" Yes. Crocs the shoes. Crocs was giving away free shoes to healthcare workers and have since [extended that program to include essential workers](https://www.msn.com/en-us/lifestyle/lifestyle-buzz/crocs-is-giving-away-free-shoes-to-essential-workers-here-s-how-to-get-them/ar-BB148lsC).

That is awesome.

While I don't have any free shoes to offer you, what I do have is a [completely free workshop](https://aka.ms/createfrontend) to learn about Static Web Apps.

## Static Web Apps Workshop

On July 29th, [John Papa](https://twitter.com/john_papa) of Angular fame will be doing a [full hour and half workshop](https://aka.ms/createfrontend) teaching you how to build a shopping list application, complete with API and authentication. You'll also learn how to deploy it to the new [Azure Static Web hosting platform](https://aka.ms/swadocs), which is also free in preview.

![Shop at Home app](https://dev-to-uploads.s3.amazonaws.com/i/vmw01mlxqk59aii4n0ex.png)

That's two free things. There's no catch. You don't even have to sign up. Just mark your calendar for the upcoming [Create : Frontend event](https://aka.ms/createfrontend) and show up. We'll take care of the rest.

And if you own a pair of Crocs, wear them. If you don't, consider [purchasing a pair](https://www.crocs.com/). Not only are they helping those who need it in a big way, but they are a darn comfortable pair of shoes. 

I'll be wearing mine. See you there.

![My pink Crocs. Don't be jealous.](https://dev-to-uploads.s3.amazonaws.com/i/v0e5rswny8bmo5aqe3nh.jpeg)
How to Stop Being Busy and Start Being Productive
Tags: scfsac
Published: 2020-07-16 14:18:05

Being busy is something lots of people aspire to be these days. How often do you answer the question “How are you” with “Busy”? Being busy means that you do not have time to accept dinner or movie invitations because you have something else to do. For example, controlling the food costs of your business. 

However, being busy often means that you work overtime and have the illusion that you have less time than you actually have. This can prevent you from finishing your tasks and accept the challenge of longer or extended tasks. Somehow, these days being busy means being successful, for some people. But, you are not going to be successful if you are busy, you are going to be successful if you are productive. 

Yes, productivity and busyness are different but most people think that they are the same, says Jennifer Manson, an essay writer at a professional writer service. I have come to realize the same after some years full of busyness and unaccomplished tasks. Here are some ways that can help you be more productive and, thus, more successful.

1.	Prioritize Your Tasks

If we are fully honest with ourselves, we could admit that there will always be something that needs to be done. Especially if you are managing a business or a hotel, issues are constantly on the rise. All these tasks you need to do overwhelm you and make you think that you do not have enough time. The truth is you have time, you are only using it in the wrong way. 

Time is something we cannot recover once we have lost it. And people invest a lot of time in tasks that are neither important nor urgent. If you have not heard about the Eisenhower Matrix, you can use it to prioritize your tasks soon.
Do you know how to do automatic numbering with a CSS counter?
Tags: css, tutorial, beginners, webdev
Published: 2020-07-16 14:08:51

As you may already know, when we add lists with the `<ol>` element, the list is automatically numbered. Using CSS Counter, we can number any element. So, let's see how this is done.

The CSS counter consists of two main properties: `counter-reset` and` counter-increment`. The `counter-reset` is used to reset the count, while the `counter-increment` - together with the pseudo-element - is used to add the numbers.

```css
body {
  counter-reset: number;
}

h1:before {
  counter-increment: number;
  content: "counter(number) ";
}
```

In addition, you can also change the type of the number specified in the content property. For example Roman numbers.

```css
h2:before {
  counter-increment: first;
  content: counter(number, upper-roman) ". ";
}
```

This property can only be useful for a specific type of website and you are unlikely to use it every day.
Allcodes_codeWar
Tags: career, codenewbie, java, coding
Published: 2020-07-16 14:06:00

# Allcodes_codeWar
To all the codes I've written before...P.S. I still write them...

Please take a moment to appreciate and get connected with me for updates on codes for each and every platform. You may open an issue if there is any code you want. I will be happy to code. Do fork and star the repository for updates. :smile:

My GitHub profile: https://github.com/abhinavsri360
My repository link: https://github.com/abhinavsri360/Allcodes_codeWar

below I describe to what each directory are meant for:
## JCode
### Must have a JDK installed to run the code. P.S. One of these codes contain the code to photoshop ;) 
All Java :crossed_swords:<br>
Compilation: javac-introcs filename.java<br>
Run: java-introcs filename
## cpac
All C/C++ :smile:<br>
Crafted in Sublime Text
## py
All Python :snake:<br>
Crafted and curated in Pycharm ;)
## Algorithmic Toolbox
Algorithmic Toolbox course present on Coursera
## Foobar
Google Foobar

# Highlights
## Solutions to some popular codes present on:
- Google Foobar
- University of California San Diego{Algorithmic Toolbox} Coursera
- Codechef
- Codeforces

Thank you so much for visiting this repository It'll be huge if you ⭐ or 🍴 this repository.
❤️ Liked this? ⭐ Want to Contribute? 🍴

Contribution to this can be a huge step to Open-Source and a great help to many developers/coders out here 😄

#### Coded with :heart: by <a href="https://github.com/abhinavsri360">abhinavsri360</a>

[![forthebadge](https://forthebadge.com/images/badges/cc-0.svg)](https://github.com/abhinavsri360)
[![forthebadge](https://forthebadge.com/images/badges/check-it-out.svg)](https://github.com/abhinavsri360)
[![forthebadge](https://forthebadge.com/images/badges/no-ragrets.svg)](https://github.com/abhinavsri360)
[![forthebadge](https://forthebadge.com/images/badges/made-with-crayons.svg)](https://github.com/abhinavsri360)
Add a visitor count on your GitHub profile with one line of Markdown
Tags: webdev, watercooler
Published: 2020-07-16 14:04:41

In [a previous article, I wrote about how you could add a visitor counter to your GitHub profile with a little node/express app](https://dev.to/ryanlanciaux/quick-github-profile-visit-counter-14en). The article suggested that if you wanted to add a counter to your GitHub profile, you could copy and run the code on your own server. I've recently updated this operation to be a lot easier.

{% twitter 1283755637126705152 %}

You can now add a counter to your GitHub profile with the following line of Markdown

```
![Visitor Count](https://profile-counter.glitch.me/{YOUR USER}/count.svg)
```

I'd love to know what you think!
Webinar: How to build a food delivery web app in less than a week
Tags: webdev, tutorial, nocode, lowcode
Published: 2020-07-16 14:03:15

Date: July 23, 2020 (Thursday), 7 pm CET, 1 pm EST
Duration: 40 minutes.
We’ll build a full-fledged web app for food ordering & delivery. From creating a front-end to connecting data and APIs to it.
No coding.

Sign up & see you on July 23!
https://share.hsforms.com/1swqS7mOYS2Sm6Pqgcu6gHQ1gk6e
Do you know the BEM Methodology in CSS?
Tags: css, tutorial, beginners, webdev
Published: 2020-07-16 14:03:05

BEM stands for Block Element Modifier, which consists of a class naming pattern for HTML markup elements based on the element's structural function rather than its presentation function.

The BEM methodology prioritizes the adoption of 'classes' instead of IDs, as they are reusable. This methodology is used following techniques that facilitate the construction of the code, improving development and agility, reducing maintenance time and helping to preserve the code.

## Block
Block is a logically independent component that encapsulates implementation styles, behavior or technologies. The fact that the blocks are independent allows us to easily reuse them.

## Element
The element is a part of a block that cannot be used outside of it (for example, items within the menu block).

## Modifier
The modifier is a BEM entity that defines the state, appearance and behavior of blocks or elements - identical blocks can look different because of a modifier. The use of this entity is optional.

```css
.main-block {padding: 15px; }
.main-block__article {max-width: 600px; }
.main-block__article--gray-background {background: gray; }
```
You know position sticky?
Tags: css, tutorial, frontend, development
Published: 2020-07-16 13:57:22

`position: sticky` is a hybrid of `position: relative` and `position: fixed`. The element is treated as a relative position until it crosses a specified limit, when it is treated as a fixed position.

That is, if you want to make, for example, a header that is floating when you start scrolling, just use:

```css
header {
  position: sticky;
  top: 0
}
```

[See the example](https://lnkd.in/eKq8TDa)
Calc() function on CSS 
Tags: css, frontend, tutorial, dev
Published: 2020-07-16 13:52:28

The calc () function takes a simple expression as a parameter and the result of this expression is usually used as a value for **height** and **width**.

## The operators used are:

- Addition:
width: calc (100% + 80px);
- Subtraction:
height: calc (100% - 1rem);
- Multiplication:
height: calc (50% * 3);
- Division:
width: calc (100% / 6);

## Observations

- Division by 0 (zero) results in an error generated by the HTML parser.
- The + and - operators must be surrounded by white space.
- The * and / operators do not require white space, but adding it for consistency is allowed and recommended.
- It is allowed to nest calc () functions, in which case the internal ones are treated as simple parentheses.
Github profile README generator with addons like visitors-count, github-stats etc
Tags: showdev, webdev, react
Published: 2020-07-16 13:51:42

Github recently released profile README feature, which became a hit among developers. As it provides good place to showcase current projects and skills, many addons like `visitors-count`, `github-stats` has been developed.

I got tired of updating my github profile README again and again to get:
- uniformity in dev/social icons
- cool and minimal look
- new features like visitors-count or github-stats

So I came up with an amazing tool to make this an easy experience. **Github Profile README Generator** tool provides a beautiful UI to create the same.

![Github Profile README Generator](https://dev-to-uploads.s3.amazonaws.com/i/rlxrzf3yjd2pbnp18nme.gif)

It lets you add the latest add-ons like visitors count, shields, dev icons, github stats, etc to your README in just one click.

Just fill the details like `Name`, `Tagline`, `Dev Platforms Username`, `Current Work`, `Portfolio`, `Blog` etc using minimal UI.

Try the tool: [live demo](https://rahuldkjain.github.io/gh-profile-readme-generator/)

Click on `Generate README` button after filling the form, to get your README in markdown. You can preview the README too.

This project is developed using Gatsby and can be found on github
{% github https://github.com/rahuldkjain/github-profile-readme-generator %}

Give it a try if it sounds interesting.

**If you like the tool, show some love by leaving a star on [github repository](https://github.com/rahuldkjain/github-profile-readme-generator).**