teleren/devto huggingface dataset:
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2019-08-12 16:28:55

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
Every Monday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week. ❤️

#1. New Neural Pathways

Jacob shares an overview of five programming languages and their unique language characteristics and programming ideologies. Learning these languages can expand the way you problem solve!

{% link https://dev.to/jacobherrington/5-programming-languages-to-stretch-your-brain-mmg %}

#2. Twenty-two Tools

A list of tools for React developers, including explanations of why each item is helpful!

{% link https://dev.to/jsmanifest/22-miraculous-tools-for-react-developers-in-2019-4i46 %}

#3. Oh, The Complexity!

Sarah breaks down the concepts of Big O Notation - from what it is to why we should care.

{% link https://dev.to/sarah_chima/the-big-o-notation-an-introduction-34f7 %}

#4. Better & Better

Yaser shares a bunch of tips and tricks for using Firefox Developer Tools. The community chimes in with a few more, as well!


{% link https://dev.to/yashints/firefox-developer-tools-can-do-that-3ajd %}

#5. Cool Cursor Magic

Xiaoru shares a few tips in VS Code that help their productivity, ranging from refactoring tricks to shortcuts for editing.

{% link https://dev.to/hexrcs/5-visual-studio-code-tricks-to-boost-your-productivity-27a4 %}

#6. Getting GraphQL

Nader shares annotated GraphQL schemas that you can use to deploy popular types of applications. In this post, we get to know the GraphQL Transform library.

{% link https://dev.to/open-graphql/graphql-recipes-building-apis-with-graphql-transform-3jp0 %}

#7. Internship Goals

While geared towards computer science students looking for internships, the advice in this post is helpful to *anyone* looking for new opportunities.

{% link https://dev.to/yusufcodes/how-i-got-an-internship-in-software-development-as-a-computer-science-student-4587 %}

_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_
iOS Beta discussions are now allowed on the sub.
Published: 2019-08-12 16:17:08

Following community feedback that removing iOS beta discussions are a detriment to the community, we have decided to remove that rule and allow iOS beta discussions to be discussed on this sub.

I want to apologize to this community personally, and state that I was against this policy of banning iOS beta discussions personally along with another mod, but the majority of the mod team of which will remain nameless wanted to change it, so it went ahead. We should have asked for community feedback before implementing the rule, and I have learnt a valuable lesson about this incident. Please do not shoot the messenger for making the announcement, and I want to assure all the users that any changes of policy to the sub in general in the future shall be discussed with the community first before being implemented.
What color are your office walls?
Tags: discuss, watercooler
Published: 2019-08-12 16:10:02

---
title: What color are your office walls?
published: true
tags: discuss, watercooler
---

Currently, they are a [sage green](https://www.papernstitchblog.com/sage-color-trend/) from the previous owners.

I don't hate the color, but I am also open to changing it. A light, neutral background is appealing since I can [add color](https://thecraftedlife.com/diy-mounted-wall-desk-for-two/) via accessories.


What color are the walls in your office? Do you plan to change them?
CTRL ALT ELITE --- A homage to 1984 Elite (Pure CSS Game)
Tags: css, nojavascript, cssgame, purecss
Published: 2019-08-12 16:04:10

Hello. 

For no reason other than a CSS addiction, I am creating a Pure CSS version of a 1984 BBC Micro computer game Elite which inspired a number of subsequent games, like GTA, No Man's Sky, etc.

The original game squeezed into the 32k memory of a BBC. My Compiled CSS is about 12k so far so I don't have much left to recreate the entire universe like the original (not that I am going to).

https://codepen.io/ivorjetski/pen/MNPqex

I have used the checkbox accesskey attribute to make some of the original keys work but you need to hold down Alt, hence the name.

If anyone has any ideas of how I can make it better, please let me know...

1. Should I stick to authentically recreating the original graphics where possible or bring it a bit more up-to-date in a stylish retro way? 
2. I'm probably going to put the keyboard controls instructions in the page rather than in the javascript box comments.
3. Is the actual 3D laser a step too far? As in it uses to much GPU.

Oh yeah and it only works on Chrome at the moment.

Please let me know what you think.

Many thanks,

Ben.
Take a few minutes for yourself
Tags: career, beginners, productivity, motivation
Published: 2019-08-12 16:00:12

Are you in those days when you've slept very little because you've stayed up late coding? Or maybe you have days or weeks that you haven't seen your friends? Or you're just on autopilot. Whatever your case, stop, stop for a moment, breathe and put your ideas in order before going on.

We all have very different goals in life, but if we are on this platform is because we have this in common and sometimes it tends to consume us, sometimes we get to a point where we lose the course and we forget why the goal is.

Take a few minutes a day each morning for yourself, clear your mind and then ask yourself the necessary questions to know your goals in life, evaluate if the choices you are taking are the right one for you, and if it is not the case don't be afraid to go back and change course.

You are capable of achieving everything you set out to achieve as long as it is what you want because, in the long run, it's what's going to make you happy and that what really matters.

Thanks for reading!
Have a nice day, coders💜
Looking for Linux front-end developer programs
Published: 2019-08-12 15:53:43

---
title: Looking for Linux front-end developer programs
published: true
description: school programs for a front-end developer?
tags: 
---

So I'm starting a frontend developer course now at the end of August and I want to run Linux on my laptop. Now the school recommend using Windows because of compability reasons. But I wanted to know if there are any good programs for front-end developers on Linux?
Favorite Smartphone in 2019
Tags: discuss, watercooler, healthydebate
Published: 2019-08-12 15:43:47

After 5 (or 6?) years of having my current phone, I'm finding myself in the market for a new smartphone. I walked into a store to look, only to find that I couldn't tell much of a difference between phones from the demos. So I thought I'd ask here on which phones others like! So tell me your favorite smartphone brand and why!
Pain in the ass
Tags: javascript, codenewbie
Published: 2019-08-12 15:25:28

Sooooo... The other day I turned 42 & that was painful. The realization that time is rapidly deteriorating. Then I went to the dentist(I hate the dentist, face it, we all hate the dentist) on my birthday. The next day I went for a follow up colonoscopy, had one years ago & they found a polyp but it wasn't malignant so this was just a follow up. No issues this time either.
All of these things were a pain in the ass, figuratively and literally but none of it was as painful as trying to teach myself Javascript. I've got tons and tons of resources but they're each pulling my brain in a different direction. Udemy courses are good but I'll never learn from watching/listening. I think these would be better to enhance once I've already learned at least the basics. @freecodecamp is a wo derful resource but it's only testing what I know, it doesn't seem to adhere the info to my memory. Then there's countless apps on my phone I use but it's the same issue and the content never changes so I just end up memorizing their questions and not the actual information I need to apply in the real world.
I think it's time for me to finally just build an app, steel my nerves and fight with it until I've beaten into submission to a working state. It's such a humbling experience to be at this stage of my life to not know something, the feeling of defeat.
PHP Get First and Last Day of Week by Week Number
Tags: php, datetime
Published: 2019-08-12 15:22:26

---
title: PHP Get First and Last Day of Week by Week Number
published: true
description: Get first and last day of a given week using PHP
tags: php, datetime
---

I'm adding a simple post here with a PHP method that has helped me. This method calculates the beginning and ending of a week given the year and week number. The problem I've run into is that “first day of the week” is subjective. Some people believe the first day of the week is “Monday” while others believe the first day of the week is “Sunday”. ISO-8601 specifies the first day of the week as “Monday”. Whereas, most western calendars display Sunday as the first day of the week and Saturday as the last day of the week.

To add to the confusion, PHP's methods themselves seem confused about what the first and last day of the week are.

For example:

```php
$new_date = new DateTime;
// returns Monday, Jan 29 2018
$new_date->setISODate(2018, 5);
 
// returns Sunday, Feb 4 2018
$new_date->modify('sunday this week');
 
// returns Sunday, Jan 28 2018
$new_date->setISODate(2018, 5 ,0);
```

You'll notice that the string "sunday this week" actually returns Sunday, Feb 4 whereas setting the date to the 0 day of the same week returns Sunday, Jan 28. I'm not saying that Sunday doesn’t happen twice a week… but Sunday doesn’t happen twice a week.

All this to say, the method below is the one I've found returns the most helpful results:


```php
function get_first_and_last_day_of_week( $year_number, $week_number ) {
    // we need to specify 'today' otherwise datetime constructor uses 'now' which includes current time
    $today = new DateTime( 'today' );
 
    return (object) [
        'first_day' => clone $today->setISODate( $year_number, $week_number, 0 ),
        'last_day'  => clone $today->setISODate( $year_number, $week_number, 6 )
    ];
}
```

> Cross Posting from https://jeremysawesome.com/2019/08/12/php-get-first-and-last-day-of-week-by-week-number/
Being a good programmer vs. Having a good health
Tags: discuss, health, programming, proficiency
Published: 2019-08-12 14:49:23

---
title: Being a good programmer vs. Having a good health
published: true
tags: discuss, health, programming, proficiency
cover_image: https://thepracticaldev.s3.amazonaws.com/i/1peiegb01ckq8ywskti1.png
---
My husband is an amazing programmer. He now works primarily with Python, but made his way through Ruby, Angular, being extremely interested in Go, Elixir, Vue, and now finishing reading about Clojure. He's quite passionate, and his love for programming makes him sit in front of his PC 24/7. 
And I can't do anything about it. I tried to convince him being more physically active, but everything he likes to do is to code. 
I understand this, I do care for programming, I write about it, but I can't stand the impact coding makes on his health. Eyes, nerves, spine, stomach, head. He thinks too much and can't get a good sleep.
Probably, I should insist on splitting the time for activities and work/hobby, but every time it's harder and harder to get him distracted from a laptop without a quarrel.
I don't want him to stop programming (because I really admire his skills and passion), but I want him to be healthy.

Did you have a situation similar to mine? What did you do for your body not to suffer from being a passionate programmer?
Build Electron Desktop App with Angular 9|8 | Electron Angular Tutorial
Tags: angular, angular98, electronappwithangular, electronangular
Published: 2020-02-01 18:32:09

---
title: Build Electron Desktop App with Angular 9|8 | Electron Angular Tutorial
published: true
tags: Angular, Angular 9|8,  Electron App with Angular, Electron Angular
canonical_url: https://www.positronx.io/build-electron-desktop-app-with-angular-8-electron-angular-tutorial/
---

The post [Build Electron Desktop App with Angular 8 | Electron Angular Tutorial](https://www.positronx.io/build-electron-desktop-app-with-angular-8-electron-angular-tutorial/) appeared first on [positronX.io](https://www.positronx.io).

In this tutorial, we are going to learn step by step how to build a cross-platform basic Electron desktop application with Angular 8 front-end framework.

[Click here to read more](https://www.positronx.io/build-electron-desktop-app-with-angular-8-electron-angular-tutorial/)
5 Characteristics of Good Web Design
Published: 2019-08-12 14:19:10

Most businesses and companies today think that establishing a website is the ultimate solution to reach out to consumers, prospective clients and business partners. They often do not realise that it is just one side of the coin. The other part of it includes the appearance and overall appeal of the website as far as consumers and visitors are concerned. Unfortunately, only a few businesses actually have enough designers and professionals to achieve this.

Overall, there are only five crucial qualities which your company or business website should have in order to reach your target:

<b>1. Images</b> – Imagine a website full of text. It would not just be boring to look at, but plain annoying for people who try to pick the most important details right away. According to statistics, unique visitors only allot an average of 7 seconds in scanning the entire homepage of a business or company.

<b>2. Decent web design features and tools</b> – You should be able to get a slideshow or some animation to keep the attention of your visitors. That way, there would be more time for them to notice other important details of your company.

<b>3. Easy and convenient navigation</b> – Navigation is the key in providing the most amount of information in the least possible time. Drop-down menus are very useful in this department.

<b>4. Guest interaction</b> – In more recent memory, web interaction has become a unique feature that will help visitors and prospective clients to remember you and your site. As a result, there will be higher chances of returning visits, which may turn into leads and ultimately profit.

<b>5. Effective marketing strategy</b> – Most web design firms also offer internet marketing assistance because it contributes to the overall effect of the design. It also helps these firms to determine whether a particular web design is effective or not.

These are just five of the most important characteristics which your website should have once you acquired professional services for its web design. There are actually a number of firms across the country that can help you with this kind of project. However, you must have the patience to screen and test each one of them to find out which one would fit your business goals.

The first thing you need to check is the company’s experience in the industry. If they have been handling these kinds of projects for more than five years already, then it is safe to say that they are experienced enough in this kind of work. In addition, you should also ask them their specialisation when it comes to web design. That way, you would know how the company could contribute and help in achieving your goal. Once you have checked these few things, it would be much easier to work with the company.

Indeed, web design is an important part of website management. Without a decent design to ‘lure in’ clients, your website would only probably get one-time visits and nothing more.
Contributing to React Pure Loaders
Tags: opensource, frontend, react, loaders
Published: 2019-08-12 14:15:56

---
title: Contributing to React Pure Loaders
published: true
description: Describing my first open source experience after hacktoberfest
tags: opensource, frontend, react, loaders
cover_image: https://thepracticaldev.s3.amazonaws.com/i/zexgd58yn41mxoinvt3b.jpg
---

Hello, I wanted to share my experience with opensource, so I made this post to explain it and talk about the react pure loaders. Let's dig in!


**My state in opensource world**

My first ever opensource contribution was though hacktoberfest, that is an open source celebration period, lasting one month. This celebration in mainly promoted by digital ocean, giving prizing for those who makes 5 contributions to open source projects. I heard about that though a local community , then I sign up in the official site and start looking for projects to contribute. To help the new contributors, there are tags as 'good first issue', also there was the tag for the celebration itself, to help filter issues and some repositories were listed in the official site. In this celebration, I did small contributions in a few projects, mostly helping feeding new data.

After that, I was looking how I could contribute to any opensource project, so when I was searching in github explore, the react pure loaders endup showing and since it was quite nice, I decided to give a shot.


**How Did I Contribute**

Looking in the repository, the project had a few issues open and had others things to improve, such as the storybook and others things to create, for instance the website. 

The first that I did help was updating the storybook, adding an option to allow editing the color in live mode, this option is a storybook add-on called knob, that allows to edit the props dynamically. After that, I talked to the owner and we discussed about creating a website for the package, showing what it was, how to use it and so on. 


**The Project**

React Pure Loaders is an open source package designed to create a customizable loader component, allowing to change color and state. The created loader can be easily integrated in a react project.The package is built using typescript react, also using storybook. It's using a few bots to help with the issues, such as codeclimate, codebeat, codacy, that helps checking the quality of the code, also checks if there is some issue and help with the deployment process.

Some loaders:

*Zig Zag Deflect*

![](https://thepracticaldev.s3.amazonaws.com/i/z0yq89kdoziaf4uaoiyk.gif)


*Scale Ripple Multiple*

![](https://thepracticaldev.s3.amazonaws.com/i/lied2wyahm0zpxvma7jh.gif)


**Contributing to the project**

 The loaders were created using typescript react and are under a MIT license, being available to contribute [here](https://github.com/jameswlane/react-pure-loaders). Both the loaders and the [website](https://reactpureloaders.io/) are opensource and have issues to fix, so any help is wanted.
Gridsome And Wordpress A Love Story
Tags: webdev, vue, gridsome
Published: 2019-08-12 14:14:36

---
title: Gridsome And Wordpress A Love Story
published: true
description: A video tutorial on how to connect Wordpress to Gridsome
tags: Web Development, Vue.js, Gridsome
---

Gridsome is a static site generate for Vue lovers who want to create JAMstack type websites. It has a number of really neat plugins. In this video I discuss how you connect up Gridsome to Wordpress, markdown files, and a custom API.

{% youtube vy39yigro_8 %}
VS Code July 2019 Release Highlights Video
Tags: discuss, vscode, javascript, webdev
Published: 2019-08-12 13:58:54

---
title: VS Code July 2019 Release Highlights Video
published: true
description: Highlights of some of the latest features found in the July 2019 release of Visual Studio Code.
tags: discuss,vscode,javascript,webdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/wkd4ztouk5hsppz6mtfp.png
canonical_url: https://www.clarkio.com/2019/08/12/vs-code-july-release-video/
series: vscode-release
---

## July 2019 VS Code Release
Visual Studio Code has come out with another release that is jam packed with improvements and new features. You can read through the [release notes](https://code.visualstudio.com/updates/v1_37?WT.mc_id=devto-blog-brcl) to find out more about them or watch this short video to see some of the highlights from it.

{% youtube BPhzEbugqsM %}

### Features Highlighted

- [Preserve Case in Search and Replace](https://code.visualstudio.com/updates/v1_37#_preserve-case-in-find-and-replace?WT.mc_id=devto-blog-brcl)
- [Show Whitespace in Selection](https://code.visualstudio.com/updates/v1_37#_show-whitespace-in-selection?WT.mc_id=devto-blog-brcl)
- [New Product Icons](https://code.visualstudio.com/updates/v1_37#_new-product-icons?WT.mc_id=devto-blog-brcl)
- [NPM Scripts Explorer Visibility](https://code.visualstudio.com/updates/v1_37#_npm-scripts-explorer-visible-by-default?WT.mc_id=devto-blog-brcl)
- [Improved Minimap Search Results Visibility](https://code.visualstudio.com/updates/v1_37#_improved-minimap-search-results-visibility?WT.mc_id=devto-blog-brcl)


What's your favorite feature or improvement in this month's release? Share it below 👇
Research Master vs Software engineering
Tags: career, discuss, webdev, help
Published: 2019-08-12 13:48:31

Hi there dev community!
I am actually enrolled in a research master; Business intelligence and Imagery (data science and analytics, image processing, design tools, ...).
I am wondering if it's worthwhile to enroll in a PhD program up next or look for a job!

Please tell me what you think and why?
The Building an Indie Business Podcast- Benefits of Podcasting
Tags: podcast, beginners, productivity, startup
Published: 2019-08-12 13:42:28

In this episode I discuss the benefits of podcasting that I have found so far.

[Episode Page](https://baib-podcast.com)
[Revenue Research](https://revenueresearch.co/)

https://overcast.fm/+RG5isQMso
React JSX: Ternário e Short-Circuit Evaluation
Tags: react, node, jsx
Published: 2019-08-12 13:24:19

![React JSX: Ternário e Short-Circuit Evaluation](https://thepracticaldev.s3.amazonaws.com/i/3uurcm2vgsw245i9by5v.jpg)


Nos nossos componentes muitas pessoas preferem usar 
ternários e outras perferem usar o short-circuit evaluation,
o resultado apresentado é o mesmo porem a forma de escrever e 
a clareza do código se diferem.

Além de deixar aqui a dica de que as duas formas são válidas,
vou deixar também a seguinte pergunta:

Quais dos dois você prefere usar?


[➜ Participe da nossa lista de desenvolvedores](https://emersonbroga.com/e/participe/)
[➜ Aprenda ES6](https://amzn.to/2J4XnLg)
[➜ Veja as dicas no Instagram](https://www.instagram.com/emersonbrogadev/)
[➜ Assita nosso canal no YouTube](https://www.youtube.com/c/emersonbroga/)
[➜ Curta nossa página no Facebook](https://www.facebook.com/emersonbrogadev/)
[➜ Não perca as atualizações no Twitter](https://www.twitter.com/emersonbrogadev/)
[➜ Veja os repositórios no Github](https://www.twitter.com/emersonbrogadev/)

=)
How copy and move the component in React?
Tags: react
Published: 2019-08-12 13:24:10

I'm a newbie to react and redux, I'm having one issue and tried to find about it but still, I'm unable to find the solution for it.

Currently, I'm developing a system for drag and drop feature to generate a page using forms, text, button, etc components. Please note I'm not using any npm library for the drag n drop. Currently, I have done the portion of drag and drop using javascript drag events, but the issue is currently I'm dragging and dropping the HTML content not a component. I don't want to use any external plugin for this.

My need: my need is I want to drag n drop the component so I can apply all the React features on it. Please check the attached image for more details. ![](https://thepracticaldev.s3.amazonaws.com/i/a4m4xgvy70vdnah5bfyq.png)

Sorry all, if I'm asking any silly question to you guys.

Hope anyone can help me with this.

Thanks in advance.