teleren/devto huggingface dataset:
Me ajude a conseguir um emprego!
Tags: frontend, job, wordpress, javascript
Published: 2023-08-22 15:56:14

Olá, queridos colegas!

Estou em busca de uma oportunidade incrível na área de programação, com uma preferência especial por trabalhar com front-end. Ao longo da minha jornada, acumulei valiosa experiência trabalhando de forma independente, mas agora estou ansioso para mergulhar em um ambiente de equipe, buscando crescer ainda mais e contribuir de maneira significativa.

Se alguém puder me indicar alguma oportunidade ou compartilhar informações valiosas, serei eternamente grato! Para que vocês conheçam melhor minhas habilidades e projetos, deixo aqui o link do meu portfólio: https://lnkd.in/dk_4qAD

Atualmente, graduando em ADS na Universidade Candido Mendes (3º período), trabalho com dedicação em uma ONG e também presto serviços como MEI, desenvolvendo sites com grande entusiasmo. Porém, estou em busca da minha "primeira vaga" na área de programação, pois acredito que a experiência de trabalhar em equipe será extremamente enriquecedora. Meu foco principal é no desenvolvimento de sites utilizando o WordPress, e vocês podem conferir meus trabalhos neste link: https://lnkd.in/d4Vpp-h2

Na ONG em que atuo, além do trabalho com desenvolvimento, tenho o prazer de ministrar aulas de programação e me envolver em projetos desafiadores. Atualmente, há três projetos em que estou envolvido:

Caixa do Saber: Um projeto desenvolvido por outra empresa e que agora estou responsável pela manutenção. Esse programa em Java atende desktops e mobile (Android) e auxilia professores em sala de aula por meio de atividades interativas, como jogos, vídeos e PDFs (livros). É incrível ver a tecnologia enriquecendo a educação!

App de Consulta de Inpares: Esse aplicativo foi projetado para os alunos da ONG. Eles recebem uma espécie de "moeda" como pontuação, o que nos permite acompanhar o comportamento dos alunos. Na feira anual, eles podem usar essa pontuação para adquirir itens e serviços, aprendendo sobre educação financeira de forma prática e divertida. É gratificante fazer parte desse processo educacional!

Simulado PVS (Pré-vestibular): Meu mais recente projeto em desenvolvimento! Estou empolgado com este software, que será utilizado em PCs (Windows) para permitir que alunos do pré-vestibular realizem simulados antes do vestibular ou ENEM. O projeto está sendo construído com Python e espero que seja uma ferramenta valiosa para os estudantes alcançarem seus sonhos acadêmicos.

Agradeço desde já por qualquer apoio ou oportunidade que possam compartilhar. Juntos, podemos criar um futuro empolgante e cheio de realizações na área de programação! 💻🚀

#primeiravaga #vaga #emprego #vagadeemprego #programação #programador #wordpress #frontend #javascript #python #php #react
Primeiro post - Apresentação (Hello World)
Published: 2023-08-22 15:53:32

Olá pessoal, me chamo Deivisson tenho 30 anos e atualmente focado em conseguir uma vaga como programador. Graduando em Análise e Desenvolvimento de Sistemas. Atualmente trabalho em uma ONG como coordenador de programação; atuo lecionando tecnologia, programação e robótica para diversas idades e sou responsável por alguns projetos na ONG; confira a seguir:
Caixa do Saber: Um projeto desenvolvido por outra empresa e que agora estou responsável pela manutenção. Esse programa em Java atende desktops e mobile (Android) e auxilia professores em sala de aula por meio de atividades interativas, como jogos, vídeos e PDFs (livros). É incrível ver a tecnologia enriquecendo a educação!
App de Consulta de Inpares: Esse aplicativo foi projetado para os alunos da ONG. Eles recebem uma espécie de "moeda" como pontuação, o que nos permite acompanhar o comportamento dos alunos. Na feira anual, eles podem usar essa pontuação para adquirir itens e serviços, aprendendo sobre educação financeira de forma prática e divertida. É gratificante fazer parte desse processo educacional!
Simulado PVS (Pré-vestibular): Meu mais recente projeto em desenvolvimento! Estou empolgado com este software, que será utilizado em PCs (Windows) para permitir que alunos do pré-vestibular realizem simulados antes do vestibular ou ENEM. O projeto está sendo construído com Python e espero que seja uma ferramenta valiosa para os estudantes alcançarem seus sonhos acadêmicos.

