teleren/devto huggingface dataset:
👨🏽‍💻 How to Add GIF to your README.md
Tags: webdev, beginners, opensource, python
Published: 2021-10-18 10:26:22

In this post I will share with you two programs that I recommend for a *quick* and *easy* way to capture your screen and successfully add it to your project’s README.

## Tools 


### 1)	[ShareX](https://getsharex.com/)

> At the time of writing this post ShareX is only supported in Windows (versions: 10, 8.1 and 7).

***Features:***

~ Intuitive and Lightweight: I used it for my [personal project](https://github.com/yaqoah/Kogoro), the IU is incredibly straightforward, with an inkling of a modern look. 

~ Fast and responsive: with a number shortcuts which allows you to capture a specific window or any part of the screen, with an option to delay the screen for up to 5 seconds until you can launch your application. ShareX also does NOT show any ads!

![My Use Case: ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ldejwr2yez4bb7bsbgr8.gif)

### 2)	[LightShot](https://app.prntscr.com/en/)

LightShot is an alternative for ShareX, possibly just as good if not better. A cool feature found in LightShot is the reverse image google search, which allows you to look for similar images in Google, I can’t find a use for it myself but it is something someone may want to try. It is available for free in Windows and Mac - there is also a chrome plugin!


*Finally to post it in GitHub, copy this to your README:*
`![Image Description](Image path or URL)`

I hope you found this post helpful :) 
GitHub: https://github.com/yaqoah
How to Fix Error TLS_ECDHE_ECDSA_WITH_AES_256_6CM_SHA384 when intergrating the CloudDB Server SDK?
Tags: huawei, cloud, android, database
Published: 2021-10-18 10:16:56

While integrating Cloud DB provided by AppGallery Connect, you have a number of options on where and how you can integrate the SDK, iOS and Android is supported but so is a separate Server SDK. This allows you to make use of CloudDB in your own (Java) Server applications.

One error that you might get is an error relating to TLS_ECDHE_ECDSA_WITH_AES_256_6CM_SHA384 

![Image example error log](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i5tm85pneguy0wr74bmr.png)

The log might look like

