teleren/devto huggingface dataset:
Weekly web development resources #142
Tags: webdev, javascript, css, beginners
Published: 2023-03-29 05:26:35



______


##[ThumbHash](https://evanw.github.io/thumbhash/)
[![ThumbHash](https://wweb.dev/weekly/content/142/thumbhash.jpg)](https://evanw.github.io/thumbhash/)
A very compact representation of an image placeholder. It's similar to BlurHash but more detailed.

______


##[IT Tools](https://it-tools.tech/)
[![IT Tools](https://wweb.dev/weekly/content/142/it-tools.jpg)](https://it-tools.tech/)
A collection of handy online tools for developers, with a nice UX. 

______


##[Float UI](https://floatui.com/)
[![Float UI](https://wweb.dev/weekly/content/142/floatui.jpg)](https://floatui.com/)
A collection of open-source, responsive UI components and website templates with modern design.

______


##[YunoHost](https://yunohost.org/#/)
[![YunoHost](https://wweb.dev/weekly/content/142/yunohost.jpg)](https://yunohost.org/#/)
A tool to easily manage a server from a clean and simple web interface.

______


##[6 CSS snippets](https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023/)
[![6 CSS snippets](https://wweb.dev/weekly/content/142/css-snippets.jpg)](https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023/)
An article with 6 CSS snippets every front-end developer should know in 2023.

______


##[Circular Text with CSS](https://dev.to/jh3y/circular-text-with-css-57jf)
[![Circular Text with CSS](https://wweb.dev/weekly/content/142/circular-text.jpg)](https://dev.to/jh3y/circular-text-with-css-57jf)
An interesting article by Jhey Tompkins on how to lay out some text in a circle with pure CSS.

______


##[vanilla-extract](https://vanilla-extract.style/)
[![vanilla-extract](https://wweb.dev/weekly/content/142/vanilla-extract.jpg)](https://vanilla-extract.style/)
A library to write type‑safe, locally scoped classes, variables and theme stylesheets in TypeScript.

______


##[Regex.ai](https://regex.ai/)
[![Regex.ai](https://wweb.dev/weekly/content/142/regexai.jpg)](https://regex.ai/)
An AI-powered regex regular expression generator and solver.

______


##[Trigonometric functions in CSS](https://web.dev/css-trig-functions/)
[![Trigonometric functions in CSS](https://wweb.dev/weekly/content/142/trigonometric.jpg)](https://web.dev/css-trig-functions/)
An article on how to write to write mathematical expressions to calculate the sine, cosine, tangent, and more in CSS.

______


##[slide.css](https://github.com/seifkamal/slide.css)
[![slide.css](https://wweb.dev/weekly/content/142/slidecss.jpg)](https://github.com/seifkamal/slide.css)
A minimal, pure CSS stylesheet for creating HTML presentations.

______

_Enjoyed this newsletter? You can support me by:_

💸 booking a [sponsored post](https://wweb.dev/sponsorship)

🥷 donating via [Sponsor Ninja](https://app.sponsor.ninja/projects/63d7dd38d907a8ed61dca67f)

🚀 helping me grow by sharing it with your friends and colleagues


Cheers,
Vincent from [wweb.dev](https://wweb.dev)
Introduction to flutter
Tags: webdev, flutter, flutterde, javascript
Published: 2023-03-29 05:14:08

Flutter is an open-source mobile application development framework that allows developers to build high-quality, natively compiled apps for mobile, web, and desktop platforms using a single codebase. Developed by Google, Flutter has gained significant popularity among developers due to its ease of use and flexibility.

One of the main benefits of using Flutter is its fast development cycle. With Flutter's "hot reload" feature, developers can make changes to the code and see the results instantly, without having to recompile the entire app. This allows for quicker iteration and faster development times.

Another benefit of Flutter is its customizable widgets. Flutter comes with a large collection of pre-built widgets, which can be customized to fit the specific needs of an app. This allows developers to create unique and visually appealing user interfaces that stand out from the competition.

However, there are some potential drawbacks to using Flutter as well. For example, because Flutter is a relatively new framework, there are not as many resources available compared to more established frameworks. This can make it more challenging for developers to find help or documentation when they encounter problems.

Despite this, many companies have started providing Flutter development services. Some of the most popular companies offering Flutter development services include:

1. FlutterDevs
2. Mindinventory
3. Agriya
4. Flutterdesk
5. Zealous System
At [FlutterDesk](https://flutterdesk.com/), we are proud to be one of the leading providers of Flutter development services. Our team of experienced developers has a deep understanding of Flutter and can help you build high-quality mobile apps that meet your specific requirements.

Whether you need a simple app or a complex enterprise-level solution, we have the expertise to deliver a high-quality app that meets your needs. You can [hire flutter developers ](https://flutterdesk.com/)to learn more about how we can help you with your Flutter app development project.
Python Lists And List Functions
Tags: webdev, python, beginners, programming
Published: 2023-03-29 04:57:29

[![image alt text here](http://img.youtube.com/vi/z7yYH9_RUoI/0.jpg)](http://www.youtube.com/watch?v=z7yYH9_RUoI)

Python List Methodshas multiple methods to work with Python lists, Below we’ve explained all the methods you can use with Python lists, for example, append(), copy(), insert() and more.

List Methods
S.no	Method	Description

1	append()	 Used for appending and adding elements to the end of the List. 

2	copy()	It returns a shallow copy of a list

3	clear()	This method is used for removing all items from the list. 

4	count()	This methods count the elements

5	extend()	Adds each element of the iterable to the end of the List

6	index()	Returns the lowest index where the element appears. 

7	insert()	Inserts a given element at a given index in a list. 

8	pop()	 Removes and returns the last value from the List or the given index value.

9	remove()	Removes a given object from the List. 

10	reverse()	 Reverses objects of the List in place.

11	sort()	Sort a List in ascending, descending, or user-defined order

12	min()	Calculates minimum of all the elements of List

13	max()	Calculates maximum of all the elements of List
Tuple in Python
Tags: webdev, beginners, python, tuple
Published: 2023-03-29 04:54:07

[![image alt text here](http://img.youtube.com/vi/x-Fy0YQ4lbI/0.jpg)](http://www.youtube.com/watch?v=x-Fy0YQ4lbI)

Python Tuple is a collection of objects separated by commas. In some ways, a tuple is similar to a list in terms of indexing, nested objects, and repetition but a tuple is immutable, unlike lists which are mutable.
Introduction to Dictionary in Python
Tags: webdev, beginners, python, programming
Published: 2023-03-29 04:50:44

[![image alt text here](http://img.youtube.com/vi/PvrYuLMpDLk/0.jpg)](http://www.youtube.com/watch?v=PvrYuLMpDLk)

Dictionary in Python is a collection of keys values, used to store data values like a map, which, unlike other data types which hold only a single value as an element.
Interview with DevOps Cloud Expert
Tags: webdev, beginners, devops, cloud
Published: 2023-03-29 04:47:52

[![image alt text here](http://img.youtube.com/vi/5zUn6Rth87k/0.jpg)](http://www.youtube.com/watch?v=5zUn6Rth87k)

4 Example DevOps Interview Questions And Answers
Use the following example interview questions and answers about your DevOps experience to help you prepare:

1. What experience do you have in DevOps?
This common question helps interviewers assess how your skills and expertise fulfil the job requirements. Give examples of the degrees, certifications and other qualifications you have that are relevant to the job description and can distinguish you from other candidates.

Example: "I have a bachelor's degree in software engineering and am currently studying to obtain my AWS engineer certification. In my previous role, I was responsible for forming and overseeing many of the projects the DevOps team completed, and I am confident this experience can be an asset to the team."

2. What are your favourite DevOps tools?
Software developers and engineers must have strong proficiency with an array of tools when implementing DevOps methodologies. Give examples of the tools you have experience with and how they have supported your success in the past.

Example: "The testing framework I have the most experience with is Selenium, however, I enjoy using Jenkins for combining building, testing and deployment processes. I also favour Git when working in paired programming environments, as it allows for collaborative coding in software development."

Related: Important Selenium Interview Questions and Example Answers
3. How do you ensure effective team collaboration?
DevOps requires consistent and open collaboration and shared working environments, so interviewers may use this type of question to evaluate your ability to understand others' ideas, communicate effectively and support team goals.

Example: "In my previous role, I would meet with my teammates to discuss the parameters of new projects. During these meetings, we established plans for progress evaluation, conference schedules and informal communication procedures for support purposes."

4. Describe a time when you managed both development and operational processes.
DevOps combines practices from both development and operational teams in an IT department, and the interviewer may want to understand how you applied your leadership skills to direct effective processes between both teams. Describe your experience with planning workflow, gaining input and delegating team roles.

Example: "I have not yet had the opportunity to combine my leadership role between both the operational and development teams. However, my previous employer allowed me to spend my last two weeks mentoring with him to develop my ability to delegate operations and integration and oversee the processes of both aspects of a DevOps team. With this experience, I am excited to have the opportunity to develop further within your organisation."
Benefits of choosing the professional videographer for your wedding
Published: 2023-03-29 04:45:07

One of the most important days of your life is your wedding day, and it is crucial to preserve the memories of this memorable day as best you can. A gorgeous and long-lasting record of your wedding day can be had by hiring a [Luxury wedding videographer in Orange County](https://www.bradthevideoguy.com/) to document your special day. A skilled wedding videographer can beautifully and romantically capture all of the crucial moments of your wedding day. They will be able to enter the day's feelings, including the ceremony's excitement and the reception's hilarity.
Personal touch
Professional wedding videographers can capture the unique details that make your big day special. They might capture both the distinctive features of your wedding and the crucial moments between you and your spouse.
Quality 
[Los Angeles wedding videographer](https://www.bradthevideoguy.com/portfolio) have the training and knowledge necessary to record your big day in the best quality. They use the most up-to-date tools and methods to ensure that your wedding film looks excellent and perfectly captures all the memorable moments of the day.
Captures every moment 
You can relive the entire experience due to the degree of detail that can't be captured in a photograph. As a result, more of the later events are visible to the public. Moreover, videography might catch moments that could have been missed in a photograph. They can record the first kiss, the toast, the cutting of the cake, and all the other significant moments that occur during a wedding. All the minute details can be captured via videography, telling the entire narrative.
Bottom line
Are you wondering about booking the best videographer for your events? If yes, you can book an [event and wedding videographer near me](https://www.bradthevideoguy.com/about), which is the best approach to recording all the memorable moments of your wedding day. They can capture all the moments you want to keep forever, making them stunning and enduring videos. By hiring a professional wedding videographer, you can freeze time and record all the moments you want to keep in your memory forever, in addition to ensuring that your wedding film is of the most excellent quality.
Interview with Solutions Architect
Tags: webdev, interview, architect, programming
Published: 2023-03-29 04:45:03

[![image alt text here](http://img.youtube.com/vi/yR10dzUpMxU/0.jpg)](http://www.youtube.com/watch?v=yR10dzUpMxU)

Questions about solution architect experience and background
The following solutions architect interview questions will help you prepare for your next interview:

What's your favorite thing about being a solutions architect?

How long have you been working as a solutions architect?

What are your strengths as a solutions architect?

What are your weaknesses when it comes to performing the duties of a solutions architect?

Tell me about a recent successful project as a solutions architect?

Tell me about a time a project was unsuccessful, what happened?

How many coding languages are you fluent in and what are they?

In your experience, what's the major benefit of being a solutions architect?

How does your educational background prepare you to be a solutions architect?

Explain any solutions architect projects in your portfolio.
How to Center a Div : CSS Tips and Tricks
Published: 2023-03-29 04:30:00


## How to Center a Div : CSS Tips and Tricks

Centering a div on a web page can sometimes be challenging, especially for beginners in web development. However, there are several ways to do this using CSS. In this article, we will discuss **five** common methods to center a div, along with their respective code examples.


![Created By [Author](https://medium.com/@rutikkpatel) ([Rutik Patel](https://medium.com/@rutikkpatel))](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vbecx4jluyptia45rr4b.png)

&nbsp;
## We can center a div : 

* Using position

* Using flexbox

* Using flex & margin

* Using grid

* Using grid & margin

 **→ Note:-** Here I am giving main-div and sub-div codes in different code blocks so that you can learn them easily and in a proper way. First copy the first code block to see the effect and then move to the second one.*


&nbsp;
### 1. Using position

The first method is by using the position property. In this method, we set the position of the parent div to relative and the child div to absolute. Then, we use the top, left, and transform properties to center the child div within the parent div.

```css
.main-div{
  position: relative;
}
```

```css
.sub-div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
```

&nbsp;
### 2. Using flexbox

The second method is by using the display property with the value flex. We set the justify-content and align-items properties to center the child div both horizontally and vertically within the parent div.

```css
.main-div{
  display: flex;
  justify-content: center;
  align-items: center;
}
```


&nbsp;
### 3. Using flex & margin

The third method is also using the display property with the value flex, but instead of using the justify-content and align-items properties, we use the margin property to center the child div within the parent div.

```css
.main-div{
  display: flex;
}
```

```css
.sub-div {
  margin: auto;
}
```

&nbsp;
### 4. Using Grid

The fourth method is by using the display property with the value grid. We set the place-content property to center the child div within the parent div.

```css
.main-div{
  display: grid;
  place-content: center;
}
```


&nbsp;
### 5. Using grid & margin

The fifth method is also using the display property with the value grid, but instead of using the place-content property, we use the margin property to center the child div within the parent div.

```css
.main-div {
  display: grid;
}
```

```css
.sub-div {
  margin: auto;
}
```

&nbsp;
## Conclusion : 

In conclusion, there are multiple ways to center a div using CSS, and each method has its own advantages and disadvantages. As a web developer, it is essential to understand these methods and choose the best one based on the project’s requirements. We hope this article helps you to understand the most common ways to center a div on a web page using CSS.
Days_17 Let's Cheat Continue
Published: 2023-03-29 04:25:10

The continue command stops executing code in the loop and starts at the top of the loop again. Essentially, we want to kick the user back to the original question. Adding continue will start the code from the start and ask the first question again: "Do you go left or right?".

```
class next17():
    def __init__(self, direction,player1,player2):
        self.direction = direction
        self.player1 = player1
        self.pplayer2 = player2
       
    def Methode1(self):
        while True:
            print("You are in a corridor, do you go left or right?")
            self.direction = input("> ")
            if self.direction == "right":
                print("You have fallen to your death")
                continue
            elif self.direction == "left":
                break
            else:
                print("ahh! you're a genius,you've won")
              
    def Methode2(self):
      #from getpass import getpass as input
      player1 = 0
      player2 = 0
 
      while True:
        self.player1 = input("Enter your chose player 1: ")
        self.player2 = input("Enter your chose Player 2: ")
        #Rock, Paper, Scissors
        if self.player1 =="rock" and self.player2 == "paper":
          player2 +=1
          if player2 == 3:
             print("Score Player2 =", player2 ,"Congratulation player2,  you win!!!")
             break
        elif self.player1 =="rock" and self.player2 == "scissors":
          player1 +=1
          if player1 == 3:
             print("Score Player1 =", player1 ,"Congratulation player1,  you win!!!")
             break
        elif self.player1 =="scissors" and self.player2 == "rock":
          player2 +=1
          if player2 == 3:
             print("Score Player2 =", player2 ,"Congratulation player2,  you win!!!")
             break
        elif self.player1 =="scissors" and self.player2 == "paper":
          player1 +=1
          if player1 == 3:
             print("Score Player1 =", player1 ,"Congratulation player1,  you win!!!")
             break
        elif self.player1 =="paper" and self.player2 == "rock":
          player1 +=1
          if player1 == 3:
             print("Score Player1 =", player1 ,"Congratulation player1,  you win!!!")
             break
        elif self.player1 =="paper" and self.player2 == "scissors":
          player2 +=1
          if player2 == 3:
             print("Score Player2 =", player2 ,"Congratulation player2,  you win!!!")
             break
        elif self.player1 =="rock" and self.player2 == "rock":
          continue
        elif self.player1 =="scissors" and self.player2 == "scissors":
          continue
        elif self.player1 =="paper" and self.player2 == "paper":
          continue
          
def call():
    start = next17("","","")
    start.Methode1()
    start.Methode2()


call()
```
How to Setup Magento 2
Tags: webdev, magento, magento2tutorial
Published: 2023-03-29 04:13:03

Magento 2 is a strong internet business stage that permits you to make and deal with a web-based store. 

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

In this blog entry, we will stroll through the course of how to setup Magento 2  on your server, and further you can likewise introduce Magento augmentation in your store.

For more info visit https://webguru.dev/how-to-setup-magento-2/
Introduction to Kubernetes
Tags: webdev, beginners, tutorial, kubernetes
Published: 2023-03-29 04:04:40

[![image alt text here](http://img.youtube.com/vi/ZZp8dlzUmNk/0.jpg)](http://www.youtube.com/watch?v=ZZp8dlzUmNk)

Kubernetes is open-source software that allows you to deploy and manage containerized applications at scale. Kubernetes manages clusters of Amazon Elastic Compute Cloud (EC2) compute instances and runs containers on those instances with processes for deployment, maintenance, and scaling. Using Kubernetes, you can run any type of containerized applications using the same toolset on-premises and in the cloud.
AWS makes it easy to run Kubernetes in the cloud with scalable and highly available virtual machine infrastructure, community-backed service integrations, and Amazon Elastic Kubernetes Service (EKS), a certified conformant, managed Kubernetes service.
Container Orchestration Kubernetes
Tags: kubernetes, programming, tutorial
Published: 2023-03-29 04:01:02

[![image alt text here](http://img.youtube.com/vi/xTlSbtl03gg/0.jpg)](http://www.youtube.com/watch?v=xTlSbtl03gg)

How does container orchestration work? Container orchestration uses configuration files, usually in YAML or JSON format, for each container to instruct the orchestration tool on finding resources, establishing a network, and storing logs.
Container Orchestration || Kubernetes
Tags: kubernetes, programming, tutorial
Published: 2023-03-29 04:00:07

[![image alt text here](http://img.youtube.com/vi/xTlSbtl03gg/0.jpg)](http://www.youtube.com/watch?v=xTlSbtl03gg)

How does container orchestration work? Container orchestration uses configuration files, usually in YAML or JSON format, for each container to instruct the orchestration tool on finding resources, establishing a network, and storing logs.
Podcast: Spot by NetApp reduces and brings better governance to your cloud spend
Published: 2023-03-29 03:54:32

I recently sat down with Twain Taylor from Amazic.com to talk about Cloud Ops, the trends we are seeing, and a well rounded discussion about a lot of different cloud topics. Watch here! 

{% embed https://youtu.be/PKD_3RFr1z8 %}
How to setup AWS S3 bucket replication
Tags: beginners, replication, aws, s3
Published: 2023-03-29 03:52:50

[![image alt text here](http://img.youtube.com/vi/rTURVPejZFA/0.jpg)](http://www.youtube.com/watch?v=rTURVPejZFA)

Replication enables automatic, asynchronous copying of objects across Amazon S3 buckets. Buckets that are configured for object replication can be owned by the same AWS account or by different accounts. Object may be replicated to a single destination bucket or multiple destination buckets.
Live Stream: Generative AI for DevOps: Career must or overhyped bust?
Published: 2023-03-29 03:49:13

On January 31 2023, I joined some other thought leaders about Generative AI and its role in DevOps and the future of how we will staff these roles. 

{% embed https://www.youtube.com/watch?v=At0-UrYzQqQ  %}
1402. Leetcode Solution in cpp
Tags: cpp
Published: 2023-03-29 03:08:53

```cpp
class Solution {
    typedef long long LL;
public:
    int maxSatisfaction(vector<int>& A) {
        int N = A.size();
        sort(A.begin(), A.end());
        LL ans = 0;
        for (int i = 0; i < N; ++i) {
            LL sum = 0;
            for (int j = i; j < N; ++j) sum += A[j] * (j - i + 1);
            ans = max(ans, sum);
        }
        return ans;
    }
};
```
#leetcode
#challenge 
here is the link for the problem:
https://leetcode.com/problems/reducing-dishes/