teleren/devto huggingface dataset:
Here's Why You Need Easy Page Builder

 
Tags: javascript, beginners, programming, webdev
Published: 2022-02-08 15:00:47

**Over the last couple of days, I've been telling you about Easy Page Builder, one of the fastest and easiest page builders you will ever use.

Easy Page Builder was created because most people find some of the most popular page builders out there:-

# Very Hard to Set up - Even Advanced Marketers Can Have Issues.
# Extremely Hard to Use - This Can Result in Frustration.
# Very Expensive - Most Have Recurring Billing Attached.
# Overly Complex - You Won't Use Most of The Features Available.

Plus some page builders lock you into their system meaning you can find it very hard to leave and end up spending thousands of dollars per year.

With Easy Page Builder you can create a complete funnel very easily, such as…

Sales Pages

Affiliate Pages

OTO Pages

Squeeze Pages

Webinar Pages

And a whole lot more.

And you get full control of where the sites are hosted.
https://tinyurl.com/3m4rw6ar

This really could not get any simpler, if you can point a mouse, click and type, then you've already mastered Easy Page Buildr.

Check out the video on this page and you'll see why it's called '[Easy Page Builder](https://tinyurl.com/3m4rw6ar)'**
Introduce Josson & Jossons
Tags: opensource, java, json, computerscience
Published: 2022-02-08 14:59:34

https://github.com/octomix/josson

## Josson & Jossons

- _Josson_ is a query language for JSON.
- _Jossons_ is a template engine to generate text output.

### Features and Capabilities of Josson

- Query a JSON dataset.
- Restructure JSON data.
- Has many functions to format text output.
- Has many functions to manipulate date values.
- Has many functions to work on array node.
- Can be used as an API parameter to trim down the response JSON result.

### Features and Capabilities of Jossons

- Query data from multiple JSON datasets.
- Join two JSON datasets to build a new dataset.
- Resolve template placeholder from external data source on demand.
- I used Jossons to generate millions of SMS/Email notifications during the first year.
- I used Jossons to generate reports that retrieve data from MongoDB directly without writing a line of code.
ag silver searcher look ahead and look behind
Tags: cli, bash, linux
Published: 2022-02-08 14:52:44

---
canonical_url: https://waylonwalker.com/til/ag-ahead/
published: true
tags:
- cli
- bash
- linux
title: ag silver searcher look ahead and look behind
series: til
---

A super useful tool when doing PR's or checking your own work during a big refactor is the silver searcher.  Its a super fast command line based searching tool. You just run `ag "<search term>"` to search for your search term.  This will list out every line of every file in any directory under your current working directory that contains a match.

## Ahead/Behind

It's often useful to need some extra context around the change.  I recently reviewed a bunch of PR's that moved schema from `save_args` to the root of the dataset in all yaml configs.  To ensure they all made it to the top level DataSet configuraion, and not underneath save_args.  I can do a search for all the schemas, and ensure that none of them are under `save_args` anymore.

``` bash
ag "schema: " -A 12 -B 12
```
Paracetamol.js💊| #48: Explica este código JavaScript
Tags: javascript, beginners, spanish, webdev
Published: 2022-02-08 14:45:08

## **Explica este código JavaScript**

```js
let newList = [1, 2, 3].push(4)

console.log(newList.push(5))
```


-     A: `[1, 2, 3, 4, 5]`
-     B: `[1, 2, 3, 5]`
-     C: `[1, 2, 3, 4]`
-     D: `TypeError: newList.push is not a function`

Respuesta en el primer comentario.

---
Feedback to Tech_ed
Tags: webdev, javascript, programming, beginners
Published: 2022-02-08 14:40:20

I recently met the requirements for the Youtube Partner Program (YPP). I have over 4000 hours of watch time and over 1000 subscribes.
I started Youtube 2 Years ago (2 March 2020) and following all the rules and guidlines to show good content to my viewers.
I just want to know if there is anything additional for me to do.

Attaching a screenshot verifying the channel.

