teleren/devto huggingface dataset:
Creating my First official Project: Mellow Tè
Tags: webdev, html, career, codenewbie
Published: 2021-12-30 13:50:55

Hey Guys!

Its been a long while but a lot has been happening in life for me at this moment. I have been very busy immersed in my coding bootcamp as of late, I have recently got Married![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m6q059126eo3nu3jfz6z.png)
  and also Moving countries so its been one big rollercoaster as to why I havent been posting a lot as of late :sweat_smile:

However in the midst of all this happy chaos and change I have been working quite a lot even during the holidays!

Most recently in November I finished my first project for my bootcamp which was a fully responsive front-end website for a Herbal tea page. I created this using HTML & CSS.

This was quite the challenge for me being my first project and spent quite a few weeks on this struggling with it. I finally managed to make it through and submit! The work consists of my love for Herbal Tea and the health benefits it can bring to people. I wanted to approach the site in this way which is for the reason I used the green colour patterns for the look.

The things I found the most troublesome while working on this where the Media Queries. Those blasted media queries kept changing the images and wording around on the page whenever I put it through rigorous testing for different devices. Alas in the end we made it through. Now with this experience I hope I am able to create better functioning websites and also at a much faster pace.

I am now currently working on my 2nd project of the bootcamp which is a front-end Javascript game. I will definitely be posting my experience once I've finished this which wont take too long as I have roughly 12 days to complete it.

I hope you enjoyed this article and my experience and wish me luck for the upcoming project! :v:

P.S. Link for my Website is stored on my Github page here: https://github.com/MikaCodez/mellowte

Follow me on Twitter: @CodezMikazuki

Thanks For Reading!
Mika/Malcz
GeoIP NodeJS
Tags: programming, javascript, node
Published: 2021-12-30 13:42:19

Basic GeoIP coded on NodeJS for educational purposes.
Tool coded on nodejs that grabs info about an IP Address.

