teleren/devto huggingface dataset:
Laravel 8 From Scratch Tutorial
Published: 2021-01-15 18:53:27

Hello, hire in this tutorial I am going to explain the basics of laravel 8. You are going to learn the laravel routes, create and edit data from the database. Store data to the database and delete it from database. Install Laravel Breeze for authentication. Style pages and forms with laravel. 
### Youtube Channel Code With Tony <a href="">https://www.youtube.com/channel/UCmf2ctDSkDTtrZT2xg1LmRA</a>
When to stop code refactoring
Tags: coderefactoring
Published: 2021-01-17 13:32:56


- Taking too much time to refactor, which is blocking other dependent applications and priority tasks.
- For developers CR is like a drug, a developer can refactor can keep on refactoring a complex codebase for ages. If CR is limited to no ROI (Return On Investment) the activity needs to be stopped.
- Refactoring is not same as redesigning the code. It is easier to start the coding from scratch than to refactor your somebody else's or your own code. This needs to be learned before CR starts.
Some of the most popular Software Development Life Cycle (SDLC) models.
Tags: testing, beginners, tutorial, devops
Published: 2021-01-18 12:00:15

*Waterfall Model*:
The waterfall model is a sequential model that divides software development into pre-defined phases. Each phase must be completed before the next phase can begin with no overlap between the phases. 
Those phases are **Communication, Planning, Modeling, Construction, Deployment**. The waterfall model is used when all the requirement is clear.

*Agile Model*:
The Agile SDLC model is a **mix of iterative and incremental process models** focused on process adaptability and customer satisfaction through the rapid delivery of the product with working software. Usually, each iteration lasts from about one to four weeks. 
Some of those models are **Scrum, Dynamic Systems Development Method (DSDM), Crystal Methods, Feature-Driven Development (FDD), Lean Development (LD), Extreme Programming (XP), Adaptive Software Development (ASD)**.

