teleren/devto huggingface dataset:
4 reasons to write your resume in Markdown
Tags: resume, markdown, css, html
Published: 2021-09-20 14:01:13

As Software Developers, we often use Markdown to write readme files, take notes or write a blog post like this one 😛. Its simple syntax helps format content easily.  Apart from quick formatting there are several reasons why I would recommend writing resume in Markdown

## 🎯 Increased focus on your content

Content is the heart of your resume. But quite often we spend more time on its design and aesthetics. With Markdown’s syntax, you can write neatly formatted content first and then apply various themes or designs tailored to your needs.

## 📄 Easier to keep it updated

It is recommended to revisit your resume at least twice a year to keep it updated with your latest achievements, responsibilities and skills. With file formats like DOC, PDF, Tex or JPG it is extremely difficult (sometimes impossible) to edit without using any additional tools. In contrast, Markdown is just a text file which can be easily edited. Moving your sections around is as simple as cutting and pasting text. You can even store this file in a git repository to keep track of the changes made over time.

## 🎨 Flexibility to switch design

Markdown is rendered as HTML. And with a sprinkle of CSS you can create a beautiful, crisp and unique design for your resume. You can even change this design at any point of time without making any changes to your core content. A bunch of CSS themes for Markdown are available online.

## 👀 Better readability

Markdown provides structure for your content in a relatively simple way because of its simple plain-text-formatting syntax.