Além disso, trabalho como desenvolvedor web freelancer (MEI). Possuo conhecimentos em HTML, CSS, Javascript, React, Wordpress e PHP.
MANIPULATING BITS
Published: 2023-08-22 15:50:29

## BITWISE OPERATORS

In cases where conservative use of memory is imperative, data often need to be bit coded,
a technique to represent information as individual bits. Some examples of bit coded data
can be found in file access rights or the status-word of a stream.

To access bit coded data, you need to be able to read or modify individual bits. C++
has six bitwise operators to perform these tasks:

### Logical bitwise operators
```
& - AND

^ - exclusive OR

| - inclusive OR

~ - NOT
```

### Bitwise shift operators

```
<< - Left shift

\>> - right shift
```
operands for bitwise opertor must be integer
, if bit value is 1 , it will be interpreted as true , else false


The result type of a bitwise operation will be the integral type defined by the operand type.

### Arithmetic Type Conversions

If the operands of bitwise operator are different , then the operands are converted .

Example : If one operand is Int and other is long , then the long is converted to Int .

The difference between & or | and  logical && and || operator is later doesn't effect the individual bits   but interprets  the whole value of their operands as boolean returning a boolean value.
```
The expression 1 && 2 returns the value true, whereas 1 & 2 has the value 0.
```
### BITWISE SHIFT OPERATORS
The shift operators << and >> shift the bit pattern of their left operand a certain number of bit positions. The number of positions is defined by the right operand.

In the case of a left shift, 0 bits are padded. The bits dropped on the left are lost.

In the case of a right shift, 0 bits are padded from the left

example
```c++
short x = 0x08;     // 0000 1000
x =  x << 1;        // after shifting 0001 0000
cout << hex << x << endl;   // output  80
```          

#### Applications
Shift operators allow you to perform efficient multiplication and division with 2^n
Shifting a number n places left (or right) is equivalent to a multiplication (or division) by 2^n.

## BIT MASKS

```c++
#define MASK 0x20
char c = 'A';
c = c | MASK;
```
### Deleting Bits
The bitwise AND operator is normally used to delete specific bits. A so-called mask is used to determine which bits to delete.
### Setting and Inverting Bits
You can use the bitwise OR operator | to set specific bits. The example above shows how to change the case of a letter. In ASCII code, the only difference between a lowercase and an uppercase letter is the fifth bit.

### Bitwise Operators in Compound Assignments
The binary bitwise operators &, |, ^, <<, and >> can be used in compound assignments.

    Examples: x >>= 1;
              x ^= 1;
80 berufliches Vorwärtskommen: Den Vorteil bevorteilen.
Tags: deutsch, career, motivation, discuss
Published: 2023-08-22 15:46:00

Moin Moin,

den Vorteil also begünstigen oder auch bevorzugen, sowohl hinsichtlich Fortbildung als auch Arbeit. In anderen Worten – seine Stärken stärken.

Wie sähe es beispielsweise aus, wenn Elon Musk heute eine Karriere als „Body Builder“ begänne. Ich traue ihm zu, dass er weit käme, doch was würde dann aus SpaceX, Tesla oder auch möglichen künftigen Unternehmen? Wäre dies ein guter Tausch?

Dem zugrunde liegt vielleicht das Verhältnis von Spezialisierung und Verallgemeinerung.
Ich persönliche folge dem Ansatz ein breites allgemeines Fundament zu haben und mich dann zu spezialisieren.
Wie gehst du vor?
Wie siehst du das Ganze?

Lass uns mittels Kommentaren austauschen.

Beste Grüße,
Mustafa

Oder auch mittels E-Mail: mustafa.kevin.dwenger@posteo.de
Betreff: Austausch
DAY 80 - 168. Excel Sheet Column Title
Published: 2023-08-22 15:42:45

Hey Guys!, It's day 80 and today we are going to solve today's leetcode problem.

## Problem: [168. Excel Sheet Column Title](https://leetcode.com/problems/excel-sheet-column-title/description/)

_Given an integer `columnNumber`, return its corresponding column title as it appears in an Excel sheet._

### Example 1:

> **Input:** columnNumber = 1
> **Output:** "A"

### Example 2:

> **Input:** columnNumber = 28
> **Output:** "AB"

### Example 3:

> **Input:** columnNumber = 701
> **Output:** "ZY"

---


