teleren/devto huggingface dataset:
Basic desk setup for developers
Tags: devlive, productivity
Published: 2020-09-01 17:55:27

For obvious reasons, I was forced to start working from home. I was not prepared for this. I did not have any home office area set up, my desk in our living room was baby proofed (removed all electronics). At the beginning of the work from home, I just used my laptop on a sofa. It was a nice change for a bit. After a while, my back started to hurt. We decided that I will use a table in our kitchen. We were not using that table anyway, the kitchen was the only place where I can sit through the meeting without a bunch of background noise. 
My laptop in the kitchen was replaced with a laptop on the stand, then the mouse was added, then keyboard, monitor. You know I build an office in our kitchen. 
My goal was to be minimalistic as it's still a kitchen. 
I chose a USB-C monitor. It acts as a docking station as well, it will change my laptop and extend it with USB ports. 
I loved my wireless Logitech mouse so I added a minimalistic Logitech wireless keyboard so those can be moved without cable management. 
I am pretty happy with this setup and I recommend that everybody goes for something like this. My productivity went up having the extra screen, proper mouse, and keyboard. It does not have to take a whole lot of space. 

![Desk setup](https://dev-to-uploads.s3.amazonaws.com/i/384emeu9536gs9qrym7s.jpg)

List of stuff:
- **monitor** [Dell P2419HC](https://www.amazon.com/Dell-P2419HC-Monitor-Full-1080P/dp/B07GBY2M8V)
- **mouse** [Logitech M705](https://www.amazon.com/Logitech-M705-Wireless-Marathon-Mouse/dp/B003TG75EG)
- **keyboard** [Logitech K230](https://www.amazon.com/Logitech-222A898-Wireless-Keyboard-K230/dp/B008RX65GU/ref=cm_cr_arp_d_product_top?ie=UTF8)
- **stand** [IKEA Brada](https://www.ikea.com/us/en/p/braeda-laptop-support-black-60150176/)
- **headphones** [Sony WH-CH510](https://www.amazon.com/Sony-WH-CH510-Wireless-Headphones-Hard-Shell/dp/B07XY9TVFS/ref=pd_lpo_23_t_0/145-1241135-7361763?_encoding=UTF8&pd_rd_i=B07XY9TVFS&pd_rd_r=00a8cc74-bb98-467a-b4a4-8ee872effa43&pd_rd_w=HO2XS&pd_rd_wg=TvYGn&pf_rd_p=7b36d496-f366-4631-94d3-61b87b52511b&pf_rd_r=Q76NT0V1NSECS81KFF9A&psc=1&refRID=Q76NT0V1NSECS81KFF9A)
Vertical vs Horizontal Scaling - System Design Basics
Tags: webdev, beginners, career, tutorial
Published: 2020-09-01 17:43:12

Part 2 of my series on System Design Basics
{% link https://dev.to/renaissancetroll/load-balancer-tutorial-2020-system-design-basics-4g3i %}

Having tons of people using your application is obviously great, but with more users comes more problems, the main one being SCALING. As the number of traffic to your application increases you will require more resources to handle that traffic. This brings up the decision of whether to scale your application vertically or horizontally. In this video I'll cover the pros and cons of both options.

{% youtube seeiGC2HP48%}

###Let me know if you have any questions or topics you'd like me to cover in future tutorials!
How you’re going to write JavaScript
Tags: javascript, codenewbie, webdev
Published: 2020-09-01 17:40:02

JavaScript is fairly unique in the programming world. With your typical 
programming language you have to write it, compile it, link it and deploy 
it. JavaScript is much more fluid and flexible. With JavaScript all you 
need to do is write JavaScript right into your page, and then load it into a 
browser. From there, the browser will happily begin executing your code. 
Let’s take a closer look at how this works:

## Writing
You create your page 
just like you always do, 
with HTML content and 
CSS style. And you also 
include JavaScript in 
your page. As you’ll see, 
just like HTML and CSS, 
you can put everything 
together in one file, or 
you can place JavaScript 
in its own file, to be 
included in your page.

## Loading
Point your browser to your 
page, just as you always 
do. When the browser sees 
code, it starts parsing it 
immediately, getting ready 
to execute it. Note that 
like HTML and CSS, if the 
browser sees errors in your 
code, it will do its best to 
keep moving and reading 
more JavaScript, HTML and 
CSS. The last thing it wants 
to do is not be able to give 
the user a page to see.

## Executing
The browser starts 
executing your code as 
soon as it encounters it in 
your page, and continues 
executing it for the lifetime 
of your page. Unlike early 
versions of JavaScript, 
today’s JavaScript is 
a powerhouse, using 
advanced compilation 
techniques to execute 
your code at nearly the 
same speed as many native 
programming languages.
</hr>
I hope you’ll find this article useful,
Thank you for reading.
Lab 1
Published: 2020-09-01 17:35:22

Hello, my name is Anna Elizabeth Tandetnitskiy, and I am a freshman at Pennsylvania State University, University Park. I am majoring in information science and technology. Growing up, I have always been very intrigued by technology, and people always came to me with issues with their phones, laptops, or other electronics. I always keep up with the latest technology, and this is what founded my interest in this major. Even beyond that, I knew that I wanted to do something to help out other people and make a positive impact on society, so this major perfectly embodies both of these aspects. 
	In high school, I took both a computer programming and web design course, and those classes undoubtedly sparked my interest. So I knew that coming into college, I wanted to further pursue those interests of mine. Also, my father is a computer programmer, and I have watched him work, and I can see that he truly loves what he does, and there are not a lot of people who can genuinely say that about their professions, so that has also really inspired me to pick a similar career path. Over the years, I have observed what he does, and he has also shown me some of what he does, and I have always found it to be very interesting. 
	Going forward, meaning after undergrad, I aspire to complete the 4+1 program offered at Pennsylvania State University, before joining the workforce in this field, so that I have a fully formed college education in this major. Upon graduation, I hope to find a job that will allow me to continue to do what I am passionate about, while being financially stable, as well as doing something with my career, which allows me to help people or the greater community and or society. Another one of my goals is to be on a team to discover some sort of groundbreaking technology that will be able to help people in some aspects.
	Aside from what I previously mentioned about my love for technology, I am really interested in analyzing patterns and trends in how certain data comes to be, and further draw conclusions from the data presented at hand. I personally find that very interesting, and I know that the possibilities with regards to that are endless, and the potential for what can be resulted from that data is always something that will be in demand. There is, and will always be a huge demand for this type of analysis, and I hope to one day, be able to play a role in this market. I know that there is a neverending market in this niche, and I really hope to one day be able to partake in it, and even though I know that at this point in my career, I am very distant from reaching these personal goals of mine, however, nevertheless, I am very excited for what the future has in store for both the technological advances to come, as well as for what I will be able to do with these technological advances. 

{% youtube jb8uUPZdyHg %}
Created Webpage Model
Tags: html, css, javascript, beginners
Published: 2020-09-01 17:24:48

Today as a project, I just completed my webpage model using HTML and CSS.
It was a good journey learning HTML and CSS.
I learnt things from basics and with increasing practise and projects I believe that I would be able to go further and improve it through time.

Indeed it was good and after completion when I saw my page I felt happy .

Take little time to view it.
Here is link for that.
https://jsfiddle.net/gcux9s5d/
All the improvements and suggestions are highly recommended.
Thanks.
Explain lifting state up(React) Like I'm Five
Tags: explainlikeimfive
Published: 2020-09-01 17:13:20

Hey guys, I'm a Rails ''entry'' developer(unemployed) and I am now in my part time trying to learn React, I saw in a tutorial where they ''lift state up'' so the State only lives in the parent component and it passes down to its children component via props, now, how common is that? Is it better that way or should I leave each components with its own state.
I think it's much messy but idk, I'm a begginer!
Alarm Clock Method
Tags: 100daysofcode, codequality, webdev
Published: 2020-09-01 17:06:49

Today I talk on the alarm clock method.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/z5o9gycb31r5ul9bpkde.jpg)
That's great when you want to do work.
-> set the alarm clock for every hour.
 -> write your progress of an hour in the diary then compare it with your previous working hour.
 I hope that gives you help to do focus on work.
Search and Replace Text in Microsoft Word Document using Python
Tags: python, documentautomation, restapi, asposecloud
Published: 2020-09-01 17:05:20

If you are automating MS Word documents with Python, then you know that search and replace placeholders/text in documents is a key feature of automation. In this tutorial, I will show you how easily you can add search and replace text feature in your application.

We will use [Aspose.Words Cloud SDK for Python](https://products.aspose.cloud/words/python) for the purpose. You can use Aspose.Words REST API to create a new Word document from scratch, edit, split, merge, compare and convert existing Word documents, but we will only focus on search and replace feature in this tutorial. So let’s start.
Here are the Steps to Search and Replace Text in a Word document:

**Step 1:**
[Sign up](https://docs.aspose.cloud/display/totalcloud/Creating+and+Managing+Account) with aspose.cloud and get App SID and App Key to authenticate your rest API calls.

**Step 2:**
Install Aspose.Words Cloud SDK for Python from [PIP](https://pypi.org/project/aspose-words-cloud/).

**Step 3:**
Copy and paste the following code into your Python script file. Put your source file in the same directory, amend the Python script as per your file and run. That’s it.

```python
# For complete examples and data files, please go to https://github.com/aspose-words-cloud/aspose-words-cloud-python
import asposewordscloud
import asposewordscloud.models.requests
from shutil import copyfile

api_client = asposewordscloud.ApiClient()
api_client.configuration.host = 'https://api.aspose.cloud'
# Please get your App Key and App SID from https://dashboard.aspose.cloud/#/apps.
api_client.configuration.api_key['api_key'] = 'xxxxxxxxxxxxxxxxxxxxxx' # Put your appKey here
api_client.configuration.api_key['app_sid'] = 'xxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx' # Put your appSid here

words_api = asposewordscloud.WordsApi(api_client)
filename = 'C:/Temp/TestFile.docx'
remoteFileName = 'TestFile.docx'
outputFileName = 'TestFile_output.docx'

#upload DOCX file to storage
request_upload = asposewordscloud.models.requests.UploadFileRequest(filename,remoteFileName)
response_upload = words_api.upload_file(request_upload)

#Search and Replace the Text
requestReplaceText = asposewordscloud.ReplaceTextParameters(old_value='malesuada', new_value='aspose')
request = asposewordscloud.models.requests.ReplaceTextRequest(name=remoteFileName, replace_text=requestReplaceText, dest_file_name=outputFileName)
result = words_api.replace_text(request)
    
#download file
request_download=asposewordscloud.models.requests.DownloadFileRequest(outputFileName)
response_download = words_api.download_file(request_download)
copyfile(response_download, 'C:/Temp/'+ outputFileName)
print("Result {}".format(result))
```
Hope this helps. If you have any question or suggestion, please feel free to comment here or [Aspose.Words Cloud forum](https://forum.aspose.cloud/c/words).
React.js VS Angular.js
Tags: react, angular, redux
Published: 2020-09-01 17:03:41

There has been plenty of debates online about whether React.js or Angular.js is a preferred tool among devs. I think it is important to cover this topic since we are comparing apples with oranges here. Now, I'm experienced in React, but I have never touched Angular. However, I am experienced in Ruby on Rails which is a MVC (Model - View - Controller) framework. That's the keyword here: FRAMEWORK! Angular follows a similar setup known as MVVC (Model - View - View - Controller) whereas React is a library.

There are some pros and cons for each tool you use. Angular, with the release of Angular 9, has cut down on bundle sizes and often gives users no real issues on larger applications. However, React offers many other benefits such as an easy learning curve, the virtual DOM, as well as generally prioritizing certain page tasks. The con with React comes down to testing. Angular uses one tool while React sometimes requires multiple dependencies for testing depending on whether you're aiming to test components or pure code. 

This doesn't necessarily make one better than the other since "one size doesn't fit all", as the saying goes. Improvements are consistently being made to both tools. Time is the great determining factor over which tool becomes ideal for application development. Truth be told, next week could mean all the difference if Facebook's React Dev team (or even the general community) releases a multi-purpose testing tool. This is what make being a developer a journey rather than a destination. 

If you're wondering which tool you should use, my best recommendation is to try out both and take your needs into consideration while also being open-minded about the growth of both tools. Being a developer isn't as much of a race as it is about keeping pace. Learning how to use both technologies can prove to be more beneficial than only learning about one! That is a goal of mine in the very near future, and I recommend making it a goal of yours too! Embrace all of your challenges with a growth mindset over a fixed one. That will separate you from those who place limitations on themselves.
How to Install Java JDK and Maven on Mac OS
Tags: tutorial, java, beginners, bash
Published: 2020-09-01 16:52:05

I've needed to set up Java and Maven enough times that I figured I should write about it so that it's an easier setup for at least one other person.

You can skip the first half if you already have Java JDK installed.

**How to set up Java JDK:**
1. Open a new terminal and run `java -version`. If you don't have a JDK installed, you can download it [here](https://www.oracle.com/java/technologies/javase-jdk14-downloads.html).
2. You can check the installed Java path by going to your Mac's `Settings > Java > Java (within the Java Control Panel) > Path`.
3. In your terminal, if you run `java -version` again now, it should return details of the installed JDK.
4. Next, you'll need to add the `$JAVA_HOME` variable in your `.bash_profile` (if you have a `.bash_profile`, you can skip the next step). If you run `echo $JAVA_HOME` and it returns blank, it means you haven't set the variable yet.
5. If you don't have a `.bash_profile`, go ahead and create one with `touch .bash_profile`.
6. Open your `.bash_profile` by running `open -e .bash_profile`.
7. Add `export JAVA_HOME=$(/usr/libexec/java_home)` to the file and save it.

**How to set up Maven:**
1. Download Maven [here](https://maven.apache.org/download.cgi). This tutorial follows downloading the binary zip archive file.
2. Once it's downloaded, move it into your Applications folder and unzip it (`unzip apache-maven-3.6.3-bin.zip`).
3. Open your `.bash_profile` again and add these two variables. Version number will vary based on when you're reading this. The latest version as of 08/26/20 is 3.6.3. ```export M2_HOME=/Applications/apache-maven-3.6.3
export PATH=$PATH:$M2_HOME/bin```
4. If you're using the same terminal, go ahead and clear it with `CMD + K`. Run `source .bash_profile` to refresh it and then run `mvn -version`.
5. If successful, `mvn -version` will return info on what was just installed.

That's it - happy coding!
When and How often you take a break ?
Published: 2020-09-01 16:49:13

When you start a coding session and begin to perform your magic. When nothing goes wrong and you feel like superstar. When there's no force on earth that can distract you from what you are doing. Do you even think about taking a break? 

I'm using a reminder software in my Linux environment that reminds me to take a break every 50 minutes. Also I have smart watch that does the same thing. But still I feel myself wanna go on and keep skipping the reminders. Then I start having a headache and see that I spent non-stop 10 hours of work.

What you guys go about this? Do you experience the same thing?
Do you stream live programming / design stuff?
Tags: discuss, webdev, design
Published: 2020-09-01 16:41:10

Have you been using YouTube, or Twitch, or Scrimba, Discord, Slack, or ___________ to share your live programming or design practice?

We know that we have to have some special streaming gear - and especially a ridiculous chair... but what works best?

Do you have any experience with this stuff yet? How are you sharing live stuff?
How to start building a weather app in React Native
Tags: reactnative, tutorial, howto
Published: 2020-09-01 16:31:43

Finally was able to get back to pumping out some blog entries.  Here's the first output of that effort:

![starter weather app in React Native](https://assets.website-files.com/5e0254b18d72cc3b908a8a38/5f47d2fb22e0fa386d146030_current_weather%20(1).png)

[Here's the accompanying blog post](https://www.redbitdev.com/post/react-native-weather-app-how-to)
Should I go ahead and start tagging issues in my repositories with the hacktoberfest tag?
Tags: hacktoberfest
Published: 2020-09-01 16:13:19

I'm excited for this years Hacktoberfest! Last year was my first, and I had a great time. 

I have some open issues in a few of my GitHub repos that I wanted to tag with the hacktoberfest tag. Should I go ahead and tag them now?
Pantai Pasir Kadilangu Jogja
Tags: pantai, kadilangu, jogjakarta
Published: 2020-09-01 16:04:54

Menjadi pintu gerbang transportasi internasional menuju Daerah Istimewa Yogyakarta, Kabupaten Kulonprogo juga mulai membangun destinasi wisata baru. Selain proyek bandara yang masih dalam tahap pembangunan, kehadiran tempat wisata baru di kulon progo juga untuk menarik wisatawan berkunjung di sebelah barat Yogyakarta. Pantai kadilangu, alternatif wisata di kulon progo yang menghadirkan pantai dengan nuasa syahdu nan romantis. Berikut ulasan mengenai pantai pasirr kadilangu. https://www.a-pradana.net
Integrating ActivityNotification & bootstrap_email in Rails 5+
Tags: rails, email, bootstrap, ruby
Published: 2020-09-01 15:56:52

Recently in our platform we started using [activity_notifications](https://github.com/simukappu/activity_notification) for in-platform notifications and email notifications. But we wanted to use our already styled template files. 

If you are struggling with the same problem, then you have come to right place.

We figured out a way to integrate [bootstrap_email](https://bootstrapemail.com/docs/setup) and [activity_notifications](https://github.com/simukappu/activity_notification)

I am going to walk you through with basic setup of activity_notification emails and bootstrap_email and then using bootstrap_email styling for all activity_notifications.

**1. Setting up ActivityNotification**

To setup in-platform notification please follow gem's [documentation](https://github.com/simukappu/activity_notification/blob/master/docs/Setup.md#Setup)

**2. Setting up Email notification**

To setup email notification please follow gem's [documentation](https://github.com/simukappu/activity_notification/blob/master/docs/Functions.md#email-notification).

While following the documentation please make sure to include this 
``` acts_as_target email: :email, email_allowed: :confirmed_at ``` 
in your target user model.

Once these two steps are ready you are good to go to start sending emails.

**3. Setting up bootstrap email**

To setup bootstrap for your emails, follow gem's [documentation](https://bootstrapemail.com/docs/setup)

Now, we have successfully enabled both the libraries in our platform. Now its the time to connect both of them. 

**4. Using custom mailer for activity_notification**

While configuring activity_notification you must have created a config file for it, at `config/activity_notification.rb` which defines all the settings of activity_notification. 

Update this below line in `config/activity_notification.rb` to use our custom mailer file.

```config.mailer = "ActivityNotificationMailer"```

And create a new file at `app/mailers/activity_notification_mailer.rb`

We are going to use this file to override one of the gem's function to use `bootstrap_email` function instead of using `devise` function.

```
class ActivityNotificationMailer < ActivityNotification::Mailer
  layout 'whatever_layout_you_are_using_for_emails'

  def send_mail(headers, fallback = nil)
    begin
      make_bootstrap_mail headers
    rescue ActionView::MissingTemplate => e
      if fallback.present?
        make_bootstrap_mail headers.merge(template_name: fallback)
      else
        raise e
      end
    end
  end
```
Save this file and TADA you will be experiencing automated bootstrap styled emails getting sent from your platform. 

Thank you for reading it out. Hope someone will find it helpful. And if you are that someone don’t forget to show us some love by giving some reactions and comments. :)
GitHub Codespaces with Java
Tags: github
Published: 2020-09-01 16:01:58

Tried out a Java scenario with GitHub Codespaces and found the experience to be very nice.  Support for Maven is useful and seamless (shown below).

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

Also the integration of testing tools is familiar and quite usable (shown below). The integration is well-implemented and frictionless for me.  Nice to see the full menu of integrated refactoring tools as well.

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

I used a Microsoft-created pre-built Java image to do this quick test.  I wrote about how to do this [here](https://dev.to/lynnlangit/containers-for-github-codespaces-2ef5).
What the heck is Recoil state management for?
Tags: react, tutorial
Published: 2020-09-01 15:41:10

In the following video we'll create an app to manage the dynamic bounding box that gets calculated in real-time as divs are dragged around the screen.

![Draggable Demo](https://dev-to-uploads.s3.amazonaws.com/i/z088xitr656ob4voyfn4.gif)

{%youtube i_k7oFcXG6g %}