*Prototyping Model*:
The prototyping model is a software development model in which a prototype is built, tested, and reworked until an acceptable prototype is achieved. **It used when requirements are not clear**.
![Some of the most popular Software Development Life Cycle (SDLC) models](https://dev-to-uploads.s3.amazonaws.com/i/uh9rhh2k628qsfdp3xo8.png)
 
*Spiral Model*:
The process is portrayed as a spiral rather than a series of backtracking activities. In the phase, **each loop in the spiral represents a stage**. No set stages, such as design or specification.

Incremental Model:
Incremental Model is a process of software development where **requirements divided into multiple standalone modules** of the software development cycle.

*V-Model*:
The phase is arranged in **parallel with this type of SDLC model testing and development**. There are therefore verification steps on the side of SDLC and on the other side of the validation process. The V-Model is joined by the coding phase.
Basic.css - Classless CSS Starter File
Tags: css, webdev, github
Published: 2021-01-18 15:01:15

Basic.css gives you basic CSS formatting and ability to make basic grids with only HTML5 syntax. You can use this project to Set your default styling.

### List of features

*   Lightweight 1kb minified and gzipped.
*   Basic typography.
*   Basic forms.
*   Custom colors.
*   Dark theme.
*   Round corners.
*   Flex Grid without classes.
*   Flex Grid cards.

Demo: https://vladocar.github.io/Basic.css/

##### You can change root css variables with your color palette:

```css
:root {
  --c1:#0074d9;
  --c2:#eee;
  --c3:#fff;
  --c4:#000;
  --c5:#fff;
}
```

##### Or adjust the round corners

By default are 8px, use --rc: 0px; if you don't like round corners.

```css
:root {
  --rc: 8px;
}
```

##### Override the colors in the dark mode:

```css
@media (prefers-color-scheme: dark) {
	:root {
	  --c2:#333;
	  --c3:#1e1f20;
	  --c4:#fff;
	}
}
```

##### How you can use the infinity flex grid?

Use the HTML5 tags section and nested section to make flex grid.

```html
<section>
	<section> 1 </section>
	<section> 2 </section>
	<section> 3 </section>
</section>
<section>
	<section> 1 </section>
	<section> 2 </section>
	<section> 3 </section>
	<section> 4 </section>
</section>
```
Demo: https://vladocar.github.io/Basic.css/grid.html

Use the HTML5 tags selection and article to make cards.

```html
<section>
    <article> 1 </article>
    <article> 2 </article>
    <article> 3 </article>
</section>
```
Demo: https://vladocar.github.io/Basic.css/cards.html

#### How to use this project?

Simply download and personalize the **basic.css** file.

Or

```sh
npm i @vladocar/basic.css
```

#### Why should you use this project?

Instead of using CSS Reset you could just Set the basic css formatting and styling. You could even make some grids with the HTML5 tags. Naturally if you want to build something more complex you should use CSS classes and this project works great in combination with other CSS frameworks.

Github: https://github.com/vladocar/Basic.css
The Guard Statement: Guard clause ou Early return.
Tags: algorithms, beginners, computerscience, writing
Published: 2021-01-18 20:46:06

Estruturas condicionais são sem duvida um dos assuntos mais importantes no âmbito computacional, indiferentemente do nível ou paradigma empregado. Apesar de possuir uma grande responsabilidade no desenvolvimento de aplicações, a utilização de profusas estruturas condicionais pode  comprometer a legibilidade do código e aumentar a carga cognitiva do desenvolvedor responsável.  
<br> 

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

<center><i>"Decisões são importantes."</i></center>
<br>

> <b>O que é Guard Clause?</b> 🤔

Guard clause ou Early return são termos utilizados ao arquitetarmos uma estrutura sequencial de código condicional, normalmente reconhecido como pré condição.

Comumente podemos construir Guard clauses respeitando 3 padrões:

- Processa os parâmetros e retorna caso algum deles não respeite nossa regra de negócio;

- Verifica o estado de um objeto e retorna um valor, sujeitado-se ao estado passado;

- Elimina casos triviais.  

<center>Esses padrões são baseados na filosofia de "<b>Handle errors in the same place where you detected them(Trate os erros no mesmo local onde os detectou).</b>"</center>
<br>

> <b>Como desenvolver um Guard Clause? 🧑🏻‍💻 </b>


Imagine um cenário em que estamos construindo uma batalha medieval e nosso guerreiro precisar lutar, porem para lutar nosso guerreiro precisa de determinados requisitos.

```
const getWarriorStatus = ({status}) => {
  let responseWarrior;
  if (status.stamina < 10){
    responseWarrior = isExhausted();
  }
  else {
    if (!status.equipped){
      responseWarrior = equip();
    }
    else {
      if (!status.blessed){
        responseWarrior = toBless();
      }
      else{
        responseWarrior = battle();
      }
    }
  }
  return responseWarrior;
}
```

Olhando o código assim podemos concluir que o mesmo não se torna escalável caso o guerreiro comece a conquistar novo atributos.

```
const getWarriorStatus = ({status}) => {
  if (status.stamina < 10){
    return isExhausted();
  }
  if (!status.equipped){
    return equip();
  }
  if (!status.blessed){
    return toBless();
  }
  return battle();
}
```

Aplicando os conceitos de <b>Guard Clause</b> conseguimos transformar o código outrora obsoleto em um produto agradável e escalável.

<b>Obrigado por me deixar fazer parte do seu tempo! 🥰</b>

<hr>

<b>Referências: </b>
 - https://wiki.c2.com/?GuardClause
 - http://www.eastof8thstreet.com/art-of-mouse-guard (art)
<br>

<hr>

<a style="float: left;" href="https://github.com/devneto">![image](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)</a>

<a style="float: left;" href="https://www.instagram.com/dev.neto">![image](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)</a>

<a style="float: left;" href="https://twitter.com/https_rabbit">![image](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)</a>
VSCode HTML Tags Shortcuts
Tags: vscode, html, codenewbie
Published: 2021-01-20 07:56:59

Howdy! 

If you're here, it's one of the following reasons:

1.) You have no idea what VSCode is and would like to know  
 
2.) You are considering using it but wanted to learn a bit more before you dive in. 

3.) You like me, use VSCode  as your code editor and need to learn some shortcuts.

If you identify with the first option, VSCode, which stands for Visual Studio Code is a free-source editor for coding. It helps you to write programs in a variety of languages and it has helpful features like pointing out syntax errors by line numbers, auto completion of code snippets and even add-on extensions that allow theme customization (hey night-mode 😏) and tons of other cool features. 