- Channel Name : TECH_ED
- Channel Link : [https://www.youtube.com/c/techedcs](https://www.youtube.com/c/techedcs)
- Watch Hours : +7.3K
- Subscribers : +1.0K

Note : The data is of lifetime
Mar 2, 2020 – Feb 7, 2022
Lifetime

![TECHEDCS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/00ohri19eg5c0482nk0u.png)
One feature I love about Fish (the friendly interactive shell)
Tags: shell, productivity, linux, programming
Published: 2022-02-08 14:11:28


![FISH Shell](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/imk1122pzbtv6wehzeqs.gif)

As programmers, we all have our specific choices of tools that we stick by, especially when it comes to using command-line tools. And, as the title of this post says, I am a big fan of FISH shell (integrated with iterm2).
You can find all about FISH and how cool it is in its documentation, but what really impressed me is there functions feature.

At any given time I am working on multiple projects which means I have to switch environments all the time. Each environment comes with its own set of environment variables and managing them was a lot harder till I found functions in fish.

All I have to do is set functions in fish’s config file (usually found here — ~/.config/fish/config.fish) like this -

```javascript
function setPROJECT1ENV_LOCAL
  set -g -x CMS_AUTH_SECRET secretvalue
  set -g -x AWS_ACCESS_KEY_ID secretkey
  set -g -x AWS_SECRET_ACCESS_KEY moresecretkey
  set -g -x DB_PASSWORD secretpassword
  set -g -x API_KEY moresecretkey
end

function setPROJECT2ENV_LOCAL
  set -g -x CMS_AUTH_SECRET secretvalue2
  set -g -x AWS_ACCESS_KEY_ID secretkey2
  set -g -x AWS_SECRET_ACCESS_KEY moresecretkey2
  set -g -x DB_PASSWORD secretpassword2
  set -g -x API_KEY moresecretkey2
end

function setPROJECT3ENV_LOCAL
  set -g -x CMS_AUTH_SECRET secretvalue3
  set -g -x AWS_ACCESS_KEY_ID secretkey3
  set -g -x AWS_SECRET_ACCESS_KEY moresecretkey3
  set -g -x DB_PASSWORD secretpassword3
  set -g -x API_KEY moresecretkey3
end
```
Now whenever you have to switch environments, just call function from your fish shell like this - 
`setPROJECT1ENV_LOCAL` or `setPROJECT2ENV_LOCAL`

![FISH set function](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/75agqe7s7z5l5wbq1fxi.png)

![Fish env are set](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l62817emqhnniktvbw4l.png)

Happy fishing everyone :fish: :smile:
CADBase platform for engineers
Tags: engineers, discuss, rust, cad
Published: 2022-02-08 14:08:47

CADBase is designed to host information about drawings and related materials (standards, suppliers, supporting documentation).

##### The main part of the resource is the component page that contains the following data:
    
- Basic information about the component, its characteristics and associated files.
    
- Component modifications with parameters and associated files.
    
- Sets of files for CAD and other programs.
 
- Information about the component's related materials: standards, suppliers, catalogs, keywords.

##### The main differences between CADBase and other solutions:

- The main entity on the CADBase platform is the component that includes: modifications, standards, suppliers and other related data.
    
- Relationships between objects, the main entity on the CADBase platform is a component that includes: modifications, standards, suppliers and other related data.
- Component modifications may be accompanied by sets of files for various CAD systems.

- A "base" component view has been implemented that allows multiple suppliers to participate (should make it easier to find a suppliers).
 There is a separate logic for standards in CADBase, standards can be linked to components, and users can view components that use the standard from the standard page.

- Possibility of presentation of program modules for CAD (this can be done on other resources if desired, but we have made some parts more adaptable for this use).

- Users can access the platform through a website or API (a single token is used, but API documentation is not ready yet).

Video with a demonstration of the  CADBase platform: https://www.youtube.com/watch?v=vwV-Im_xlic

The platform can be used both for sharing materials between users and for storing materials without public access.

Website https://cadbase.rs
_In some regions there is a problem: the first open site takes 20-30 seconds, in a normal situation, the first open 2-3 seconds._

The project is written in Rust, the Bulma framework was used for CSS (I really liked this framework).

This is I attempt to make a convenient solution for engineering and related industries, now I are waiting for feedback and suggestions from everyone why want try use it.

Due to the fact that the time from idea to MVP was almost 4 years, during this time there were quite a lot of similar solutions, because of which this project will be can simply lose the attention of the target audience.

I hope you like this solution and that people need it.
Introduction to Stack
Tags: dsa, stack, beginners, programming
Published: 2022-02-08 13:49:00

Stack is a linear data structure in which data can be added or removed only at one end. This end is generally known as "TOP" of the stack.
let's take one example for better understanding. It is like stack of plates in cafe, where every new plate is added to the top of the stack and removed from the top as well. This simply means that the last plate added to a stack is the first plate to be removed. Hence stacks are also called Last in First Out (LIFO)structure.
Let's take another example. Look in this picture, it looks yummy right? haha....it's a stack of oreo. Now if you want to build the Eiffel Tower then you have to add another Oreo on top of this Oreo stack. And now imagine you want to eat an Oreo (read the second word after "and" again, just imagine or buy your own Oreo cause obviously I won't share it with you, LOL) then you have to take it from the top of the Oreo stack.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/smq254ld6163olxi41en.png)
 
  
Now let's talk about implementation of stack. well, stack can be implemented in two ways.
1) Static implementation
2) Dynamic implementation

