teleren/devto huggingface dataset:
Easy Guide to Improve Your Coding Skills
Tags: codin, codenewbie, programming, productivity
Published: 2023-01-23 06:37:23

- Practice, practice, practice. The more you code, the better you will get. Set aside some time each day to work on coding projects or exercises.
- Learn from others. Read code written by experienced developers, and learn from their techniques and best practices.
- Stay up to date. Keep up with the latest trends and technologies in the coding world by reading blogs, attending conferences, and participating in online forums.
- Collaborate with others. Join a coding community or team up with other developers to work on projects. This will help you learn new skills and get feedback on your work.
- Learn a new programming language. Expanding your knowledge of different languages will help you become a more versatile coder.
- Don't be afraid to ask for help. If you're stuck on a problem or have a question, reach out to other developers or use online resources like Stack Overflow to find answers.
Configure Odoo 16.0 to Receive Email
Tags: tutorial, odoo, email
Published: 2023-01-23 06:35:45

I have previously written about [how to Configure Odoo 16.0 to Sending Email](https://dev.to/gustitammam/configure-odoo-160-to-sending-email-2a1o), providing a step-by-step guide on how to configuring the SMTP server. And now, I am writing about how to configure Odoo 16.0 to receive email.

The emails that are received by the system is handled by mail gateway. The mail gateway is responsible for receiving emails, processing them and then routing them to the appropriate location within the Odoo system.

When an email is received by the mail gateway, it first checks if the email is related to an existing record, such as a customer or a project. If the email is related to an existing record, it will be linked to that record and added to the mail thread. If the email is not related to an existing record, the mail gateway will create a new record and link the email to that record.

To get started, please go to "_Settings/General Settings_". In "Discuss" section, please check on "Custom Email Servers" option. Please fill in your alias domain, for example is `tammam.id`. Then click on **Save** button.

After page is reloaded, then click on "Incoming Email Servers" link. Before we continue, please make sure you've already set up an email account and got its credentials. Let's say we have this credentials:

**POP Host:** pop.tammam.id
**POP Port:** 995
**Requires SSL:** Yes
**Username:** catchall@tammam.id
**Password:** ********

Then, click on **Create** button to add new incoming mail server. Then please fill in the form with your email account's credentials:

- **Name:** `Catchall Tammam Mailbox`. Please set the name of the mail server.
- **Server Type:** `POP Server`. It depends on what's the type of mail server you're using. In this example, I'm using POP Server.
- **Server Name:** `pop.tammam.id`.
- **Port:** `995`.
- **SSL/TLS:** `True`.
- **Username:** `catchall@tammam.id`
- **Password:** `********`

Then, click on **Test & Confirm** button. If the message is successful then you're done, otherwise, there's a problem with your mail server.

If all is configured correctly, all messages out from Odoo will have "catchall@tammam.id" as a "Reply-to" email. Odoo will periodically fetch the mailbox of "catchall@tammam.id", if there's an email related to a record, it will be shown in the chatter of that record.

> Cover image by [Angela Roma](https://www.pexels.com/id-id/@angela-roma/) on [Pexels](https://www.pexels.com/id-id/foto/wanita-surat-kosong-salinan-ruang-7318933/).
How to Master Python in 2023?
Tags: webdev, python, programming, opensource
Published: 2023-01-23 06:29:32

1. Start with the basics: Learn the fundamental concepts of Python such as data types, loops, functions, and modules. This will give you a solid foundation to build upon.
2. Practice, practice, practice: The more you practice coding in Python, the more comfortable you will become with the language. Try to work on different projects and solve problems to improve your skills.
3. Learn advanced concepts: Once you have a good grasp of the basics, move on to more advanced concepts such as object-oriented programming, decorators, and generators.
4. Keep up with updates: Python is constantly evolving, so it's important to stay updated with the latest versions and new features. This will ensure that you are using the best practices and are aware of any changes that might affect your code.
5. Join a community: Joining a community of Python developers can be a great way to learn and grow as a coder. You can ask for help, share your knowledge, and get feedback on your projects.

With the above points and a lot of hard work, you can master Python by 2023.
7 Benefits of Choosing Python for Your Next Project
Tags: python, beginners, programming, tutorial
Published: 2023-01-23 06:25:10

"Python is more than just a programming language - it's a game changer. 

Here are 7 benefits of choosing Python for your next project: 

1. Easy to learn and use 
2. Versatile and applicable to multiple industries 
3. Large and active community 
4. Plenty of libraries and frameworks 
5. High demand for Python developers 
6. Good for data analysis and visualization 
7. Great for machine learning and artificial intelligence. 

#python #programming #coding #development #AI #machinelearning"
Challenges faced by Developers in 2023
Tags: developers, webdev, javascript, programming
Published: 2023-01-23 06:22:40

2023 is here and with it comes new challenges for developers. From keeping up with the latest technologies to navigating remote work, it's important to stay resilient and adaptable. Here are a few challenges to keep an eye on this year:

- Cybersecurity threats and data privacy.
- Managing complexity in an increasingly interconnected world.
- Meeting the demand for low-code and no-code solutions.
- Staying relevant in a fast-paced, constantly-changing tech landscape.
- Finding ways to balance work and personal life while working remotely.
Let's face these challenges head on and come out stronger on the other side! 

#developerlife #2023challenges
The Best Way to Learn Frontend Web Development
Tags: webdev, javascript, css, react
Published: 2023-01-23 06:14:40

Front-end development is a crucial aspect of web development, as it is responsible for the visual and interactive elements of a website. Learning front-end development can be a daunting task, but with the right approach, it can be an enjoyable and rewarding experience. Here are some tips for learning front-end development:

**Start with the basics:** Before diving into complex frameworks and libraries, it's essential to have a solid understanding of HTML, CSS, and JavaScript. These are the building blocks of front-end development, and mastering them will make it easier to learn more advanced concepts.

**Practice, practice, practice:** The best way to learn front-end development is by doing it. Build small projects and experiment with different techniques. This will help you understand how different elements work together and how to troubleshoot issues.

**Learn from others:** The front-end development community is vast and vibrant, with many resources available online. Join online forums, read blogs, and watch tutorials to learn from other developers and gain new perspectives.

**Learn by building:** Instead of just reading about a new technique or framework, try building something with it. This will help you understand how it works in practice and give you a sense of accomplishment.

**Stay up to date:** Front-end development is constantly evolving, with new technologies and techniques emerging all the time. Stay up to date with the latest developments by following industry leaders and participating in the community.

**Learn by doing**: The best way to learn front-end development is by working on real-world projects. You'll learn how to work as part of a team, how to manage your time and resources, and how to communicate with others.

In conclusion, front-end development is an exciting field that requires patience, hard work and dedication. Start with the basics, practice, learn from others and stay up to date with the latest technologies. Remember, learning is a journey, and every step takes you closer to your goal.
AWS Cloud Quest: Single Page App Study Note
Tags: aws, cloud
Published: 2023-01-23 06:11:16

This is the DIY challenge of the Single Page App task in AWS Cloud Quest.

### DIY Steps:
1. Change execution role for `find_vehicle` lambda function

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ijbe5bwq9srrpfwvu0lv.png)
VSCode Deno Notebook (Denote)
Tags: deno, vscode, jupyter
Published: 2023-01-23 05:51:08

This is the implementation of the ideas discussed in this article here: [Proposing a new way to write JavaScript.](https://dev.to/reggi/proposing-a-new-way-to-write-javascript-7km).

> **TLDR**: I created a concept [VSCode Deno Notebook](https://github.com/reggi/vscode-deno-notebook).

As a full-stack developer, I haven't used "notebooks" like the interactive computing kind before. They are mainly used in data science to run queries and visualize data. However, I see immense utility in something like that. The ability to execute code within a smaller subset of the codebase on a whim. I've been obsessed lately about how to organize code in general. Wouldn't it be nice to visually see both a function and the test you write in the same place? Perhaps even run a test also. Interface-based test runners have existed since the beginning of IDEs in general, but tests are often separated into their own file apart from the code that would normally run at runtime.

In the JavaScript ecosystem, there are often many ways to do something, the same thing applies to authoring code itself. For example, you may want to break all your functions down into their own files, or have classes that join common or similar functions together. The choice of how to organize code depends on the specific task at hand. I find that it may be easier if we didn't have to deal with the file abstraction at all.


![screenshot of extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hhs29s7v7e2l6bkkp219.png)

I have created a new prototype VSCode extension that allows for creating multiple functions in one notebook. Each "cell" is a function that is exported as its own file and can be used independently. This extension can execute both regular files as well as tests. Unit tests can be saved and run within the cell, and executed with the `deno test` command, while a regular script will use `deno run`. The extension detects the type of file by the first comment, which acts as the name for the generated file. AST parsing could be used here for name and test detection in the future.

In conclusion, as a full-stack developer, I see the potential of using interactive notebooks in my workflow. The ability to execute code and run tests within a smaller subset of the codebase, and visually see both a function and the test in the same place, is extremely useful. I invite others to check out my repository and share their thoughts on how this can be further improved and built upon. [Here's a link to the repo.](https://github.com/reggi/vscode-deno-notebook)

{% embed https://github.com/reggi/vscode-deno-notebook %}
System Design: Storage
Tags: system, design, storage
Published: 2023-01-23 05:33:24

** System Design **
Today, we are going to see the storage concept in system design.
Two types of storage data
1. On Disk
2. In Memory

1. On Disk
The data which we store on disk will be persistence. It means that the data is still available after the server is down. 

2. In Memory
The data is not persistent here because the data is available as long as the server is up. As soon as the server down, the data removes.

In summary, we can say that three concepts involved in storage.
1. Disk
2. Memory
3. Persistence

We will look in more concepts in future in this series. 
Thank You!
How To Get Radio Button Checked Value In jQuery
Tags: javascript, jquery, webdev, beginners
Published: 2023-01-23 05:30:00

In this article, we will see how to get the radio button checked value in jquery. Here, we will learn to get the radio button value using javascript. You can use :checked selector and get the value of radio button.

So, let's see the jquery radio button checked value, how to get the radio button value using jquery, and get the selected radio button value javascript.

Example:

```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>How To Get Radio Button Checked Value In jQuery - Techsolutionstuff </title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
    $(document).ready(function(){
        $("input[type='button']").click(function(){
        	var radioValue = $("input[name='gender']:checked").val();
            if(radioValue){                
              	$(".checkedvalue").text("Selected value: " + radioValue);
            }
        });
    });
</script>
<style>
  body{
    margin:100px;
  }
</style>
</head> 
<body>
  	<h2>How To Get Radio Button Checked Value In jQuery - Techsolutionstuff</h2>
    <h4>Please select your gender.</h4>
    <p> 
        <label><input type="radio" name="gender" value="male">Male</label> 
        <label><input type="radio" name="gender" value="female">Female</label>
    </p>
    <p><input type="button" value="Get Value"></p>
  	<p class="checkedvalue"></p>  
</body>
</html>
```

Output:

![how_to_get_radio_button_checked_value_using_jquery](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kecx2hodjswleoe5qae5.png)


Example:

```
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery radio button checked value - Techsolutionstuff</title>
  <style>
  input, label {
    line-height: 1.5em;
  }
  </style>
  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
 
<form>
  <div>
    <input type="radio" name="fruit" value="orange" id="orange">
    <label for="orange">orange</label>
  </div>
  <div>
    <input type="radio" name="fruit" value="apple" id="apple">
    <label for="apple">apple</label>
  </div>
  <div>
    <input type="radio" name="fruit" value="banana" id="banana">
    <label for="banana">banana</label>
  </div>
  <div id="log"></div>
</form>
 
<script>
$( "input" ).on( "click", function() {
  $( "#log" ).html( $( "input:checked" ).val() + " is checked!" );
});
</script>
 
</body>
</html>
```

---

- **_[Read Also: How To Get Checked And Unchecked Checkbox Value In jQuery](https://techsolutionstuff.com/post/how-to-get-checked-and-unchecked-checkbox-value-in-jquery)_**
- **_[Read Also: Autotab To Next Input Field JQuery Example](https://techsolutionstuff.com/post/autotab-to-next-input-field-jquery-example)_**
AWS Amplify
Tags: aws, beginners, amplify, webdev
Published: 2023-01-23 05:23:51

AWS Amplify is an AWS service that lets you build, ship and host a full stack application on AWS. Amplify is a complete solution for frontend and mobile developers to easily build, ship and host.
AWS amplify consists of tools like open source framework and visual development env and a fully managed web hosting service. These can be used together or individually. Like if some one just want a hosting service for their app they can only use Amplify host service.

![AWS Amplify](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uuzdjbvs0z9az778t954.png)


AWS Amplify: A set of tools that enables dev to build web and mobile apps leveraging various AWS services including front end and back end.
Things you can do with Amplify:

> - Enable data storage.
> - Enable authentication
> - File Storage
> - Host an app
> - Add AI or ML to your application.

Amplify CLI: Amplify has a CLI ready to use, 

> - CLI:- Command Line Interface
> - CLI helps to configure app backend using the command line(terminal), like : amplify add auth - meaning aading auth to the application

Amplify Studio: It brings the UI element to Amplify.

> - It is a visual development environment for building full-stack web and mobile apps fast.
> - You can build the front and backend of your app quickly with:
> - Minimal coding ( still need to do some coding but very less)
Some React Native Errors Solutions
Tags: reactnative, android
Published: 2023-01-23 05:23:35

The React Native Android build encountered multiple errors, leading to a failed build. These errors included missing dependencies, issues with the Android SDK configuration, and other errors that made the React Native development process challenging.

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


In this article, we present some similar errors that can appear in the Android build for React Native development and provide solutions to resolve them.


**Error1:** `Cannot find symbol reactRootView.setIsFabric(BuildConfig.IS_NEW_ARCHITECTURE_ENABLED;`

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

**Solution:**
- Add "IS_NEW_ARCHITECTURE_ENABLED" variable to android> buildTypes > debug and android> buildTypes > release in app/build.gradle

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

**Remark:** we set this variable as false to disable the new architecture of react native if you want to use it replace with true.


**Error2:** `Requested internal only, but not enough space;`

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

**Solution:**
- Remove build folder from android/app
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ee88nigcl3rl9u9have.png)


**Error3:** `INSTALL_FAILED_INSUFFICIENT_STORAGE`

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

**Solution:**
- Open AndroidStudio and go to SDK Manager

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

Close your emulator and Wipe phone data

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nn3y02gtien7nr19o72h.png)
Python Training in Pune
Tags: python, javascript, webdev
Published: 2023-01-23 05:19:51

Do you want to practice data structures in Python? In this article, I explain every detail about getting the index of an item in a Python list, a fundamental data structure used in Python programs.

The list is one of the built-in data structures in Python. It is represented as a collection of data points in square brackets and can store values with different data types. The Python list is a versatile and efficient data structure, so it is of great importance to know how to manipulate and interact for designing efficient Python programs.

[Python Training in pune](https://www.3ritechnologies.com/course/python-programming-training-in-pune/)

python is an open-source language, meaning its existing and new developments are freely available to everyone. Anyone can write some code and then make it available for others to download, install, and use. You might find these programs referred to as Python modules or Python packages. But what is the difference between these two terms? We’ll explore this question in this article.Modules and packages both make code reusable among many people. You can write a module to calculate the area of various shapes. And you can give this module to your friends so they can use it without having to rewrite all the code. This saves time and effort and helps avoid mistakes.
Learning Python was extremely difficult for me, but it didn’t have to be.

A little over a decade ago, I was a college graduate with a history degree and few prospects. Then, I became a successful machine learning engineer, data science consultant, and now CEO of Dataquest.This is not an overnight success story, though. My journey to learn Python was long, inefficient, and frequently discouraging.If I could do it over again, I would follow the steps I’m going to share with you in this article. It would have fast-tracked my career, saved thousands of hours of wasted time, and prevented a lot of stress.
Many of the courses out there make learning Python more difficult than it has to be. To illustrate my point, I’ll give you a personal example.

When I first started learning Python, I wanted to do the things that excited me, like making websites. Unfortunately, the course I was taking forced me to spend multiple months on syntax. It was agony.

Throughout the course, Python code continued to look foreign and confusing. It was like an alien language. It’s no surprise I quickly lost interest.

Regrettably, most Python tutorials are very similar to this. They assume you need to learn all of Python syntax before you can start doing anything interesting. Is it any wonder most people give up?

Instead of wasting time on these mundane tasks, you could be experiencing the real thrills of Python. Think analyzing data, building a website, or creating an autonomous drone with artificial intelligence!
Line Connects 2 boxes (ChatGPT)
Tags: codepen, chatgpt, javascript, graphics
Published: 2023-01-23 05:00:00

{% codepen https://codepen.io/mistafisha/pen/OJwvPLv %}
ChatGPT Prompt: 
Write HTML (only body inner contents), CSS, and javascript (without canvas) separately to create the following:
Add a black background. 
Add a container with a teal background that fills the screen. Everything below goes in the container.
Place a red start box in the center of the screen.
Place a blue end box in random position on the screen.
Create a yellow line that connects start box to end box. The line could be made with a div.
Create a 'redo' button that moves the end box to a new random position on the screen and reconnects the line.

ChatGPT Correction: 
The container should use viewport units to fill the screen.
set the line height to 3px and give it a red outline.
Bug: The line is the correct angle and width, but it is not aligned with either the start or end square.

Manual Correction:
`    // var x1 = startBox.offsetLeft + startBox.offsetWidth / 2;
    var x1 = startBox.offsetLeft;
    // var y1 = startBox.offsetTop + startBox.offsetHeight / 2;
    var y1 = startBox.offsetTop;`