Markdown is a great tool for formatting your resume with advantages like maintainability, readability and flexibility. When I was looking for a job, I created a bunch of designs for my resumes. I have now converted it into a web application where you can write your resume in Markdown, try out these designs and download as PDF. Check it out at [Resumey.Pro](https://resumey.pro) and let me know what you think in the comments below 👇
Why cloning can help you become a better Programmer
Published: 2021-09-20 13:54:37

If you are a self taught developer like me may face the challenge of not going beyond the basic level of programming. Watching YouTube tutorials and courses are good for understanding the basics which are really important in the beginning. But once you pass the basic level YouTube tutorials and courses are not that much helpful. 

Now every developer has two options from here: either become a mediocre developer or become a pro. The only way to become a pro is by practicing real world problems. If you wanna build something of your own that’s great. But it’s not easy to come out with an idea and implement that idea. You need to learn a lot more than just coding to be able to build something that looks great. Here I believe cloning is the best strategy. 

What you need to get a job is showing your work to the employer. By cloning you not only improve your development skill but also create projects that you can show to the employer. These projects also have real life use cases with beautiful UI. Building these definitely help you to become a better programmer.

There are some important things to remember when you are cloning though. Your clone may not work perfectly or look perfect and that’s fine. Just try to get as close as possible. Don’t try to make one pixel perfect design, rather try to build as many apps as possible. The more you try the better you get. Another important thing you can do is document your journey and share it on social media. It will help you build connections and meet with great people online. Let others know what you're doing and what kinds of problems you are facing. This will open many opportunities to you.
5 Amazing Mind Mapping Application
Tags: productivity, webdev, codenewbie, beginners
Published: 2021-09-20 13:53:48

Hello,

How are you all Today this post about the 5 Amazing Mind Mapping Websites every developer know a mind mapping website is very useful with this you can create a prototype or your website flow. I hope you like this also comments about your thoughts. also For more content follow me on Instagram  [@developer_nikhil27](https://www.instagram.com/developer_nikhil27/).

1.Coggle - Best website for flow or Mind Mapping

[Coggle](https://coggle.it/)

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

2.Mind Meister - For Professional 

[Mind Meister](https://www.mindmeister.com/)

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

3.X Wind

[X Wind](https://www.xmind.net/)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/93yyi22r2ewodoxpkze2.png)

4.Mindomo - For more features 

[Mindomo] (https://www.mindomo.com/)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0vkbdxxf206v858tdlnw.png)

5.Gliffy - Easy to use with more features 

[Gliffy] (https://www.gliffy.com/)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1nsxcc3di1pom6r6k1rm.png)

Thank you 🙂!
Computer Science VS Computer Engineering Which One Is Better?
Published: 2021-12-23 05:04:10

---
title: Computer Science VS Computer Engineering Which One Is Better?
published: true
date: 2021-09-20 13:32:30 UTC
tags: 
canonical_url: https://devfaster.io/post/Computer-Science-VS-Computer-Engineering-Which-One-Is-Better-1M6Co
---

When it comes to STEM education, many institutions offer degrees that seem almost the same. It is easy to get confused between any two programs. When it comes to the computer department, computer science and computer engineering are two dominant programs. CS and CE are interconnected, but they are not the same. So, which one is better?

 

First, you need to know what CS and CE are, so here you go.

 

**Computer Science**

 

In a broader sense, CS is all about software, data, programming, and algorithms. CS started with mathematics. In CS, people learn to write code, programs, develop software, applications, cybersecurity, networking, etc.

 

**Subjects in CS**

 

In the CS program, a lot of mathematics is involved. You will have to study courses like calculus, linear algebra, programming, data structures, web development, followed by some theoretical subjects.

 

**Specializations**

 

CS has a great scope, and you can specialize in many fields like artificial intelligence, cyber security, data science, cloud computing, games and app development, and many more.

 

**Computer Engineering**

 

Computer Engineering is more on the hardware side. Computer engineers work on the designs of IT devices or systems like smartphones, laptops, or supercomputers. CE came out as a branch of electrical engineering and is very much similar to it. 

 

**Subjects in CE**

 

The courses in CE include many electrical engineering subjects like electronics, circuits, robotics, and embedded systems. Computer hardware, networking, and programming are also taught.

 

**Specializations**

 

Many schools offer more specific CE fields like embedded systems, hardware systems, robotics, network security, etc. 

 

**Comparison of CS and CE**

 

**Which is Harder?**

 

As you read, both fields are different, but both require some high-level skills. You do not only need to excel in subject areas, but also learn skills like analytical thinking, problem-solving, and programming. Both areas are equally difficult and technical. However, it depends on your abilities and interest whether you enjoy CE or CS.

 

**Which has Greater Job Opportunities?**

 

Both areas are in great demand and promise you a bright future in terms of career. As the advancement in technology is continuous, the need for computer experts is ever-increasing. 

 

**Conclusion**

 

To conclude, we cannot say which is better, CS or CE; it depends on you. If you have more inclination towards hardware, go for CE, and if you are interested in software, CS is for you. Both CS and CE are hard but will offer you superb career opportunities.
Use nuxt-speedkit for Lighthouse performance optimization
Tags: vue, javascript
Published: 2021-09-20 13:12:58

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jurdku65aktc3p4kpz98.png)
##Quick summary
I am going to introduce nuxt-speedkit module.
Nuxt Speedkit takes over the Lighthouse performance optimization of your generated website. All used components and resources are loaded on demand based on the viewport.

##Introduction
In order to achieve a performance score of 100/100, only the resources that are necessary in the current viewport may be loaded. Concepts already exist for the loading of javascript components and images. However, there is not yet a practicable concept for loading fonts dynamically. This module provides a holistic approach to load all necessary resources on demand, including fonts, based on the current viewport.

This module implements the lazy-hydration concept of Markus Oberlehner and embeds a modified version of nuxt/image.

####Requirements
NodeJS >= 12.x.x
NuxtJS >= 2.15.0
####Features
dynamic loading of viewport based page resources like fonts (subselectors, media queries), components, pictures
optional loading prevention of resources at low bandwidth or weak hardware
prevents the loading of unnecessary resources (including components) that are outside the current viewport.
optional info layer concept to inform users about a reduced UX when bandwidth or hardware is compromised.
####Results
delivery of the minimum required resources based on the current viewport
Hacktoberfest 2021 is coming !
Tags: hacktoberfest, opensource
Published: 2021-09-20 13:00:54

This year again, **Hacktoberfest** is here ! 

## The date ?

From October 1st to October 31st.

## Who can join this event ? 

Contributors, maintainers, companies and event organizers !

## How I can participate ?

From October 1st to October 31st, you will have **to contribute to the Open Source by making 4 Pull requests**, which will be validated by the tags `hacktoberfest-accepted`. You will be able to follow your progress on the dashboard, which will be available on the [Hacktoberfest website](https://hacktoberfest.digitalocean.com/). 


## Good posts 

{% link https://dev.to/navendu/how-to-make-non-code-contributions-to-open-source-projects-35nj %}

{% link https://dev.to/shahednasser/how-to-participate-in-hacktoberfest-2021-4k9o %}

{% link https://dev.to/navendu/pull-requests-like-a-pro-tips-to-make-high-quality-pull-requests-2hfk %}

For more posts, see the tag Hacktoberfest

{% tag hacktoberfest %}

___ 
![Flowers](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ky4udtnwlpp6x837gb92.png)
Speed Optimization
Published: 2021-09-20 12:53:36

We have a large application having billions of records stored in the database and we have a global search page that searches items from a large DB repository.

We have 120 dynamic filters and 150 fields and user can select anything as he/she wants.

Each dynamic field has also multiple options like Is, is not, starts with, ends with, contains, does not contains, is blank, is not blank. Users can select any one from these options.

Overall everything is dynamic based on the user’s choice.

Our database is MS SQL Server and the front-end application is in .net core in MVC style.

We have made a store procedure that executes a query for this but it contains 40 joins and multiple “case when” statements, stuff function that gives results but taking too much time.

We need performance optimization for this requirement and the client is asking urgent.

Can anybody share the ideas what is the best way to fulfill this requirement and get results quickly?
Undoable Updates in React Query
Tags: reactquery, react, refine
Published: 2021-09-20 12:37:11

An undoable update is the version of an [optimistic update](https://react-query.tanstack.com/guides/optimistic-updates) where the actual mutation for the update is executed after a certain amount of time so that the mutation can be undone in that period of time.

<p>
<figure>
<img src="https://refine.dev/assets/images/undoable-5805642a1d8210bb06f822556b2dd457.gif"/>
<figcaption>Example of an undoable update in a <a href="https://refine.dev/">refine</a> app</figcaption
</figure>
</p>
  
{% codesandbox g7iyk view=editor %}


Key factor is that mutation function for the [useMutation](https://react-query.tanstack.com/reference/useMutation) needs to return a promise. We return a promise where the actual mutation function(fetch e.g. ) is executed in a timeout and the promise that we return is resolved when the mutation function is resolved. 

Undoing the mutation requires to cancel the timeout and the promise to be rejected so that the previous state of the query is recovered via onError.  

The function to cancel the mutation is made accessible for a cancel button by holding it in a ref.

---

There are plenty opportunities to improve upon like managing various states along the flow of undoing an update or integrating with a notification system. I hope this was helpful.
Weekly Challenge 131
Tags: perl, theweeklychallenge
Published: 2021-09-20 12:30:26

[Challenge](https://theweeklychallenge.org/blog/perl-weekly-challenge-131/), [My solutions](https://github.com/manwar/perlweeklychallenge-club/tree/master/challenge-131/sgreen)

## TASK #1 › Consecutive Arrays

### Task

Submitted by: Mark Anderson

You are given a sorted list of unique positive integers.

Write a script to return list of arrays where the arrays are consecutive integers.

### My solution

This is pretty straight forward, so doesn't need much explanation. Even though the task says the list is ordered and unique, I do this anyway. You never know what input someone will provide!

I seed the `@output` array with the first number. Then then work through each number removing it from the array. If that number is one more than the last number in the last array of `@output`, I add the value to the existing row. If it is not, this means it is a new sequence, so add a new row to the array.

I then use map to display the result in the requested format.

### Examples

```
 ./ch-1.pl 1 2 3 6 7 8 9
([1, 2, 3], [6, 7, 8, 9])

$ ./ch-1.pl 11 12 14 17 18 19
([11, 12], [14], [17, 18, 19])

$ ./ch-1.pl 2 4 6 8
([2], [4], [6], [8])

$ ./ch-1.pl 1 2 3 4 5
([1, 2, 3, 4, 5])
```

## TASK #2 › Find Pairs

### Task

Submitted by: Yary

You are given a string of delimiter pairs and a string to search.

Write a script to return two strings, the first with any characters matching the “opening character” set, the second with any matching the “closing character” set.

### My solution

There would be a couple of way to tackle this, and my choice is based largely on the output in the examples. For this I take the first string (the delimiter parts) and work on it two characters at a time adding them to the `$open` and `$close` string. If the character is not an alphanumeric character, I escape it with a back quote. [perlre](https://perldoc.perl.org/perlre) states "Unlike some other regular expression languages, there are no backslashed symbols that aren't alphanumeric. So anything that looks like `\\`, `\(`, `\)`, `\[`, `\]`, `\{`, or `\}` is always interpreted as a literal character, not a metacharacter"

I then use this regexp string (wrapped in `[^` and `]`) to remove the characters that don't match the pattern and display the results.

### Examples

```
$ ./ch-2.pl '""[]()' '"I like (parens) and the Apple ][+" they said.'
"(["
")]"

$ ./ch-2.pl '**//<>' '/* This is a comment (in some languages) */ <could be a tag>'
/**/<
/**/>
6 Steps for Senior Software Engineers
Published: 2021-09-20 12:26:23

Experience in Programming

Generally, software engineers must be good at writing clean codes. I don’t mean the six months of bootcamp or self-taught coders just trying to make a project run, no!! I mean readable code. It’s fine to think of people who will maintain the code. Therefore, to cut a niche as a senior software engineer you must have vast experience in reviewing and reading other peoples codes. It means you can write the code in a precise way, so you decide to read and correct other people’s programs.


Analyze what the client needs

Yes, this is someone who can be between the client and the technical team. They are able to analyze what the business needs and transform that into real software. Senior engineer, you must be able to identify the possibility and solution to the problem of the client, then put it down for junior developers to transform into code.


Documenting the software


Since you know what the client demands, then you have the knowledge on how you should document the application. You must be aware of each and every step that your team will use to arrive at the perfect solution. People degrade documentation, but it’s one of the hardest work while developing software.


Troubleshooting and debugging


Any problem that becomes ambiguous to your junior team, you are the one responsible for solving it. Managers and everyone else will require the software from you at the end of the day. You must be smart, engage your mind, and troubleshoot the program to make it run.


Strong knowledge of Data structure


When it comes to analyzing how to query a database, you must be good. Of course, the senior frontend must be well-trained in both front end and backend. Data structure and algorithms are some of the hardest and feared topics in programming. A good senior engineer must use the knowledge to make sure data is quarried in an acceptable manner.


Smart thinker


It’s fine not to be able to solve all the problems. But the industry demands that you look at problems from different angles. Br able to provide strong ideas that will benefit your team.
Azure Functions – Dev environment in 120 seconds
Tags: azure, serverless, functions, dotnet
Published: 2021-09-20 12:14:57

---
title: Azure Functions – Dev environment in 120 seconds 
published: true
description: VS Code and containers hugely accelerate and simplify development process. Let's take a quick look &hellip; Continue reading &#8220;Azure Functions – Dev environment in 120 seconds&#8221;
tags: azure, serverless, functions, dotnet
cover_image: https://blog.wiseowls.co.nz/wp-content/uploads/2021/09/alternate-skate-_tH3YCjPCCE-unsplash-scaled.jpg
series: Dev containers for life
---

VS Code and containers hugely accelerate and simplify development process. Let's take a quick look at zero to hero dev environment set up.

Assumptions and prep work
---
This walkthrough assumes you've got Docker and VS Code installed. If you happen to have [choco](https://chocolatey.org/install), run 

    choco install docker-desktop vscode -y

Next, we'll use VS Code's [built-in dev container] (https://github.com/microsoft/vscode-dev-containers/tree/main/containers) library to pick our environment of choice. Then we'll build up and switch into our container and create a function app. Finally, we'd run the code to verify environment set up correctly.

See it in action
---
With a bit of editing to eliminate wait time, I arrived at 1 minute 43-second-long screen capture of me bootstrapping a new environment and running the code:

![image](//blog.wiseowls.co.nz/wp-content/uploads/2021/09/AzureFunctionsContainerStartup.gif)


Happy coding!
Python File I/O Now Easier
Tags: python, file, programming, opensource
Published: 2021-09-20 12:06:59

Are you tired of doing this: 
```python
with open('main.txt', 'w') as f:
    data = f.read()
    print(data)

```
Output:
```
File Content
```

Well [EasyFileHandling](https://filehandling.netlify.app/index.html) solves the problem. Questions rising up in your mind.
- How is this useful
Ok so first of all its Open Source, here is the [Github](https://github.com/ProjectsWithPython/FileHandling) repo link. Its useful because its `object oriented`, it has good documentation, lets you do soo much with file. You manipulate images with *ImageHandler*, you can edit, write, and much more with the *FileHandler*, you also use *JsonHandler* for *JSON* files and *AsyncFileHandler* for async File I/O tasks. All these handlers are classes. Too much talks lets see some examples.
Run:
```
pip install EasyFileHandling
```
[Package Link](https://pypi.org/project/EasyFileHandling/)

**FileHandler**
We have file named *main.txt* which has this in it:
```Hello World! I like Files LOL```
**Magic Time**


```python
from EasyFileHandling.main import FileHandler 
x = FileHandler("main.txt")
print(x.what_type_of_file())
x.change_file_extension('.txt', '.js')

```


Let me explain what it did, firstly it told told you what type of file *.txt == Text*. Get it I hope so then we told it to change the extension from *.txt* to *.js*.
You saw how great it is?

One more thing to show rest you find by yourself :)
Sometimes you want to do simple tasks but reading documentation is frustrating. You wanna add filter to an image or add text to it. We have simplified *PILLOW* library for you.
Need some Blur?



```python
from EasyFileHandling.imagehandler import ImageHandler
x = ImageHandler('robot.png')
x.filter_image('blur')
```


No need to save the image like you did in `PILLOW` library. Just press run and it will create a folder automatically and save this file to it.

Well this was the magic of `EasyFileHandling`, Open Source and Easy

One last thing do you know that `EasyFileHandling` developers are making `easyfilehandling.js` for npm. Its out [NPM](https://www.npmjs.com/package/easyfilehandler.js).

**Important Link**

- [Github Repo](https://github.com/ProjectsWithPython/FileHandling)
- [EasyFileHandling](https://pypi.org/project/EasyFileHandling/)
- [easyfilehandling.js](https://www.npmjs.com/package/easyfilehandler.js)
A Nice Developer Joke For Today
Tags: jokes, dailydeveloperjokes
Published: 2021-09-20 12:00:09

---
title: "A Nice Developer Joke For Today"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1258b057385.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ Why did the functions stop calling each other?

___A:___ Because they had constant arguments.
 -->
Build in Public: Video workspace for students
Tags: buildinpublic
Published: 2021-09-20 11:56:47

1/ At @WiredVibe we are always looking for great opportunities. This time we decided to #buildinpublic a new product. 

The name? WiredStudy. A greater way for students and workers to complete their tasks in a virtual workspace equipped with productivity tools.

Personally, I value transparency and building this mini-product in the public may inspire other to decide to move out of their comfort zone.

2/ The idea came for a previous brainstorming session, and some of the coding is already done. (eg. Audio-player).

What we do at WiredVibe is build a sound therapy platform, not necessarily a video platform. 

Having a science based music database available at hand, some pre-coded internal components, and huge motivation allows us to move into previously untouched areas.