teleren/devto huggingface dataset:
This week’s newsletter is out! (25-02-2023) - Beep Beep
Tags: javascript, tech, webdev
Published: 2023-02-25 05:53:52

---
title: This week’s newsletter is out! (25-02-2023) - Beep Beep
published: true
description: Another week of great javascript, tech and web development links.
tags: javascript, tech, webdev, discuss
---

Beep Beep

https://markjgsmith.substack.com/p/mark-smiths-newsletter-25-02-2023

Would love to hear any comments and feedback you have.

[@markjgsmith](https://twitter.com/markjgsmith)
How Long Does It Take To Build An Admin portal
Tags: javascript, python, programming, bootstra
Published: 2023-02-25 05:35:16

Can Anyone Help Me How many Weeks Does it takes to Build this Solution

**Admin Portal Prerequisites :** 
The admin needs to login first

**Task Description:**
The admin page will be used to monitor all the activities of the website. 
The admin will have the option to change the pricing of membership plans.
The admin will have the option to add/edit the FAQs.
The admin will have the option to add/edit/delete Blogs to the website.
The admin will see all the details entered by the user in the Diet Survey. 
The admin will see all the details entered by the user in Book Free Consultation. 
The admin will see all the responses submitted by the user in the Contact Us section. 
The admin can edit/add/delete any partner from the website. 
The admin can edit details from the About PoshN screen. 

**Assumptions:**
Admin Panel is dependent upon Existing Libraries and is not designed.


Language
Javascript, Bootstrap, python Django
Create Your Jenkins Job with Code ( Job DSL Plugin)
Tags: webdev, beginners, programming, tutorial
Published: 2023-02-25 05:29:36

In this video, we are going to learn about the create jenkins job with code or JOB DSL Plugin

{% embedhttps://youtu.be/LCKm3tlQSCA %}

This is LIVE DEMO where we will be running our Selenium Maven Java(git) Project with Jenkins Email configurated.
We will add a functionality to clean jenkins workspace after 3 days.

🟣🟣 LINK To Slide
http://sdet.live/notes


🟣🟣 LINK To the Project
http://sdet.live/notes


🟣🟣 Link to Jenkins Send Email configuration
https://stackoverflow.com/questions/1...


#jenkinsworkspacecleanup #jenkins #jenkinstutorial #jenkinsworkspacecleanplugin

🟢 30 Days of Automation Testing
https://go.scrolltest.com/automation


🟢 30 Days of API Testing
https://apitesting.co/30days


🟢 30 Days of Rest Assured
https://go.scrolltest.com/30days-rest...


🟣🟣 Download Slides and Notes - http://sdet.live/notes

🟣🟣 My Resume Template - http://sdet.live/notes


✅ API Testing –
https://www.learnapitesting.com


✅ Cypress Tutorial with LIVE Projects –
http://cypresstutorial.com


🔗 Join the Facebook Group - http://scrolltest.com/fb

🔗 Learn API Testing(with Postman) - https://learnapitesting.com/

🔗 Rest API Testing with Python - http://masterapitesting.com/

🔗 E2E Frontend Testing with Cypress - http://cypresstutorial.com/

🔗 Join Our Automation Newsletter - http://scrolltest.com/tta

🔗 Master API Testing Bundle - https://apitesting.co/bundle

🔗 Rest Assured MasterClass- https://apitesting.co/enroll
Offline Magic with Nuxt.js (Part 1): Making Your Web Apps Work Without the Internet in 2023
Tags: nuxt, webdev, pwa, vue
Published: 2023-02-25 04:38:55

### Nuxt.js is an awesome framework based on Vue.js that lets you create really powerful web apps with ease. One of the coolest things about Nuxt.js is that it makes building offline apps and Progressive Web Apps(PWAs) a snap. In this article, we'll show you how to take advantage of Nuxt.js's features and create web apps that work great even without an internet connection. So grab a coffee, get comfy, and let's get started!
--------------------------------------------------------
#### What is a PWA?

A progressive web application (PWA) is a web application that uses modern web technologies to provide a native app-like experience to users. PWAs can be installed on the user's device like a native app, and can work offline by caching the necessary data and resources. PWAs also provide other features such as push notifications, background syncing, and full-screen mode. Check out these [10 Successful PWA Examples To Look Into In 2023.](https://www.dizzain.com/blog/insights/pwa-examples/)

--------------------------------------------------------

Using a project-based approach, this article will guide you through building an app that allows users to stay up-to-date with the latest sports news and updates. Let's call it Sportswire.

Sportswire provides users with real-time sports news and analysis from various sources, including interviews, commentaries, and statistics. With a focus on younger audiences, Sportswire aims to deliver sports news in a fun and engaging way that appeals to younger sports fans.

In the next part of this series, we will dive into the technical details of building a sports news web app with Nuxt.js and how we can implement various features and functionalities to create a seamless user experience. Let us begin our series on building sports news web apps with Nuxt.js and let's bring to life Sportswire.


> Our app will use a mix of different technologies, with the frontend built on Vue and Nuxt. However, we're keeping our options open for the backend and other microservices, making them modular so we can easily integrate new features and dependencies as we develop. We'll start with a simple and comprehensive version of the app, and then gradually add more third-party libraries and services to enhance its capabilities and compare different stack choices.
what is the programme code this text #developers
Published: 2023-02-25 04:34:10

Use Python to calculate how many different passwords can be formed with 6 lower case English letters (excludes any character not found in the English alphabet).  For a 1 letter password, there would be 26 possibilities.  For a 2 letter password, each letter is independent of the other, so there would be 26 times 26 possibilities.  Using this information, print the amount of possible passwords that can be formed with 6 letters.
121. Leetcode Solution in Java
Tags: java
Published: 2023-02-25 03:33:11

==================================================================
#description:
You are given an array prices where prices[i] is the price of a given stock on the ith day.

You want to maximize your profit by choosing a single day to buy one stock and choosing a different day in the future to sell that stock.

Return the maximum profit you can achieve from this transaction. If you cannot achieve any profit, return 0.

 

Example 1:

Input: prices = [7,1,5,3,6,4]
Output: 5
Explanation: Buy on day 2 (price = 1) and sell on day 5 (price = 6), profit = 6-1 = 5.
Note that buying on day 2 and selling on day 1 is not allowed because you must buy before you sell.
Example 2:

Input: prices = [7,6,4,3,1]
Output: 0
Explanation: In this case, no transactions are done and the max profit = 0.
 

Constraints:

1 <= prices.length <= 105
0 <= prices[i] <= 104
==================================================================
#Solution:
```java
public class Solution {
    public int maxProfit(int[] prices) {
        // Start typing your Java solution below
        // DO NOT write main() function
        if(prices == null || prices.length == 0) return 0;
        int min = prices[0];
        int max = Integer.MIN_VALUE;
        
        for(int i = 0; i < prices.length; i++){
            int money = prices[i] - min;
            if(money > max) max = money;
            if(prices[i] < min) min = prices[i];
        }
        
        return max;
        
        
    }
}
```
#leetcode
#challenge
Here is the link for the problem:
https://leetcode.com/problems/best-time-to-buy-and-sell-stock/
What exactly led me to push myself into learning how to code?
Tags: codenewbie, webdev, beginners, learntocode
Published: 2023-02-25 02:59:52

"Hello world!" Some may have seen or heard this hundreds of times but for some of us it was the first phrase we typed when learning to code, and Ironically enough this is my very first blog to the world so indeed 👋🏼 Hello world!

This may sound kind of cliché, but when I was still working at my previous job the thought of doing the same or similar repetitive tasks everyday until retirement led me to face a reality that I was struggling with for quite some time.  Can I really switch careers at this point and time of my life?  Should I pursue what I really have been wanting to do or should I find an easier job that pays better just for the money? Should I open up my own business? And if so, how can I do it?

So many questions, but yet I always knew the answer. The how usually reveals itself after the yes. You just have to want it bad enough to find that it's never too late to switch careers.  Once I made my decision, I chose the technology path, it's always been in me and it may sound odd but living in a small two bedroom apartment when I was a teenager with very little entertainment around the get-away from that was the computer, even with no internet around.

That’s right, remember the dial-up internet connection days?  There were days where someone at home had to use the telephone so I wasn’t allowed to connect to the internet as this was the only affordable way to go online, but I would still find myself occupied and entertained by either figuring out how programs would work, exploring and tweaking multiple settings, using windows explorer, playing around in the command prompt among other things.

Anyways, still to this day I ask myself lots of questions when using programs, applications, websites, I even get upset when using an app and finding lack of simplicity; I’m the type that keeps using an android phone due to its versatility to root them for better performance in the earlier days and in the present time for freedom to customization, even when downloading updates I’m that type of curious person who always reads what the update brings to the device.  So, needless to say, I love technology and it's a combination of all these things that led me to push myself to learn how to code so that I can be a contributor to many of these new technologies that we all make use of everyday.
The ultimate PowerShell Azure and Windows operating systems resource!
Tags: powershell, azure, devops, automation
Published: 2023-02-25 02:43:54

As a Powershell script developer I have come across some great 
blogs that were quite handy for automation. So, I finally put all of my Powershell, Windows, Azure and DevOps blogs and technical forums in one place. Check this out!

Enjoy!

https://linktr.ee/Techdude16
How to: work on two or more folders at the same time in VSCode
Tags: webdev, git, vscode, programming
Published: 2023-02-25 02:05:22

# Explanation
Ever been in a situation where you're front-end code and your back-end code are in different folders? 

Then you find yourself with the pain of going back and forth between two vscode editors?

With Multi-root Workspaces you can work on multiple folders all within one editor, here's how!

# Steps to create Workspace

## 1.
Go to the location where your front-end and back-end folders are stored within terminal.

![Mac Terminal showing front-end and back-end code folders](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j17z8w22xfc405ilv3rp.png)


## 2.
Open one of the folders with vscode.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/40ys5uld7i18pzdrgr2t.png)

## 3.
Within vscode click `command` + `p` to open a search bar. Within the search bar type `>add folder to workspace` and click on the result that pops up.


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

## 4. 
Your folders will popup. Select the folders you want to work on at the same time, then click add.


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

## 5. 
Again, open the search bar in vscode with `command` + `p` and search for `>add folder to workspace` and click on the result.


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

## 6. 
A popup will appear. Name the workspace that houses your multiple folders how you like. And also make sure to choose where you'd like to store this workspace then save.


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

# How to access workspace

If you completed the 5 steps to create workspace you're ready to go! 

What you did was create a workspace that references your multiple folders. To use it go to the location you saved the workspace at using terminal.


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

Now treat it like opening a file, open it with vscode and you're ready to go!


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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xr3nj97qxkugvhxj82vr.png)
How to watch Android app log messages with adb logcat for Unity developer
Published: 2023-02-25 01:43:35