### Problem Understanding:

- In this problem, we are given an integer representing a column number.
- The task is to return its corresponding column title as it appears in an Excel sheet, where the letters range from A to Z for the numbers 1 to 26, and then AA to AZ, BA to BZ, and so on.
- For instance, given the input 28, the output should be "AB".

### Approaches:

#### Iterative Approach:

- Initialize an empty string ans to store the resulting column title.
- Use a while loop that continues until the columnNumber becomes 0.
- Inside the loop, subtract 1 from the columnNumber to adjust for the 1-based indexing of the English alphabet.
- Calculate the remainder of columnNumber divided by 26 and add the corresponding letter to the ans string.
- Update columnNumber by dividing it by 26.
- Continue the loop until columnNumber becomes 0.

**Code:**

```cpp
string convertToTitle(int columnNumber) {
        string ans = "";
        while (columnNumber) {
            columnNumber--;
            char c = 'A' + columnNumber % 26;
            result = c + result;
            columnNumber /= 26;
        }
        return result;
    }


```

---

#### Recursive Approach:

- Base Case: If the columnNumber is 0, an empty string is returned, signifying the end of the recursion.

**_Inside the recursive function:_**

- Subtract 1 from the columnNumber to adjust for the 1-based indexing of the English alphabet.
- Calculate the remainder of columnNumber divided by 26 and convert it to the corresponding letter.
- Recursively call the function with the updated columnNumber divided by 26.
- Append the calculated letter to the result of the recursive call.
- The recursion continues until the base case is reached.

**Code:**

```cpp
string convertToTitle(int columnNumber) {
        if (columnNumber == 0) return "";
        columnNumber--;
        char c = 'A' + columnNumber % 26;
        return convertToTitle(columnNumber / 26) + c;
    }

```

---

### Complexity Analysis:

| Complexity | Notation | Explanation |
|------------|----------|-------------|
| Time(Recursion)       | O(log N) | Exponential Approach |
| Space(Recursion)      | O(log N)     | The algorithm uses a logN recursive stack |


| Complexity | Notation | Explanation |
|------------|----------|-------------|
| Time(Iterative)       | O(log N) | Exponential Approach |
| Space(Iterative)      | O(1)     | The algorithm uses a constant extra space|
What is Web 1.0, Web 2.0 and Web 3.0 ?
Tags: web3, webdev, webevolution, blockchain
Published: 2023-08-22 15:12:38

**Web 1.0**
Web 1.0 represents the earliest stage of web applications. It's the initial phase in web development where pages primarily display static information. This era is characterized by read-only pages without interactive features.
**Example:** Early online encyclopedias like Britannica Online: These websites primarily provided static content, such as articles and information, for users to read.

**Web 2.0**
Web 2.0 signifies a departure from the static, one-directional nature of Web 1.0 to a more dynamic and interactive online realm, empowering users to actively engage, share, and cooperate. This transition enables user-generated content, fosters interaction, centralizes data storage, and enriches user experiences, characterizing platforms such as social media, blogs, and collaborative tools. Web 2.0 cultivates an immersive and participatory web landscape, elevating communication and collaboration across diverse online platforms.
**Example:** Social media platforms (Facebook, Twitter, Instagram), blogging platforms (WordPress, Blogger) and video-sharing sites (YouTube).

**Web 3.0**
Web 3.0 signifies a shift towards decentralized data management, allowing users not only to read and write data but also to own and control it. In this era, concepts like blockchain and machine learning are integrated into web applications, enabling enhanced functionality and security. The evolution of web applications into Web 3.0 reflects a paradigm where data ownership and advanced technological concepts converge.
**Example:** In the context of Web 3.0, consider a social networking platform that leverages blockchain technology to ensure users have complete ownership and control over their personal data.
Keywords and Identifiers in Python
Published: 2023-08-22 15:04:59

##Keywords

Python is a case sensitive programming language.

A keyword is a word that is reserved by a program because the word has a special meaning. Keywords can be commands or parameters. Every programming language has a set of keywords that cannot be used a variable name.

Python has 33 keywords:
>> import keyword
>> print(keyword.kwlist)

This prints all the keywords in Python.

##Identifiers
A Python identifier is a name used to identify a variable, function, class, module or other object.

Rules for setting identifiers:

-  can only start with an alphabet or _

>> name = "Heba"
>> _name = "Heba"
>> 1name = "Heba"  ---Invalid
>> name1 = "Heba"

