teleren/devto huggingface dataset:
What's on Your Learning Agenda this Week?
Tags: discuss, codenewbie, beginners
Published: 2023-06-25 07:00:00

It's self-improvement Sunday! So, let's talk about self-improvement and continuous learning. How do you approach this ongoing process? Are there specific strategies or habits that have helped you level up? We'd love to hear your thoughts! 

Also, as we kick off this week, what's one thing you're committed to learning or improving? Share your goals and let's support each other in this exciting journey of growth and development!

Follow the [CodeNewbie Org](https://dev.to/codenewbieteam) and [#codenewbie](https://dev.to/t/codenewbie) for more discussions and online camaraderie!

*{% embed* https://dev.to/codenewbieteam *%}*
The Online Community Chronicles: Where Did Your Digital Adventure Begin?
Tags: discuss, community
Published: 2023-06-25 07:00:00

What was the first online community you joined? Was it a gaming forum, a coding community, or a niche interest group? And how did it shape your digital journey?

From finding like-minded individuals to exploring new interests, share your stories of how your earliest online community influenced your perspectives, skills, and personal growth. Let's celebrate the power of online connections and the lasting influence they can have!

Follow the DEVteam for more discussions and online camaraderie!

{% embed [https://dev.to/devteam](https://dev.to/devteam) %}

[Image by pch.vector on Freepik](https://www.freepik.com/author/pch-vector)
Decoding Javascript: The Nullish coalescing operator '??' is awesome!
Tags: javascript, webdev, tutorial, typescript
Published: 2023-06-25 06:41:54

A few days back, I was working on a project of mine where I wanted to set the value to a variable `enabled` based on a particular property of an object `config`. The interface for the object looks something like this:
```
interface IAuthConfig {
  enabledCookieAuth?: boolean;
  // other properties
}

function setDefault(config: IAuthConfig) {
  const enabled = config?.enabledCookieAuth
  //rest of the code
}

```

For the variable `enabled`, I wanted to set the value of `enabledCookieAuth` of the `config`. Since `enabledCookieAuth` was an optional property, I wanted to set the default value of `enabled` `true` in case `enabledCookieAuth` was `null` or `undefined`.

ENTER Nullish coalescing `??` operator.

This particular operator is perfect for this requirement. The way it works is, it returns the first value that is **defined**. The code looks something like this:

```
const enabled = config?.enabledCookieAuth ?? true 
```

The above code works exactly the same as:

```
const enabled = (config?.enabledCookieAuth !== null && config?.enabledCookieAuth !== undefined)? config?.enabledCookieAuth : true 
```

Now the question that you might ask is, Why not use `||` OR operator?

Well, as I said earlier, `??` returns the first value that is **defined** whereas `||` returns the first value that is not **falsy**. `||` OR operator treats empty string (`''`), `0` or `false` as a falsy value. Meaning, even if `config?.enabledCookieAuth` is defined and set to `false`, `config?.enabledCookieAuth || true` will return `true` which doesn't serve our particular case.

```
const value1 = false
console.log(value1 ?? true)
// returns false as value1 is defined. 
console.log(value || true)
// returns true in all cases
```

Although this operator has been there for quite sometime, it has been mostly unknown to the majority of the community.

Do note that it might not work with old browsers. [Click here to check out its compatibility.](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing#browser_compatibility)


For further reference: Check out [Nullish coalescing operator '??'](https://javascript.info/nullish-coalescing-operator)
Introduction and HTML Tutorials: Building the Websites #1
Tags: html, tutorial, webdev
Published: 2023-06-25 06:28:18

**Introduction to HTML**

HTML (Hypertext Markup Language) is a markup language used to build web pages. In this article, we will introduce HTML to you and provide basic tutorials on how to use HTML tags to create the structure and basic content of web pages. Additionally, we will provide some simple examples to clarify these concepts.

**What is HTML?**

HTML is a markup language used to structure and display web pages. HTML web pages consist of elements organized using HTML tags. Each HTML tag provides instructions to the browser on how to display that element to the user.

**Basic HTML Tutorials**

- Basic Structure of an HTML Page

Every HTML page should start with the `<html>` tag and end with the `</html>` tag. The content of the web page is typically divided into two main sections: the `<head>` and the `<body>`. The `<head>` section contains metadata about the web page, such as the page title, links to CSS or JavaScript files, etc. The `<body>` section contains the content that will be displayed on the web page.

Example :

```html
<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>
    <h1>Welcome to my web page!</h1>
    <p>This is an example paragraph.</p>
</body>
</html>
```

- Creating Headings and Paragraphs

You can use HTML heading tags (`<h1>` to `<h6>`) to mark up headings on your web page. The `<p>` tag is used to create paragraphs.

Example :

```html
<h1>This is a web page title</h1>
<h2>This is a subheading</h2>

<p>This is the first paragraph.</p>
<p>This is the second paragraph.</p>
```

- Creating Lists

You can create lists using the `<ul>` (unordered list) tag for unordered lists or the `<ol>` (ordered list) tag for ordered lists. Each item in the list is placed between `<li>` tags.

Example :

```html
<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

<ol>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ol>
```

- Adding Images

You can display images on web pages using the `<img>` tag. You need to provide the src attribute, which contains the URL or path to the image you want to display.

Example :

```html
<img src="image.jpg" alt="Image Description">
```

- Creating Links

To create links to other web pages, use the `<a>` tag. You need to provide the href attribute, which contains the URL or path to the target web page.

Example :

```html
<a href="https://www.example.com">Visit Example Website</a>
```

- Formatting Text

HTML provides tags to format text, such as bold, italic, and underline. You can use the `<b>` tag for **bold**, `<i>` tag for _italic_, and `<u>` tag for <u>underline</u>

Example : 

```html
<p>This is <b>bold</b> text.</p>
<p>This is <i>italic</i> text.</p>
<p>This is <u>underlined</u> text.</p>
```

**Closing:**

HTML is the foundation of web development, and understanding its basics is crucial for anyone interested in building websites. In this article, we introduced HTML and provided tutorials on essential HTML tags and attributes, Happy coding!
Python: Find the Error
Tags: python, programming, coding, codenewbie
Published: 2023-06-25 06:05:46

No ChatGPT, can you spot the error!!!

```python 
def calculate_average(numbers):
    total = sum(numbers)
    average = total / len(numbers)  # Potential error here
    return average

data = [10, 20, 30, "40", 50]  # Potential error-causing element

try:
    result = calculate_average(data)
    print("Average:", result)
except TypeError as e:
    print("Error:", e)
```

If you find this article thrilling, discover extra thrilling posts like this on <a class="attrlink" href="http://blog.learnhub.africa/" target="_blank" rel="noopener noreferrer nofollow">Learnhub Blog</a>; we write a lot of tech-related topics from <a class="attrlink" href="https://blog.learnhub.africa/category/cloud-computing/" target="_blank" rel="noopener noreferrer nofollow">Cloud computing</a> to <a class="attrlink" href="https://blog.learnhub.africa/category/frontend/" target="_blank" rel="noopener noreferrer nofollow">Frontend Dev</a>, <a class="attrlink" href="https://blog.learnhub.africa/category/security/" target="_blank" rel="noopener noreferrer nofollow">Cybersecurity</a>, <a class="attrlink" href="https://blog.learnhub.africa/category/data-science/" target="_blank" rel="noopener noreferrer nofollow">AI</a> and <a class="attrlink" href="https://blog.learnhub.africa/category/blockchain/" target="_blank" rel="noopener noreferrer nofollow">Blockchain</a>. Take a look at <a class="attrlink" href="https://blog.learnhub.africa/2023/02/16/how-to-build-offline-web-applications/" target="_blank" rel="noopener noreferrer nofollow">How to Build Offline Web Applications. </a>
<h3><strong>Resource</strong></h3>
<ul>
 	<li><a class="attrlink" href="https://blog.learnhub.africa/2023/01/18/how-to-send-an-email-in-node-js-using-nodemailer/" target="_blank" rel="noopener noreferrer nofollow">How to send an email in node.js using nodemailer</a></li>
 	<li><a class="attrlink" href="https://www.w3schools.com/js/js_arrays.asp" target="_blank" rel="noopener noreferrer nofollow">Javascript Array method</a></li>
 	<li><a class="attrlink" href="https://blog.learnhub.africa/2023/05/09/20-best-javascript-frameworks-for-2023/" target="_blank" rel="noopener noreferrer nofollow">20 Best React JavaScript Frameworks For 2023</a></li>
</ul>
Greatest Advice I’ve Heard in a Long Time
Tags: productivity, discuss, career, devjournal
Published: 2023-06-25 05:27:15

"Just learn how to get stuff done. I’ve seen at every level people who are very good at describing problems, people who are very sophisticated in explaining why something went wrong or why something can’t get fixed.

But what I’m always looking for is, no matter how small the problem or how big it is, somebody who says, 'Let me take care of that.’ 

If you project an attitude of whatever it is that's needed, I can handle it and I can do it., whoever is running that organisation will notice, I promise. 

And which is why I think with young people, you don't always need to be so impatient asking for the plum assignment. A lot of times the best way to get attention is whatever is assigned to you, you are just nailing. You’re killing it. Because people will notice, 'Oh, that's somebody who can get something done.'"

- Obama

If you enjoy my technology-focused articles and insights and wish to support my work, feel free to visit my Ko-fi page at https://ko-fi.com/philipjohnbasile. Every coffee you buy me helps keep the tech wisdom flowing and allows me to continue sharing valuable content with our community. Your support is greatly appreciated!
The Rise of New IT Jobs Created By AI and Destined for Automation
Tags: newit, newtech, aitech, aiautomation
Published: 2023-06-25 05:06:38

The Rise of New IT Jobs Created By AI and Destined for Automation

Artificial intelligence (AI) has been changing the world of work and the IT industry is not an exception. While many jobs may be at risk of automation, new IT jobs have emerged with the development of AI. In this blog post, we will explore some of the new IT jobs created by AI, and how they are destined for automation.
New IT Jobs Created By AI And Destined For Automation
https://readmorr.com/new-it-jobs-created-by-ai-and-destined-for-automation/


1. AI Trainer

As AI systems become more advanced, they require more data to learn from. AI trainers are responsible for collecting and labeling data to feed into the AI algorithms. This job is crucial in the development of AI systems, as the quality of data has a direct impact on the accuracy of the system. However, with the advancement of AI, this job is likely to be automated in the near future.

2. AI Ethicist

AI has raised ethical concerns, such as bias and privacy issues. An AI ethicist is responsible for ensuring that AI systems are developed ethically and that they do not cause harm. This job requires a deep understanding of both AI and ethics. As AI becomes more integrated into our lives, the need for AI ethicists is expected to grow.

3. Data Analyst

Data analysts have been around for a while, but with the increasing use of AI, their role has evolved. They are now responsible for analyzing data collected by the AI systems. This includes identifying patterns and trends in data, which can be used to improve the AI system. While this job is not likely to be automated, the use of AI will make it more efficient.

4. Cybersecurity Specialist

As AI systems become more prevalent, the need for cybersecurity specialists will only increase. Cybersecurity specialists are responsible for protecting AI systems from cyber attacks. They must be able to identify vulnerabilities in the system and develop strategies to prevent attacks. With the increasing use of AI, the demand for cybersecurity specialists will only grow.
New IT Jobs Created By AI And Destined For Automation
https://readmorr.com/new-it-jobs-created-by-ai-and-destined-for-automation/


In conclusion, AI is creating new IT jobs that are destined for automation. While some jobs are at risk, others are evolving and becoming more important. It is important to understand the impact of AI on the job market and to prepare for the changes that will come. As technology continues to advance, new opportunities will arise for those who are prepared to adapt.
Is Learning Coding or Tech Skills Still Necessary in the Era of AI?
Tags: webdev, coding, codingortech, techskills
Published: 2023-06-25 05:02:43

In today's world, technology is advancing at an unprecedented pace and Artificial Intelligence (AI) is becoming more prevalent in every aspect of our lives. The rise of AI has led to a debate about whether it is worth learning coding or tech skills anymore. In this blog post, we will explore both sides of the argument and provide an objective analysis of whether it is still necessary to learn these skills in the era of AI.
Is It Worth Learning Coding Or Tech Skills Anymore Ai With AI?
https://readmorr.com/is-it-worth-learning-coding-or-tech-skills-anymore/

On the one hand, the development of AI has led to the automation of many tasks that previously required human intervention. This includes tasks in the IT industry such as software testing, data analysis, and even software development. As a result, some argue that learning coding or other tech skills may no longer be necessary in the future as AI continues to develop.

On the other hand, it is important to note that AI is not an all-encompassing solution. It is only effective in tasks where there is a clear set of rules and a large amount of data to work with. Furthermore, AI still requires human intervention in order to operate effectively. This means that there will always be a need for individuals with coding and tech skills to develop and maintain the AI systems that are being used.

In addition, learning coding or other tech skills can provide individuals with a competitive advantage in the job market. Even if AI takes over some of the more mundane tasks, there will always be a need for individuals who can design and implement these systems. Furthermore, as AI continues to develop, there will likely be new job opportunities that require a combination of AI and tech skills.
Is It Worth Learning Coding Or Tech Skills Anymore Ai With AI?
https://readmorr.com/is-it-worth-learning-coding-or-tech-skills-anymore/
In conclusion, while the rise of AI has led to a debate about the value of learning coding or other tech skills, it is still necessary to learn these skills in the era of AI. AI is not an all-encompassing solution and still requires human intervention in order to operate effectively. Furthermore, learning these skills can provide individuals with a competitive advantage in the job market and open up new opportunities in the future. So, if you have an interest in coding or other tech skills, it is definitely worth pursuing them in the era of AI.
What the future holds for technology in the year 2030 and beyond.
Tags: futuretech, technology, tech2023, ai203
Published: 2023-06-25 04:43:12

As we move towards the end of the decade, it's interesting to speculate what the future holds for technology in the year 2030 and beyond. With advancements in artificial intelligence, robotics, and the internet of things, the possibilities are seemingly endless.


What Are The Top Future Tech For 2030? https://readmorr.com/what-are-the-top-future-tech-for-2030/

One of the top future technologies to watch out for is 5G technology. This new generation of wireless technology promises faster download and upload speeds, reduced latency, and the ability to connect more devices to the internet. It's expected to revolutionize industries such as healthcare, transportation, and entertainment.

Another exciting development is the rise of autonomous vehicles. Self-driving cars and trucks are already being tested on roads and highways around the world, and experts predict that by 2030, they'll be a common sight on our streets. These vehicles have the potential to reduce accidents, ease traffic congestion, and improve mobility for people who can't drive.

In the field of healthcare, precision medicine is set to transform the way we approach disease. By analyzing a patient's genetic makeup, doctors can tailor treatments to their unique needs, leading to better outcomes and fewer side effects. Other technologies, such as nanorobots and 3D printing, could also play a significant role in healthcare in the coming years.

Finally, virtual and augmented reality are poised to change the way we interact with the world around us. From immersive gaming experiences to virtual tourism, these technologies have the potential to transport us to new worlds and enhance our everyday lives.

What Are The Top Future Tech For 2030? https://readmorr.com/what-are-the-top-future-tech-for-2030/
As these and other technologies continue to evolve, it's clear that the future of tech in 2030 is bright and full of possibilities.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vw8z4ena9fmlckor46a7.jpg)
Twitter API suspended? Here's how to fix it
Tags: twitter, api, auth, webdev
Published: 2023-06-25 04:34:34

A bunch of Twitter API clients which upgraded from v1 API to the free v2 API were suddenly suspended. The portal tells you to file an appeal, however all "contact support" links lead to a dead end.

I believe the reason this changed is due to a change in the permission model, might be a bug as it's very unintuitive as you will see in a minute.

## How to fix it
- Go to the [Developer Portal](https://developer.twitter.com/en/portal/projects) and delete the suspended app
- create a new app under the existing project
- If you generate authentiation tokens, notice how after creating them it says they are "read only", not allowing you to tweet (which is the only thing you can do with the free API)
- Go to settings and scroll down to "User authentication set up"
- Change the permissions to "read and write", under callback and website URL you can put anything as it doesn't matter.
- This will generate oauth keys but you won't need them
- Now to go back to "Keys and tokens" and (re)generate both the keys and token, even if you created them before already
- That's it, now you should see the access token has "read and write" permissions and you can add the new keys to your application!
Cloud Native: Overview about Thanos
Tags: cloudcomputing, cloudnative, monitoring, devops
Published: 2023-06-25 04:09:43

Thanos is an open-source project developed by the Cloud Native Computing Foundation (CNCF) that provides a highly available and scalable solution for storing, querying, and visualizing Prometheus metrics.

Prometheus is a popular monitoring and alerting tool used in cloud-native environments, but it has limitations when it comes to long-term storage and global querying. Thanos solves these limitations by adding a global query view and long-term storage capabilities to Prometheus.

With Thanos, you can scale Prometheus horizontally and store metrics in a distributed, highly available manner. Thanos also provides a global query view of all metrics, regardless of their location, enabling you to query metrics from a single endpoint.

Additionally, Thanos supports efficient query parallelization, allowing you to run queries on multiple Prometheus instances in parallel, which significantly reduces query latency.

Thanos also includes a set of components, such as the query component, the sidecar component, and the store component, that can be used independently or together to build a complete monitoring solution.

Overall, Thanos is a powerful and flexible tool that enhances the capabilities of Prometheus and provides a reliable solution for storing, querying, and visualizing metrics in cloud-native environments.
How To Learn JavaScript in 2023 !!
Published: 2023-06-25 04:09:22

Hello, 

(In this article, I will tell you how to learn JavaScript)

To learn JavaScript in a structured and effective way, you can follow these steps:

1. Set your goals: Before starting to learn JavaScript, you should set your goals and what you want to achieve through learning it. Do you want to design a website entirely using JavaScript, or do you just want to learn some basic skills?

2. Choose the right sources: You can benefit from various JavaScript learning sources such as books, articles, educational videos, online courses, and specialized educational platforms.

3. Continuity and practical application: You should be enthusiastic and persistent in learning JavaScript and applying what you have learned practically on different projects.

4. Benefit from the community: You can join different JavaScript communities online and benefit from the experiences of others and communicate with them to improve your skills.

As for the commands that can be used in designing websites using JavaScript, they include many different commands and concepts such as:

- Events, which allow you to respond to user actions on website elements.
- The Document Object Model (DOM), which allows you to control HTML and CSS elements on the page.
- Page Control, which allows you to control the loading and navigation between pages.
- Functions, which allow you to create collections of commands that can be used anywhere in your code.

Finally, it can be said that all these commands and concepts can be used effectively in website design. However, you should focus on learning the basic concepts and common commands at first, and then move on to higher and more advanced levels.

As for learning sources, you can learn from:

YouTube: freecodecamp , travesy media , Brocode

Internet: Search for "w3schools.", MDN Mozila
theme-color meta tag vs manifest theme_color
Tags: pwa, web, design
Published: 2023-07-25 15:28:39

---
title: theme-color meta tag vs manifest theme_color
published: true
date: 2023-06-25 00:00:00 UTC
tags: pwa,web,design
canonical_url: https://goulet.dev/posts/theme-color-meta-tag/
---

## `theme-color` meta tag

You can set your site's theme color with the [`theme-color` meta tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color) in the `<head>` of your site:

```html
<meta name="theme-color" content="#4285f4" />
```

Browsers will use this color for certain browser UI elements (like the address bar) when the user visits your site.

> If your theme color causes contrast issues it might not be used by some browsers.

## `theme_color` in web app manifest

You can also set a [`theme_color` in your site's web app manifest](https://developer.mozilla.org/en-US/docs/Web/Manifest/theme_color):

```json
{
  "name": "My Site",
  "theme_color": "#4285f4",
  "background_color": "#fff"
}
```

The OS will use this color for certain UI elements when the user installs your site as a PWA. For example, this will set the color of your app's title bar on Windows.

## Use Both

In my experience, desktop chromium-based browsers (Chrome, Edge, etc) will use the `theme-color` meta tag over the `theme_color` in the manifest when setting the color the of the app title bar.

So which should you use? Use both and set them to the same value (as [mentioned on web.dev](https://web.dev/add-manifest/#theme-color)).