For those who use Unity to develop Apps, you might not install Android SDK by yourself (Installed by Unity) and never uses `adb` yet, you can find Android SDK installing path from Unity Editor

In Unity Editor, open menu: `Edit -> Preferences…`

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0wihrey91t9dkc32a6mj.png)

In `Preferences` window go to `External Tools`, then at `Android SDK` press `Copy Path` button

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

Open `cmd` (`Terminal` for mac user), use `cd` command to go to the copied path. For this example, it is `D:\Unity\2020.3.26f1\Editor\Data\PlaybackEngines\AndroidPlayer\SDK`

If it is in difference drive, you must change it, for example if your Unity installed in `D:` you must change the drive by enter `D:` in `cmd`

Then `cd D:\Unity\2020.3.26f1\Editor\Data\PlaybackEngines\AndroidPlayer\SDK`

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

The `adb` will located in `platform-tools` folder, so you must enter to the folder by `cd platform-tools` then you will be able to use `adb`, you can enter `adb logcat` to see log messages

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

If you want it to filter only messages from Unity you may uses this command

`adb logcat -s Unity ActivityManager PackageManager dalvikvm DEBUG`
The First Post
Tags: newbie, fullstackdevelopment
Published: 2023-02-25 01:33:41

As an exercise for the course I'm taking, it is requiring that we create a post here about something that we've learned this week. I've learned a bit more about the things I utilize every day for work, and what certain things stand for and what they actually do. (Hypertext Markup Language anyone?) These were things I never thought I would need to be knowledgeable about, certainly not in my career pursuits, and the main thing I'm learning right now is how overwhelming this feels in the current moment. Something mentioned towards the end of one of the modules is a little thing called 'imposter syndrome' and I gotta admit I'm feeling it. I know that I can't be expected to know something I haven't been taught yet, but it's looking like this is going to be quite a hike towards this mountain of information. 
Thankfully I have a wonderful community where I can ask all of my questions and learn a little something more each day. 