-  Followed by 0 or more letter, _ and digits

>> first_name = "Heba"
>> first-name = "Heba" ---Invalid

-  Keywords cannot be used as identifiers
Personal Portfolio Data/Feedback
Tags: webdev, portfolio, react, analytics
Published: 2023-08-22 14:57:57



![Pixel-B](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1djol4ci7kocu1rhiwc5.png)
Good Morning Devs,

Google Analytics has a dashboard that I am working on custom mapping to display the state users live that visit my [site](https://www.bttodd.com). It would be helpful to get some data to play with for this project. If you don't mind can you visit my site ( promise it is not spam or a virus 👨🏿‍💻 ). If you also have any feedback please leave that also, I am open to it all.

P.S - If anyone knows how to solve this [issue](https://stackoverflow.com/questions/66534759/cors-error-on-request-to-localhost-dev-server-from-remote-site) by only making code changes please me know 😅

Here is the link again, thank you ! - https://www.bttodd.com/
Variables in Python
Tags: python
Published: 2023-08-22 14:52:36

# Declaring a variable
>> name = "Omair"
>> print(name)

To create a variable, there is no need to declare it in Python. It can be created at the time of use. There is also no need to specify the data type of the variable while creating it. This is called Dynamic Typing.

Static Typing refers to specifying the data type of the variable when declaring them.

>> name = 4
>> print(name)

In Python, a variable is not bound to any datatype. This feature is called as Dynamic Binding.

#Special Syntax
# To declare multiple variables in a single line
>> a = 5; b= 3; c = 5
>> a, b, c = 2, 3, 4
>> a = b = c = 6
Colour Contrast of Overlapping Text Labels
Tags: css, html, bootstrap, webdev
Published: 2023-08-22 14:52:29

When using the standard Bootstrap progress bar control, any text labels need to be centred over the individual bars. When there are multiple progress controls on-screen, this can look odd.

![Multiple progress bars](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wh2x7sxllbr4901qpyuc.png)

If our text is particularly long, and the viewable area of the progress bar is particularly small, then we need to force a minimum width and carefully consider our wording. This can be tricky in a multi-lingual product.

![Progress bar with small area](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/20mg6xrsnjigtewg5sw5.png)

The easiest way to handle this, is by centring the text. Perhaps by superimposing an additional label over the control. However, such an approach is dependent on the text colour contrast when straddling two progress objects.

![Centred text without changing text colour](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5gmboqhrfy26h23tuiqd.png)

The Bootstrap control typically doesn't require us to fill the unfilled whitespace at the end of the progress bar. However, if we add this ourselves and assign some extra CSS, then we can work some magic and make it look like the text colour is automatically changed to prevent clashing with the background.

![Automatically changing text colour](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ffmipa532a15dso8sha8.png)

For this example, I've used clip-path to restrict the visible areas of our elements and have preserved accessibility by moving the `aria-label` property to the progress container. Finally, I've used the `aria-hidden` attribute to prevent screen readers from seeing the text label multiple times.

```
<div class="progress progress-with-labels" aria-label="50% Example" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
	<div class="progress-foreground progress-bar" style="clip-path: inset(0 50% 0 0);" aria-hidden="true">50% Example</div>
	<div class="progress-background" style="clip-path: inset(0 0 0 50%);" aria-hidden="true">50% Example</div>
</div>
```

```
.progress-with-labels {
    width: 100%;
    position: relative;

    .progress-foreground {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        color: white;
    }

    .progress-background {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #e9ecef;
        color: black;
    }
}
```

With this approach, we can achieve a final output looking similar to the below, with all of our text labels centred and easily readable.

![Final example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wu7wjcybei4djzf0qjq0.png)
Length of Last Word in TypeScript
Tags: datastructures, algorithms, leetcode, typescript
Published: 2023-08-22 14:51:03

Hi there! In this subsequent series, will solve a simple challenge from **leetcode** - length of the last word. This challenge will mostly involve the usage of strings, arrays and their methods. 
Below is the challenge at hand:
_Given a string s consisting of words and spaces, return the length of the last word in the string. A word is a maximal substring consisting of non-space characters only._

```
function lengthOfLastWord(s: string): number {
  
};
```

According to the challenge, the function `lengthOfLastWord` should return the length of the last word in string s. To solve this challenge, we should first remove all white spaces existing in the string s parameter. 

```
function lengthOfLastWord(s: string): number {
    s.trim()
};
```

We'll then convert the string to an array using the JavaScript string method `split() `

```
function lengthOfLastWord(s: string): number {
    s.trim().split(' ')
};
```

After the string s is split, we'll now use the `pop()` method to remove the last element from an array 

```
function lengthOfLastWord(s: string): number {
    s.trim().split(' ').pop()
};
```

In the following step, we will make use of **TypeScript's** **Optional Chaining operator** and **Nullish Coelicing operator**. 

1. **Optional Chaining operator **- The optional chaining operator (`?.`)
 allows you to access properties or call methods of an object, but it guards against errors that might occur if the object is null or undefined. It essentially checks if the left-hand side of the expression is null or undefined before attempting to access the property or call the method on it. If the left-hand side is null or undefined, the entire expression evaluates to undefined.
2. **Nullish Coelicing operator** - The nullish coalescing operator (`??`) is used to provide a default value when the left-hand side of the expression is null or undefined. It evaluates to the left-hand side value if it's not null or undefined, otherwise, it evaluates to the right-hand side value.

```

function lengthOfLastWord(s: string): number {
    return s.trim().split(' ').pop()?.length?? 0;
};
```

To summarize, the code takes an input string s, splits it into an array of words using spaces as separators, retrieves the last word from the array, and calculates the length of that word. If the input string is empty or does not contain any words, the length of the last word is considered to be 0. The final result, which is the length of the last word (or 0 if the input string is empty), is then printed to the console.
Data Types in Python
Tags: python
Published: 2023-08-22 14:38:33

Python supports 3 categories of data types:

1. Basic Types -integer, float, complex, boolean and string
2. Container Types - List, tuples, sets and dictionary
3. User-defined Types - Classes

Integer
>> print(4)

Floats
>> print(4.5)

Boolean
>> print(True)

Complex
>> print(4+5j)

Strings
>> print('Mumbai')
>> print("Mumbai")

List
>> print([1,2,3,4,5])

Tuple
>> print((1,2,3,4,5))

Sets
>> print({1,2,3,4,5})

Dictionaries
>> print({"Name": "Heba", "Age" : 30, "gender": "Male"})
How to Setup and Use Fontawesome Locally without CDN
Published: 2023-08-22 14:38:26

****How to Use Font Awesome Offline**
**
Font Awesome is a popular icon set used by web developers to enhance the look and feel of websites and web applications. While the most common method is to use Font Awesome via a Content Delivery Network (CDN), there are instances where using it offline is more suitable. This article will guide you through the steps to use Font Awesome offline.

1. Download Font Awesome:

The first step is to download Font Awesome to your local system.

Visit the official Font Awesome website: Font Awesome
Navigate to the “Downloads” section.
Download the Font Awesome Free version or the Pro version if you have purchased it.

2. Extract and Place in Your Project Directory:

Once downloaded, you will receive a zipped file. Extract the contents of this file. Inside, you'll find various folders like css, webfonts, and others. Copy and paste these folders into your project directory.

3. Link to Font Awesome in Your HTML:

In your HTML file, you'll need to reference Font Awesome's CSS.

 Add the following line in the <head> section of your HTML:

_html
Copy code
<link rel="stylesheet" href="path-to-your-directory/css/fontawesome.min.css">_


Replace path-to-your-directory with the actual path to the css folder in your project.

4. Use the Icons:

To use any icon, reference it in your HTML using an <i> tag. For instance, to use the 'thumbs-up' icon:

_html
Copy code
<i class="fas fa-thumbs-up"></i>_

5. Explore Advanced Features (Optional):

Font Awesome offers various advanced features like stacking icons, transforming icons, and more. Check out the official Font Awesome documentation to learn about these functionalities.

Advantages of Using Font Awesome Offline:

Speed: Since the files are hosted locally, there's no need to fetch them from a remote server, resulting in faster load times.
No Internet Dependency: Your website or application icons won't break if there's a hiccup with the Font Awesome CDN or if the user is offline.
Customization: Hosting Font Awesome locally gives you the ability to customize it, allowing you to include or exclude specific icons to reduce the file size.
Conclusion:

Using Font Awesome offline is straightforward. By downloading and integrating it directly into your project, you gain more control and flexibility. It's an excellent option for projects that need reliability and speed, ensuring that users always have access to the beautiful icons Font Awesome provides.