teleren/devto huggingface dataset:
Sequence of object creation in .NET
Tags: dotnet, csharp, oop
Published: 2021-05-01 12:26:56

We are going to learn some basics of how the object is created in c# .net, most importantly the sequence of how they are created when the classes are following inheritance.

This is very simple topic but confuses many developers, even I was confused when I first learnt this.

Lets try to understand this.

In this example we will take two classes "Parent" and "Child" to make things simple.

Below is the code for "Parent" class.

{% gist https://gist.github.com/aman-singh-parihar/29dd30db0df8529a88ef63f1d2e1916e %}

Here we can see that we have two constructor, default and parameterized.

Now lets see the code of child class. We will discuss two cases here.

## Lets see 1st case:

Here is the code of "Child" class.

{% gist https://gist.github.com/aman-singh-parihar/d71ac6f57fd6501526631527bd125ae1 %}

Now when we create the object of Child class, like this.

``` Child c = new Child(); ```

Default constructor of the parent class will be called first, and then the child class constructor will be called.

Output of the above execution will be something like this.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1yal7i0aukim1itt63u2.png)

## Now lets see 2nd case:

Here we want to explicitly call the "Parent" class parameterized constructor.

For this we have to make some tweak in the "Child" class.

Here is the code of the Child class.

{% gist https://gist.github.com/aman-singh-parihar/4040e36cd7195af187e809602a1b5fc0 %}

We can see that we have used a "base" keyword here, this will execute the parameterized constructor of the "Parent" class.

Now when we create the object of Child class, like this, by passing any number as a parameter.

``` Child c = new Child(1); ```

Parameterized constructor of "Parent" class will be executed first, then the constructor of the "Child" class.

Output of the code will be something like this.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y08ui6xxfcu05eim4s41.png)
Cool Glowing Effect on Buttons using HTML & CSS 
Tags: html, css, javascript, beginners
Published: 2021-05-01 12:22:40

Cool Glowing Effect on Buttons using HTML & CSS 

Demo ==> https://codepen.io/Bilal1909/full/yLgdbPK

Keywords :
Cool Glowing Effect on Buttons using HTML & CSS |
glowing button html css, html css glowing button, glowing effect html css, html css glowing effect, css glowing effect on button, glowing button using html css, glowing effect on button in html css

Music Credit:
Track: BEAUZ & JVNA - Crazy [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: https://youtu.be/xgcLwtGlgLU​

Track: Lost Sky - Dreams pt. II (feat. Sara Skinner) [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: https://youtu.be/L7kF4MXXCoA
Hypelet: make bookmarklets with _hyperscript
Tags: hyperscript, bookmarklet, tools
Published: 2021-05-01 12:06:37

---
title: Hypelet: make bookmarklets with _hyperscript
published: true
date_time: 01/05/2021 14:46:00 UTC
tags: [hyperscript, bookmarklet, tools]
canonical_url: https://denizaksimsek.com/2021/hypelet/
---

I made a tool to make bookmarklets in [\_hyperscript](//hyperscript.org). You just write some code in the box and drag the bookmarklet into your bookmarks toolbar. Hypelet injects glue code to load hyperscript dynamically and run your code. You can get a permalink to share your bookmarklet.

- Here’s Hypelet: [Hypelet](https://hypelet.dz4k.com/)
- Here’s the code for a bookmarklet to get the RSS feed of a page: [Get RSS – Hypelet](https://hypelet.dz4k.com/#%7B%22hs%22%3A%22get%20the%20href%20of%20the%20first%20%3C%5Brel%3Dfeed%5D%2C%20%5Btype%5E%3D%5C%22application%2Frss%2Bxml%5C%22%5D%2F%3E%5Cncall%20alert(it)%22%2C%22name%22%3A%22get%20rss%20feed%22%7D)
I'm looking for COLLABORATORS FOR A NEW PROJECT 
Tags: ux, node, react
Published: 2021-05-01 12:03:53

Haven seen the proliferation of hail taxis all over the world, why not throw in a compete for price and increased returns for drivers and passengers alike. What if passengers are able to earn points for each trip which they can use in later trip? Do you think you can join our team to make this happen? Reply to indicate your interest and/view.
Thanks. Yours in coding
Dammy
Daily Developer Jokes - Saturday, May 1, 2021
Tags: jokes, dailydeveloperjokes
Published: 2021-05-01 12:00:18

---
title: "Daily Developer Jokes - Saturday, May 1, 2021"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Saturday%2C%20May%201%2C%202021"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259369613c.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q:___ How does a sysadmin keep a fire going?

___A:___ They rotate the logs.
 -->
How to bind Vuex with an input inside a component
Tags: vue, vuex, javascript
Published: 2021-05-01 11:59:54

Sometimes you need to bind input fields with a vuex state. You can easily achieve that, all you need is an input bind to a computed property. Lemme explain it by giving you an example!

Let's say we've an input having a v-model on it as follows

```javascript
<input
   type="text"
   :placeholder="placeholder"
   v-model="inputValue"
/>
```

Most of the time, inputs are bind to a data property in vuejs. To bind an input to vuex, you need to add `computed` property as follows
```javascript
computed: {
    inputValue: {
      get () {
        // you can right any getter/state here
        return this.$store.stateName
      },
      set (val) {
        // you can right any getter/state here
        this.$store.commit(‘mutationName’, val)
      }
    }
}
```

##Explanation
What we're doing in this `computed property` is, whenever the value of our input is changing, we're mutating our store with fresh value and inside `get` method of our computed property, we're always returning the state of our store (it'll be fresh value always)

##Conclusion
To bind a vuex store and an input, you need to have an input with a `v-model` on it and you need to write a computed property which mutates store each time the value is changed and returns the latest state of the store. It can be state/getter of that store.
On the usefulness of `git rebase`
Tags: git, discuss
Published: 2021-05-01 11:52:39

---
title: On the usefulness of `git rebase`
published: true
description: Who's using git rebase and why?
tags: ["git", "discuss"]
---

Over 10+ years of using Git, I've only ever used `git rebase` for very specific cases and most of those uses were at the beginning of my career when I read that it was a good practice to use it.

The most common argument is that it helps reading the Git history. As I've been avoiding `rebase` for years now I can tell you that in no situation I found myself being like "oh no I wish this commit was rebased for clarity", it's even quite the opposite. I find it much clearer to see what actually happened rather than a redacted history.

On the other hand, rebases can cause weird and unexpected behaviors. After all you're messing with the git history, which is not the most intuitive thing.

So in the end, who uses rebase and for what reason?
5 Tips on How To Create The Perfect Freelancer Profile 
Tags: hiring, career
Published: 2021-05-01 11:35:58

Since today is International Workers Day, we decided to share some tips on how to create a perfect freelancer profile.

UpWork, Freelancer.com, People Per Hour, Guru.com, are all great freelance platforms you can use as a starting point for your freelance career. However, just registering an account and filling it up with some random text is not going to work out well for you.

If you’re serious about making a career as a freelancer, the first thing you need to do is create a complete and attractive freelancer profile.

So, here’s what you should include in your freelancer profile.

#1 Use Your Real Name
Even though it’s common sense to use a real name when doing business, a lot of freelancers are still using fake names on their freelancer profiles.


#2 Upload A Professional Photo
Don’t even think about using a selfie or a really weird close-up webcam photo as your profile picture. That’s a mistake most amateur freelancers make.

Get cleaned up. Dress well. And ask someone else to take your picture. Make sure not to give too much attention to the background. More importantly, SMILE!


#3 Craft A Specific Headline
Your headline should describe your job title. So, try to be as specific as possible to make it easier for your client to understand what you do.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lnb1i8zwjmh50qtroysh.jpg)
No, not like that.

This is not Twitter. Use a more professional headline

For example, if you’re skilled in writing eBooks then describe yourself as an “eBook Writer”, instead of just “Writer”. Or “WordPress Plugin Developer”, instead of “Web Developer”.

Narrow it down to a niche and you’ll have a better chance at getting discovered on a big platform like Upwork.


#4 Write Your Bio In First-Person
Don’t describe yourself in the third person like you’re narrating a movie and avoid writing your freelancer profile as if it’s a page on a corporate website.

#5 Describe Your Qualifications And Experience
It’s best to include a sentence or two about your qualifications and experience in your bio. But, try not to brag too much. Don’t be like this guy.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x0uzh7yqgg6l4obdljzh.jpg)
Also, use the “Employment History,” “Education,” and the “Other Experiences” sections to add more personality to your profile.


#Extra Tip
If you are part of any company's Freelancer Program like the Krowser Web services Freelancer Developer Program or the Samsung Developers Program, you could spotlight the achievement of the firm to add more experience to your profile.

![With ❤️ from all of us at @Krowser Web Services.]
(https://dev-to-uploads.s3.amazonaws.com/uploads/articles/76w4pq391uveos2uajq5.png)
With ❤️ from all of us at Krowser Web Services.


References:
https://freelancinghacks.com/create-perfect-freelancer-profile-upwork/

https://www.upwork.com/resources/9-tips-create-freelancer-profile-stands-out


https://www.freelancer.com/support/general/how-to-get-started-at-freelancer-com
Kadence Theme Review und meine Erfahrungen
Tags: wordpress, kadence, wordpressthemes
Published: 2021-05-03 16:15:49

---
title: Kadence Theme Review und meine Erfahrungen
published: true
date: 2021-05-01 11:11:57 UTC
tags: WordPress,kadence,WordPressThemes
canonical_url: https://j0e.org/kadence-theme/
---

![Kadence Theme Review](https://j0e.org/wp-content/uploads/2021/05/kadence-theme-review.png)

Kadence ist ein WordPress-Theme, das mit einem sauberen und modernen Design daherkommt, das es ideal für die Erstellung eines Blogs, Portfolios oder eines Online-Shops macht. Das Theme ist responsive gestaltet, passt sich also an die Bildschirmgröße des betrachteten Geräts an und ist somit eine gute Wahl für die Anzeige auf einer Vielzahl von Geräten. Das Theme beinhaltet außerdem mehrere erweiterte Theme-Optionen, mit denen du das Aussehen deiner Seite verändern kannst.

Mit Kadence WP wagen viele den Sprung weg von aufgeblasenen Page Buildern hin zum WordPress …

[Kadence Theme Review](https://j0e.org/kadence-theme/)
Push notifications maintenance
Tags: help, firebase, flutter
Published: 2021-05-01 10:53:15

Hi all,

I am potentially building an app for a group of people who do some great volunteer work, and one of the big things they want in the app is push notifications so they can let people know when they're available/where they are.

The two big questions I have here are:
1: Regarding geolocations, is it possible to be far more specific, i.e. at an event/county (in the UK) or will I have to use topics?
2: What is the best way for a fairly technophobic group to utilise push notifications? I am worried that going through the FCM console on Firebase may be too technical for them.

Additional info:

I will be building this app in Flutter. I also don't actually know how to do push notifications correctly yet, I am currently learning that.
MauCariApa.com Mulai Aktif Menerima Donasi
Tags: berita, opensource
Published: 2021-05-01 10:36:10


Namun skema donasi pada blog memang bukanlah hal lazim di Indonesia. Padahal, di luar negeri sistem ini sudah banyak diterapkan. Misalnya [The Guardian](https://www.theguardian.com/), mereka aktif menerima donasi dari pembacanya untuk mendanai biaya operasional, walaupun menayangkan iklan, The Guardian tidak menayangkan iklan dimana-mana yang menganggu pembaca.

# Latar Belakang

Sebenarnya ada metode lain seperti metode paywall dan langganan. Metode seperti ini memungkinkan pembaca mengakses artikel premium dengan harga tertentu. Beberapa diantaranya memberikan 1-2 akses ke konten premium. Website yang menggunakan metode seperti ini adalah [New York Times](https://www.nytimes.com/) dan [Tech In Asia](https://www.techinasia.com/).

Namun kami lebih memilih metode yang diterapkan oleh The Guardian yang sangat sedikit menampilkan iklan dan mendanai biaya operasional seperti membayar penulis, biaya hosting dan lainnya dari donasi pembaca. Dengan metode seperti ini, pembaca mendapatkan pengalaman membaca artikel yang nyaman.

Kami merasa cocok dengan metode yang digunakan The Guardian, karena kami menyadari konten seharusnya dapat diakses oleh semua orang dan bukan hanya untuk segelintir orang. Hal lainnya, kami tidak memiliki konten yang layak dijadikan konten premium, sedangkan website membutuhkan biaya agar tetap online.

# Mengapa Pembaca Perlu Berdonasi?

Mungkin Anda bertanya, bukankan The Guardian dan MauCariApa.com menayangkan iklan. Mengapa tidak menggunakan iklan untuk mendanai website. Maka kami jawab, memang iklan terlihat mendatangkan banyak pendapatan sehingga tidak perlu menarik donasi dari pembaca. Perlu diingat, pengiklan membayar penayang berdasarkan iklan yang tayang, makin sedikit iklan yang ditayangkan, makin sedikit pula pendapatan yang masuk.

Seperti kebanyakan lembaga non profit dan proyek open source, mereka lebih mengandalkan donasi untuk mendanai proyek mereka namun memberikan timbal balik kepada donatur.

Untuk memberikan timbal balik kepada donatur, kami akan memberikan akses Canva Pro untuk para donatur selama mereka aktif berdonasi. Ini merupakan bentuk terimakasih kami kepada donatur yang telah membantu mendanai website MauCariApa.com.

[Mulai Berdonasi](https://karyakarsa.com/maucariapadotcom)

*Originally published at [MauCariApa.com](https://maucariapa.com/maucariapadotcom-menerima-donasi/) on May 01, 2021.*
HOW TO MAKE SALES ONLINE
Published: 2021-05-01 10:08:08


Dear Entrepreneur,

This is specifically for businesses and business owners looking to make sales online with as little as zero naira.

If you have a business, stop here and read this. If you're not, please share for business owners on your social media handles.

Making sales online is easy, especially if you leverage on the power of community and content. Although, I won't be boring you with long term effects of content marketing.
In this, I'd be highlighting two (2) techniques you can use in making sales online with content. Although, I'd only talk about one (1) NOW and discuss the other some other time.
Well, let's get to it immediately.
The two techniques you can use in making sales online is
AIDA: Awareness - Interest - Desire – Action
PAS: Problem - Agitate - Solve.

For today, we'd be talking about AIDA
A – Awareness: This is the first step in selling to your audience online. Before you tell them how good your products and services are, you need to attract them to you.
It involves using catchy headlines, asking questions, or telling an interesting story.
I – Interest: Now, that you have their attention, you want to build their interest in your product or your service.
You want to tell them what they want to hear. It could be a solution to their problems, benefits of your service and products to them, or by showing past reviews.
D – Desire: At this point, you want to build an emotional connection with them through your content or by giving a free service. 
You use content to increase their desire for that product or service. This makes them bond with your brand and consider you out of the competition.
A – Action: This is the best part. This is where you push them to make a decision.
Whether it's to make a purchase, download your app, or get a free template from you. When you add your CTA (Call to action) don't be passive. 
Sell aggressively
The AIDA sales format is the most used format by sales men, copywriters, and business experts.
It's a trusted format that can help you achieve your business goals and get you sales anytime.
DID YOU LEARN SOMETHING NEW?


See you for the next part.
I gave my first workshop yesterday. Here's what I learned.
Tags: career, codenewbie, webdev, watercooler
Published: 2021-05-01 09:48:23

Hello! Yesterday I gave my first ever workshop, about frontend testing principles. Lasted 2 hours and 20+ people showed up. I learned a ton. Here are the things I'll do better next time:

- Only write bullet points of stuff I want to talk about and improvise more. I had notes that didn't help me because they were paragraphs.

- Prepare possible questions people might have since asking "anyone has any questions?" doesn't seem to work. I think most people don't have time to process the info + come up with questions. Thankfully I had 2 very engaged participants in the workshop that asked questions.

- Ask participants by email a few days before the workshop how much experience do they have with the thing I'm going to teach. I did this too late, and I had to change stuff the day before the workshop. 

- Prepare real life examples and stories of real life situations where whatever I'm explaining is used / helps. People will not remember technical stuff but will remember stories. I'll try to make these stories funny if I can.

Any tips you'd like to share?

Follow me on [Twitter](https://twitter.com/jordienr) for more!
Puppeteer Web Automation
Published: 2021-05-01 09:14:54

# What is Puppeteer?

Google launched puppeteer in 2017. Puppeteer is a powerful library which provides an API to control headless Chrome or Chromium over the DevTools Protocol. 

# What can it do? 

Puppeteer can be used for automating all the manual or GUI interactions. When it comes to debugging, this tool becomes any developer's choice.

# How does it work?

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2z0ttxfjzh69ulet70mj.png)

# Why choose Puppeteer?

1. Puppeteer requires zero setup. Comes with chromium version making it very easy to start with. 
2. It has event-driven architecture which removes potential flakiness. So, there’s no need to add unnecessary wait and sleep times.
3. Puppeteer runs headless by default which makes it super fast.
4. Puppeteer v1.5.0 also exposes browser contexts, making it possible to efficiently parallelize test execution.
5. Run in a Docker container or serverless environment.
6. Intercept network requests.
7. Dev tools can be used to capture performance info and can run commands in the console.
8. Test a Chrome extension.
9. Analyze JS bundle using the analyzer available. 
10. Emulate mobile viewports. 
11. **Speed**: Puppeteer has almost zero performance overhead over an automated page.
12. **Security**: Puppeteer operates off-process with respect to Chromium, making it safe to automate potentially malicious pages.
13. **Stability**: Puppeteer should not be flaky and should not leak memory.
14. **Simplicity**: Puppeteer provides a high-level API that’s easy to use, understand, and debug.

# How it can be used for test automation?

Using Puppeteer you can launch web pages, make UI navigations, take screenshots and generate pdf's. Pupetteer can be used with testing framework such as Jest, Mocha or make your own test framework too! It works well with Chai assertion library.

# What ways this tool could help your team?

Puppeteer is the go-to tool for automation if speed and performance of automated tests are more important than portability and compatibility.

# Summary

* Puppeteer works seamlessly with single-page applications.
* It creates an up-to-date, automated testing environment by  directly in the latest version of Chrome using the latest JavaScript and browser features.
* Supports FireFox(beta).
* Supports parallel execution.
* Crawl a SPA (Single-Page Application) and generate pre-rendered content (i.e. "SSR" (Server-Side Rendering)).
* Capture a timeline trace of your site to help diagnose performance issues.
* If you are looking for Speed, stability, security and simple tool, then puppeteer is the best choice.

# Puppeteer does not support the following

1. Cross browser compatibility testing
2. Does not support licensed formats such as AAC or H.264 media formats
3. Puppeteer does not support HTTP Live Streaming (HLS).
4. Does not support multiple languages, supports only JavaScript. 


More details about test frame work and tests: 
Jest framework - https://github.com/sdkdeepa/pptr-testframework 
Mocha-chai - https://github.com/sdkdeepa/pptr-mocha.
Is there a comprehensive list of machine learning algorithms
Tags: machinelearning, algorithms, programming, python
Published: 2021-05-01 09:09:08

Machine Learning is a subset of Artificial Intelligence (AI) that helps various software applications become equipped for predicting accurate results without the requirement for any human interference. Machine Learning algorithms utilize past business data to train themselves and learn to predict new results dependent on the data provided. 

Machine Learning can largely be separated into the accompanying three categories: 

Supervised learning: In this, professionals provide algorithms to the framework with training data that is marked, Here, they characterize those variables that they wish to survey for any correlations utilizing the algorithms. Furthermore, the information and the yield data of the algorithm are characterized. 

Unsupervised learning: In this, algorithms are trained utilizing unlabelled data. The ML algorithm look over business information to extract important data and relationships. Moreover, the data set utilized for training, and the predicted results are pre both predetermined. 

Reinforcement learning: This sort of Machine Learning instructs machines to complete multi-step processes that have a bunch of rules characterized. Professionals create algorithms to finish the necessary undertaking and give signals while understanding how to finish the errand. 

Referenced beneath is a rundown of the comprehensive arrangement of Machine Learning algorithms: 

Supervised learning 

Clustering 

Model determination 

Regression 

Processing 

Dimensionality reduction 

Along these lines, without burning through any time, get a head start in your career and pursue our [Machine Learning Course for Beginners](https://intellipaat.com/machine-learning-certification-training-course/) at Intellipaat
Search engine for friends fans
Tags: julia, angular, heroku, microservices
Published: 2021-05-01 08:58:43

Please check out the new website I made using Angular and Julia.

https://ispandey81.github.io/Friends/

Drew inspiration from the following sources:
1.https://www.youtube.com/watch?v=uLhXgt_gKJc&t=4s
2.https://frinkiac.com/

The code for the back end and front end can be found on my github account:
https://github.com/ispandey81/Friends
https://github.com/ispandey81/Friends-backend