If you have been considering it but wanted to know what sets it apart from the others you've heard about, here's a few points to consider: 

- Visual Studio Code is FREE

- VSCode was created by Microsoft, so it's trustworthy as well as compatible on Windows, MacOS and Linux.

- It has a built-in terminal as well as built-in Git support

- It's good at handling larger projects.

In addition to the main points outlined there's a lot more that you can do with VSCode to help make coding easier and more productive. 

One of these features is Emmet. This is a built-in extension that allows you to skip the step of manually typing out HTML tags. By using keyboard shortcuts, the tags are automatically created. Some of the most useful shortcuts are:

```javascript
.class
//<div class="class"></div>
```
```javascript
.title
//<div class="title"></div>
```

```javascript
a{Click me}
//<a href="">Click me</a>
```

```javascript
link:css
//<link rel="stylesheet" href="style.css" />
```

```javascript
ul>li*5 //replace 5 with the amount of items in your list
/*
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul> */

```

```javascript
p[title="Hello world"]
// <p title="Hello world"></p>
```

```javascript
script:src
// <script src=""></script>
```

```javascript
#header
// <div id="header"></div>
```

```javascript
img
//<img src="" alt="" />
```

```javascript
div+p+bq
/*
<div></div>
<p></p>
<blockquote></blockquote>
*/
```

```javascript
!
/*
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>
    
</body>
</html>
*/
```

These are just a few of the plethora of shortcuts that are possible when creating an HTML file in VSCode, however, I find myself using these mostly since most HTML files use these tags. To find more of the shortcuts there's a document on the official VSCode website that you can browse through.

Comment below if you know any more shortcuts that you think are helpful in VSCode while coding in HTML.
123B
Published: 2024-07-12 09:26:19

123B Thuong hieu giai tri theo chuan gambling 2024 1123B INFO mang den cac tro choi the thao, da ga, tai xiu, no hu, ban ca voi ngan uu dai hap dan 
Dia chi: 16 Ly Thai ToThac Gian Q Thanh Khe Da Nang
Website: https://1123b.info/
Hotline: 09628710108
Gmail: 1123b info@gmail com
socials;

https://www.youtube.com/@1123binfo/about

https://twitter.com/1123binfo

https://500px.com/p/1123binfo?view=photos

https://www.facebook.com/1123binfo/

https://www.liveinternet.ru/users/binfo1123/profile

https://www.tiktok.com/@1123binfo

https://www.reddit.com/user/1123binfo/

https://1123binfo.livejournal.com/424.html

https://ok.ru/profile/592848613321/statuses/156530576838857

https://diigo.com/0w6t7h

https://sites.google.com/view/1123binfo

https://medium.com/@1123b.info/about

https://www.tumblr.com/1123binfo

https://www.deviantart.com/1123binfo

https://www.twitch.tv/1123binfo/about

https://www.behance.net/1123binfo

https://www.slideshare.net/1123binfo

https://vimeo.com/1123binfo

https://www.mixcloud.com/1123binfo/

https://linktr.ee/1123binfo

https://dribbble.com/1123bInfo/about

https://issuu.com/1123binfo

https://note.com/1123binfo

https://hub.docker.com/u/1123binfo

https://flipboard.com/@1123bInfo

https://qiita.com/1123binfo

https://www.blogger.com/profile/15234594639558235465

https://1123bs-stunning-site.webflow.io/

https://www.kickstarter.com/profile/761666694/about

https://www.scoop.it/u/1123b-info-gmail-com

https://1123binfo4.wordpress.com/2024/05/24/1123binfo/

https://www.plurk.com/binfo1123

https://peatix.com/user/22344911/view

https://binfo1123.livejournal.com/

https://www.reverbnation.com/artist/1123binfo

https://www.liveinternet.ru/users/binfo1123/profile

https://linktr.ee/1123binfo

https://musescore.com/user/82575847

https://www.giantbomb.com/profile/binfo/

https://www.beatstars.com/1123binfo/about

https://sketchfab.com/1123binfo

https://gab.com/1123binfo

https://muckrack.com/1123binfo-1123binfo/bio

