teleren/devto huggingface dataset:
hacktoberfestify
Tags: actionshackathon
Published: 2020-08-30 11:52:29

### My Workflow

`hacktoberfestify` is a CLI and a GitHub action built to support the [hacktoberfest 2020](https://hacktoberfest.digitalocean.com/) initiative and the `#preptember` tag!
It will add the `hacktoberfest` (customizable) label to new issues or reopened ones.

### Submission Category: 

Wacky Wildcards

### Yaml File or Link to Code

```
name: hacktoberfestify

on:
  issues:
    types: [opened, reopened]

jobs:
  hacktoberfestify:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: Eomm/hacktoberfestify@action-v1
        with:
          issue: ${{ github.event.issue.number }}
        env:
          GITHUB_TOKEN: ${{ secrets.github_token }}
```

{% github https://github.com/Eomm/hacktoberfestify %}


### Additional Resources / Info

[Action usage](https://github.com/Eomm/fastify-raw-body/blob/master/.github/workflows/hacktoberfest.yml)
[GitHub Repo](https://github.com/Eomm/hacktoberfestify)
[Action Marketplace](https://github.com/marketplace/actions/hacktoberfestify)
How to get 100 on Lighthouse
Tags: webperf, speed, javascript, webdev
Published: 2020-08-30 11:47:04

I love fast, accessible websites. I love seeing beautiful images that explain code. Why not combine the two?

As a rule, everything I code is fast. So when I decided to make an [app](https://jsvisual.netlify.app/) that would take code and generate a visual representation of its internal logic, I was thinking about speed from the very beginning.
 

### Self Host CSS + JS

First step: save all required assets in my filesystem. Not only is this faster than [hotlinking](https://simple.wikipedia.org/wiki/Hotlinking) from somewhere else, but it is also more secure because third party scripts can be tampered with.

### Inline JS + CSS 

The less time the browser spends making HTTP requests, the faster your site can finish loading. 

### Remove Unused CSS

I am ruthless about removing CSS classes and finding alternatives to large code libraries. I used this script to find unused CSS in my project:

![CSS Purge script](https://dev-to-uploads.s3.amazonaws.com/i/7wk8l198b7por8ptexdk.png)

### Remove Unused JS
The [original project](https://www.npmjs.com/package/js2flowchart) loaded all of lodash in order to use a *single* function from the whole library. Instead of making the browser parse and download lodash *just* to debounce, I found a [tiny debounce](https://github.com/vuejs-tips/tiny-debounce) script in vanilla JS. 

### Help The Browser Help You

After following the steps above, I was stuck at a 99 on Lighthouse. I changed the nature of the website to remove more Javascript, even deleting the "export" button, and I was still stuck at 99.

Finally, I remembered my old friend `<link rel="preload" src ="code.js" as="script">`. This tells the browser to begin loading the script early in the page's lifecycle.

I added `<link rel="preload" src ="code.js" as="script">` to the head of my HTML and checked Lighthouse for the thousandth time.

I did it. I have a perfect 100.

### If you want to see what your JavaScript looks like, check out the app [here](https://jsvisual.netlify.app/).
Correctly escaping regular expressions
Tags: regex, tips, beginners
Published: 2020-08-30 11:40:45

Regular expressions are often difficult to understand and even more difficult to write. Probably one of the most confusing topics when you're starting is the **escaping special characters**.

### When and why we escape characters
Regular expressions (_regex_ for short) are tools for matching patterns in text. There are some special characters with special meaning (their explanation is not the point of this post), and if we want to use those characters **without its special meaning**, we _escape_ them by putting a backslash (`\`) before them. Note that this makes `\` a special character too!
A simple example: the regex to match _exactly_ `Count balance: 50$` will be `Count balance: 50\$`.
What happens with is that in most languages `\` is a special character for strings! So the string to build the regex of the previous example would be: `Count balance: 50\\$`.

### Tip to escape regex manually
Think about the translation from match to regex to string, not from string to regex to match.
What if we wanted to match `[ERR] $var has value "gg"`?
1. _Match_: 

    `[ERR] $var has value "gg"`
2. To _Regex_: `[`,`]`,`$` and `"` are special characters in this regular expression. We escape them:
 
    `\[ERR\] \$var has value \"gg\"`
3. To _String_: `\` and `"``are special characters in this string. We escape them:

    `\\[ERR\\] \\$var has value \\\"gg\\\"`

The thing is to write down an example of what you want to match and escape step by step the special characters for the regex and for the string until you have the one that you must use in your program.

### Escape them with functions
_(Links to Stack Overflow answers)_
Also, another option is to escape (or quote) the regex with a utility function. Some languages, like [Python](https://stackoverflow.com/questions/4202538/escape-regex-special-characters-in-a-python-string) or [Java](https://stackoverflow.com/questions/60160/how-to-escape-text-for-regular-expression-in-java) provide them by standard. In others, like [JavaScript](https://stackoverflow.com/questions/3561493/is-there-a-regexp-escape-function-in-javascript) or [C++](https://stackoverflow.com/questions/39228912/stdregex-escape-backslashes-in-file-path), you must craft it yourself.
**But beware!** Be sure to use this kind of functions with regex in which you don't want special characters, because if you're not careful, you can end up escaping something you shouldn't and messing up the regex.
Mismatch or overwhelmed
Tags: discuss, api, developer
Published: 2020-08-30 11:38:11

I start as a developer with growth of spring and java Ee. I do some integration of system for the pass 4 years. However, I decided to leave my old firm and join a new company and due to my existing pay, they promote me as a senior. 

As I always do integration, the system structure are already build. Easily manuvour and understand where to pick and changed. 

However my new current workplace require a system migration where I have to move existing behaviour to a new system which some of the libraries and function is not available in the new system. 

It already went 3 weeks I don’t know the basic of how to manuver to their system and they wanted me to handle 1 module by my own and lias with other team to mentioned what is handled by my team or others.  Problem is I don’t understand how the system worked. 

Of coz based on my experience with spring and hibernate. I don’t learn full course thus I only know some of the annotations used on my previous company.

What should I do?
Do I talk to my manager( person who hired me) that I have some difficulty with my current situation and would require additional help and I be proactively ask question. Sometime I don’t know what to ask. And meanwhile I take some refresh course
 
Or 
Should I mentioned that I feel like a junior developer and would like to drop my senior role to be a junior and accept a huge paycut. 


I find out that this company review is good and there are a lot of opportunity of learning new stuff which was why I left my previous company which I don’t learn anything.
What's new in Electron 10.0.0?
Tags: javascript, node, webdev, codenewbie
Published: 2020-08-30 11:37:56

##### Electron 10.0.0 Released 🎉

Electron 10.0.0 has been released! It includes upgrades to Chromium 85, V8 8.5, and Node.js 12.16 and added several new API integrations and improvements.

You can install it with npm via npm install electron@latest

#### New in this release:
⚡️  Upgraded to Chrome 85
🌌 Improved window event handling
🎟️  Session persistence API enhancements

#### What's new features added? 
- Added `contents.getBackgroundThrottling()` method and `contents.backgroundThrottling` property.
- Added a `sameSite` property to the Cookie structure allowing you to get and set the same site policy for cookies.
- Added new `render-process-gone` event on `app` to replace the `renderer-process-crashed` event.
- Added new `useSessionCookies` flag to `net` requests to allow them to use the session cookie store.
- Added support for `MessagePort` in the `main` process. 
- Added the ability to get the "Recent" folder on Windows with `app.getPath('recent')`.
- BrowserWindow `darkTheme` option now defaults to `nativeTheme.shouldUseDarkColors`.
- Can now check if a given session is persistent by calling the `ses.isPersistent()` API.
- Added `fullScreen` property support for `BrowserWindow`.
- Restored support for pdfium-based PDF viewer.
String immutability
Tags: javascript, beginners, webdev, codenewbie
Published: 2020-08-30 11:22:25

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

**Thanks for reading 💙**  
Follow **@codedrops.tech** for daily posts.  
[Instagram](https://www.instagram.com/codedrops.tech/) ● [Facebook](https://www.facebook.com/codedrops.tech/)

Micro Learning ● Web Development ● Javascript ● MERN stack  
**[codedrops.tech](https://www.codedrops.tech/)**
How to become a better Competitive Programmer?Best Books For Competitive Programming?
Tags: programming
Published: 2020-08-30 11:16:15

# Overview 

Competitive Programming is not an easy task it requires a lot of knowledge as well as hardwork and a lot motivation towards tough time.In few of our previous blogs we have talked about what is competitive programming and what  are some good programming languages for competitive programming.If you haven't read that article then click here. I will be writing some good blogs on competitive in future.Personally I love competitive programming.Competitive programming is actually a tough task at least from my side.As I told you earlier that I have written a separate blog on "What is Competitive Programming and What are some good programming languages for competitive programming".




# Getting Started With Competitive Programming

   

To get started with competitive programming,you should know the basics of any programming language.C++,Java and Python are the three most popular languages for competitive programming,you can use any programming language of your choice but I will suggest you to either use Java or C++ as they are best for this task.After learning the basics of any Programming language,you should learn some high school mathematics not a lot,a brief introduction is enough.Now what to do after this,make sure that you are god at the basics of any Programming language as stated,if you are good then start solving some small problems based on strings,numbers,loops and if else condition.After that the real game begins,you can either a buy a good book for competitive programming.I have listed down some of the books below:

1.Competitive Programmer's Handbook by Antti Laaksonen at [https://amzn.to/3hIb7uc]

2.Data Structures and Algorithms Made Easy: Data Structures and Algorithmic at [https://amzn.to/2YOxhDv]

The above two books are some of the best books for competitive programming according to me.Actually don't believe me but a large number of programmers,says that these books have helped them a lot.You can buy any of these books.

  

Now what next?The next step is none other than reading that book with complete dedication and motivation.After completing the book,you will be able to solve problems on competitive programming but that will not be enough to win coding competitions such as Google Code Jam or Kickstart.To win these contests,you have to work a lot by practicing more and more on Algorithms and solving a large variety of problems.Websites like Hackerrank.com,codeforces.com and leetcode.com are of some great websites to practice coding.You can also solve previous year questions of kickstart and code jam at it's official website.Day by Day you will learn new concepts,tricks and will be able to solve very complex problems of your own and then you can say that "You are a good competitive programmer".
Custom Context Processors in Django.
Tags: django, tutorial, python
Published: 2020-08-30 11:13:00

## What's the need of context processors? :innocent:
Sometimes you want to make a **variable** accessible to all **templates** in a project.

Two ways to access a variable in all templates:

**1. Hard Way:** By providing the same variable in the context of each view. :neutral_face: 

**2. Easy Way:** creating a custom context processor :yum:

Personally I don't like the hard way, cause then I have to write the same code in each view. 

## Let's see how it can be done the easy way.

Consider a situation where you need to display a **banner image** in each page of your website, the banner image will be fetched from the **database**.

**Model** for the banner image:
```python
#models.py
class BannerImage(models.Model):
    image = models.ImageField(upload_to='img')
```

We can access the banner image in each page using the context processor.

## Write Custom Context Processor :raised_hands:

Create a new file **context_processors.py** inside your app and write a function which will return a **dictionary** containing the variable we want to use.

```python
#context_processors.py

from .models import BannerImage

def access_banner_image(request):
    """
      The context processor must return a dictionary.
    """
    bannerImage = BannerImage.objects.latest('-id') #query the latest banner image
    return {'bannerImage':bannerImage} 

```

**access_banner_image** is the custom context processors we just created, add it to the **context_processors** option in the **TEMPLATES** setting so that the variable **bannerImage** is accessible in all templates.

```python
#settings.py
TEMPLATES = [
    {
        #under OPTIONS key
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
               #context processor written by us.
           'appname.context_processors.access_banner_image'
],
        },
    },
]
```

We are done :tada: , the **bannerImage** variable will be now accessible in all the templates.
### Example:
```html
<img src="{{bannerImage.image.url}}" alt=''/>
```


Thanks For Reading my post.:slightly_smiling_face:

### Self-Promotion :grinning:
[IllustrationHunt](https://illustrationhunt.com) One place to look for sites offering **free illustrations**.
How to remove "Ubuntu" completely from a dual boot PC (UEFI)?
Tags: ubuntu
Published: 2020-08-30 11:10:32

Did you mess around with Ubuntu while dual booting? Do you too want to remove it completely now? Then take a sip. The post is for you.

So let's start. Run windows and open disk management. (You can search it or click on the option directly on "start" menu)

Once the disk management window opens, identify the Linux(Ubuntu) partitions and remove it. To do so, follow the process. Check the partitions which has no drive names and are larger than 1gb. (Hint: choose Healthy primary partitions) Once you have identified the partitions, right click >> Delete volume >> Yes.

If you have free space (unallocated memory), merge it with another partition to use it back again later. To do so, right click >> Extend volume >> Next >> Next >> Finish.

Ah, Kudos! You did it :))

Reboot the system. 
You will still find ubuntu on the boot menu. This is because you have just deleted the Linux partitions whereas the grub boot loader is still present in your PC's efi partition. So the next step is to remove it.

For this, first launch command prompt as administrator. (Start>>CMD>> run as administrator). Now type "diskpart" to start the diskpart utility. Now type "list disk" to identify the efi partitions. Now type "select disk 0". Then type "list partition" and identify the efi "system" partition. Then type "select partition 2". In my case, the efi partition system had partition number 2 and it might vary in your case. Then type "assign letter=x" (I chosed x and it's random). Now you will see a 100 mb partition in windows explorer. That's your efi system partition. This is for our knowledge. We don't need to do anything here. Let's get back to our command prompt. Now type "exit" to close diskpart. Now type the letter which you have assigned in the CMD line and place a colon with it. I am typing " x:" and pressing enter key. Now type "dir" to see the contents of drive x. Now we have to change folder so type "cd efi" and type "dir" to see the contents of efi folder.

Now you will be seeing the list where a folder named of Linux that you have installed once (like Ubuntu, fedora, blah blah). That's the folder which we want to delete. Type "rd <foldername> /s". I am typing "rd ubuntu /s". Type Y to conform deletion. Type "dir" to ensure the folder is deleted. 

Yes, we did it. 
Now we have successfully uninstalled Ubuntu completely from our PC. The efi system which we mounted will automatically get unmounted once you restart your PC. Don't worry.

Any queries, let me know :)
Starting journey on CSS
Tags: css
Published: 2020-08-30 10:55:24

Hello guys, 

So you can build skeleton of page using html.But you need extra to decorate it.
It's like extra items of dinner that makes dinner tastier.

Yup guys, I am talking about CSS
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/i6e1qt034qre5tnxp0lv.jpg)

CSS makes your website decorative as it comes with many decorating features.
I has just started my journey on 28/08/2020 on this.
Yes, I don't want my site look just skeleton I want to dress it make it colorful and attractive that's what CSS do.

Basically you can use CSS in 3 ways.
*Inline,*Outline(Internal) and *Creating seperate documents(i.e External).
So many developers choose seperate file for CSS as they don't want to mix things and increase readability of program.

Thanks
Learning html
Tags: html
Published: 2020-08-30 10:48:19

I started my HTML journey on 23/08/2020 and i completed my basic tutorials basic programs on 27/08/2020.
I felt html as such an easy platform you can learn it in few hours.
Basically you need is:
<!DOCTYPE HTML> to specify it as document.
then there are two types of syntax 
1) Comes with opening and closing both like
<html></html> -specifying html
<head></head> -specify head section
<a href=""></a> -to link another page or site
<b></b> - bold 
<i></i> -ittalic
<p></p>   -paragraph
<h1></h1>  -heading or bigger size
<table></table> -specify table
<div></div>  - division or a section 
<ul></ul> -unordered list
<ol></ol> -ordered list
<li></li> -list element
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/pfamtk6rj7bvgaun51yx.jpg)

and other many more i have only mentioned basics.
2) comes singly
<meta charset="UTF-8"> -meta tag with charset
<br> -breaking line
<hr> -horizontal ruler


We can insert inages with img tag and many more are there if you want to learn can easily learn from W3schools and freecodecamp.
For further query Can contact me.
Thanks
Amazon AWS WorkMail to Office 365 Migration - Import Maiboxes from AWS WorkMail to Office 365
Tags: amazonworkmail, amazonworkmailtooffice365, office365
Published: 2020-08-30 10:47:16

Use this <a href="https://www.filesrecoverytools.com/export-amazon-workmail-to-office365.html">amazon workmail to office 365 migration tool</a>. This AWZ WorkMail to Office 365 tool enable the users to migrate one or more mailboxes from Amazon WorkMail to Office 365 or Exchange Server at same time. This software allow the users to migrate all types of exchange deployments, premises, hosted, and cloud. It provide an special filter option which allow the users to migrate only required data from Amazon WorkMail to Office 365. Its free demo version is also available, which allows its user to migrate migrate 10 items/per folder free from Amazon WorkMail to Office 365.

<b>Use this discount coupon ( nuc10allsoft ) at checkout page to get 10% discount on full licensed product.</b>

Read more:- <a href="https://www.filesrecoverytools.com/export-amazon-workmail-to-office365.html">amazon workmail to office 365 migration</a>
Import and Export Amazon WorkMail to Office 365 - Amazon Workmail to Office 365 Migration
Tags: amazonworkmailtooffice365, amazonworkmailmigration, amazonworkmail, office365
Published: 2020-08-30 10:45:32

I would like to suggest you this <a href="https://www.filesrecoverytools.com/export-amazon-workmail-to-office365.html">amazon workmail to office 365 migration</a> Which can easily migrate one or more mailboxes at the same time from Amazon AWS workmail to Office 365 without any effort. This Export Amazon WorkMail to Office 365 tool has been very well designed with features to migrate Amazon WorkMail mailboxes to Office 365 Platform. It has very user-friendly GUI, which also help you to operate software in easy way. Its free demo version is also available, which allows its user to migrate migrate 10 items/per folder free from Amazon WorkMail to Office 365.  

<b>Use this discount coupon ( nuc10allsoft ) at checkout page to get 10% discount on full licensed product.</b>

Visit here:- https://www.filesrecoverytools.com/export-amazon-workmail-to-office365.html
Amazon Workmail to Office 365 Migration - Migrate AWS workmail to Office 365
Tags: amazonworkmailtooffice365, amazonworkmail, office365
Published: 2020-08-30 10:43:37

Use this <a href="https://www.filesrecoverytools.com/export-amazon-workmail-to-office365.html">amazon workmail to office 365 migration</a> software to migrate all the mailbox data such as emails, contacts, appointments etc. from AWS workmail to Office 365 without any data loss. After conversion, This software generate log report of migration process and save it in CSV format which can be used in future reference.  This software easily migrate all amazon workmail to Office 365 to skip unwanted empty folder and already migrated items. It provide easy to use user friendly interface to make the conversion fast and simple. Use it free demo version first to analyze it features and functions.

<b>Use this discount coupon ( nuc10allsoft ) at checkout page to get 10% discount on full licensed product.</b>

Download link:- https://www.filesrecoverytools.com/export-amazon-workmail-to-office365.html
Going broad or specific and deep in your knowledge and skills?
Tags: discuss, career
Published: 2020-08-30 10:36:07

As I'm a person that's interested in a huge amount of different things (different development topics, design, marketing and other hobbies), I wonder what's your opinion on this? Rather stay specific and go deep in one topic to become an expert or widen your knowledge with whatever interests you? Or a mix of both 🤔
Starting new journey on dev web
Tags: webdev, html, beginners
Published: 2020-08-30 10:35:34

Hello everyone out there,
Today I am going to write about my plan for now.
I recently took a new domain for my interest.
I want to learn front-end developer.
So , I started from basic. I started to learn it from 23/08/2020.
In these days i learnt HTML5 and can build basic framework of webpages for now.

I started my journey chasing my interest.
Are there anyone out there having same interest and in basic level now can join my journey.

And yaa I am learning through Youtube tutorials mostly, W3schools and freecodecamp.
Thanks for now
Web Based Pharmacy Management system (MEAN Stack)
Tags: webdev, angular, mongodb, node
Published: 2020-08-30 10:08:16

https://github.com/LalanaChami/Pharmacy-Mangment-System/tree/contributor-branch

🦄 An Open Source MEAN stack web application (Pharmacy Management System)...
Contributions are more than welcome 😍 (Please clone the contributor branch for contributions)