teleren/devto huggingface dataset:
Wondering about the size of your bundle?
Tags: webdev, webperf
Published: 2020-12-14 11:02:39

Sometimes we expend so much time coding and talking about semicolons and arrays, abstractions and models that sometimes we forget about the materiality of technology and its effects and how much we evolved so far.

## 3,75MB in 1956

![3,75MB Hard Drive being loaded in a airplane](https://dev-to-uploads.s3.amazonaws.com/i/22m5wyxofmnnfqefrht5.jpg)

The cover photo and the above is from IBM's MODEL 350 RAMAC with 3,75MB in capacity and it was the [first commercial hard drive shipped](https://www.computerhistory.org/storageengine/first-commercial-hard-disk-drive-shipped/). IBM didn't sell it, but leased, for 750 USD/month. Which would be about a littler over [7,000 USD in todays market](https://www.dollartimes.com/inflation/inflation.php?amount=750&year=1956). If we compare with [S3 pricing page from AWS](https://aws.amazon.com/s3/pricing/), which in the cloud model is a lease somewhat, in the S3 Standard storage tier, this would be amounted to 0,08625 USD – but if all you need is archival, there's a free tier of 10GB without expiration (forever free).

## Each page today is around 2MB

If you look at [HTTPArchive](https://httparchive.org/reports/state-of-the-web) for stats, of the 5 million pages, the median size on desktop is around 2MB and 1.9MB for mobile. 

In 64 years it went from a massive metal box with disks requiring 4 people just to load the cargo, to the same amount our regular frameworks delivers at each access and is download per every user and every device. Astonishing!
Alternatives to `master`
Tags: versioncontrol, webdev
Published: 2020-12-14 10:59:07

---
title: Alternatives to `master`
published: true
description: In an effort to remove unnecessary references to slavery and replace them with more inclusive terms, many companies are opting to replace the term `master` as their main git branch name.
tags: versionControl, webdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/70xgu54to2u15aovkd2n.png
---

In an effort to remove unnecessary references to slavery and replace them with more inclusive terms, many companies are opting to replace the term `master` as their main git branch name.

GitHub [opted for _Main_](https://github.com/github/renaming) but here are a few other options to consider.

## First
- **Base**
- **Main**
- **Primary**
- **Source**

## Cloning

The term for the person from whom a clone is, well, cloned in various science fiction novels and shows.

- **Original** (_[Orphan Black](https://www.imdb.com/title/tt2234222/)_)
- **Prime** (_[Mirror Dance](https://en.wikipedia.org/wiki/Mirror_Dance)_)
- **Template** (_[Saturn's Children](https://www.goodreads.com/book/show/2278387.Saturn_s_Children)_)

## Genealogy
- **Progenitor**: The [progenitor](https://en.wikipedia.org/wiki/Progenitor) is the – sometimes legendary – founder of a family, line of descent, clan or tribe, noble house or an ethnic group.

## Nature

"Cloning" is a horticultural term deriving from the Greek word for _twig_.

- **Root**
- **Radix** (Latin for "Root")
- **Trunk** (Neatly relates to "branches" in development. Also used in _[SVN](https://en.wikipedia.org/wiki/Apache_Subversion)_)
A Sponsorship Manager for Your Newsletter
Tags: dohackathon, elixir
Published: 2020-12-14 10:59:06

What is a "newsletter sponsorship manager" you say? Well, think a scheduling/appointment app, but for your newsletter's issues and their sponsorships slots.

## The Roadmap (I hope so)

The following will serve as a high-level roadmap for the features that will exist.

The application will have 2 set of features, 2 types of users:

- Creators (people that have a newsletter)
- Sponsors (people/companies that want to sponsor a newsletter issue)

---

For our **Creators** we need the following:

- Specify interval of newsletter issues (this to automatically create availability)
- Create one-off issues
- Define amount of sponsors per issue (might allow only one for v1, related sponsor slot tiers)
- Unique link to your newsletter "calendar" for sharing (think Calendly)
- Receive payment
- Sponsorship confirmation step (maybe only for first-time sponsors)

---

For our **Sponsors** we need the following:

- Sponsor an issue (duh)
- Send copy
- Track sponsored issues
- Send payment

---

There is one extra feature that I would love to build, but might be a bit too much for the duration of the hackathon and my time constraint, but maybe I can do it.

What I want is an automatic way to detect when an issue is sent and update the information (and maybe notify the sponsor). For this I'm thinking about a special email address they can add to their mailing list and then detect the sent issue.

## Tech Stack

The stack used its going to be something ~~boring~~ simple:

- [PostgreSQL](https://www.postgresql.org/)
- [Elixir](https://elixir-lang.org/)/[Phoenix](https://hexdocs.pm/phoenix/overview.html) (maybe I'll use [LiveView](https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html))
- [Bulma](https://bulma.io/) or [Tailwind](https://tailwindcss.com/) (haven't decided)

{% github AminArria/newsletter_sponsorships %}
Flutter migration calculator 
Tags: flutter, ios, android
Published: 2020-12-14 10:29:13

We are all aware that this year has been a challenging one, the economy is suffering and this has an impact on IT spending of course.

Developing mobile applications using a hybrid platform like Flutter is a good choice for most mobile application projects.
📌 But what about companies that already run native apps?
📌 Does it make sense to migrate them to a hybrid platform?
📌 What would the migration costs be and how much can you save afterward if you deploy two applications from a single code base?

These are questions that many mobile device developers may have asked themselves.

Based on our extensive experience with Flutter projects, we have created a small calculator to give you a first indicative answer to this question.

Interested in learning more about this topic? Try our migration cost calculator for a first rough estimation or contact us for a detailed analysis of your migration costs.

https://flutter-migration.com/
How to make Good Website part 3/3
Tags: webdev, beginners
Published: 2020-12-14 10:19:43

Hello! Welcome to the last post of "How to make a good website" series. In this post I will tell you last 2 things 
which will improve your site.

1. Site optimization is very important for visitors, because when your site takes a long time to load, it can discourage some visitors.

2. Try to avoid ads. Bu if you nedd them, don't put so many in there. If you put a lot of them there, your site will look bad for the visitors.

Thanks for reading.
Is React Native Worth Using for Mobile Development?
Tags: reactnative, android, ios
Published: 2020-12-14 10:18:45

React Native is one of the most popular cross-platform mobile application development frameworks for both iOS and Android in recent times. Plus, react-native has combined the traditional and modern methods of hybrid app development. Today, with new updates, React Native is improving in every way. With the recent version, you can easily change the existing features of React 0.59 as well. The number of issues has been corrected that were in the previous version providing you a hassle-free development experience.

Here are the top things that why React Native is worth using for Mobile Development:

1.**Improvement in Accessibility**

Because of a new update, React Native is expected to improve further in terms of accessibility. The 0.60 release has multiple changes to improve accessibility for both iOS and Android platforms. Such as they add several missing roles for many components, they add Accessibility State API for web support, Reduce motion and iOS accessibility flags will now be supported in iOS, and, also in Android, Accessibility Info. Announce For Accessibility, will be supported.

2.**A New Start Screen**

React Native latest release comes with a new app screen. Facebook  [***Hire dedicated react native mobile developers***](https://reactnativedeveloper.weebly.com/blog/list-of-top-tools-react-native-developer-should-use-in-react-native-app-development) claimed that it will be more user-friendly and will share valuable instructions. The new react-native UI will introduce the user to the ecosystem more clearly and engagingly. As for in business, there is nothing more important than providing a good UI UX to your users.


3.**Auto-linking for OS**

The additional benefit is React Native libraries comprise native along with platform-specific code. It will help you enable your project to find the reuse the code. However, the CLI team of React Native has presented major head ways in the auto-linking so you can easily hire dedicated react native developers.

4.**Fast Refresh**

Fast Refresh is one of the latest updates of React Native, and it takes the mobile development experience to the next level. Fast Refresh function is a combination of “hot reloading” and “live reloading” with full support for modern react. Even Experts now agree that the feature will make the app development even faster than before.

**Wrapping up**:

No doubt the future of React Native is very high. We would say that it can benefit about 80 percent of businesses by saving them a great deal of time and money. React Native is a perfect solution for most use cases unless you have some specific platform issues. Scale your business on top with [***Hire React Native Developers***](https://hirereactnativedeveloper.com/). We will help you set up a complete dedicated mobile application team in a short time.
Do you teach/mentor other people coding? Why?
Tags: discuss, mentoring, webdev
Published: 2020-12-14 09:59:03

> If yes, then why do you do that?

Hey folks! Being a quite diverse engineer, I decided to start intentionally mentor other aspiring devs 2.5 years ago.

Recently, I asked myself a question: "Why do I do that?" and found myself having a lot of different answers.

I decided to think it through to find out what is my motivation in this endeavor? Why do I mentor other developers? 

I took a few hours to think it over and found them quite helpful.

## I settled on a few facts

**I'm not doing it for profit**. 

I'm not making a lot of money on this one or even enough money to sustain myself. 

I do not argue here, that mentoring can not be a profitable business or it shouldn't be. I don't have an opinion on this one as it's just not how I use mentoring.

At the same time, I do think that it is okay to settle with your mentee on some payment. Especially, if you want to help them to discipline themselves. The amount should be reasonable for your mentee, rather than for you. 

I believe, people tend to take things more seriously when money gets involved.

&nbsp;

**Mentoring challenges me to explain things clearly.**

Less experienced engineers ask sometimes quite straightforward questions. Which occasionally may touch some things, you don't know well or believe you know, but you don't know well enough.

This is helpful to continue staying humble, even as you get more experience. It also teaches saying "I don't know" and forces you to brush up on the subjects you are not confident with.

&nbsp;

**Connects me with new engineers I may work with in the future.**

Someone said to me once: "All the rock stars have already been taken. We should grow our own ones inside".

It was through the process of looking for new strong engineers for a project.

The idea is that if you are skillful enough and mentor someone things you know, you are likely to teach them good practices, patterns, and tools you are using.

If your mentees are working in some companies, they'll continue to evolve the practice you are using and validate them. Through just a couple of years, they'll build new knowledge on the fundament you've given.

This will make these engineers you've mentored quite suitable to work with you (as they have similar preferences) and at the same time they will also see problems, you may not be aware of (as they validated your knowledge through other workplaces and tech teams).

Hopefully, this will make the project you'll be working on together a bit better.

Those were my thoughts. Can wait to hear from you - maybe I'll realize that I'm not the only one who thinks this way.

### So what are your reasons to mentor other developers?
Questions for a Golang Developer interview
Tags: go, job, interview
Published: 2020-12-14 09:49:27

How to evaluate your potential team member knowledge? Ask questions on the interview. Pay attention to his confidence while answering. 
We’ve made <a href="https://exceed-team.com/hire-developers/hire-golang-developers">a list of the most appropriate questions</a> on various aspects of GO development.
**Questions about microservices**
* What are the differences between microservice and monolith architecture?
* What problems did you encounter while building microservice architecture?

**Questions about databases**	
* What types of NoSQL solutions do you know or worked with?
* What are their advantages and disadvantages?

**Questions about Golang**	
* What are Goroutines, and how do they work?
* What is “panic” in Golang? How do you control it?
* How would you use GO to break monolith into microservice?
* How would you solve a problem with a "concurrent map write"?
* How to implement LRU Cache?
* How to append a slice?
* What are your favorite Golang frameworks? Why?

DISCUSSION:
What questions would you like to add?
Python makes me a poor programmer !!
Tags: python
Published: 2020-12-14 09:46:02

Python makes me a poor programmer !!
The best of the native programming languages, such as c ++ c and other languages, is that you are familiar with most of the functions scenarios in it and you are forced to demonstrate your strength in creating a logic that is closer to the production of mathematical principles, but # Python dispenses with all these things as it includes a huge library ready, no more efforts


<blockquote class="twitter-tweet" data-theme="dark"><p lang="en" dir="ltr"><a href="https://twitter.com/hashtag/Python?src=hash&amp;ref_src=twsrc%5Etfw">#Python</a> makes me a poor programmer<br>The best of the native programming languages, is that you are familiar with most of the functions scenarios in it and you are forced to demonstrate your strength in creating a logic that is closer to the production of mathematical principles ,</p>&mdash; Alhiane (@AlhianeLahcen) <a href="https://twitter.com/AlhianeLahcen/status/1338419153301086209?ref_src=twsrc%5Etfw">December 14, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
My DEV X DO Hackathon Idea (Dont Copy)
Published: 2020-12-14 09:45:42

### Right To The Point
So I thought what project would excite me the most and what project would I need as a user. I thought and pondered for like, 2 minutes when I got the idea ⚡. A portfolio maker. A portfolio builder/maker which allows you to host it right there and then as well kind of like wix or weebly. 

### Advice
The main thing in ideating over a project for an event or hackathon is that what are your strengths. Make something realistic yet wonderful and this can only be made if you have knowledge of many different technologies/frameworks/languages. Plus, don't fret in copying code from someone or using a template, remember they are created for you and if you face imposter syndrome like me then just **deal** with it.

Well, goodbye, I need to complete it now!

P.S - I will be posting another post about the tech stack I used and why and of course another one which will show the final product and a bit about it.
My Thoughts about the 2020 Github Universe
Tags: github
Published: 2020-12-14 09:13:35

Netflix got incredibly good movies but I found something much more interesting.
🤟🏼 [Github Universe](https://githubuniverse.com/) !!! 🤟🏼

Just like a lot of conferences this year, it was completely online this year.

I watched a lot of their videos and I must admit that this year, the content was very appealing to me. 

Particularly because a very large part of the new features and videos were about Security.
This proves that Security is now a "basic" subject as part of software development.
And that's good news !!! 👌🏼

Watch the video below and tell me if these topics make you as enthusiastic as I am.

{% youtube 4Z4inQHS1kc %}
<figure>
  <figcaption>Video with French Audio & English Subtitles</figcaption>
</figure>

---

*If you like this content, push the like button, that helps spread the message.* 👍🏼
*If you think it can be useful to anyone in your network, share it.* 📨

---

Video produced by [Wild & Secure](https://wildnsecure.com), your consulting firm to all things security and real estate.
If you want to receive weekly quality content about security, subscribe to our newsletter [on our website](https://wildnsecure.com/contact).
3 Tips on Opening Effective Pull Requests
Tags: git, github, codenewbie, productivity
Published: 2020-12-14 09:07:34

When I first started working almost 3 years ago, I couldn't see the need to include anything in the description of my pull requests. I had felt that the title is enough. In some cases, this is true. But in other cases, a _Fix broken ABC feature_ sounds vague to code reviewers. Being provided at least some context about the pull request can be helpful.

In this article, I'll be sharing 3 tips on opening effective pull requests.

## 1. Describe why you made the changes
Describing our changes is a great way to provide the context of the pull request (and commit). It can be helpful now and in the future. Here are reasons why. 👇

1. The reviewer can view the pull request from a certain angle, providing potentially better suggestions
2. Tracking down bugs in the future are easier as we would have an idea as to why certain changes were made

## 2. Keep the pull request small
When a pull request is big, the reviewer can feel overloaded with information. When this happens, it can affect how the reviewer views the correlation between a piece of code with another and worse, a sneaky bug can slip through. But when exactly can a pull request be considered as big?

We can use [this study](http://smartbear.com/resources/case-studies/cisco-systems-collaborator/) as a guide and follow our instincts because pull requests are unique.
> _A SmartBear study of a Cisco Systems programming team revealed that developers should review no more than 200 to 400 lines of code (LOC) at a time. The brain can only effectively process so much information at a time; beyond 400 LOC, the ability to find defects diminishes._

How should we decide to keep our pull requests small? Ask ourselves this question whenever we think about fixing a bug or implementing another feature altogether.

> _Can this be done separately? If yes, then do in a separate pull request._

## 3. Write a changelog
Unlike my first two tips, this is rather insignificant. Before I started describing my changes, I tend to just include a changelog to give the reviewer an idea of what to expect. Nowadays, the changelog acts as an addition to my description. A changelog could look like this.
![changelog-example](https://dev-to-uploads.s3.amazonaws.com/i/xnvph3dcoafbbkc8yhy7.png)
 

If you find this article helpful, please spread the word!

Do follow me on [Twitter](https://twitter.com/thealiilman) to read about my findings while programming or my feelings of joy and despair while watching football. I'm also active on [Instagram](https://instagram.com/thealiilman) and [Goodreads](https://www.goodreads.com/user/show/93420883-ali-ilman) where I frequently share what I'm reading and what I've read.

Thanks for reading! ✌️
how to change the whole page scale (zoom) ?
Tags: html, javascript, vue, css
Published: 2020-12-14 08:35:24

Hello , 

I would like to change the default page view scale to 90% .

I work on a vuejs project: 
```
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
(...)
```

I tried `initial-scale=0.7` but it's not working: 

```
<meta name="viewport" content="width=device-width, initial-scale=0.7, maximum-scale=1.0, user-scalable=no" />
```
Self powered dynamic DNS
Tags: javascript, node
Published: 2020-12-14 08:34:00

Self powered dynamic DNS system, utilizing your existing registrar(s) – currently only GoDaddy is supported.

Support for multiple accounts, domains, records / record types. Daemon mode with intervaled IP change checks and updates to specified records.


[https://github.com/L422Y/dynadns](https://github.com/L422Y/dynadns)
Understanding Docker: part 22 – Debugging/Troubleshooting Docker
Tags: docker, devops, beginners, cloud
Published: 2020-12-14 08:33:38

---
title: Understanding Docker: part 22 – Debugging/Troubleshooting Docker 
published: true
description: Serie of sketchnotes about Docker. Explaining in a visual way Docker principles.
tags: Docker, DevOps, beginners, Cloud
series: Understanding Docker in sketchnotes
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/j33ss36uszs3pr4b2u68.jpg
---

Understanding Docker can be difficult or time-consuming. In order to spread knowledge about Cloud technologies I started to create sketchnotes about Docker. I think it could be a good way, more visual, to explain Docker (and other technologies like Kubernetes and Istio).

We continue the series of Docker sketchnotes with a focus about how to debug and troubleshoot Docker issues.

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

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

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

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

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

As usual, if you like theses sketchnotes, you can follow me, and tell me what do you think. I will publish others sketchs shortly :-).

If you are interested, I published all the sketchnotes on Docker (and new ones!) to make a "book" of 93 pages: ["Understanding Docker in a visual way"](https://gumroad.com/aurelievache#YTLzM).
Web Development 2021
Published: 2020-12-14 08:31:26


### Free Website:


- 
FreeCodeCamp

https://www.freecodecamp.org/learn/

All the basics are covered in the first section
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1607933124887/FyJpPZgCd.png)

### Paid Website:


- 
Udemy

There are many courses out there but I will suggest:

Angela Web Development Course:


![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1607933338485/V1qMvdQy0.png)




### Documentation:


- 
MDN

https://developer.mozilla.org/en-US/docs/Learn



![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1607933566382/dPZ46dLLI.png)



### Connect:


- 
Twitter

https://twitter.com/NewGenDeveloper