{% gist https://gist.github.com/devwithzachary/0e1ad0f25f9341648992d573763224fb %}

The Netty framework imported in the SDK uses a specific cipher suite that is dependent on the support of JDK. If the current development environment for JDK does not support the cipher suite, an error will occur.
To resolve this problem, JCE should be installed in the local environment.

1.	Download JCE corresponding to JDK version 1.8.
http://www.oracle.com/technetwork/java/javase/downloads/jce8-download-2133166.html 

2.	Extract the local_policy and US_export_policy JAR packages from the downloaded package.
 

3.	Then, copy the package files to your local Java directory. The path is **%JAVA_HOME%/jre/lib/security**.

If files with the same name already exist in the path, just overwrite them. The following figure shows my own directory.
![Image of directory with files copied](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qt6jlhws640kvcv5qcf6.png)
 
 
4.	Once done, restart the project or server, and the error hopefully won't re-occur.
Where do you receive job opportunities?
Tags: watercooler, career, business, email
Published: 2021-10-18 10:15:27

---
title: Where do you receive job opportunities?
published: true
description: 
tags: watercooler, career, business, email
cover_image: https://fjwp.s3.amazonaws.com/blog/wp-content/uploads/2020/01/11140027/send-email-1024x512.png
---
Some of the devs state that most of their future clients contact them via email, while others are being messaged in Twitter or LinkedIn.

Can you describe your experience?
Which one has been the most efficient for you?
Free Best 5 Coding Software For Windows 
And their Website
Tags: codenewbie, showdev, webdev, webpack
Published: 2021-10-18 10:06:36

#Introduction
###Hello everyone 🖤
In this article, we look into 5 best Coding Software and Their Website. All the step in this article it's help you to grow and build your knowledge.

#1.[Visual Studio Code](https://code.visualstudio.com/)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/79w07b0w5o5qnoz78839.png)
Visual Studio Code is a best for coding and editor with support for development operation all types of code here and it is easy to the tools a developer needs for a quick code-build-debug cycle.

#2.[NetBeans](https://netbeans.apache.org/)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wfhk230ljf63jy63awkg.jpeg)
Netbeans is a coding software where you are code are running easily and fast .NetBeans allows applications to be developed from a set of modular software components called modules. It is available for Windows,Mac, Android, etc.


#3.[Vim](https://www.vim.org/download.php)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x2h3wtby4qsahz7r98mp.jpeg)
Vim is a free and open-source, screen-based text editor program for Unix.and it's easy to use and working easily.

#4.[Bluefish](http://bluefish.openoffice.nl/index.html)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/reyl9up9vnbbroiaqic9.jpeg)
Bluefish is a free software advanced text editor with a variety of tools for programming and website development. It supports coding languages including HTML, XHTML, CSS, XML, PHP, C, C++, JavaScript, Java, Go, Vala, Ada, D, SQL, Perl, ColdFusion, JSP, Python, Ruby, and shell.

#5.[Brackets](https://brackets.io/)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nl3k8zvo9lh07phghvt9.jpeg)
Brackets is a discontinued source code editor with a primary focus on web development.
.
.
.
##Conclusion
#####I hope you found this article useful, if you need any help please let me know in the comment section.💯
How fast is your code?
Tags: javascript, webdev, beginners, programming
Published: 2021-10-18 09:55:03

You ever wanted to know how long does a block of your code takes to execute? Well you have come to the right place.
You can simply wrap your block of code with **console.time** function to measure how long your code took to execute.
```js
console.time("Label A")
let num = -999999
for(let i = 0; i < 99999; i++){
    num++
}
console.log(num)
console.timeEnd("Label A")
```
![Console.time demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/121l0i3vvbt5uw04wl06.png)


> Make sure to check out my other articles also
Hello World
Published: 2021-10-18 09:48:09

# Hello World!

Hello everyone and welcome to my first blog post! My posts will be about the trials and tribulations that I have gone through with the projects that I worked on, and the things I've learn't. 

I'm a beginner front-end developer who started front-ending around August 2020. Learning the basics through [FreeCodeCamp](https://www.freecodecamp.org/) and courses from [Udemy](https://www.udemy.com/) (shout out to [Andrew Mead!](https://twitter.com/andrew_j_mead?lang=en)).   

I decided to start a blog as a way to journal my journey in the world of development, to document the issues I came across while developing, and the solutions/work arounds I found. And also because [Tabs](https://twitter.com/ladyofcode?lang=en) 'convinced' me to.  

That's all from me folks (for now)!
event.js: 377 react error
Tags: react
Published: 2021-10-18 09:37:36

Hi,

While running npm start/ npm run start i'm getting an error 
events.js:377
      throw er; // Unhandled 'error' event
this error is occuring on laptop however on desktop i dont get this error is there something i need to do to resolve this error?

Troubleshooting performed:
1. cleared cache 
2. install latest version of npm 
3. add env file with command save and restart
4. uninstall and reinstall visual studio and node js
Laravel raw SQL update query
Published: 2021-11-20 11:14:22

---
title: Laravel raw SQL update query
published: true
date: 2021-10-18 09:29:18 UTC
tags: 
canonical_url: https://adithya.dev/laravel-raw-update-query/
---

A really small mistake - I wanted to run a MySQL update statement on laravel (no bindings, no parameters, no models) so I wrote this

```
DB::update(`UPDATE table SET something = 1 WHERE id = 1`);
```

When I ran this, I got this error

`ValueError: PDO::prepare(): Argument #1 ($query) cannot be empty`

Was a bit surprised to see this. Upon reading the documentation, you're supposed to run the query this way, for queries not returning any values

```
DB::statement('UPDATE table SET something = 1 WHERE id = 1');
```

Also, I had used backticks `` for the original longer SQL statement so that seemed to have caused on issue.
{Insert Hacktoberfest 2021-Related Title Here}
Tags: hacktoberfest
Published: 2021-10-18 09:21:57

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->


### [Intro Heading]
<!-- If you are new to the DEV community, introduce yourself and share a bit about why you joined DEV and decided to participate in Hacktoberfest this year.  --> 

### Background

<!-- Are you brand new to open source? What about coding in general? Tell us about how you got here →

### Progress

<!-- Share a bit about where you’re at in your Hacktoberfest journey. What stage are you at? How has the process been?  -->

### Contributions

<!-- This is where you can list the contributions you made and explain why you chose the projects you did. Don’t forget to add links!  -->


### Reflections
<!-- Overall, how has your Hacktoberfest 2021 experience been? If you’re a first-timer, will you participate again? What have you learned? Have you made any interesting connections? What is your next step in open source?  -->
Refactoring Code & Rewriting Git History
Tags: rebasing, git, python, click
Published: 2021-10-18 09:20:29

The easiest way to integrate the branches, as we’ve already covered, is the `merge` command. It performs a three-way merge between the two latest branch snapshots and the most recent common ancestor of the two , creating a new snapshot (and commit).

However, there is another way: you can take the patch of the change that was introduced on one branch and reapply it on top of another branch. In Git, this is called rebasing. With the rebase command, you can take all the changes that were committed on one branch and replay them on a different branch.

In the blog, I continued working on my [repo](https://github.com/Qiwen-Yu/TextHTMLPress/issues), a static site generator (SSG) writing with Python. It started with working on a new branch `git checkout -b refactoring`, and the goal is to improve the structure and maintainability of the code without altering its behaviour. The main funtionality of this SSG has already been encapsulated in a class [`Generator`](https://github.com/Qiwen-Yu/TextHTMLPress/blob/main/generator.py), and this class was called in the `main()` function. Therefore, I was trying to polish the code with variables rename, making code style consistent and rewriting the support of `config` file functionality, which was wrote by other contributors.

The original support of `config` file functionality was achieved by using `json` parser. However, there are several packages published to support the command line config file. Here, the `click_config_file` module was used to support configuration file. In this way, the `main()` function was simlified a lot by replacing the json parser and reading json file line by line code part with a single function decorator (function annotation).

Moreover, the code style was improved on several places. For instance, `inp != None` was changed to `inp is not None` and several indentations were fixed.

Finally, an example `config` file was added. 

Now, with several commits, we can use the terminal command `git rebase main -i`. This open an interactive window. Then, we can `squash` all commits into the first one. Additionaly, if there is a need, use `git --amend` to edit commit message.

Eventually, merge to main use:
```
git checkout main
git merge refactoring
git push origin main
```

The combined commit can be found [here](https://github.com/Qiwen-Yu/TextHTMLPress/commit/85a4e67b535b8c8cacf6a08e85fdefd1bb8d2031#diff-5b63cf71490a87d1d0956d82c6eb688a4c95c7b0633c145c2164865eb4c0a8ce).
First Open Source Contribution Doesn't Have To Be Hard.
Tags: opensource, hacktoberfest, programming, tinkerhubmace
Published: 2021-10-18 08:42:46

It's October and we all know what it's all about - Hacktoberfest. People are busy celebrating open-source and making contributions.<br/>
Contributions? 🤔 Wondering how to get started with your first open-source contribution? You're in the right place! Keep scrolling...
Let's get to it step by step ✨
<br/>
### So what exactly is Hacktoberfest?

Hacktoberfest is a month-long celebration of open source software run by DigitalOcean in partnership with GitHub and Twilio. It encourages participation in the open source community, which grows bigger every year.

Complete the  challenge by contributing and getting 4 pull requests merged and earn a limited edition T-shirt. It is open to everyone in our global community! Four quality pull requests must be submitted to public GitHub repositories.

Register for [Hacktoberfest](https://hacktoberfest.digitalocean.com/) using this link. 
**Note you have to register using this link if you want to receive swags🤗**

- Don't know how to use git/github?
<br>
     {% youtube apGV9Kg7ics %}

#### Sounds cool? 
Now it's time for your first step! 🤩
<br/>
## Mashithandu
{% github tinkerhubmace/mashithandu %}
Celebrating this വിദ്യാരംഭം,
Make your First contribution to the [Mashithandu](https://github.com/tinkerhubmace/mashithandu) project.

Here is how to contribute to Mashithandu...

Step 1: Head over to [this link](https://github.com/tinkerhubmace/mashithandu/tree/main/TinkerHub%20MACE) and simply follow the instructions provided there.
Step 2: There is no step 2... It's easy as that! 😉
<br>
#### Loved contributing?🙅 How about one more then? 😁
<br><br>
## WikiSyllabus

{% github gtechatfg/WikiSyllabus %}

[WikiSyllabus](https://github.com/gtechatfg/WikiSyllabus) is a collaborative project to build an evolving website/wiki to host, enhance, link, extend & update the university syllabus to help students find a way to connect their education to what’s new in the industry.
Head over to [this link](https://github.com/gtechatfg/WikiSyllabus/blob/main/CONTRIBUTING.md) for further instructions on how to contribute!

💚 Love OpenSource?

Here are some more repos to contribute
[https://hacktoberfest.digitalocean.com/resources/beginners](https://hacktoberfest.digitalocean.com/resources/beginners)
<br>

<br><br><br>
<pre>
    ❤️ <a href="https://linktr.ee/tinkerhub.mace">Join US</a>  |  📷<a href="https://www.instagram.com/tinkerhub.mace/">Instagram </a>  |  💼<a href="https://www.linkedin.com/company/tinkerhub-mace">LinkedIn</a>   |  🐥<a href="https://twitter.com/TinkerhubMace">Twitter</a>    
</pre>
<a target="_blank" href="https://linktr.ee/tinkerhub.mace"><img width="150px" src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ruj5t5aov5kej3u7i7de.png"></img></a>
Why is it important to remove root access key?
Tags: aws
Published: 2021-10-18 08:35:48

## _Principle of least privileges_

![IAM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oa2t3kpjjf6hjyr94w55.png)

Recently I was unable to launch EC2 instances using my own account. The error message I got was:
> Launch Failed
> This account is currently blocked and not recognized as a valid account. Please contact > aws-verification@amazon.com if you have questions.


Upon checking Stackoverflow, I came across this [article](https://stackoverflow.com/questions/46649542/aws-ec2-cant-launch-an-instance-account-blocked).

The resolution suggested that I use 3 specific regions as per the welcome email. However this still didn't resolve my issue.

I then went to IAM console and noticed a security recommendation:

### Before
![IAM Before](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m558prihf3fcnqjbgy2q.png)

> Navigate to My Account > Security Credentials and then inactivate / remove the root access keys.

### After
![IAM After](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m4kihaunz1ai1dwu6wyn.png)

## Resolution
- I raised a case using Support > Support Center at the top right of the AWS console.
- They informed me that AWS support had put a temporary restriction which would be in place until I improved the security of my account.
- Since I had completed the steps above and the security of my account was no longer an issue, they proceeded to unlock my account right away. 
- The resolution was prompt and I was very impressed with the support I received! 

## Summary
- AWS are constantly monitoring and alerting users to keep their accounts safe.
- As AWS recommends, one of the best practices is to use the "Principle of least privileges".
Running out of memory when running `craco build` on bitbucket pipline
Tags: craco, javascript, react
Published: 2021-10-18 08:21:17

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ri2d5qo4p11sdn3klxha.png)
  
got this error when deploying the branch in gitlab. changes made before the deployment were ( in package.json )

   "scripts": {
"start": "craco start",
"build": "craco build",
"test": "craco test",
"eject": "react-scripts eject",
"format": "prettier --write src/**/*.ts{,x}",
"lint": "tsc --noEmit && eslint src/**/*.ts{,x}"

},

later fixed this error by modifying the above script as follows

 "scripts": {
    "start": "craco --max_old_space_size=4096 start",
    "build": "craco --max_old_space_size=4096 build",
    "test": "craco test",
    "eject": "react-scripts eject",
    "format": "prettier --write src/**/*.ts{,x}",
    "lint": "tsc --noEmit && eslint src/**/*.ts{,x}"
  },


am new to craco. I have used craco to customize the antd theme and followed the guidelines mention in their documentation. later on, I went through the usage of craco but still, I don't have complete knowledge in craco. I need some explanation why it has not given an error without craco and it's giving an error when using craco. so does this mean craco will consume more memory than using react-script start
Learn Simple HTML5 Basic Elements(Second Article)!!
Published: 2021-10-18 08:20:17

###Block-Level And Inline Elements
- In HTML , there are two kinds of elements one is block-level and other one is in-line elements.

####Block Element.
- These are those elements, which starts with new line and takes the full width of the screen horizontally and vertical space is its height of that content.Example `div`,`form`,`,`UL`,`ol`,`Li`,`section`,`table` and etc.

####In Line-level Elements.
The Inline elements are those which do not start from new and take the space as necessary. Exmaple `span`, `a  href=""`, `textarea`,`br`, `em`,`iframe` and etc.

####Remaining Part I will add in few hours
SPLAY TREE
Published: 2021-10-18 05:50:50

A splay tree is a self-balancing binary search tree intended to provide quick access to frequently accessed items in the tree. The tree performs key functions such as insert, search, and delete in O(log\space n)O(log n) amortized time. A splay tree performs these basic operations in combination with the splay operation.

Splaying involves rearranging the tree to bring a particular element to the root of the tree. This is typically done using the standard binary search tree (BST) operation in combination with tree rotations to bring the particular element to the root of the tree. These rotations do not change the BST property of the tree

SPLAYING:

After an element is accessed, the splay operation is performed, which brings the element to the root of the tree. If the element is not in a root position, splaying can take one of three patterns:

Zig (or zag) step
Zig-zig (or zag-zag) step
Zig-zag (or zag-zig) step
The step you take is dependent on the position of the node. If the node is at the root, it is immediately returned.

Zig (or zag):

When no grandparent node exists, the splay function will move the node up to the parent with a single rotation. A left rotation is a zag and a right rotation is a zig.
Note: A left rotation corresponds to a right placement (the node is right of the parent) and vice versa.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6bn62q7nyzrlgvhliny0.png)

Zig-zig (or zag-zag):

When a grandparent and parent node exist and are placed in a similar orientation (e.g., the parent is left of the grandparent and the node is left of the parent), the operation is either zig-zig (left) or zag-zag (right).
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4cyn7ugkef4oiohkeik4.png)

Zig-zag (or zag-zig):

A zig-zag corresponds to the parent being left of the grandparent and right of the parent. A zag-zig is the opposite.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hue3e8hi7hgxbp1hcvx5.png)

Advantages:

Splaying ensures that frequently accessed elements stay near the root of the tree so that they are easily accessible. By staying near the top of the tree, the tree can benefit from the locality of reference.
The average case performance of splay trees is comparable to other fully-balanced trees: O(log\space n)O(log n).
Splay trees do not need bookkeeping data; therefore, they have a small memory footprint.

Disadvantages:

The major disadvantage of splay trees is that - although unlikely - a splay tree can arrange itself linearly. Therefore, the worst-case performance of a splay tree is O(n)O(n).
Multithreaded operations can be complicated since, even in a read-only configuration, splay trees can reorganize themselves.