teleren/devto huggingface dataset:
Regular Expression (Regex) Essentials for Developers
Tags: regex, webdev, javascript, beginners
Published: 2022-06-21 15:37:36

Hello friends, Today in this post we will learn about a regular expression that you need to know as a developer. Regular expressions have a variety of use cases invalidating emails, phone numbers, etc. Regex also has good support around a variety of programming languages. It helps us in reducing a lot of if statements to validate input in our code, hence regex helps in reducing code and makes it more readable. At the end of the post, you will find a couple of challenges regarding regular expression. Let's get started.

Please read this post from our website
[Regular Expression (Regex) Essentials for Developers](https://codewithmarish.com/post/regular-expression-essentials-for-developers)

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

[Code With Marish | Youtube](https://www.youtube.com/channel/UCkPYmdVz8aGRH6qCdKMRYpA)

Posted with ❤️ from somewhere on the Earth
Linux commands that you should know as a Web Developer
Tags: linux, webdev, cloud, command
Published: 2022-06-21 15:34:10

Hello friends, Today in this post we will see the Linux commands that you should know as a web developer. This post will also help those who are new to Linux or if you are already familiar with Linux then it will help in brushing up your skills. Linux web servers are used widely used due to their security, low cost, open-source, etc so it is important for web developers to learn Linux commands to work with it. You could see Linux servers everywhere from AWS Cloud, Google Cloud, etc. Also, it is important to learn about shell scripts which is the programming language used in Linux so before getting into that we should understand the Linux commands. So let’s get started.

You can read this post in our website
[Linux commands that you should know as a Web Developer](https://codewithmarish.com/post/linux-commands-that-you-should-know-as-a-web-developer)

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

[Code With Marish | Youtube](https://www.youtube.com/channel/UCkPYmdVz8aGRH6qCdKMRYpA)

Posted with ❤️ from somewhere on the Earth
Improve your loop and problem-solving skills by solving these patterns
Tags: webdev, algorithms, challenge, programming
Published: 2022-06-21 15:28:23

Hello friends, Today in the post we will test our looping(for loop) skills to solve some patterns. Pattern solving not only helps in improving our loop skills but also helps in improving our problem-solving skills as well. To get the best out of this post, go through the pattern once try solving it, if you can’t read the approach which I used to solve this pattern and you can refer code at last.

You can read this post at our website
[Improve your loop and problem-solving skills by solving these patterns](https://codewithmarish.com/post/improve-loop-and-problem-solving-skills)

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

[Code With Marish | Youtube](https://www.youtube.com/channel/UCkPYmdVz8aGRH6qCdKMRYpA)

Posted with ❤️ from somewhere on the Earth
Docker and .NET Blazor
Tags: beginners, how
Published: 2022-06-21 15:21:56

Good day!
I have been working on learning how to use Docker primarily with .NET. I have set up a project I will be working on and wanted to post the link since I have added the setup information in the README.md
Check out my [GitHub](https://github.com/abmdev86/blazor-server-docker)
Quick Summary on Big O Notation
Published: 2022-06-21 15:14:21

This blog gives a short summary on Big O Notation, specifically for technical interviews. 

## What is Big O Notation?
The "O" in Big O Notation (that's "O'" the letter, not a zero) comes from the German word "Ordnung" which means the order of approximation. Big O is used to estimate the performance of code based on its time and space complexity. It's a way to compare performance and runtime in the event inputs were to grow indefinitely - or, to the biggest number you can think of.


## Big O Results
The ideal solution will have the smallest, or less steep, Big O as possible. The most common Big O results are: 
- **Constant, O(1)** - operations, un-ordered data structures like object manipulation, variable assignments, inserting/deleting at the end of an ordered data structure
- **Linear, O(n)** - loops & iterations, anytime you need to search or step through an ordered data structured, inserting/deleting at beginning of an ordered data structure
- **Log, O(log n)** - recursion functions, searching algorithms
- **Quadratic, O(n^2)** - nested loops & iterations

## Calculating Big O
To calculate Big O, count the number of operations in your code snippet and count as many times as the code runs. This means that if you are looping (or iterating), the code would perform the operation _n_ amount of times. If you use a nested loop, this means the operation runs _n_ * _n_ number of times - so this would be quadratic O(n^2). If you add a number then multiply it by something, you are performing 2 mathematical operations and hence would be a constant O(2).

## Simplifying Big O
Big O should be simplified to its lowest form. For example, if your code has 5 mathematical operations and involves an 2 iterations, this can be simplified to O(5 + 2n) -> O(n). The idea behind this is that a huge number will still be a huge number if multiplied by 2 and added 5.

## A Trick to Reduce Big O with Arrays
When dealing with manipulating arrays, order matters. If you add (.unshift) or remove (.shift) to the beginning of an array, you are shifting every item in the array and hence every item needs to be re-indexed. This creates a linear Big O, O(n). Instead, add (.push) or remove (.pop) from the end of the array, so that the other indexes in the array remain unchanged. This gives a more ideal Big O: constant O(1).
3 Thoughts To Become A Better Dev & Person
Tags: career, watercooler, discuss
Published: 2022-06-21 15:10:13

I want to share some thoughts that helped me improve as a person and a developer. Be sure, I am nowhere near done with this, but here is my experience from two sides
- One side is my personal experience
- The other side is what I see in others

While working with other devs or helping people who want to become devs, I often hear self-destructive thoughts.

If this sounds like a euphemism, just think about having these thoughts for the next 20-30:
- I will never learn X
- This is too hard!
- I can't start now because Y

Guess where you will be.

## Adopt A Growth Mindset
Briefly, there are two types of mindsets: Fixed and Growth.
You can recognize them by the following characteristics:

### Fixed Mindset 
You believe someone is good at X because she was born extremely talented. 
- Lucky her. I won't ever be like her.
- I tried and failed. It means, I am not good at it, and I never will
- People criticize me

### Growth Mindset
You believe you can improve at anything through practice and effort. 
- I am not there yet, but I am working towards my objective.
- I tried and failed. It means that wasn't the right way. What could I change to succeed next time I try?
- People give me feedback

There are more, and here is a two minutes video about them:
{% embed https://www.youtube.com/watch?v=M1CHPnZfFmU&ab_channel=JohnSpencer %}

And if you are interested in this you can watch the TED talk [The power of believing that you can improve | Carol Dweck](https://www.youtube.com/watch?v=_X0mgOOSpLU&ab_channel=TED)

### Bottom Line 

**Strive to adopt a growth mindset in whichever area you want to improve**.



## Complaining Is Not An Option

Complaining and whining are just useless. Moreover, people who keep complaining become annoying pretty quickly.

However, life is not always sunshine and rainbows. So, what do we do?

Assess the situation as objectively as you can. Then, think about how you can improve it, or at least look at the bright side.

You don't like your job? Change it. You cannot because of XYZ?
What if you would get laid off tomorrow, would you find a solution?

### Bottom Line 

**What if complaining wasn't an option?** Whenever a complaint surfaces in your mind, shut it down and think about how you can improve the situation.

## Done Now > Perfect Tomorrow

If I need to work more on one of these three thoughts, this is it. 
I don't think I am a perfectionist, but you know, this article could be better. I just need to spend some more time on it.

I have this cool idea for an app, but first I need to learn ABC. Once I am there I can't release it because the style could be better. Actually, I should add that fancy feature because more people will like it.

Guess what? I will never release it.

### Bottom Line 

**Start small and start now**.

### Share 
Share any thoughts that helped you as a developer and a person. 
It will help everyone.
Simple tool to convert array to CSV
Tags: showdev, javascript, tooling, webdev
Published: 2022-06-21 15:02:40

**Array Builder v1.3.0**
1. Parse or transform an array
2. Quickly convert an array to a CSV.
3. Download the CSV content or directly copy the CSV content

![Array to CSV](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2475itmiy5x5tghwhaok.gif)

Visit [Array Builder](https://www.arraybuilder.com)

More about Array Builder in [this](https://dev.to/ml318097/a-new-way-to-constructdebug-arrays-46ch) post.
Estudos Secundários em Engenharia de Software, com Katia Felizardo (UTFPR)
Published: 2022-06-21 14:53:09

Conversamos com Katia Felizardo, professora na Universidade Tecnológica Federal do Paraná (UTFPR), Campus Cornélio.

## Spotify
{% spotify https://open.spotify.com/episode/3VcZlX9vTcJwitbXlxGrii?si=zJ05XXc-Te-cKIpMZi-2yQ %}

## YouTube 

Escute/assista no Youtube (você pode ativar as legendas automáticas) em 
{% youtube t1Jz-5D1eLU %}.

## Anchor

Links para todas as plataformas:

https://anchor.fm/fronteirases/episodes/Estudos-Secundrios-em-Engenharia-de-Software--com-Katia-Felizardo-UTFPR-e1k0fhg

## RSS do podcast

https://anchor.fm/s/248c0568/podcast/rss
Let's fix VS Code File Nesting
Published: 2022-06-21 14:50:11

VS Code has started supported file nesting, but it doesn't look nice when there are no folder icons.

In this example, index.ts, linkParams.ts, and shareLink.tsx are all at the same level under the shareLink folder. The test and style files are nested.

![Poorly nested files](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/imi4pcxh59f2tqgpxej4.png)

But it does not appear that the three main files are at the same level.

Go visit [this VS Code Feature Request](https://github.com/microsoft/vscode/issues/148974) and give it an upvote. Let's fix this!
Build Asynchronous Systems! The world is full of Asynchronous Workflows
Tags: architecture, eventdriven, api, distributedsystems
Published: 2022-06-21 14:42:33


The world is asynchronous. A lot of the workflows and business processes you encounter out in the world are long-running and driven by asynchronous systems. 

Yet as developers, we're still often writing procedural and synchronous code to model these business processes. I'm going to give one of my favorite examples of a going out to eat at a restaurant to illustrate this and how this can be applied in software.

{% embed https://www.youtube.com/watch?v=87fOMcRPDts %}
Day 1 : #100DaysOfSwift🚀
Tags: 100daysofcode, swift, reactnativedev, 100daysofswift
Published: 2022-06-21 14:42:19


Day 1 :

## Variables,Data Type,String interpolation,Type annotations

1. You make variable using var and constant using let.

```
var mark = 45
let highestMark = 100
```
We can chnage variable using..
```
 mark = 45
 highestMark = 100
```
We don't need var and let second time its already been created.
2. String start and end with double quotes.
 

```
 var name = “saurabh”
```
3. For the multiple line of string you should use three sets of double quotes.
  

```
 var fullName = “““
                   saurabh
                   chavan
                 ”””
```
4. Integers hold whole number. 
    

```
1, 2, -200
```
5. If you have large numbers, Swift lets you use underscores as thousands separators.

```
var population = 8_000_000
```
6.Double hold fractional number. 
   

```
var Price = 10.2
```
7. Booleans hold true or false
   

```
 var job = true
```
8. You can place any type of variable inside your string.all you have to do is write a backslask\ followed by your varibale name in parantheses
     

```
var score = 87
     var str = “Your score was \(score)”
```
9.Constant:
I already said that variables have that name because their values can change over time, and that is often useful. However, very often you want to set a value once and never change it, and so we have an alternative to the var keyword called let.

The let keyword creates constants, which are values that can be set once and never again. For example:

```
let taylor = "swift"
```
If you try to change that, Xcode will refuse to run your code

10. Swift uses type interface to assign each variable or constant a type.
Type annotations begin with a colon(:) and end with a type.
   

```
var name : String = “saurabh”
```
Please Hire me.
Tags: webdev
Published: 2022-06-21 14:30:14

Hello.
I am wei chen from Hong Kong.
I am a senior Full stack developer.
I am founding the job.
If you want hire me, Please send the email.
My email address : developerw707@gmail.com
My telegram address : developerw707
I will wait for you.
I am looking forward to working with you.
Elementos ou Classes Gramaticais no Desenvolvimento de Software
Tags: software, motivation, agile, dev
Published: 2022-06-21 14:24:02


Durante o levantamento de requisitos nos deparamos com muitas informações que no inicialmente são obscuras. Há requisitos que não conseguimos transformar num conhecimento necessário para a construção do software. 
Mas podemos observar que os requisitos de um software, são basicamente descritos no formato textual. Compreender o texto fornecido, pode resultar num melhor planejamento do software.

Os requisitos funcionais de um software, em todos os casos, são compostos pelos principais elementos gramaticais que podem ser extraídos e agrupados de acordo o contexto.

Elementos Gramaticais
Os elementos da gramática podem resultar em pequenas partes do software, tais como:
- Substantivos: Regras de negócio, classes, objectos, tabelas e atributos;
- Verbos no Infinitivo: operações do sistema, métodos  e  funções;
- Verbos no Indicativo: sequência de actividades de uma operação;
- Adjectivos: Valores de atributos;
- Frases interrogativas:  Métodos de Verificação e atributos de estado.

Observação: A boa interpretação destes elementos gramaticais, pode contribuir para a boa prática na escrita do código e na modelagem do sofware.

Exemplo: Extração de elementos gramaticais nos requisitos de um Sistema de Recrutamento e Selecção.



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iiqo7u1gf61rw80pi062.jpg)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yf1zun4zjobsoq6l0cbn.jpg)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rjjl643lpk5vph8owqne.jpg)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/axdw0wjlfw99dba4pc6g.jpg)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wbrkkrg17nspzw6p20m4.jpg)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/304o1rhl0185ou3k1eyv.jpg)


Para mais artigos: 
https://www.dev.to/ortizdavid
https://www.medium.com/@ortizaad1994
#100DaysOfSwift Journey
Tags: 100daysofcode, swift, swiftui, 100daysofswift
Published: 2022-06-21 14:19:33

Hey everyone, this is just a quick announcement that I have decided to take the #100DaysOfSwift Challenge where we will be coding and learning Swift for next 100 Days.

Refered : https://www.hackingwithswift.com/100

Will be posting about My Swift journey & learnings.
will connect on [Linkdin](https://in.linkedin.com/in/saurabhmchavan) or [Twitter](https://mobile.twitter.com/100rabhcsmc)
12 Design Inspiration Websites That Are 100% Free
Tags: ux, design, react, javascript
Published: 2022-06-21 14:13:19



1. Lapa .ninja
2. Xdguru .com
3. UiSpace .net
4. Uigarage .net
5. UIbundle .com
6. UiStore .design
7. Land-book .com
8. FreebiesUI .com
9. Screenlane .com
10. Sketchrepo .com
11. Landingfolio .com
12. Saaslandingpage .com

> Are you an Experienced Senior UI Engineer, then this is a great opppurtunity to look out for a 100% Remote Job, [for more details visit optim hire](https://optimhire.com/developers/jv/67210?ref_code=sojin-samuel)
Why & How I rebuilt my site with Astro 🚀
Tags: astro, webdev, portfolio, blog
Published: 2022-06-21 14:12:05

Site: [https://nikhilhenry.vercel.app/](https://nikhilhenry.vercel.app/)

# The Why
Yes, I must admit that I did fall into the typical developer-writer trap: building an overcomplicated site to seldom post content. Apart from the the other commitments that held me up, the site itself felt super dry. Write after building the previous iteration of this site, I got my feet wet with Vue 3 and the world of typescript. Needless to say, I was blown away with the composition API and the type-safety which I always desired from javascript. To further fortify my inclination, tailwind was added to the mix. I now no longer write css any other way! Besides the new flashy technology which made my site redundant, I wasn't too proud of the bundle size of the nuxt powered site and poor performance of sever-side rendering all the content. With this pretext in mind, I was clear with what I wanted: Typescript, Tailwind and **blazingly fast** load times. 

# The How
What really kicked of the new hype-train was my introduction to [Astro](https://astro.build) from [Theo](https://t3.gg). The concept of partial hydration instantly blew my away and its **blazingly fast** performance left me in awe. tl;dr on Astro: it's component syntax is super intuitive and its rich integration ecosystem makes it super easy to pick up. *A more in-depth article on Astro is in the works. There's just so much to unpack here 🤯!*

For styling, I went all out with [Tailwind CSS](https://tailwindcss.com). This has been the most convenient experience I've had with styling and it comes built-in with an [official Astro plugin](https://github.com/withastro/astro/tree/main/packages/integrations/tailwind). Tailwind also provides an elegantly styled of classes for markdown content, which is why the typography for this article 10x better than the previous iteration. 

What makes this combo truly incredible is the dark mode toggle, powered by Astro and Tailwind. This was where I tried out Astro's stellar feature of [partial hydration](https://docs.astro.build/en/core-concepts/partial-hydration/). The only JS on this site comes from a tiny [Svelte component](https://svelte.dev) which dynamically appends a *'dark'* class to the entire site instantly. From here, tailwind handles the rest and voila we have dark mode!


# Thoughts

The entire migration process took around 2 weeks with a few breaks sprinkled in for fun. Would I say its worth it? **Absolutely !** I'm way too proud of the [lighthouse score](/assets/blog/lighthouse.png) and couldn't be happier to tick off all the items on my checklist. More importantly, we also got into the [512kb Club](https://512kb.club)! Building with Astro has been an absolute breeze and more than excited to build with this stack again. The only minor concern I have is that Astro is still in beta pending its final integration API so hopefully I won't have to write another version of this post if no breaking changes occur 🤞.

Thanks for stopping by 🙂

-Nikhil
Flutter Animate Widget Collections
Tags: flutter, dart, beginners, programming
Published: 2022-06-21 14:08:29

There's no reason why your apps should look flat and unanimated.
Add some motion with the least effort with the flutter animated widgets collection. It's so easy to implement.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3hahmeg6pdb7xwob2dh4.jpg)
Engineering managers - what do you like about your job?
Tags: anonymous, discuss, career
Published: 2022-06-21 14:07:34

_This is an anonymous post sent in by a member who does not want their name disclosed. Please be thoughtful with your responses, as these are usually tough posts to write. Email sloan@dev.to if you'd like to leave an anonymous comment or if you want to ask your own anonymous question._ 

***


I'm just curious to hear from other Eng managers about their experiences - specifically the positive ones. I find it's often too easy to focus on the negative aspects of jobs, and I could do with a little pick me up! Please tell me any positive thoughts about being an Engineering Manager!
Mein Zeit Akademie Review
Tags: lms, elearning
Published: 2022-06-21 13:55:08

Ich habe mir die [Zeit Akademie](https://kursprofi.com/review/zeit-akademie/) näher angeschaut.

Freue dich auf über 60 interaktive Online-Kurse mit den besten Experten ihres Fachs. Inklusive Webinaren, Booklets und Quiz.

Starte kostenlos mit ausgewählten Kapiteln der Onlinekurse.
How To Handle Cypress Async Commands? Smart Hacks | Cypress Tutorial | Part IV
Tags: javascript, tutorial, beginners, cypress
Published: 2022-06-21 13:40:30

Learn Cypress asynchronous nature and its Promise handling. This video explains Cypress commands and their asynchronous nature. [Try LambdaTest now](https://accounts.lambdatest.com/register?utm_source=devto&utm_medium=organic&utm_campaign=jun21_sb&utm_term=sb&utm_content=tutorial_video)


Know more on LambdaTest Cypress Testing-: https://bit.ly/3Cba3tu


This video showcases how the Cypress wrapper feature ensures test execution of its commands happens in the sequence therefore these commands are executed all at once; however, they are queued. The JavaScript command, when it works with a Cypress command, remains asynchronous.

You will also learn 🎫 -: 

🔹 Is Cypress synchronous or asynchronous?
🔹 Why is Cypress asynchronous?
🔹 What is the nature of asynchronous in Cypress?
🔹 How do Cypress handle asynchronous calls?
How to install Cypress Plugin | Set Environment Variables | Cypress Tutorial | Part III
Tags: javascript, programming, tutorial, cypress
Published: 2022-06-21 13:37:51

Learn how to install a Cypress Plugin and set up environment variables. [Try LambdaTest now](https://accounts.lambdatest.com/register?utm_source=devto&utm_medium=organic&utm_campaign=jun21_sb&utm_term=sb&utm_content=tutorial_video)


Know more on LambdaTest Cypress Testing -: https://bit.ly/3Cba3tu

This video is a part of our Cypress Testing Tutorial series.  In this video, Chris DeSilva (@desilvadev) explains how to install and use your first Cypress plugin - Cypress Testing library that allows you to use ‘’FIND ALL’’ and ‘’FIND BY’’ commands supported by the Cypress test automation framework. The video also walks you through the benefits of the React Testing library along with demonstrating the use of JSON files for creating and setting environment variables. 🪐

By the end of this video, you will learn 🎫 -: 
🔹 What is Cypress Automation Tool?
🔹 What are Cypress plugins?
🔹 How to use Cypress JSON file?
🔹 How do I install Cypress plugin?
🔹 What is Cypress Testing Library?
🔹 How to use “FIND BY” and “FIND ALL” Cypress commands?
Paracetamol.js💊| #149: Explica este código JavaScript
Tags: javascript, webdev, spanish, programming
Published: 2022-06-21 13:36:23

## **<center>Explica el siguiente código JavaScript</center>**
#### <center>**Dificultad:** <mark>Básico</mark></center>

```js
const [primero, segundo, ...resto] = [1, 2, 3, 4, 5, 6]
console.log(resto);
```

A. `[ 3, 4, 5, 6 ]`
B. `3, 4, 5, 6`
C. `1, 2`
D. `[1, 2]`

Respuesta en el primer comentario.

---