teleren/devto huggingface dataset:
Web Browsers
Tags: beginners, browser
Published: 2019-10-18 07:18:00

---
title: Web Browsers
published: true
description: a brief introduction to browsers
tags: beginners, browser
series: FrontEnd Development Zero to Hero 
---

Web browsers are application software that is used to access web documents and resources either offline or online with an internet connection.

Some popular browsers are:

* Firefox
* Google Chrome
* Internet Explorer
* Safari
* Opera

##__FIREFOX__
Firefox is a free and open-source created by Mozilla. It's available for both macOS and PC's and can be downloaded from their [download page](https://www.mozilla.org/en-US/firefox/new/).

##__GOOGLE CHROME__
Google Chrome is a cross-platform web browser developed by Google. It's as available for Windows, Linux, macOS, iOS, and Android. You can download it on [Chrome website](https://www.google.com/chrome/).

##__INTERNET EXPLORER__
Internet Explorer or IE for short is the browser bundled with the Windows Operating system and it's developed by Microsoft.

##__SAFARI__
Safari is a web browser developed by Apple and it makes use of the WebKit rendering engine.

##__OPERA__
Opera browser is created by Opera Software and is available for Microsoft Windows, Android, iOS, macOS and Linux operating systems. You can get it at their [download page](https://www.opera.com/download).

Some browsers not mentioned are Opera Mini, UCBrowser, Vivaldi Browser, Iridium and  Brave Browser. For sort of comprehensive list, check out [Wikipedia list of browsers](https://en.wikipedia.org/wiki/List_of_web_browsers).

Up Next, How do browsers work?

#__HOW BROWSER WORKS__
Browsers fetch the resource we want by telling them where to find it, but what really happens under the hood the moment you type the IP Address or domain name into the address bar and press the enter key?. We are in luck, [Tali Garsiel](https://taligarsiel.com/) did some research and it's available online.

![How browser works](https://thepracticaldev.s3.amazonaws.com/i/crfstim9f632ir7k3p0k.png)

You can access the research on [html5rocks](https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/).

The article is quite long, and if you find it daunting at first, I will suggest reading it after the series.

_Edited September 19, 2020: Grammar fix._
Building Careers with Empathy with Scott Hanselman
Tags: career, management, interview
Published: 2019-10-18 07:04:15

I thought to share visibility on this career and life video both the perspective of the person growing but also from when you become a coach.

{% youtube 6eSpILu7wpg %} 

There are a couple of important topics I would like to put focus on:
- You, the experienced person have "life to spare" when a stupid question is required to be asked. Your younger and just starting counterpart doesn't. So don't be afraid to take a hit
- Always understand where your code is being executed. This is for me a big problem currently in the industry.
- Visibility and sharing of knowledge.
- Luck is necessary. Skill as well. Having skills is a lucky thing to be born with.

Especially on the topic of luck and skill, it is very rare when an American, especially with a successful career, recognizes that it is not just a matter of hard work but also luck and coincidence are necessary to succeed in life. If it is not luck then it is lack of unlucky moments. This is something that we tend to forget when we judge other people and personally frustrates me. There can be many things that could have gone wrong for a person but also many things that just go right to others. If you are one of the lucky ones, then you should be respectful to those who weren't.

I also find this "building careers" series of interviews happening at Microsoft very interesting.

PS, There is something about [Scott Hanselman's](https://www.hanselman.com/) presence that puts me off but it is just me. Nevertheless, I find most of what he says and writes about exceptionally insightful with a lot of honestly, pragmatism and simple reasoning.
#2019 Awesome Indian Music Composers
Tags: productivity, playlist
Published: 2019-10-18 06:52:32

---
title: #2019 Awesome Indian Music Composers
published: true
description: 
tags: productivity, playlist
---

##Listen to songs by them and stay focussed...

Nucleya
Ritviz
The Local Train
Parvaaz
aswekeepsearching
Ankur Tewari
Prateek Kuhad
Seedhe Maut
Prabh Deep


do share cool playlists...
Property Dealers In Dwarka Expressway Gurgaon Gurugram
Tags: propertydealers
Published: 2019-10-18 06:22:52

Over the last few years, real estate sector price in India has observed many ups and downs, thereby putting customers in the confusion of whether or not to buy a residential property. If you are also facing this dilemma, then consult with reliable property dealers in Dwarka Expressway who will help you in purchasing the residential property you are exactly looking for. Dwarka Expressway project is India’s one of the largest real estate project. It is located across a huge 18 kms stretch area. 
Visit https://dwarkaexpressway.com/
[Talk] Billion Dollar MistakeS - On Tony Hoare and Android Burritos
Tags: kotlin, android, career, techtalks
Published: 2019-10-18 06:06:15

Hello Berlin Kotlin Meetup,

Here are the slides for the presentation I did on 2019-10-17

{% speakerdeck 5cc3d647555641d1bad3ccf41e43a6fd %}

Here is its companion article

{% link https://dev.to/jmfayard/android-s-billion-dollar-mistake-327b %}

dev.to is a cool place, you should create your account today and you can follow me here!

{% user jmfayard %}

Here are some relevant links from the talk:

- [Tony Hoare - Wikipedia](https://en.wikipedia.org/wiki/Tony_Hoare)
- [Israel Ferrer Camacho - the Burrito design pattern](https://speakerdeck.com/rallat/androiddevlikeaprodroidconsf?slide=24)
- [android/camera-samples Camera2Burrito](https://github.com/android/camera-samples/blob/f555592364979f4005db0bea40753e0de52c8d86/Camera2BasicKotlin/Application/src/main/java/com/example/android/camera2basic/Camera2BasicFragment.kt#L60-L817)
- [Google Authenticator super Burrito activity](https://github.com/google/google-authenticator-android/blob/efac95c88ef8d9f8be3c887fbcd2c2fdf4f45dbe/java/com/google/android/apps/authenticator/AuthenticatorActivity.java#L109-L1879)
- [Beethoven - Symphony No.9 (10000 Japanese) - Freude schöner Götterfunken - YouTube](https://www.youtube.com/watch?v=X6s6YKlTpfw)
-  reddit#androiddev [Which areas of Android development are bad and need to change? ](https://www.reddit.com/r/androiddev/comments/d822s8/which_areas_of_android_development_are_bad_and/)
- The infamous video: The price of ENUMs #PERFMATTERS  https://www.youtube.com/watch?v=Hzs6OBcvNQE
- Here is an insightful, sad and honest answer from Dianne Hackborn (Android team) to the answer: ["How should I design my Android application? What kind of MVC pattern should I use? What should I use for an event bus?"](https://www.cnblogs.com/jarvisyin/p/6361184.html)

> "We often see questions from developers that are asking from the Android platform engineers about the kinds of design patterns and architectures they use in their apps. But the answer, maybe surprisingly, is we often don't have a strong opinion or really an opinion at all."

Here is the quote of Tony Hoare showing what the right way to own your mistakes

> I call it my billion-dollar mistake. It was the invention of the null reference in 1965. At that time, I was designing the first comprehensive type system for references in an object oriented language (ALGOL W). My goal was to ensure that all use of references should be absolutely safe, with checking performed automatically by the compiler. But I couldn't resist the temptation to put in a null reference, simply because it was so easy to implement. This has led to innumerable errors, vulnerabilities, and system crashes, which have probably caused a billion dollars of pain and damage in the last forty years.
> Tony Hoare at QCon London in 2009
> https://en.wikipedia.org/wiki/Tony_Hoare
Advanced PHP Interview Question 2020
Published: 2019-10-18 05:57:44

Do you want to be a software engineer but finding it difficult to crack the interview? You might have an unnerving experience while facing interviews for being a developer. Some of the most frequently asked questions are listed below:

1-	What do you mean by Zend Engine?
Zend Engine is basically used by <b>PHP</b> as a runtime engine as well as a compiler. It works in a way that the loaded PHP scripts are kept in the memory and then compiled in a Zend Engine.

2-	Name some of the latest features introduced by PHP7?
Some of the latest features proposed by PHP7 are as follows:
AST-based compilation process
Unicode codepoint escape syntax
Return type declarations
Uniform variable syntax and so on. 

3-	What do you understand by Magic Method in PHP?
Magic Functions in PHP are the functions that are being started by a double underscore. For instance “--------“

4-	Name some of the Magic Functions used by PHP5?
A few Magic Functions used by PHP5 are listed below:
•	Call()
•	Sleep()
•	Clone()
•	Unset()
•	Wakeup()
•	Get()
•	toString()
•	construct()
•	destruct()


5-	What is mean by overloading and overriding in PHP?
Overloading in PHP can be defined as the function that is having the same signatures but different parameters. 

Prepare yourself for the best <a href=https://www.codingtag.com/top-50-php-interview-questions><b>PHP Interview Questions</b></a> 2020 with the most frequent asked real-world interview questions published by the Coding Tag. These PHP interview questions have been listed after many pieces of research. Thus, it will help you to set apart during the process of your hiring.

While overriding in PHP can be considered similar to other OOPs programming languages, the parent and child classes while coding must contain a similar function. 

So this is all about a few of the most frequent asked questions by the recruiters. Moreover, if you have an insight into the CSS language then it acts as a piece of cake for you to get the job. You can also refer to <a href=https://www.codingtag.com/top-30-css-interview-questions><b>CSS Interview Questions</b></a> to know about the interview questions. 

Source Url: https://www.linkedin.com/pulse/advanced-php-interview-question-2020-coding-tag/
My #100DaysOfCode challenge so far
Tags: opensource, github, webdev, programming
Published: 2019-10-18 05:41:21


I thought my first Dev.to post should be about my current challenge and state of how things are.  I started the #100DaysOfCode challenge on 11 September 2019 in order to challenge myself to learn new things and experience new technologies and i have to say, it's going great so far! , i've learnt so much new stuff and done things that once seemed quite far fetched for me.

Sometimes i do get to the point where I can't decide what to build but then i usually look up for ideas on forums and on dev.to as other people have done similar challenges as well. Today is Day 38 and i'm probably going to play around with some python today and the twitter API.  I'm trying not to be too strict with  myself regarding the challenge (if do happen to miss a day i'm not going to burst into flames) , after all , i'm only trying to be better than what i was yesterday.  Open-source and doing all these projects is a lot of fun, i hope you will also challenge yourself to learn new things everyday.

Please feel free to check out my repo and be so kind as to star⭐ it if you like some of the projects i've done so far:
https://github.com/SeshanPillay25/100-days-of-code

And also please check out the rest of my projects as well: 
https://github.com/SeshanPillay25
Create .NET Core 3 local tools without touching .csproj
Tags: csharp, dotnet
Published: 2019-10-18 05:41:05


What is [local tools](https://docs.microsoft.com/en-us/dotnet/core/whats-new/dotnet-core-3-0#local-dotnet-tools)

> .NET Core 3.0 introduces local tools. Local tools are similar to global tools but are associated with a particular location on disk. Local tools aren't available globally and are distributed as NuGet packages.


### Create project

```bash
dotnet new console --language C# --output sr/MyApp
```

### Pack as tool

```bash
dotnet pack src/MyApp \
    /p:PackAsTool=true \
    /p:ToolCommandName=wk-my-app \
    /p:PackageId=wk.MyApp \
    /p:Version=0.0.1 \
    --output __publish__
```

### Install as local tool

```bash
dotnet new tool-manifest
dotnet tool install wk.MyApp \
    --add-source __publish__
```

### Execute

```bash
dotnet wk-my-ap
```

### Uninstall

```bash
dotnet tool uninstall wk.MyApp
```
Stream 10/17/2019 - Confused bluefish!
Tags: blog, todayilearned, devjournal
Published: 2019-10-18 05:35:52

Oh boy, this stream was a bit rough. I went on a journey of fixing a bug in React Twitch Video Embed lib and we went down the rabbit hole of upgrading Storybook. It feels good to get things updated but things were running SO SLOW in WSL2. I need to nuke my setup soon and start fresh.

# Today Objective

- [x]  What to call today's log
- [x]  Look into updating the React Twitch Video Embed for setting the width and height on the root div to fix the sizing bug.
    - [x]  [https://github.com/talk2MeGooseman/react-twitch-embed-video/issues/20](https://github.com/talk2MeGooseman/react-twitch-embed-video/issues/20)
    - [x]  Upgrade Storybook dependencies
        - [x]  [https://github.com/storybookjs/storybook/blob/next/MIGRATION.md](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#from-version-32x-to-33x)
        - [x]  [https://medium.com/storybookjs/migrating-to-storybook-4-c65b19a03d2c](https://medium.com/storybookjs/migrating-to-storybook-4-c65b19a03d2c)
- [ ]  Get familiar Github's Package Registry and see what we can do with it for react-twitch-embed-video

# Notes

- At the top of the stream, we started to look at the issue for react-twitch-embed-video. While looking at the issue I discovered that the version of Storybook was VERY outdated and should try to get it up to the latest.
- Upgrading v3 to v4 was for the most part smooth. There was an error when going to v4.0 but skipping ahead to v4.1.18 resolved that issue
- When going up to version v5 I realized all the babel configs were somewhat outdated at needing to get bumped to v7, so I ended having to tackle that also.
    - Thanks `npx babel-upgrade`
- After getting annoyed with file watchers not working for WSL2 on my Windows machine (which was forcing me to start/stop storybook). I decided to try to have Storybook use custom Webpack config so that I can watch it to do file watching for changes
    - [https://storybook.js.org/docs/configurations/custom-webpack-config/#using-your-existing-config](https://storybook.js.org/docs/configurations/custom-webpack-config/#using-your-existing-config)

# Shoutouts and Thanks

- PakamanJr
    - Resub for 19 months!!!!
    - Gifting 10 subs!!!!! THANKS!
- Jamit
    - Filing a new feature request for stream cc and just being awesome
    - 2 months resub!  THANKS!
- JamesMontemagno
    - Gift sub!  THANKS!
    - Tipped $2!  THANKS!
    - Tip 20 bits!  THANKS!
- AkiraLaine: Resub for 15 months!
- LilyHazel
    - 3 months resub!!!!  THANKS!
- azurekoi
    - For the stream log title suggestion: `confused bluefish!`

# Future action items

- [ ]  Need update storybook to v5
- [ ]  Need to figure how to get custom webpack config to do file watching via pooling
- [ ]  Add leader board for gifted subs
- [ ]  Release new version of react-twitch-video-embed
#Fullstackdeveloper @  #IITM  #Chennai #Guidanz
Published: 2019-10-18 05:31:13

Hi Friends ,

Great opportunities for

#Fullstackdeveloper @  #IITM  #Chennai #Guidanz

You can find a list of our customers on our website.
www.guidanz.com
Skedler(www.skedler.com)
BI Connector (www.biconnector.com)

Experience
3-5 years

Backend
----------
Primary:
#Python,
Secondary:
#Nodejs
DB:
#MySQL /
#MongoDB

Frontend
-----------
Primary:
#JavaScript,
#HTML5,
#css3
Secondary:
#React Js /
#AngularJs
Plus:
#Elastic-search

Salary : Best as per industry standards

Location
------------
You will be working in our office in IIT Madras Research Park in Chennai, India.

To apply, please email us at hr@guidanz.com, attaching a current resume in HTML, Word, Plain Text or PDF format.

Please help  with some great references
Best start for JavaScript
Tags: javascript, ecmascript, language
Published: 2019-10-18 05:11:32

JavaScript (JS) is a lightweight interpreted or JIT-compiled programming language.

> It was invented by Brendan Eich in 1995
> It became an ECMA standard in 1997.
> ECMA-262 is the official name of the standard.
> ECMAScript is the official name of the language

If you want to learn JavaScript there are a lot of books and resources from novice to expert that can guide you.
I’ve been learning JavaScript since last year and I had opportunity to study some of them.
I’ve found expert resources are even better than novice resources to start, because there are some unfriendly features on JavaScript that novice resources don’t cover them and so can waste you time in first step and then confuse you finally.

To start JS:
* [http://speakingjs.com/es5/](http://speakingjs.com/es5/)
To learn last update of JS:
* [https://leanpub.com/understandinges6/read/](https://leanpub.com/understandinges6/read/)
To learn how to use JS in client-side web development:
* O`Reilly — JavaScript. The Definitive Guide, 6th

To learn Object-Oriented concepts of JS deeply:
* No Starch The Principles Of Object Oriented JavaScript
To learn some internal aspects of JS:
* [http://dmitrysoshnikov.com/ecmascript/javascript-the-core-2nd-edition/](http://dmitrysoshnikov.com/ecmascript/javascript-the-core-2nd-edition/)

And finally, full-featured reference for JS:
* [https://developer.mozilla.org/en-US/docs/Learn/JavaScript](https://developer.mozilla.org/en-US/docs/Learn/JavaScript)
* [https://developer.mozilla.org/en-US/docs/Web/JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
* [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference)

In my opinion, don’t heavily rely on novice resource like [w3school.com](w3school.com), use it only for a quick and rapid introduction on first step.
Beware! Catalina update forcing HTTPS
Tags: warning, apple, daily, webdev
Published: 2019-10-18 03:51:02

Today we lost 1h of time battling to understand why https wasn't working.

# Thank you Apple

We were dockerizing some old projects as AMPPS that we were using for them is becoming not supported with the new Catalina update. 

The issue is we had just quickly done a setup mysql + apache for the docker container and were trying to access: `http://127.0.0.1`

Somehow Chrome kept giving us a connection refused same for Safari. When we checked the URL we could see that it was forced to `https`.

Of course we tried simply removing the `s` from the URL but it was of no use.

This led us to understand that now by default Apple forces https for `localhost`, `127.0.0.1` (way to be annoying).

# Solutions:

- Boycott the Catalina breaking update
- Go to Preferences -> Privacy -> Manage website data -> remove 127.0.0.1

# Conclusion:

Forcing people to move to 64bit apps as well as forcing https without warning the users can be quite troublesome. Especially in the development world as for our part, doing webdev, it made us think our docker wasn't working that we had messed up and this resulted in us stopping our activities temporary while we finally understood that the update made radical changes to how the dev environment was working.
Day 4 - Project - YouTube Page Clone - Part 1
Tags: codenewbie, html, css
Published: 2019-10-18 02:54:09

I haven't posted much but I am still learning.

I completed the Bootstrap section and now I am doing the HTML & CSS projects through the Odin Project.

The first project that I am working on is recreating a YouTube page. This time I am practicing using the Grid and Flexbox to create the layout.

The goal of that assignment is to work images, audios and videos but I am taking the opportunity to practice thinking through and organizing my layout.

Below is a picture of where I am at and a short breakdown.


![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/j8dfslvf5mcpprk8iajc.png)


1- The navigation is laid out in a grid of 3 columns. I used Flexbox to align the icons on the left and right columns. The middle column is a text input and an icon on the side. I could have used picture for the entire nav bar but I wanted to use the icons and figure out how to align them properly. The challenging part of this section was the search bar. It is not aligned as well as I would like to and it is on the list to be revised.

2- I used the Grid again for the rest of the page and as you can see I love using different background colors to see how the elements are on the page especially if it is a page that requires a light background. I will complete this tomorrow and start this other project that is a login page.

It is so much fun to do this and I am so proud and happy whenever I see something that I spend so much time on work out so nicely.

On to the next one!
Autoscaling Group With AWS Elastic Load Balancing
Tags: aws, elb, loadbalacing
Published: 2019-10-18 00:09:56

If you want to deploy an Autoscaling EC2 infrastructure on AWS using ELB, you'll need to follow this steps: 
1. Launch EC2 Instance
   - EC2 Dashboard > Launch Instance
   - Configure your web app
3. Transform into AMI
   - Select Instance > Action > Image > Create Image
   - Instance > Delete EC2 Instantes
   - Delete Security Group created with the Instance
4. Deploy AMI across different zones
   - Load Balancer > Create Load Balancer > Application Load Balancer
   - Select Zones
5. Configure Secure Groups
   - Create New Secure Group
6. Configure Target Groups
   - Define a Target Group name
7. Launch Configurations
   - Choose the AMI created early
   - Define Launch Configuration name
   - Allow traffic just to the Load Balancer Security Group
8. Configure the Autoscaling Group
   - Autoscaling Group > Create Autoscaling Group
   - Define Name
   - Group Size
   - Choose the subnets
   - Choose Target Groups
   - Health Check Type: ELB
9. Define the Scaling Policies
   - Create Increase and Decrease Alarms
   - Set Notifications

The Autoscaling Group will launch the AMI instances based on the Increase/Decrease alarms and the minimal requirements. 

## References
Elastic Load Balancing - https://aws.amazon.com/elasticloadbalancing/
Elastic Compute Cloud - https://aws.amazon.com/ec2/
DPDK – EAL Input/output error
Tags: dpdk, networking, workrecord
Published: 2019-10-20 12:22:50

---
title: DPDK – EAL Input/output error
published: true
date: 2019-10-18 00:00:00 UTC
tags: dpdk,networking,workrecord
canonical_url: https://dannypsnl.github.io/docs/dpdk-input-output-error/
---

Last week I’m trying to reproduce a bug happened in our customer environment, so we create a minimal example for this: https://github.com/glasnostic/nff\_go\_test

During this, I found an annoying problem and want to record it.

I got an error: `EAL: Error enabling interrupts for fd 10 (Input/output error)`

After some research, I found a patch for this(it didn’t be merged into DPDK since it’s a VMWare problem).

If you try to bind NIC that using `e1000` you might have the same issue.

To solve this disables the checking by:

```
sed -i "s/pci_intx_mask_supported(dev)/pci_intx_mask_supported(dev)||1/g" \
  $(DPDK_PROJECT)/kernel/linux/igb_uio/igb_uio.c

```

This would make `pci_intx_mask_supported` check do not work anymore.

then recompile, after compiling done, reload the kernel module:

```
rmmod igb_uio
insmod $(DPDK_PROJECT)/build/kmod/igb_uio

```

p.s. `DPDK_PROJECT` is the project root directory of DPDK, related to your environment.

Then this problem should be fixed.