1. 
**Static implementation** : static implementation uses array to creat stack.

2. **Dynamic implementation** : It uses linked list that uses pointers to implement the stack.

**# Terminology of Stack**

- 
**PUSH**: when an item is added or inserted in a stack, the operation is known as push.

- 
**POP**: when an item is removed or deleted from a stack, the operation is known as pop.

- 
**TOP**: this term refers to the top of stack. top is used to check stack's overflow or underflow condition. top is initialized by -1.
	`if TOP = -1   // indicates the stack is empty
	if TOP = MAXSIZE-1   // indicates the stack is full`
OAuth 2
Tags: oauth, oauth2, codeflow, pkce
Published: 2022-02-08 13:48:43

**OAuth** is an open standard to give access to somebody without using password on every request. It usually involves using tokens. *OAuth* is published in two versions, `OAuth 1.0` on 2009 and `OAuth 2.0` on 2013. *OAuth* is a service that is complementary to and distinct from OpenID. *OAuth* is an authorization protocol, rather than an authentication protocol. <sup>[[1]](https://en.wikipedia.org/wiki/OAuth)<sup>

The requesting, granting, and life management of this token is often referred to as a “flow”. Private clients are typically applications with a backend that can keep a secret to use for authenticating. Public clients have no means of securely keeping a secret, for instance, a single page application that usually doesn’t have a backend. <sup>[[2]](https://nordicapis.com/8-types-of-oauth-flows-and-powers/)</sup> Four basic flows are:

1. Code Flow: for private clients, the server responds with a code.
2. Implicit Flow: for public clients like SPAs, it is simpler and the server responds with an access token.
3. Client Credentials Flow: designed for server-to-server, server responds with an access token, no refresh token exists here.
4. Resource Owner Password Credentials Flow: password is entered to the client itself, very simple and designed for legacy and migration only

Code Flow includes these steps <sup>[[3]](https://www.digitalocean.com/community/tutorials/an-introduction-to-oauth-2)</sup>:
* Step 1 — Authorization Code Link
* Step 2 — User Authorizes Application
* Step 3 — Application Receives Authorization Code
* Step 4 — Application Requests Access Token
* Step 5 — Application Receives Access Token

The Proof Key for Code Exchange (PKCE) is an extension to the Code flow which allows it to be used over public clients.
Enable Single Sign On using OKTA with webMethods.io Dev Portal
Tags: webmethods, apimanagement, portal
Published: 2022-02-15 08:26:24

---
title: Enable Single Sign On using OKTA with webMethods.io Dev Portal
published: true
date: 2022-02-08 13:40:23 UTC
tags: webmethods, apimanagement, portal
canonical_url: https://tech.forums.softwareag.com/t/enable-single-sign-on-using-okta-with-webmethods-io-dev-portal/255057
---

## Okta As Identity Provider

The Okta Identity Cloud provides secure identity management with Single Sign-On, Multi-factor Authentication, Lifecycle Management (Provisioning), and more.

In this tutorial, you will learn how to integrate the webMethods Dev Portal with OKTA. This integration provides you with the following benefits:

You can control in Okta who has access to webMethods Dev Portal.

You can enable your users to be automatically signed-in to webMethods Dev Portal (Single Sign-On) with their Okta accounts.

You can manage your user accounts in one central location - the Okta portal.

Visit the [original article](https://tech.forums.softwareag.com/t/enable-single-sign-on-using-okta-with-webmethods-io-dev-portal/255057) in the Software AG Tech Community to learn about the prerequisites and the process to enable single sign on using OKTA with webMethods.io Dev Portal.
go config on mac
Published: 2022-02-08 13:38:01

it is kinda painful to configure go and its tools on vscode on mac for the first time and second time (if you did not record what you did for the first time ...).

here are steps
1. install golang using [brew](https://formulae.brew.sh/formula/go) 

```
brew install go

```
2. check the following commands 


```
go env      // check go env vars
which go    // check which go
brew info go  // very useful info here

```

till here everything should work fine, but I used oh-my-zsh (which is just based on zsh, so you just need to configure stuff on .zshrc file), so I configure my .zshrc file

```
cd 
nano ~/.zshrc
```

```
#GOROOT
export GOROOT=/opt/homebrew/Cellar/go/1.17.5/libexec

#GOPATH WORKSPACE
export GOPATH=$HOME/go

#GOROOT BIN
export PATH=$PATH:$GOROOT/bin

#GOPATH BIN
export PATH=$PATH:$GOPATH/bin

```
you see that GOROOT info can be found from the previous step `brew info go`, and do not forget to add `libexec` after it, so it will become whatever I show above.

till here I decide to download a golang project and enter vscode to edit some go files, but I notice there are missing go-tools to install, and somehow they keep reporting errors

1. timeout error (I am in China, so I need to configure a proxy for that)
2. not found error (go tools not found issue explained below), can also check [here](https://github.com/golang/lint/issues/288)

you can fix it by 

```
mkdir -p $GOPATH/src/golang.org/x/

```
and cd into this directory and :

```
git clone https://github.com/golang/tools.git

```

after this go tools can be successfully implemented, and then you can go back to vscode and follow the popup and click install or install all to install go tools, and they should be good
Hi guys, good morning! I'm starting in the programming area, and I'm creating on my GitHub 🎈
Tags: github, javascript, html, css
Published: 2022-02-08 13:07:11


I want to make friends with other Devs, and exchange ideas about Java, CSS, HTML5, VScode and etc...
I'll leave my profile on Git: https://github.com/deboragoncalves1
Please let me know if this type of post is not acceptable! 💤
How to Create Responsive Navigation Menu Bar Using Html and CSS
Tags: responsivenavigationmenubar, sidebar, sidebarmenu, sidebardesign
Published: 2022-02-08 13:06:09

Responsive Navigation Menu Bar Design using only HTML & CSS
Hi everyone, we are going learn [how to create a Responsive Navigation Menu Bar By using only HTML and CSS](https://nextcodingblog.com/responsive-navigation-menu-bar-using-html-and-css/)

What is Navigation Menu Bar?
Fundamentally, a navigation menu bar is an organized list of links to other web pages, usually internal pages. Navigation menus appear most commonly in page headers or sidebars across a website page, allowing visitors to quickly access the most useful pages. One more principle reason for the navigation bar is to make the user's access helpful page and make life easier on all screen devices.

From the above given UI design of this Navbar Menu. On the desktop format, our navigation bar is on top which is horizontal bar.  And while on mobile and tablet is navigation bar hidden under the icon menu 

You May Also Like
 [   Sidebar Menu Using Html and CSS Animated Menu Sidebar](https://nextcodingblog.com/sidebar-menu-using-html-and-css-animated-menu-sidebar/)
    [3D Flip Card Effect On Hover – HTML and CSS only](https://nextcodingblog.com/3d-flip-card-effect-on-hover/)
    [Create Hero section with Html and CSS – Simple Hero section](https://nextcodingblog.com/create-hero-section-with-html-and-css-simple-hero-section/)

Hero Section with Html and Css [Source Code]
You can download all source code files from the below link
[Download Now ](https://nextcodingblog.com/responsive-navigation-menu-bar-using-html-and-css/)
Oi pessoal, bom dia! Estou iniciando na área de programação, e estou criando relações no meu GitHub 🎈
Published: 2022-02-08 13:01:48

Quero fazer amizade com outros Devs, e trocar ideias sobre Java, CSS, HTML5, VScode e etc...
Vou deixar meu perfil no Git: https://github.com/deboragoncalves1
Por favor avisem, caso esse tipo de post não seja aceitável!
The useState Hook! 
Tags: react, javascript, webdev, beginners
Published: 2022-02-08 12:54:30

Before React implemented the Hooks, changing state was only possible inside class components.
From **React 16.8**, we can change the state inside a functional component.

React offers many built-in Hooks:

1. useState,
2. useReducer,
3. useEffect

and much more!

This article will show you how to use the **useState Hook** inside a functional component.

_Before continuing, make sure that you know at least some basics of React and Javascript ES6._

The **useState() Hook** is just a simple Javascript function that returns two values.

We can store any value type( array, numbers, strings, objects, booleans ).

To make the concept easier to understand, I will build a simple App where the data changes when the user clicks on a button.

**1. CREATE A FUNCTIONAL COMPONENT COUNTER.JSX**

In React you can define a functional component using the arrow function syntax

```
const Counter =  () => {
   return(
     <div></div>
   )
}
```
or like this

```
function Counter(){
    return(
      <div></div>
    )
}
```
In this article, I will use the arrow function syntax.

2. **IMPORT THE useState HOOK FROM THE REACT LIBRARY**

```
import React, { useState } from ‘react‘
```
Inside the Counter component, let’s create a button and a paragraph.

The button will increment the counter inside the paragraph tag.

```
  return(
    <div className=‘App‘>
      <p>Counter:</p>
      <button>Increment Counter</button>
    </div>
  )
```

**3. SET THE STATE**

Now that we have our component, we can write the useState() Hook, using the array destructuring ES6 syntax.

**The first value( counter ) is the current state, the second value ( setCounter) is the function that we will invoke to update the state.**

The argument inside the useState is set to 1, which means that the counter now is equal to 1.

```
  return(
     const [counter,setCounter] = useState(1)
    <div>
      <p>Counter:{ counter }</p>
      <button>Increment Counter</button>
    </div>
  )
```

**4. OUTPUT AND INCREMENT THE STATE**

If you are familiar with javascript, this might be easy for you.

First of all, we pass the onClick events to the button.
The onClick event take a function where we use the setCounter to update the initial counter.

_Remember: in React we use curly braces to evaluate a Javascript expression, a variable, a sum of two numbers, a function, and so on._

```
const Counter = () => {

const[counter,setCounter] = useState(1)

return(
    <div>
      <h1>useState Hook – React</h1>
      <p>Counter: { counter }</p>
      <button onClick={() => setCounter( counter + 1 )}>Increment 
      </button>  
    </div>
  )
}
```
In our case counter was equal to 1, and we just added + 1 to increment it by one.

Click on the button and you will see!

**Good to Know:**

_You can't use Hooks inside a class components_

_You can set as much useState as you need inside your component_
AirBnb Online exp Clone
Tags: webdev, react, javascript, scrimba
Published: 2022-02-08 12:51:10


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6c7fm0jklknw66rhoeld.png)
Just clones the AirBnb app with React. Learned a lot about props, .map() and working with array objects.