teleren/devto huggingface dataset:
⚡10 JavaScript Projects Every Beginner Should Build
Tags: 100daysofcode, javascript, programming, webdev
Published: 2022-07-27 12:32:00

Hi everyone,

Let us check the **10 JavaScript Projects that Every Beginner should build** in order to learn the language in a constructive manner. 


## Introduction
JavaScript is the most popular language that you can learn these days for building a website. It is a dynamic and powerful programming language that powers the web. 

Let's have a look at the projects that you can build for learning the language : 

## Build a Modal using JavaScript 

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

## Creating a Tabs System using JavaScript 

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

## Changing Background using Range Sliders 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kmud1mko24pl9jfty6qb.png)
  
## Creating a Salary Calculator in JavaScript 

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

## Creating a Scroll Indicator using JavaScript  

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

##  Creating an Infinite Scroll App using Intersection Observer API

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

## Creating a Custom Search Filter 

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

## Playing with Text 

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

## Creating Sticky Navbar 

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

{% youtube KTGfHmyje5A %}
--- 
Support my channel:
💜 Join the Discord community 👨‍👩‍👧‍👦: https://discord.gg/fgbtN2a 
💜 One time donations via PayPal
Thank you! 🙏

---
Follow me on:
👉 My Blog: https://the-nerdy-dev.com
👉 Twitter: https://twitter.com/The_Nerdy_Dev
👉 Instagram: https://instagram.com/thenerdydev
How to show different menus to logged in users in WordPress
Tags: wordpress, webdev, php
Published: 2022-07-27 12:17:06

Sometimes we want to show different menus to logged in users than logged out users. Especially it could be useful when we have for instance a e-commerce shop. So how to do it?

## Step 1 - create menu for logged in users.

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

Notice the menu ID - it will be required later. So menu for logged users should have a "LOGOUT" menu item.

## Step 2 - create menu for non-logged in users:

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

## Step 3

Open `functions.php` file which is in your theme directory and paste this code:

{% gist https://gist.github.com/texe/b09e34ed3f1dc02576b6383e39c14192 %}

That's all! Now you can see you have two different menus depended on you are logged in or not.


![Menu for non-logged in users](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ks9eu1q323rz47z2bbfd.png)

![Menu for logged in users](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7hkvv79zmru3w29nvpgc.png)

[Chris Texe](https://twitter.com/TexeChris)
The differences between arrow function and normal function
Tags: arrowfunction, normalfunction, vs, differences
Published: 2022-07-27 12:09:00

1. In arrow function you can omit the curly braces and the `return ` statement when the function is a 1 liner.

```
const myFunc = (a, b) => a + b
console.log(myFunc(1, 2))

// log : 3
```
2. In arrow function when it has only 1 argument, parenthesis is optional

```
const myFunc = a => a*a

console.log(myFunc(3))
// log : 9
```
3. In arrow function the `this` key word is automatically bound  to the parent's context

`this` refers to the object that is currently executing the function
How Web3 platforms will change Social Media
Tags: web3, platform
Published: 2022-07-27 12:05:00

As the world moves forward and with the advent of decentralization, a lot is going to change in the digital world. Particularly, in the Social media domain, significant change is to be expected.

Platform Providers are going to see their roles changed from being **Content governors** to nothing more than **providers** i.e. they make sure a video runs when you click. This shift in the role is going to make Governments, Users, Creators, and Advertisers a lot happier as governors would be deterministic protocols. The Current business practices which rely on User data hogging are no longer going to be prominent, as the business model changes.Web3 brings with it a lot of perks like NTF's, DAO's, etc. which will improve user-to-user interaction than current practices.

True digital Equality will be observed, as any account is able to use the full functionality of the App.

Read in-depth article [here](https://www.darticle.io/article/5-advantages-dapps-can-provide-over-traditional-apps-in-social-media).
Climbing the cooperate ladder to greatness
Tags: career, beginners, productivity, discuss
Published: 2022-07-27 11:53:45

Everyone must start somewhere. And that somewhere tends to be at the beginning…unless you somehow was born and magically knew how to walk sort of thing. You always need to start at point A.

In the cooperate world this means: internship, junior position, regular position, senior position, assistant managers, managers, and every position in between. But how do you get to one point to the next all while every friend, relative, and possibly coworker telling you to aim higher?

Initiative. Confidence. Work habit. Commitment. Dedication. Grit.

Ok, you can even boil it down to grit, confidence, and initiative since work habit, commitment and dedication is what grit is all about.

Now you don’t have to be super human to get all of this done our possess these traits by birth. Nope! You simply need to be dedicated (it’s that word again) to the growth, obsessed over the process and determined to get to your goals. See a pattern?

No one is born loving homework. Heck no! But studying material makes you smarter in the long run. I bet running miles rain or shine wasn’t very fun day in, day out for hours at a time but I’m sure that’s what it took to become a world champion. What you must do to get to where you want to be, whether it be that manager job or that a transfer to the next department, won’t always be easy not fun. But it will be worth it in the end. 

Great things come to those who will put in the hours. Good things will come to those who only try their best.

And at the end of the day, you know what you’ve done to get to where you are. You know what hardships you’ve been through. You know your story; tell it, because someone will relate. But most importantly, remember because you have to remember what you bring to the table.

You’ve learned countless of skills along the way from communication skills, time management skills, technical skills, and more depending on your specialties. Showcase your work and be proud of your uphill battles as well as where you crashed and fell hard because you standing here today simply proved you’re willing to grow and learn from your failures. And that’s the most anyone can ever ask of you. Be proud of you. Set an example. Be the example. Be proud.
How generate datetime for Bloggors in php
Tags: datetime, bloggors, php, chatwithstrangersapp
Published: 2022-07-27 11:38:10

```
$dateBloggors = DateTime::createFromFormat('d-m-Y', '15-12-2020');
```
Here the site: [Talk With Strangers App](https://www.bloggors.com/how-to-make-a-dating-on-the-talk-with-strangers-app)
Is it possible to load and display Three.js content in Flutter Web Application?
Published: 2022-07-27 11:09:59

Hi , Is it possible to load and display Three.js content in Flutter Web Application. Also I want interactions with JS to Flutter and Flutter to JS. There is multiple plugins are there to load web URL in Flutter Mobile App. I don't need for mobile.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f38eblxp66mrszmwa7ct.jpg)
Install MicroK8s in Ubuntu
Tags: ubuntu, microk8s
Published: 2022-07-27 11:09:03

Install MicroK8s on Linux

```
sudo snap install microk8s --classic
```
Check the status while Kubernetes starts

```
microk8s status --wait-ready
```
Turn on the services you want

```
microk8s enable dashboard dns registry istio
```

Try 

```
microk8s enable --help
```
 for a list of available services and optional features. 

```
microk8s disable <name>
```
turns off a service.

Start using Kubernetes

```
microk8s kubectl get all --all-namespaces
```
Access the Kubernetes dashboard

```
microk8s dashboard-proxy
```
Start and stop Kubernetes to save battery
If you don’t need them running in the background then you will save battery by stopping them. 

```
microk8s start
```
and 

```
microk8s stop
```
to stop.
Take the poll - Golang Open Source Projects
Tags: opensource, go
Published: 2022-07-27 11:04:47

---
title: Take the poll - Golang Open Source Projects
published: true
description: Poll about how Golang Developers are involved in Open Source Projects
tags: opensource, golang
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g5nmqszjnn9iu9znrnyu.png
---

I'm doing a Poll about how Golang Developers are involved in Open Source Projects, or as owner or contributor to other Go related projects.

Please participate as a Go Dev and take the chance to reply with your Golang OS repo url to get some drive.

Thanks and Cheers
Stefan

https://twitter.com/golangch/status/1552192383961505793
Cookies, I hardy knew ye.
Tags: javascript
Published: 2022-07-27 11:03:00

Even though, I've been a developer for over 25 years, I've never really dealt with cookies. Back in my Perl days, I used hidden fields to manage sessions. Now that I'm using [express-session](https://expressjs.com/en/resources/middleware/session.html), I figured it would be a good idea to get more familiar with cookies. That turned out to be tougher than I thought it would be.

Normally, cookies are created by the server and, if the server enables the `HttpOnly` flag, then your browser's JS code won't even be able to see the cookies. But, I like making demos that work in your browser.

Cookies are represented in JS by the [document.cookie](https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie) object. Running `console.log(typeof document.cookie)` returns `string`, but it's not a string. It's an object with [getters](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get) and [setters](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/set).

It's very easy to add a cookie in your browser- `document.cookie = 'cookie1=New Cookie!'`. And it's very easy to change it- `document.cookie = 'cookie1=New value.'`. Deleting it is a different matter.

You don't actually delete cookies, you expire them. Most examples that I've found state that you should use some variation of 

```
let date = new Date(0);
document.cookie = 'cookie1=; expires='+date.toUTCString();
```

But I find that setting `max-age` is easier- 

```
document.cookie = 'cookie1=; max-age=0';
```

Something fun I learned is that you can have multiple cookies with the same name and different values.

```
document.cookie = 'cookie1=root; path=/';
document.cookie = 'cookie1=parent; path=/Parent';
document.cookie = 'cookie1=cwd;';
console.log(document.cookie);
```

If you serve the preceding code to a browser with the pathname `/Parent`, then the output  should be `cookie1=cwd; cookie1=parent; cookie1=root`.

There are a few tricky points here. One, you can't use any arbitrary value for `path`. It has to be an actual path in `document.location.pathname`. Second, while `document.cookie` will return all of the cookies, it won't tell you which one is associated with which path. The cookies are in ascending order from the longest to the shortest path.  You can do something like `let cookies = document.cookie.split('; ')` and the array will be in ascending order (tested on Chrome, Firefox, and Safari).

In order to alter or delete a specific cookie, you need to specify its corresponding path. 

```
document.cookie = `cookie1=NewValue; path=/;`;
document.cookie = `cookie1=; path=/; max-age=0;`;

```
You can't alter a cookie's path.

I should point out that running `document.cookie = 'cookie1=New Cookie!'` is bad form. You should encode the data like so- `document.cookie = 'goodCookie=' +encodeURIComponent('data to encode')`. This will allow you to use semicolons in your data.

Well, that's enough to get started. I've got a bunch more working examples at https://sean.brunnock.com/Javascript/Cookies/. I hope you find it helpful.
Wednesday Links - Edition 2022-07-27
Tags: java, jvm, gatling, database
Published: 2022-07-27 10:50:00

HotSpot JVM Deep Dive - Safepoint (37 min)☸️
https://www.youtube.com/watch?v=JkbWPPNc4SI

Maximum number of database connections (5 min)🧳
https://vladmihalcea.com/maximum-database-connections/

Soft Deletion Probably Isn't Worth It (6 min)🪶
https://brandur.org/soft-deletion

Switching from SpringBoot to Ktor — a first impression (6 min)👁️
https://medium.com/@inzuael/switching-from-springboot-to-ktor-a-first-impression-1c4776970f39

Gatling vs JMeter - What to Use for Performance Testing (11 min)⚖️
https://www.infoq.com/articles/performance-testing/

Intellij IDEA 2022.2 adds image completion for Test Containers (30 sec)⌨️
https://twitter.com/maciejwalkowiak/status/1551943240923897868

How to effectively compose your business logic (10 min)🎼
https://event-driven.io/en/how_to_effectively_compose_your_business_logic/
How CI/CD can help accelerate software deployment?
Tags: devops, cloud, testing, cicd
Published: 2022-07-27 10:48:20

Organizations are under constant pressure to deploy software quickly and efficiently to get their products to market faster than the competition. Despite the extensive adoption of DevOps practices that provide flexibility and coordination to deliver applications faster, engineering teams still come across a lot of friction when it comes to rapid software deployment. Some of the most common challenges such as code conflicts, critical bugs found too late, excessive manual and repetitive tasks, ineffective or late feedback, and inconsistent releases are holding back teams from utilizing the full potential of DevOps.

A [CI/CD platform](www.ozone.one) helps your development, operations, and security teams deliver software to your end users with unprecedented velocity and efficiency by abstracting all the manual DevOps tool orchestrations and complexities of CI/CD workflows.

Ozone is an advanced CI/CD platform that focuses on eliminating workflow challenges of a DevOps team. Ozone automates containerized and decentralized application deployments across hybrid cloud and diverse blockchain networks. Ozone integrates seamlessly with major tools across [CI](https://ozone.one/product/ozone-continuous-integration/), [CD](https://ozone.one/product/ozone-continuous-delivery/), analytics, and automation to support your software delivery end to end for even the most complex scenarios. It minimizes coding and empowers DevOps teams through a standardized and templated approach to building pipelines.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dpmcuuqd2ry90b76m7w8.png)
What are REST APIs?
Tags: api, rest, blst, beginners
Published: 2022-07-27 10:45:40

REST APIs are a popular way to **interface with web services**. They are typically easy to use and well- documented. However, they can be **slow**, and they may require authentication.

REST APIs are built on the principles of the Representational State Transfer architectural pattern, which defines how **communication** should happen over the internet. The main idea behind this architectural pattern is that a given resource, such as an article, can be represented in multiple ways, like in JSON, XML, or HTML. When a client, such as a web browser, makes a request to a server for a specific resource, the server will return the resource in the requested format.

One of the main benefits of using a REST API is that it is language- agnostic, meaning that any programming language can be used to interact with the API. 

One of the drawbacks of REST APIs is that they can be slow, due to the overhead of making multiple HTTP requests. Another drawback is that they are often tightly coupled to a specific implementation, meaning that if the underlying data changes, the API will likely need to be updated as well.

If you're looking to create or consume a REST API, there are a few things to keep in mind. **First**, decide what format you want the data in (JSON, XML, etc.), and make sure the API can support that format. **Second**, consider whether you need any authentication or authorization for the API. Finally, take a look at the documentation to see how easy the API is to use.

**Open source API Security testing tools**
Please check BLST Security open source CLI tool - [Cherrybomb](https://www.blstsecurity.com/) which is a CLI tool that helps you avoid undefined user behavior by validating your API specifications.

Thanks for reading my post. If you enjoy my content, please consider following me :)
CHECKLIST OF FORMING A NGO
Tags: beginners, tutorial, productivity, career
Published: 2022-07-27 10:40:12

## CHECKLIST OF FORMING A NGO BY MOHIT CHAPRANA (CEO, [LIVEUPX PVT. LTD.](https://liveupx.com))

Not only politicians and big business owners can form a NGO to help tye needy peoples but we programmers and developers can also do the same and help the people at our levels.

Here is the check list for forming a NGO, hope it will help you:

- Get a board portal for storing all founding documents and collaborating with new board members
- Write the Articles of Incorporation (Registration of NGO)
- Write your bylaws
- File Federal IRS Form 1023
- If state requires, file state-level tax exemption forms for 501(c)(3)
- Write mission and vision statements
- Write a business plan
- Do you have or need a fiscal sponsor?
- Identify source of start-up funds
- Make decision about office space
- Prepare a Budget for utilities
- Finalize your place/office
- Purchase initial office supplies
- Hire staff
- Obtain necessary permits, certifications, etc.
- Where will you get funds to sustain the organization?
- Identify ways to measure the impact of your nonprofit
- Set up an organizational structure with designated terms for board directors
- Set up a one-year and a three-year budget
- Develop a marketing plan
- Plan and launch the first fundraising event
- Make a resource development plan
- Establish community partnerships
- Recruit and train volunteers
- Write basic ethics, conflict of interest and whistleblower policies
- Hold your first board meeting
- Do everything on paper (on in digital form, as everything is in digital form,. Many NGOs are using NMS (NGO, MANAGEMENT SYSTEM)


## THINGS TO BE INCLUDED IN THE PROPOSAL OF GETTING FUNDS

**Registration certificates**
– Tax clearance certificates & other legal approvals (if any)
– Names, affiliation and qualifications of officers and Board of Directors
– Audited financial statements for last completed fiscal year
– Need assessment/baseline survey report
– List of other current funding sources
– CVs of key personnel
– Layout plan of building (if funding is requested for construction also)
– Copy of  organization’s policies/by-laws
Operadores Lógicos - parte 2
Published: 2022-07-27 10:33:23

Fala pessoal!!!! Nosso vídeo diário de Javascript já está no ar! Vamos continuar com a segunda parte de Operadores Lógicos. Se vc está curtindo essa série de vídeos, inscreva-se no canal, deixa seu like e comentário. Valeu!

{% youtube Q87jHwSawMc %}
tricky default branch activity on github
Tags: github, git, sccm, programming
Published: 2022-07-27 10:21:00

tricky parts today:

**github activity contributions** have been inscrutable. Wondered where my activity has gone, resp. not shown.
Ah, because i committed to a different branch, not master.
checked out github FAQ, shown that only default branch commits getting reflected in Activity Dashboard.

Changed default branch to 2.nd branch, committed criss-cross merged etc. still no activity.
the single one and only activity that is shown is the open pull request.

So this thingie stays a riddle.

cu

[https://docs.github.com/en/account-and-profile/setting-up-and-managing-your-github-profile/managing-contribution-settings-on-your-profile/why-are-my-contributions-not-showing-up-on-my-profile](https://docs.github.com/en/account-and-profile/setting-up-and-managing-your-github-profile/managing-contribution-settings-on-your-profile/why-are-my-contributions-not-showing-up-on-my-profile)
Difference Between NodeJS and ExpressJS: Which Is A Better Option?
Published: 2022-07-27 10:12:31




Main Difference Between NodeJS and ExpressJS?

ExpressJS vs NodeJS is a common point of contention amongst web app developers and businesses. We’ve compiled a list of the best reasons to choose a programming language for your project.

An Introduction to NodeJS

NodeJS is an open-source server-based app development platform. Asynchronous and event-driven model power the platform. It builds powerful network applications.

Popular Apps using NodeJs

Paypal

LinkedIn

Godaddy

Netflix

An Introduction to ExpressJS

NodeJS’ web framework is ExpressJS. It’s the key distinction between the two. ExpressJS’s capabilities speed up web app development. The latter takes longer to develop web apps alone.

Popular Apps using ExpressJs

Accuweather

Yummly

Myspace.com

Accenture

What are the differences between Node.JS and Express.JS?

Categorization

Building block

Features

Usage

Dependence

Time

View model

Programming language

Controllers

Routing

Middleware

Node Js vs Express Js Pros and Cons

Pros of NodeJs

Efficient performance.

Easier development process.

Reusable code.

Ability to handle multiple requests.

Ability to scale smoothly.

Cons of NodeJs

Unstable API

Lack of Library Support

High Demand for Experienced Resources

Heavy Computing Tasks

Asynchronous Programming Model

Pros of ExpressJs

Quick app development.

I/O request handling.

Reducing the costs spent for hiring the developers.

Open-source community.

Simple to learn.

Cons of ExpressJs

ORM System not Integrated

No Option to Interact With Database

Employs Middleware Functions

Less Flexibility

Component is Time Consuming

When to choose Node Js?

When you need a scalable and effective web app, hire a NodeJS developer. You can use the same code for the server-side and client-side of your project with this framework. NodeJS’s interactive interface allows easy interaction with Angular, MongoDB, React, etc.

When to choose Express Js?

ExpressJS is minimalistic because middleware adds specialised functionality. So it’s ideal for building a lightweight app or MVP for entrepreneurs. ExpressJS is ideal for developing web apps.

Conclusion

You may combine ExpressJS and NodeJS to create a fully-functional website or app. NodeJS is used for practically all applications. ExpressJS is a good choice for CEOs, product owners, and CTOs building an MVP or test product. Hire a development company to build a NodeJS website.