- Github Repo: [PenucuriCode](https://github.com/GarudaID/GeoIP-NodeJS)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1sr2a9zn8wljeljx6hty.PNG)

##Install and Usage

```
npm install
node index.js
```
##Used Package
- [Node IPLocate](https://www.npmjs.com/package/node-iplocate)

##Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.
Leetcode 937. Reorder Data in Log Files 
Tags: javascript, java
Published: 2021-12-30 13:39:22

I found that solution very popular and helpful: 
[https://www.youtube.com/watch?v=UbNU98fKV8o&ab_channel=EricProgramming](https://www.youtube.com/watch?v=UbNU98fKV8o&ab_channel=EricProgramming)
Custom Operations with Salesforce Connector in webMethods.io
Tags: webmethods, esb, integration
Published: 2022-01-05 09:49:22

---
title: Custom Operations with Salesforce Connector in webMethods.io
published: true
date: 2021-12-30 13:33:55 UTC
tags: webmethods, esb, integration
canonical_url: https://tech.forums.softwareag.com/t/custom-operations-with-salesforce-connector-in-wm-io/254214
---

 **Summary**

[wm.io](http://wm.io) provides predefined Salesforce connectors to perform different actions on few of the Salesforce objects. But for querying objects which are not available by default you need to create custom operations.  
Read full topic in the [Software AG Tech Community](https://tech.forums.softwareag.com/t/custom-operations-with-salesforce-connector-in-wm-io/254214) and learn how to connect and query from Salesforce using custom operations in [wm.io](http://wm.io).

**Pre-requisites**  
• Access to [wm.io](http://wm.io) tenant  
• Access to Salesforce credentials

**Content**  
• Connect to Salesforce using pre-defined connector  
• Fetch data from Salesforce using custom operations
Authme 3.0.0 released!
Tags: showdev, node, javascript
Published: 2021-12-30 13:31:18

### Authme

Simple cross platform two-factor authentication app for desktop.


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

### Download

[Website](https://authme.levminer.com)
[GitHub](https://github.com/levminer/authme)

### Release notes

* 2021.12.28. (Standard update)

### Breaking

* #154 Deprecate old encryption method
* #155 Deprecate .txt import/export file format
* #158 New folder structure
* #172 Remove backup key restore

### Feature

* #58 macOS support
* #141 Import from camera
* #152 Support .authme import/export file format
* #157 Auto update
* #159 New title bar
* #164 Default display

### Improvement

* #129 Accessibility improvements
* #156 Improved window content protection
* #160 Lock Authme when PC goes to sleep or locked
* #166 Faster 2FA code rendering
* #169 Remove splash screen
* #170 Improved startup speed
Build React environment
Tags: react, typescript, devjournal
Published: 2021-12-30 13:24:10

## Build environment

I will build the environment with macOS Catalina.

Before we start, we need `Node >= 14.0.0` and `npm >= 5.6`.
I have already had node and npm in my computer though if you need to install it, follow the steps below.
If you are not sure whether node and npm are in your computer or not, try the following commands.

```
$ node -v
```

If it shows like `-bash: node: command not found`, you should follow the next steps.
If it shows some version like `v14.17.0`, you don't have to install them.

## Install Node.js

To install Node.js, it would be better to setup the following softwares in this order.

1. Homebrew ... Package manager for macOS.
2. Nodebrew ... Version manager for Node.js.
3. Node.js

**Install Homebrew**

Following the latest install commands on [the official website](https://brew.sh/) is the best.

Now, the command is below:

```
$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
```

**Install Nodebrew**

It is also better to follow [the official](https://formulae.brew.sh/formula/nodebrew) installing process.

Now, the command is:

```
$ brew install nodebrew
```

After that, run the setup command.

```
$ nodebrew setup
```

The result will show that a command like `export PATH=$HOME/.nodebrew/current/bin:$PATH`, then run the following command.

```
$ echo 'THE_COMMAND_ABOVE' >> ~/.bash_profile
```

Then run the following command to reflect the setting.

```
$ source ~/.bash_profile
```

**Install Node.js**

Last, install Node.js with the command.

```
nodebrew install stable
```

By the way, you can see all the versions which are available to install.

```
nodebrew ls-remote
```

If you don't have a preference about it, stable version is the best for now.

## Install npm

It is installed with Node.js so let's see it.

```
$ npm -v
```

It must show the version like `6.14.13` (it is my result).

---

I was supposed to get to creating my first React app though this description became longer than I thought.
I will write about it in the next article.
Let's learn the concepts of backend server.
Published: 2021-12-30 13:19:52

**Explain CRUD Operation**

CRUD is actually the acronym of four different functions create(insert operation in the database), read (select operation in the database), update, and delete that are used in implementing storage applications and relational databases. The CRUD operation is performed to manipulate or change data.  



**JWT**

JWT stands for JSON Web Token which is a standard for transferring security information between the client-side and server-side of a web application. Every JWT holds encoded JSON objects. As a JWT is smaller in size it can be transferred through a POST parameter, a URL, or within an HTTP header for rapid transmission. It contains all the necessary information regarding an entity to prevent querying a database more than once.



**Relational Database**

A relational database is a sort of database that stores and provides access to associated data points. Relational databases are structured as relational models which is an easier way of representing data in tables. In a relational database, each row in the table has a record with a unique key. The columns of the table contain the attributes of the data, and each record usually has a value for each attribute, which makes it easier to establish relationships between data points.
Ultimate list of JavaScript Learning Resource (Free)
Tags: javascript, beginners, tutorial, webdev
Published: 2021-12-30 13:15:12

##This post is Going to have some Awesome Resources

**Website**
👉[TutorialRepublic](https://www.tutorialrepublic.com/)
👉[Javascript.org](https://www.javascript.com/)
👉[HTML Dog](https://htmldog.com/)
👉[FreeCodeCamp.org](https://www.freecodecamp.org/)
👉[The Odin Project](https://www.theodinproject.com/)
👉[W3Schools](https://www.w3schools.com/) 
👉[Javapoint](https://www.javatpoint.com/)
👉[JavaScript Notes  & Reference(by Wesbos)](https://wesbos.com/javascript)
👉[Study Tonight](https://www.studytonight.com/)
👉[Tutorial Point](https://www.tutorialspoint.com/index.htm)
👉[Devdocs.io](https://devdocs.io/)
👉[MDN web Docs](https://developer.mozilla.org/en-US/)
👉[Geeks for Geeks](https://www.geeksforgeeks.org/)
👉[Sololearn](https://www.sololearn.com/home)

**Youtube Channels**

👉[FreeCodeCamp.org](https://www.youtube.com/c/Freecodecamp)
👉[Hitesh Chaudhary ](https://www.youtube.com/c/HiteshChoudharydotcom)
👉[Telusko](https://www.youtube.com/c/Telusko)
👉[Akshay Saini](https://www.youtube.com/c/akshaymarch7)
👉[CodeWithHarry](https://www.youtube.com/c/CodeWithHarry)
👉[Academaind](https://www.youtube.com/c/Academind)
👉[Yahoo Baba](https://www.youtube.com/c/YahooBaba)
👉[Traversy Media](https://www.youtube.com/c/TraversyMedia)
👉[The Net Ninja](https://www.youtube.com/c/TheNetNinja)
👉[Web Dev Simplified](https://www.youtube.com/c/WebDevSimplified)
👉[Thapa Technical](https://www.youtube.com/c/ThapaTechnical) 
👉[Dcode](https://www.youtube.com/c/dcode-software)
👉[LearnWebCode](https://www.youtube.com/user/LearnWebCode)
👉[Dev Ed](https://www.youtube.com/c/DevEd)
👉[JavaScript Mastery](JavaScript Mastery)
👉[Florin Pop](https://www.youtube.com/c/FlorinPop)
👉[Clever Programmer](https://www.youtube.com/c/CleverProgrammer)
👉[Wes Bos](https://www.youtube.com/c/WesBos)

**E-Book**

👉[Eloquent JavaScript](https://eloquentjavascript.net/)
👉[You Don't Know JS Yet Series](https://github.com/getify/You-Dont-Know-JS)
👉[JavaScript: The Definitive Guide](https://www.oreilly.com/library/view/javascript-the-definitive/9781491952016/)
👉[JavaScript: The Good Parts
](https://www.oreilly.com/library/view/javascript-the-good/9780596517748/)👉[JavaScript And JQuery](https://www.geeksforgeeks.org/difference-between-javascript-and-jquery/)
👉[Speaking JavaScript](http://speakingjs.com/es5/)
👉[JavaScript For Impatient Programmers](https://exploringjs.com/impatient-js/)
👉[Effective JavaScript ](https://www.amazon.in/Effective-JavaScript-Specific-Software-Development/dp/0321812182)
👉[JavaScript in Easy Steps](https://www.amazon.in/JavaScript-Easy-Steps-Mike-McGrath-ebook/dp/B00DMHO5EK)
👉[Learn JavaScript Visually](https://www.amazon.in/Learn-JavaScript-VISUALLY-Interactive-Exercises-ebook/dp/B00LDZ7824)
Leetcode 1089 Best Solution
Tags: javascript, java
Published: 2021-12-30 13:15:01

I found that solution very popular and helpful:  
[https://www.youtube.com/watch?v=gaB-guUxCWI&ab_channel=EricProgramming](https://www.youtube.com/watch?v=gaB-guUxCWI&ab_channel=EricProgramming)
54. Spiral Matrix
Tags: 100daysofcode, programming, java, algorithms
Published: 2021-12-30 13:12:29

# [Description](https://leetcode.com/problems/spiral-matrix/)

Given an `m x n` `matrix`, return *all elements of the* `matrix` *in spiral order*.

<aside>
💡 **Note:**

</aside>

## Example 1:

![Untitled](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/37da920b-71ca-4c40-9443-8e13c7efd46f/Untitled.png)

```
Input: matrix = [[1,2,3],[4,5,6],[7,8,9]]
Output: [1,2,3,6,9,8,7,4,5]
```

## Example 2:

![Untitled](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/d61d4462-1c4d-4a95-b2b6-3e2c20733123/Untitled.png)

```
Input: matrix = [[1,2,3,4],[5,6,7,8],[9,10,11,12]]
Output: [1,2,3,4,8,12,11,10,9,5,6,7]
```

## Constraints:

- `m == matrix.length`
- `n == matrix[i].length`
- `1 <= m, n <= 10`
- `100 <= matrix[i][j] <= 100`

---

# Solutions

## Solution 1

### Intuition

we need use index to count number, and reduce range step by step

### Code

```java
public List<Integer> spiralOrder(int[][] matrix) {
    List<Integer> ans = new LinkedList<>();

    // your code goes here
    int rows = matrix.length, columns = matrix[0].length;
    int n = rows * columns;
    int startRow = 0, endRow = rows - 1;
    int startColumn = 0, endColumn = columns - 1;
    int index = 0;
    while (index < n) {
        for (int i = startColumn; i <= endColumn && index < n; i++) {
            ans.add(matrix[startRow][i]);
            index++;
        }
        startRow++;
        for (int i = startRow; i <= endRow && index < n; i++) {
            ans.add(matrix[i][endColumn]);
            index++;
        }
        endColumn--;
        for (int i = endColumn; i >= startColumn && index < n; i--) {
            ans.add(matrix[endRow][i]);
            index++;
        }
        endRow--;
        for (int i = endRow; i >= startRow && index < n; i--) {
            ans.add(matrix[i][startColumn]);
            index++;
        }
        startColumn++;
    }

    return ans;
}
```

### Complexity

- Time: O(n)
- Space:  O(n)

---
Easy understanding of functions in python
Tags: python
Published: 2021-12-30 13:11:42

We should all understand a function is a block of organized reusable code for performing single or related action. Python has many built-in functions that we have probably used e.g `print()`,`input()`, etc. But there are also user-defined functions which allows you to create a block of code to perform your bidding at any time it is called.

Now let's look at the python function syntax:

```

def functionname(parameters):
   '''block of code'''
   pass

```

It is as simple as that, next is explaining the use of each keywords in the syntax.

1. The `def` keyword is also know as  define is the first keyword that a function should begin with.

2. `Parameters` or `arguments` are placed within the parentheses and we use them inside our function body

3. The code block begins after a colon and is usually indented

Let's put this into practice and write a function that takes the sum of two numbers.

```
def sum(num1, num2):
      '''this function adds two numbers'''
      Return num1 + num2

```
The above code shows the function name `sum` that has two parameters for calculating the sum of two numbers

## How to call a function
In the previous code we wrote our function wasn't called so if we execute the command it will return nothing. To call a function we just type the function name and the desired parameters.
 Let's try another example.

```
Def sum(a , b):
    #this function add two numbers
    Return num1 + num2
#now call the function
sum(2,5)
 
```

## How To Define A Function(User-Defined Functions).

The four steps to defining a function in Python are the following:

1. Use the keyword def to declare the function and follow this up with the function name.
2. Add parameters to the function: they should be within the parentheses of the function. End your line with a colon.
3. Add statements that the functions should execute.
4. End your function with a return statement if the function should output something. Without the return statement, your function will return an object None.

 Finally I want us to know we have two types of functions in python which are:

1. Built-in functions that were developed with the language e.g min()

2. user-defined functions that are created by the users to solve their problem.
What does ANSI Sparc mean in Databases?
Tags: ansi, ansisparc, database, dbms
Published: 2021-12-30 13:02:26

An abstract design standard for DBMS is ANSI SPARC. ANSI SPARC stands for American National Standards Institute, Standards Planning And Requirements Committee started in 1975. Follow this link to know more about it HERE

The ANSI SPARC paradigm never adopted as a formal standard. No current DBMS systems are entirely based on it( they usually lack complete physical independence and disallow a direct user access to the conceptual level).

Read more at https://hecodesit.com/what-does-ansi-sparc-mean-in-databases/
Progress Release 0.4
Tags: opensource
Published: 2021-12-30 12:51:46

## Introduction
The previous my blog post indicates the plan of the Release 0.4. This blog post would talk about the challenge that I have faced with. 

## [First Issue](https://github.com/kokarn/tarkov-tools/issues/113)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cvfw7uumu257s4xvbvo9.gif)
The challenge that I have faced with this issue is how to approach the issue. I have considered the solution that every time user clicks the different maps, refresh the page. But this solution is very inefficient and dirty method. I should consider different method. 

[Second Issue](https://github.com/elliotchance/tracklist-editor/issues/12)
The challenge that I have faced with this issue is syntax. Since I do not have experienced with Vue.js. The highlighting the table row when mouse hover the table row cab be done with CSS. However, this method cannot be used because the input table row is also highlighted when the hovering mouse over which is the repository owner does not want to have this behavior. Therefore I have to approach different method using Vue.js

[Third Issue](https://github.com/elliotchance/tracklist-editor/issues/13)

The chllange that I have faced with this issue is communication with repository owner. The issue indicates that replace the back-ticks and UTF-8 apostrophes with regular apostrophes. The issue itself is very simple. However, I did not sure where this implementation should belongs, either for displaying or parser. I interpenetrated the issue as replacement for displaying but repository owner wants to implementation on the parser.
Planning Release 0.4 
Tags: opensource
Published: 2021-12-30 12:51:02

## Introduction
The plan for release 0.4 is that I should do something outside of comfort zone which means the issue should have  more difficulty level than previous releases. 

## Issues 
[Issue 1](https://github.com/kokarn/tarkov-tools/issues/113)
[Issue 2](https://github.com/elliotchance/tracklist-editor/issues/12)
[Issue 3]( https://github.com/elliotchance/tracklist-editor/issues/13)

## Description
The issue number 1 is the video game guild website called  [tarkov tools](tarkov-tools). The issue is that there is a bug, the zoom level persists when other maps being clicked. 

The issue 2 is made from Vue framework to build music tracking list. The project owner wants to add the feature that the table row should be highlighted when user hover mouse over.

The issue 3 is from same repository as issue 2. This issue is enhancement that the cleanup back-ticks and UTF-8 apostrophes to regular apostrophes.
CRUD com Elixir
Tags: elixir, programming, tutorial
Published: 2021-12-30 12:35:00

Mostramos como utilizar Ecto para realizar as operações básicas de dados com um banco de dados no postgres.

{% youtube VnALnXa5RFU %}

Código fonte:
https://github.com/ellyacademy/videos/tree/main/elixir_ecto
Basic understanding of backend keywords
Published: 2021-12-30 12:30:21

**1. CRUD Operation**
CRUD is an acronym for Create, Read, Update and Delete. It is a set of
operations 
This is what each operation does:
Create (POST) - Make something
Read (GET)- Get something
Update (PUT) - Change something
Delete (DELETE)- Remove something

**2. JWT**
JSON web token (JWT), pronounced "jot", is an open standard (RFC 7519)
that defines a compact and self-contained way for securely transmitting information between parties as a JSON object. Again, JWT is a standard, meaning that all JWTs are tokens, but not all tokens are JWTs. Because of its relatively small size. 
A JWT can be sent using a URL, a POST parameter, or an HTTP header, and it is swiftly delivered. To avoid querying a database several times, a JWT provides all of the required information about an entity. A JWT's recipient does not need to call a server to verify the token.

**3. Mongoose**
Mongoose is a Node. js-based Object Data Modeling (ODM) library for MongoDB. It is similar to an Object Relational Mapper (ORM) such as SQLAlchemy for traditional SQL databases. Mongoose is designed to solve the problem of allowing developers to enforce a specific schema at the application layer.

**4. Relational database (MySQL)**
Answer: RDBMS stands for Relational Database Management System. It is a program used to maintain a relational database is the basis for all modern database
systems such as MySQL, Microsoft SQL Server, Oracle, and Microsoft Access.
relational Database Management System SQL queries to access the data in the database.

**5. Aggregation**
Answer: The ability to combine several objects into a new one is known as
aggregation or composition. Multiple small objects are easier to manage than one
large object. In javascript, we can use the spread operator or Object. assign the method to combine multiple objects into one.

**6. What is the key feature of node js?**
Asynchronous event-driven language to run javascript in server.
Fast execution 
 Single-Threaded and Highly Scalable runtime 
 Node.js uses JavaScript 

**7. What is Express.js**
Express.js is a Node.js web application framework. It has a number of features that make web application development faster and easier than it would be if only Node.js were used. Express.js is based on the connect Node.js middleware module, which uses the HTTP module. As a result, any connect-based middleware will work with Express.js.
 Makes Node.js web application development fast and easy.
 Easy to configure and customize.
Interested in building a "AI for good" product?
Tags: career, react, aws, machinelearning
Published: 2021-12-30 12:13:57

Hello fellow developers!

Hope you are doing well and staying safe.

Myself - Vinita, a Data Science professional and I'm looking for collaborators from a Web development background with strong full-stack and cloud deployment capabilities on aws.

This is a perfect research opportunity to hone web development skills at the intersection of data science and full stack product implementation.

The backend is powered by python libraries and I'm looking for someone who can develop backend python-based APIs (using django/FastAPI) coupled with front-end programming(React.js).

Please note that this is an independent research focused on learning and unfortunately, not a paid one.

If you're someone who is passionate about designing real-world AI applications that can help create a difference for good, then this one's for you!

Additionally, familiarity with below is a huge plus:
   - deploying REST APIs, hosting Websites on AWS
   - AWS ecosystem: Lambda, Amplify
   - Containers, Docker
   - DevOps - CI/CD
   - knowledge of security features for web

Kindly reach out to me in case you are interested.
Email: vikiran678@gmail.com

Happy holidays!

Vinita