https://coub.com/e77505fb2e7dd793a5c5

https://wellfound.com/u/1123bi-nfo

https://www.instagram.com/1123binfo/

https://www.goodreads.com/user/show/178519514-1123binfo-1123binfo

https://letterboxd.com/1123binfo/

https://about.me/info1123b

https://hearthis.at/1123binfo/set/1123binfo/

https://binfo.contently.com/

https://www.pixnet.net/pcard/620756650815d412d9

https://soundcloud.com/1123binfo

https://www.last.fm/user/binfobinfo
When all else fails, Ask for help.
Published: 2022-08-31 17:37:06

The other night I was updating content for a site. I made and deployed some changes. Then decided to check and see if they updated to the live site.

When I entered the site in the address bar, Firefox gave a HTTPS warning. I knew the site had a certificate, so tried again the same warning.

So now I have to go to the admin panel and it says the certificate has expired. It should have auto renewed. So I tried to renew manually but that option is not there. This doesn't make sense and it's late at night. I decided to look at it again in the morning.

Next morning I checked again. No option to renew. I have the DNS and hosting set up but still no way to renew the certificate. I check email for any missed messages. They are none there. There are successful auto renewal notices for other sites, but not this one. Not even a notice it was about to expire.

I check online support docs. I've done everything on their docs lists so I should have the option to renew. I just don't.
So I sent in a ticket, with a brief description of the problem and my attempts to solve it.

Shortly later replied. "Your site meets the requirements so I manually re-issued a cert." They even sent a link to their test results. All green check marks.

They ask that I verify it worked on my end. It did, so I sent them a thank you note.
 
Still don't know why it didn't auto update, like it usually does, but it is fixed.

If something doesn't work, it's OK to ask for help. When you do need help, tell them your problem and the steps you took to try to solve it. Don't go straight to them with only your problem.
Sometimes I've solved stuff just by trying to explain it to someone. In explaining something, sometimes a new solution can present itself. By talking about it you have to adjust your thought process and can see the problem from a different angle.

When someone solves a problem, thank them. Also, let them know the problem has been resolved so they can close their ticket.
Cool way of sharing your Linux terminal session with named pipe/FIFO
Tags: linux, ubuntu, devops
Published: 2021-01-22 08:15:40

# Introduction

In Linux and other Unix systems, a **pipe** is a way of redirecting the output of one command or a process to another. This is also known as an unnamed pipe. For example, you could combine the following two commands:

```bash
ls -lah | grep some_string
```

With the above command, you would forward the output of the `ls -lah` command to a `grep` command, which will search for `some_string`.

A named pipe on the other side is an extension of the traditional pipe concept. Names pipes are also known as FIFO, which stands for **First In, First Out**. The named pipes are actually files on the file system itself.

You can tell if a file is a named pipe by the `p` bit in the file permissions section.

```jsx
prw-r--r-- 1 root root 0 Jul  4 19:17 file_name
```

Or you could use the `file` command to check the type of the file:

```
file file_name
file_name: fifo (named pipe)
```

In this tutorial, I'll show you how you could use named pipes to share your screen, without using any software like Zoom or Google Hangouts, with one of your students or co-workers!

# Prerequisites

You and the person that you want to share your screen with would need to have access to the same Linux machine via SSH for example.

You could use a DigitalOcean Droplet to achieve that. 

You can use my referral link to get a free $100 credit that you could use to deploy your virtual machines and test the guide yourself on a few DigitalOcean servers:

[DigitalOcean $100 Free Credit](https://m.do.co/c/2a9bba940f39)

# Creating a named pipe (FIFOs)

Let's first start by creating a named pipe on your Linux machine.

You can create named pipes (FIFOs) by using the `mkfifo` command. 

The syntax that you would need to use is:

```
mkfifo file_name
```

After that if you run `ls -l` you will see the following output:

```bash
prw-r--r-- 1 root root 0 Jul  4 19:17 file_name
```

# Start sharing your terminal session

In order to achieve the sharing effect we will use the `script` command. 

The `script` command is tool that let's you records your terminal session. 
Once you have your named pipe ready, all you need to do is run the following `script` command:

```
script -f file_name
```

After that, without closing your current session, open a second terminal session, or ask the person that you would like to share your terminal session with, to just use the `cat` command followed by your FIFO:

```
cat file_file
```

Once you have that ready, whatever you run on your main screen will be outputted on the second screen in real-time!

Here is a quick video example:

{% youtube 4YK9Qb3PVS0 %}

# Conclusion

This is a cool way of using named pipes to share your terminal session with a colleague that you are working with or with a student without having to deal with the video delays of conference apps!

Hope that this helps you and you get to have some fun with it!
Markdown Cheat Sheet part-2
Tags: beginners, markdown, github, showdev
Published: 2021-01-22 17:38:56

# Links 
There are different ways to create links in Markdown.
```
[This is inline-style link](https://github.com/Garima-sharma814)
[This is referenced link][I am referred here] 
[You can also use numbers in referenced link][1]
Can be empty as well [link itself]

I'm Referenced here !
- [I am referred here]: https://github.com/Garima-sharma814
- [1]: https://github.com/Garima-sharma814
- [link itself]: https://github.com/Garima-sharma814
```
> Make sure you don't use '-' or any symbol in referenced links I used it to make it visible 

[This is inline-style link](https://github.com/Garima-sharma814)
[This is referenced link][I am referred here] 
[You can also use numbers in referenced link][1]
Can be empty as well [link itself]
I'm Referenced here !
[I am referred here]: https://github.com/Garima-sharma814
[1]: https://github.com/Garima-sharma814
[link itself]: https://github.com/Garima-sharma814

# Line breaks 
### How to add line breaks ?
```
Three or more 
- hyphens 

---

- Asterisks

*** 

- Underscores
___
```
Three or more 

- hyphens 

---

- Asterisks

*** 

- Underscores

___
How to Detect Browser in PHP
Tags: php, browser
Published: 2021-01-22 20:22:17

We will to write a function in PHP using $_SERVER['HTTP_USER_AGENT'] to detect the browser an d SO of the client

```javascript
function detect() {
		$browser=array("SAFARI","CHROME","IE","EDGE","OPR","MOZILLA","NETSCAPE","FIREFOX");
	 
		# default values for browser an SO
		$info['browser'] = "OTHER";
		$info['os'] = "OTHER";
	 
		# search browser and SO
		foreach($browser as $parent)
		{
			$s = strpos(strtoupper($_SERVER['HTTP_USER_AGENT']), $parent);
			$f = $s + strlen($parent);
			
			$version = substr($_SERVER['HTTP_USER_AGENT'], $f, 15);
			$version = preg_replace('/[^0-9,.]/','',$version);
			if ($s)
			{
				$info['browser'] = $parent;
				$info['version'] = $version;
			}
		}
		return $info;
	}
```

My wish is that you find usefull this function , and can be used in your programs to detect Browser and SO and show diferent pages , depending of your needs
Uptime of macOS system via terminal
Tags: systems, help, security
Published: 2021-11-13 20:10:48



You are logged into your system. In this case, it's macOS. You are facing just a simple question. Are you the only one who is logged in? I would like to give you an answer to this simple question with a bit of explanation. Here in upcoming lines, there will be a bit of theory background behind it.


##Your System Uptime
In case your system is healthy (understand as an official system with applied updates), you are the only physical user logged in. You can check this logged in information with a simple command you will enter into the terminal. But there is a trick in that, will explain in next lines hereunder. Open your <code>Terminal.app</code> you'll find out in <code>Finder</code> in the section <code>Applications</code> and <code>Utilities</code>. For more informations check official [Terminal User Guide](https://support.apple.com/guide/terminal/welcome/mac).

By entering <code>uptime</code> command you'll be informed in one line output about the current time, number of days your system is up, number of logged-in users etc.

```
uptime
```

If you'll enter this very same command into the terminal in capital form as <code>UPTIME</code>, you'll receive a more readable summary of the logged-in sessions by the user.

```
UPTIME
```

The same output can be given by entering <code>w</code> command into the terminal.

```
w
```

##Minimum of logged-in users

Do remember you will always have a minimum of 2 logged-in users. By default when you open another terminal session it will be counted as another active user logged in. In other words, if you open four-terminal sessions, you will see 4 users logged in +1 as the default logged-in user I have written about.