Thanks in advance guys. :)
Facebook OAuth 2.0 Login
Tags: java, springboot, security
Published: 2023-02-25 01:21:54

In this tutorial, I’d love to share with you guys about implementing social login with Facebook for an existing Spring Boot web application, using Spring OAuth2 Client library – so your users will be able to sign in your application using their own Facebook accounts instead of application-managed credentials.

Suppose that you have an existing Spring Boot project with authentication functionality already implemented using Spring Security and the user information is stored in H2 in-memory database.

[https://chuangtc.com/Java/spring-boot-30-facebook-login.php](https://chuangtc.com/Java/spring-boot-30-facebook-login.php)
What's nvim-treesitter?
Tags: neovim, tutorial, programming
Published: 2023-02-25 01:10:15

*(Don't mind the cover image, I'm testing out stuff :P)*

## 👋 Introduction
Do you don't like these default Neovim's Treesitter syntax?

Do you want it to look like:
![why are you reading this](https://github.com/asyncedd/images/blob/main/ezBndqI.png?raw=true)

To:
![Why are you reading this :(](https://github.com/asyncedd/images/blob/main/Zx7DXVR.png?raw=true)?

I'm not explaining why it's better. Mainly because it's smarter. (wow, that didn't make sense)

alright' nuf' talkin' and let's start 👷‍♀️ configuring!

## 🤨 Installing nvim-treesitter
If you've been following along your file structure should look like...
```
~/.config/nvim/
├── init.lua
└── lua/
    ├── core/
    │   ├── init.lua
    │   └── options.lua
    └── keymaps/
        └── movement.lua
        └── ...
    └── plugins/
        └── colorscheme.lua
        └── ...
```
Now we're going to create a new `configs` directory. (in the `lua` directory) and in the configs directory, we're going to create sub directories for each "category" of a plugin's configuration. (e.g: UI related configurations in the `configs.ui` directory, editor related configurations in the `configs.editor` directory.)

So now our file structure should look like:
```
~/.config/nvim/
├── init.lua
└── lua/
    ├── core/
    │   ├── init.lua
    │   └── options.lua
    └── keymaps/
        └── movement.lua
        └── ...
    └── plugins/
        └── colorscheme.lua
        └── treesitter.lua
        └── ...
    └── configs/ <- This!
        └── ui/
        └── editor/
        └── ...
```

Alright. Now just create a new module in out `plugins/` directory named `treesitter.lua` (it could be anything)
And in it:
```lua
return {
  "nvim-treesitter/nvim-treesitter.lua",
  config = require("configs.editor.treesitter"),
  event = "BufReadPost"
}
```

## 👷‍♀️ Configuring

And in our `configs/editor` directory create a new `treesitter.lua` module (again)
In it SLAM this in:
```lua
return function()
  local status, treesitter = pcall(require, "nvim-treesitter.configs")
  if not status then return end

  treesitter.setup({
    auto_install = true, -- Auto-install missing parsers. (once you open a file that requires it.)
    highlight = {
      enable = true -- Enable beautiful syntax highlighting!!!
    }
  })
end
```

Let's break this down. It `pcalls` a `require` statement that, wants a module called `nvim-treesitter` more specifically, `nvim-treesitter.configs`. It assigns it a local variable called `treesitter`.

Then it setups `nvim-treesitter` with some configuration.

Now quit Neovim (if you can) using `:wqa` (Of course, if you can.)
And BAM, SUPER smart, beautiful syntax highlighting with the catppuccin colorscheme! Wait... Did you say "catppuccin"?
Alright kthxbye, imma get some `catppuccin-mocha`. `:wqa`

*[Quick Plug](https://github.com/asyncedd/nvim)*
Tomorrow I will be 21, what is the best career advice you got in your twenties?
Tags: discuss, advice
Published: 2023-02-25 01:06:17

Yes, just the above. Tomorrow I turn 21 years old.

And I'd like to know what's the best career advice you got in your twenties. What was it that made you so much better as a professional? Regardless of the career.

For example, for me, it was starting to contribute to open source, it's the sum of community + software development and a purpose that I share which is space exploration software.
🎙️ Interview avec ChatGPT : Data Citizen, Developer Citizen, Kézako?
Tags: opendata, api, smartcity, chatgpt
Published: 2023-02-25 01:02:42

## 🤔 A propos

Tout récemment une amie m'a demandé en quoi consistaient mes activités (... pouquoi j'y investissais autant de temps personnel 😅) et réalisations en tant que : 

- 👨‍🔬 **Data** Citizen
- 🤓 Citizen **Developer**

En somme, pour certaines de ces réalisations : 

- **💡 La motivation** : le pourquoi, ce qui m'a donné l'idée de me lancer dans une réalisation
- **🔭 Les perspectives** : ce que cela permet, pour moi et surtout pour ...

> **_"contstuire l'utopie de la société à laquelle j'aspire et pour laquuelle j'ai décidé d'oeuvrer au quotidien"_**

## 🎙️🤖 Interview avec `ChatGPT` 

**ℹ️ Aucun prompt particulier n'a été fourni à chatGPT lors de cette interview.ℹ️**

J'ai tout d'abord voulu **fixer un peu le contexte** sur les axes suivants :

- 🗺️ La **Nouvelle Calédonie**
- 🕮 Définition de **Citizen Developer** (_Développeur Citoyen_)
- 🕮 Définition de **Data Citizen** (_Citoyen des données_)
- 👂 La **perception** de l'environnement (le monde en data) par ces personnes
- ♾️ Les relations avec **l'Open Data et l'Open Source**
- 🏙️ Le lien entre **APIs et Smart Cities**
- 🌳 Les **domaines pouvant bénéficier** de cette approche
- 🌡️ Les **impacts de l'inaction** dans ces domaines

J'ai alors décidé d'interviewer ChatGPT à ce sujet:

{% youtube UoLvRw8v6Rk %}

## 📢 Conclusion

Je laisserai le mot de la fin à ChatGPT:

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

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

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

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

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

## 🤗 Merci ChatGPT

Le feedback étant une élément fondamental au coeur des échanges, un prérequis au progrés et au bien-être au sein d'une équipe,... j'ai donc fourni un feedback à chatGPT... qui à son tour m'a donné le sien.

Vous les trouverez ci-dessous:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7pkf3sdqjfn6kkgzna4p.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cv3txjaflufl2on83g4l.png)
Como fazer um círculo com CSS?
Published: 2023-03-01 18:45:33

---
title: Como fazer um círculo com CSS?
published: true
date: 2023-02-25 00:00:00 UTC
tags: 
canonical_url: https://mariosouto.com/posts/como-fazer-um-circulo-com-css
---

Eai, tem uma explicação mais curta?

<iframe width="560" height="315" src="https://www.youtube.com/embed/VKk7VIQKlak" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

* * *

- YouTube - Link para assistir direto e compartilhar: [https://youtu.be/VKk7VIQKlak](https://youtu.be/VKk7VIQKlak)
- [Linkedin](https://www.linkedin.com/posts/omariosouto_frontend-dicas-activity-7035272335309873152-ji_s?utm_source=share&utm_medium=member_desktop)
- [Tiktok](https://www.tiktok.com/@devsoutinho/video/7204118345493351686?lang=pt-BR)
- [Twitter](https://twitter.com/omariosouto/status/1629507594099339264)

* * *