teleren/devto huggingface dataset:
Laravel filesystems storage path
Tags: laravel, storatge
Published: 2022-03-09 14:20:44

I personally stuck on the point where I created projects and forgot to change the path from storage to public. Actually, I wanted to store the file(images) in the image folder that was created in the root.

This is what we see in the filesystems.php file

```
'disks' => [

        'local' => [
            'driver' => 'local',
            'root' => storage_path('app'),
        ],

        'public' => [
            'driver' => 'local',
            'root' => storage_path('img'),
            'url' => env('APP_URL').'/img',
            'visibility' => 'public',
        ],

        's3' => [
            'driver' => 's3',
            'key' => env('AWS_ACCESS_KEY_ID'),
            'secret' => env('AWS_SECRET_ACCESS_KEY'),
            'region' => env('AWS_DEFAULT_REGION'),
            'bucket' => env('AWS_BUCKET'),
            'url' => env('AWS_URL'),
        ],

    ],
```

Making your own way to stare the images. You can change the path by ...

```
'public' => [
            'driver' => 'local',
            'root' => storage_path('img'),
            'url' => env('APP_URL').'/img',
            'visibility' => 'public',
        ],
```
In the 'root' => storage_path('img), You can change it like these
```
base_path();    // '/var/www/mysite'
app_path();     // '/var/www/mysite/app'
storage_path(); // '/var/www/mysite/storage'
```

This post is just a help and it is available on StackOver: https://stackoverflow.com/questions/14631436/laravel-base-path
Create a free and elegant code screenshot
Tags: productivity, tools, code, design
Published: 2022-03-09 14:16:27

---
title: Create a free and elegant code screenshot
published: true
description: Share your code screenshot beautifully with your community with kod.so. 
tags:
- Productivity
- Tools
- Code
- Design
cover_image: https://www.maliksvd.dev/images/kod.png
---

[kod.so](https://kod.so/?ref=maliksvd "Go to kod.so") is a free online snippet screenshot generator where you can create screenshots of your code snippets.

Transform your code by choosing from a range of syntax colors, hide or show the background, and many other customizations.

![Kod.so example screenshot](https://www.maliksvd.dev/images/kod.png)

## **Features available**

* 30 background image
* 27 theme highlight
* 7 font name
* Font size
* Line Height
* Show line toggle
* Blur line parameter
* Tab size
* And +8 more feature

However, if you want to share code to your community do not forget to propose a link to copy it directly because unfortunately it is not possible to copy the code via the image natively and it is a problem of accessibility. as Savvas Stephanides indicates on his article that I advise you on [dev.to](https://dev.to/savvasstephnds/the-problem-with-code-screenshots-and-how-to-fix-it-2ka0. "Go to Savvas Stephanides post")

Finally, Kod is a nice and easy way to create nice screenshots of clips quickly.

Originally posted on [maliksvd.dev](https://maliksvd.dev).
Method and Attribute in OOP
Tags: beginners, programming, methods, attributes
Published: 2022-03-09 14:07:42

## Method : 

A method is the equivalent of a function in object-oriented programming. A noun is to a verb what a variable is to a method — the methods are the actions that perform operations on a variable. A method accepts parameters as arguments, manipulates these, and then produces an output when the method is called on an object. Methods are similar to functions, but methods are also classified according to their purpose in the class design. In classes, variables are called attributes, so methods often operate on attributes.

```
public class Main {
  static void myMethod() { //myMethod() is the name of the method
    // code to be executed
  }
}
```

## Calling Method :

```
public class Main {
  static void myMethod() {
    System.out.println("From Method");
  }

  public static void main(String[] args) {
    myMethod();
  }
}

// Outputs "From Method"
```


## Attribute :

Attributes are data members inside a class or an object that represent the different features of the class. They can also be referred to as characteristics of the class that can be accessed from other objects or differentiate a class from other classes.

```
public class Main {
  int x = 1;
  int y = 2; 
  // Create a class called "Main" with two attributes: x and y
}
```
My brand new GitHub Profile - Did you💖it?
Tags: showdev, discuss, git, github
Published: 2022-03-09 14:03:33

Hey dev👋🏻👋🏻,

Hope you are doing well. Days of old I planned to customize my GitHub profile. 

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

Before that, started to explore on 
- **Markdown** 
- **GitHub actions**
- **Third-party services**

While the learning journey, Sometimes feel scary😨. But, It's not much complicated as I think. The course **[
How to customise your GitHub Profile](https://www.eddiejaoude.io/)** really helped in this journey.

You seems curious to see my brand new GitHub portfolio. So, Don't want to waste your time.

## Click to see [my brand new GitHub portfolio✨](https://github.com/Preethi-Dev)

> *Hey Dev, Don't forgot to share your 💖 and thoughts as regard of my GitHub portfolio✨ which really aid me lot*

By 
[Preethi](https://twitter.com/Preethi39195942)
The Future...
Published: 2022-03-09 13:59:55

As you all can see, a lot of things have changed. I've moved away from the software engineering world and more into the large-scale automation world. This doesn't necessarily mean that I'm not a programmer though, and ill get to that.

At the beginning of 2017, I started programming as a hobby, I had done it before but small things, in 2017 things got real. I started with some discord bots that gained *some* traction but not as much as I had wanted. But then moved to the web, as I saw it as the future of what I wanted to build. Now, 5 years later, I've moved away from software engineering for the web and started playing with python for automation. Specifically, I've started learning Ansible and experimenting with some alternatives. My lean towards engineering software has started to dwindle, and my lean towards making large clusters of machines run together seamlessly has started to increase.

So what can you expect to see in the future? You can expect to see a lot about automation. As my homelab grows and I add more servers and more Virtual Machines, my need for large-scale control and automation increases. But I will also be covering other topics like Linux, Windows Server, Cisco Networking, and Cybersecurity. So if you like any of that stuff, stick around! But that's about all I have for right now, I look forward to seeing you in my future blog posts comment section, and thanks for being with me for a whole year now.
Web Sockets : The Handshake Technology
Tags: webdev
Published: 2022-03-09 13:47:33

We all have used Instagram or WhatsApp to have a healthy chat with our friends. Being a developer, I always wondered how this happens so fast without reloading. The answer is Web Sockets.

## Web Sockets vs HTTP
Why Web Sockets you might ask? Well what happens in HTTP is that a connection is established and once the request result process is completed, the connection is terminated.
So if we use this process for real time messaging, it would take some time to create new connections, thus making our chatting process slower. No one would like that, right?

This is where Web Sockets come in. The major difference is that the connection once established, is not destroyed until there is no more need for it. 

### Pipelines in Web Sockets
This might feel like one of those tech terminologies which scare us. But in simpler terms, pipelines in tech are same as real life pipelines. A connection through which things can be passed in any direction easily. 
This is how Web Sockets work, through pipelines.


![How web sockets work](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j7rzkaxcy9syusdtbpdb.png)
 
There are many libraries that help with the implementation of Web Sockets like Socket.io
Apresentação
Tags: python, datascience, beginners, programming
Published: 2022-03-09 13:43:15

# Sobre mim

Meu nome é Rodrigo Cândido, nasci em Salvador/BA e sou engenheiro, além de um apaixonado por tecnologia e programação.

Atualmente estou estudando [Ciência de Dados](https://pt.wikipedia.org/wiki/Ci%C3%AAncia_de_dados). Dentro do estudo da Ciência de Dados, estou me aprofundando na linguagem de programação Python, bem como nas seguintes bibliotecas:

- [NumPy](https://numpy.org/)
- [Pandas](https://pandas.pydata.org/)
- [Matplotlib](https://matplotlib.org/)
- [Seaborn](https://seaborn.pydata.org/)

Através de projetos paralelos, eu procuro colocar em prática o que tenho aprendido em diversos cursos. Li em algum lugar que escrever sobre o que está estudando é uma boa forma de fixar um conteúdo. Assim, decidi criar esse blog para documentar o meu aprendizado e também ajudar outros desenvolvedores.

# Contato

Fique a vontade para entrar em contato comigo através de qualquer uma das minhas redes sociais:

- [GitHub](https://github.com/rodrigocan)
- [Twitter](https://twitter.com/rncandido)
- [LinkedIn](https://www.linkedin.com/in/manoel-rodrigo-candido-981a9128/)
Spotify NowPlaying In HTML
Tags: html, spotify, github
Published: 2022-03-09 13:38:35

So if you havent already read the last blog <a href="https://dev.to/unofficialdxnny/spotify-listening-to-in-github-readmemd-3867">How to get Spotify NowPlaying In README.md</a> 
because you will need that...

<img src="https://spotify-github-profile.vercel.app/api/view.svg?uid=ahmeddanial&cover_image=true&theme=novatorem&show_offline=true&background_color=121212&bar_color=f2aa4c&bar_color_cover=false?rand=">




Once you have got something like the above image than it is very simple 

- right click 
- press inspect
- go to the html element that highlights the whole element
- right click that
- edit with html
- ctrl + a
- ctrl + c
That is it all you need to do now is past it into your html site

checkout our example over at <a href="https://unofficialdxnny.netlify.app">OUR WEBSITE</a>
Odoo: Customizing the values when timesheeting 
Tags: odoo, widget, tips, camptocamp
Published: 2022-03-09 12:58:32

Your company uses Odoo >= v14 to manage timesheet and has a default setting to timesheet in Days?
![Timesheet config settings](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nu0l5k5u1anuknqhff7q.png)

By default, the only values you can select are:
* 0.0
* 0.5
* 1.0


![TS range selectable](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hdbvk05p1vpafr1oi1le.gif)


Fortunately, the widget supports customization!

In the view definition, you can add an option to define a new range usable for the widget for this view. With the following code, you will be able to select any tenth of a day:

```code=xml
options="{'range':[0.0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0]}"
```

Demonstration:

In the tree view of the timesheets, change the definition of the field `unit_amount` by:

```code=xml
<field name="unit_amount"
    optional="show" 
    widget="timesheet_uom" 
    sum="Total" 
    decoration-danger="unit_amount > 24" 
    options="{'range':[0.0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0]}"
/>
```
And here is the result:

![TS range selectable customized](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gxhg0iaamxn3dym7e6kx.gif)
Where to Find Flutter Developer
Published: 2022-03-09 12:50:01

Flutter is Google's mobile UI framework for crafting high-quality native interfaces on iOS and Android in record time. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source.

Flutter has been trending over the past few years. It was first announced by Google at Google I/O 2017. Flutter is also used by companies like Alibaba, Groupon, Google Ads, JD Finance, Tencent, Square, and others to build their beautiful mobile apps.

Flutter allows you to build beautiful native apps on iOS and Android from a single codebase.

There are multiple different ways with which you can hire a dedicated flutter developer but I am going to share with you the best and easiest method here.

The easiest way to find a Flutter Developer is to share your project/developer requirements with an agency **(WebClues Infotech)** that offers a dedicated flutter developer for hire. 

Find a suitable developer in just a few days of sharing the requirement and that too cost-effective one with a good skill set for complete web and mobile app development.

I hope the post helps in finding a good flutter app developer.
Building The Odin Project's Final Javascript Project in Public (Intro and Roadmap)
Tags: buildinpublic, theodinproject, react, javascript
Published: 2022-03-09 12:25:32

Hi!

I am going to document the journey as I build a fullstack javascript application using Nodejs, React and Postgres.

I'm about two months into my learning journey, and this is by far the most advanced and complete project I am attempting.

It will also be my first self-directed full stack application, which is exciting to me!

**What I'm building**
The project is meant to touch on everything we have learned so far in The Odin Project's React section.

The application will be a business directory where you can search local businesses by city or by name. There will also be a login capability, so users can sign up and add their own business page.

**Roadmap**

This may change as I learn more while moving forward, but below is a plan of attack to accomplish this build.

**Project Planning**

- Create a scope doc that maps out all relevant features needed
- Create a basic wireframe of the design for all pages
- Create a doc to design the database structure
- Create a doc that outlines basic idea of how front and backend will work together

**Project Setup**

- Setup a new Github repo and clone it locally
- Setup basic file structure for front and backend
- Setup basic React App that prints hello world
- Setup Postgres 
- Setup backend and connect it to front end
- Add dummy data to Postgres DB based on database design

**Next Steps**

Once I complete all of this, I will be able to create a plan of attack in terms of the build.

Alright... let's get it!
NSF to PST Converter Tool 
Tags: nsftopstconverter, pstconvertertool, software
Published: 2022-03-09 12:12:07

PST is the file format of Outlook and NSF is of Lotus Notes. Regarding the compatibility and portability of PST, users ended up converting to PST files. It has also been seen that users are migrating from [Lotus Notes to Office 365](https://www.weeom.com/lotus-notes-to-office365.php). If you are looking for any of the mentioned processes, you are at the right place. 
Weeom Lotus Notes to Office 365 migration tool migrates Lotus Notes to Office 365 as well as converts [NSF to PST](https://www.weeom.com/nsf-to-pst-converter.php). It comes with split PST, Mailbox and Folder Mapping, Filter and Preview options and completes the migration and conversion process in relatively no time. 
You can use this tool in the free demo version prior to its purchase.
Design Principles To Achieve a Better UI/UX Design
Tags: ux, ui, design
Published: 2022-03-09 12:11:00

## **Table of Contents**

[Introduction](#introduction)

   1. [Place Users In Control](#1)
   2. [Make your User comfortable](#2)
   3. [Reduce cognitive load](#3)
   4. [Make User Interface Consistent](#4)

<hr>

## **Introduction** <a name="introduction"></a>

The main aim of any business is to increase its sales in order to increase its overall growth. Here, UX/UI Design plays a fundamental role in achieving this goal. UI/UX Design of your product (website, application, etc) improves the user experience and customer satisfaction. This ultimately helps increase the number of users of the specific product!

So, here are 4 Gold Principles you can implement to achieve a better UI/UX Design😉

<hr>

## **1. Place Users In Control** <a name="1"></a>

👉 Good UI/UX design help to instill a sense of "control" in their users.

👉 You can do so in the following ways:

🔷 Make actions Reversible

- This means that you should always include a Redo/Undo option

🔷 Interface should be easy to navigate

- Provide visual cues and add "predictability"

🔷 Feedback

- Users should be able to give feedback and you should act on it!

🔷 Status

- When your app is doing something, show the status of that action to the user.

<hr>

## **2. Make your User comfortable** <a name="2"></a>
 
👉 You can do this in the following ways:

🔷 Simplification and Elimination

- Just eliminate anything that is not helping your users to simplify the flow!

🔷 Never ask for already entered data again until or unless e.g you want authentication.

🔷 Use universal language and universal elements that every user can understand.

🔷 Make sure that you use things such as colors, fonts, font sizes, etc to make your design "accessible".

🔷 Add well-crafted error messages so the user understands what they did wrong.

<hr>

## **3. Reduce cognitive load** <a name="3"></a>

👉 It is the amount of mental processing required to perform any task or use any product.

👉 Here's how you can reduce it:

🔷 Add info in chunks so that it is easy to process.

🔷 No of actions to perform a task should be as few as possible.

🔷 Induce visual clarity by organizing the information in a way that is easy to understand.

<hr>

## **4. Make User Interface Consistent** <a name="4"></a>

👉 Consistency is the key while doing anything! It is also of extreme importance in UI/UX Design.

👉 Here's how you can do it:

🔷 There should be a specific color scheme for your product.

🔷 Add functional consistency

- Any object should work similarly throughout the product.

- Similar functional behavior keeps the users happy!

🔷 Don't reinvent terminologies. 

- Use the ones that are already familiar and within the expectations of the user.

<hr>

**Let's connect!**

✨ [Twitter](https://twitter.com/IAyeshaSahar)  

✨ [Github](https://github.com/AyeshaSahar)
Marvel’s Shang-Chi – What if he was a web developer? | Web Multiverse
Tags: webdev, css, humor, javascript
Published: 2022-03-11 05:02:13

---
title: Marvel’s Shang-Chi – What if he was a web developer? | Web Multiverse
published: true
date: 2022-03-09 12:05:08 UTC
tags: WebDev,CSS,humor,Javascript
canonical_url: https://codingislove.com/shang-chi-web-developer/
---

{% embed https://www.youtube.com/watch?v=L4W5Ek7Ecmg %}


The post [Marvel’s Shang-Chi – What if he was a web developer? | Web Multiverse](https://codingislove.com/shang-chi-web-developer/) appeared first on [Coding is Love](https://codingislove.com).
Terminal Comand | Part2
Tags: javascript, cpp, beginners, programming
Published: 2022-03-09 11:54:53


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u4lk3ezylh6ggihfmnog.jpeg)##1. `build-essential`
`sudo apt-get  install build-essential` komandasi
##ubuntu## uchun **c/c++** va boshqa tillar kiompilyatorlarini o'rnatadi



## 2. `vscode`
Ubuntu sistemasida `vscode` dasturlarini o'rnatish uchun quyidagilarni bajaring
-ushbu [link] (https://code.visualstudio.com/docs/?dv=linux64_deb)dan `vscode` faylni yuklab oling
-yuqorida yuklangan `*.deb` nomli fayl turgan papkaga terminal orqali boring *(odatda `cd ~/Downloads` )*
-endi yuqoridagi faylni ornatish kerak:
`sudo dpkg -i <file_nomi>.deb




![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ambg5plebwl0ynbpedzx.png)
Closures in JavaScript
Tags: javascript, webdev, programming
Published: 2022-03-09 11:53:29

JavaScript closures are one of those things that the vast majority of JavaScript developers use on a daily basis, but when faced with the popular interview question of “What is a closure?”, would stare wide-eyed back at the interviewer with absolutely no idea what to say.

This is an odd thing. Not least because on paper, the answer is incredibly simple: **A closure is a function with access to the variables in its enclosing scope**.

Time for a simple, and not particularly useful, example.

{% embed https://gist.github.com/DuncanMcArdle/2bddbe7f132c0f36bd35d01030bdb67d %}

In this example, we have a function `makeAdder()` which creates and returns a function that adds any number of your choosing, to another number. Think of this like a function “factory”, you tell it “I want to add the number 7 to things”, and it gives you `add7()`, then when you call `add7(4)`, you get 11.

The reason this is a closure is because the inner function returned by `makeAdder()` _closes_ around the `amountToAdd` parameter in the parent scope, which will then never change. However, this isn’t a particularly useful example, so let’s take a look at a more practical one:

{% embed https://gist.github.com/DuncanMcArdle/03c317ffd8a18afec4dd36e7050da6b9 %}

In this example, we use a closure to not only store a running balance for each instance of wallet, but also to secure the variable as private. No script on the page can manually change the balance by running `wallet1.balance = 1000` (look in the code, I tried!), so all scripts must go through the normal process of calling `alterBalance`, which of course then means that normal processing can be done on the request.

The funny thing about closures is that in JavaScript, they are **everywhere**. If you really think about its core definition (“A closure is a function with access to the variables in its enclosing scope”), and then go hunting through your code, I’m fairly certain you’ll fine one.

So, next time you have a technical interview and they ask this question, don’t panic! It’s not some fancy ES6 function, or a long-forgotten side-effect of a deprecated object type. It’s a concept, and a common one at that.
terminal code day 2
Tags: uzbek, cpp, programming, beginners
Published: 2022-03-09 11:47:20

## 1 build-esseotial
sudo apt-get install build-esseotial bu kod  **"build-esseotial"** terminal orqali tashaladi
## 2 visual code 
ubuntu sistemasida  ``` vscode ``` dasturini yuklab , ornatish uchun bu link orqali tashaladi [link] (https://code.visualstudio.com/docs/?dv=linux64_deb)
Tashalgandan song 

  - yuqorida yuklangan *.deb nomli fayl turgan papkaga terminal orqali boring ```(odatda cd ~/Downloads)```
  - endi yuqoridagi faylni o'rnatish kerak: ```sudo dpkg -i <file_nomi>.deb```
  - kiritgandan song sizda ```show aplication``` digan joyga mishkani oborib u yerdan **visual code** digan dastur paydo boladi.
TERMINAL KOMANDALARI PART-2
Tags: beginners, uzbek, terminal, cpp
Published: 2022-03-09 11:39:55

## 1.  `build-essential`
`sudo apt-get install build-essential` komandasi **ubuntu** uchun **C/C++** va bishqa tillar  kompyuterlarini o'rnatadi
## 2. `VSCODE`
Ubuntu sistemasida `VSCODE` dasturini o'rnatish uchun quyidagilarni bajaring.
-ushbu [link](https://code.visualstudio.com/docs/?dv=linux64_deb)dan `vscode` faylni yuklab oling
-yuqorida yuklangan `*.deb` nomli fayl turgan papkaga terminal orqali boring *(odatda `cd~/Downloads`)*
-endi yuqoridagi faylni o'rnatish kerak:
`sudo dpkg -i <file_nomi>.deb
Terminal kommandalari | PART2
Tags: uzbek, cpp, beginners, csh
Published: 2022-03-09 11:34:14

##1. `build-essential`
`sudo-up-get install build-assential` commandasi **ubuntu** uchun **C++** Va boshqa tillari compilyatorlarini o'rnatadi
##2. `VsCode`
Ubuntu sistemasida `vscode` dasturini o'rnatish uchun ushbu [link](https://code.visualstudio.com/docs/?dv=linux64_deb) dan `VsCode` faylni yuklab turgan papkaga terminal orqali boring*(odatda `cd ~/Downloads`)*
-endi yuqoridagi faylni o'rnatish kerak:
`sudo dpkg -i <flie i <file_nomi>`.deb[](url)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/974lc63tor05uwnxfd6s.png)