teleren/devto huggingface dataset:
How is a URL structured?
Tags: webdev
Published: 2022-06-24 01:08:21

A huge part of modern software is related to web technologies, mostly done by a web server interpreting a URL (Uniform Resource Locator) to locate a resource. In this short writing we will learn how a URL is structured and interpreted.

## URL Example

https://example.com:443/path/file.html?key1=value1&key2=value2#SomeLocationInDocument

A URL like this one is divided into multiple components:

## Scheme (Required)

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

Indicates the protocol that has to be used to request the resource, can be either https (With SSL/Secure) or http (Without SSL/Unsecure).

## User (Optional)

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

Used for HTTP Basic Authentication, currently deprecated since it is prone to security flaws, is written in the form user:password followed by an @ sign.

## Host (Required)

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

This is the resource location, could be an IP address (e.g., 192.0.2.146) or a host name (e.g., example.com). a host name can include a subdomain followed by a dot . before the domain name (i.e., subdomain.example.com) and has to include a top-level domain (e.g., .com).

## Port (Optional)

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

This number indicates the web server port number we want to connect to, denoted after the host and preceded by colon : defaults to 443 for https and 80 to http.

## Path/Directory (Optional)

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

Points to the resource we want to access, can be a file or a folder; all web applications have a default path, usually index.html.

## Query String (Optional)

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

These are extra parameters sent to the web server, starts with a question mark ?
followed by one or many key value pairs in the form key=value.

## Fragment/Anchor (Optional)

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

This is used by the locate sections within the document displayed by the browser; this value is only processed on the client.

As you can see, there is a lot going on in a URL string, we hope this short writing can provide useful info as to what these values mean.

Check this post on Art Of Code: https://artofcode.tech/how-is-a-url-structured/
Copywriting Prompts | Made with Next JS
Published: 2022-06-24 00:56:21

![Copywriting Prompts | Made with Javascript | Next JS](https://res.cloudinary.com/madewithjavascript/image/upload/v1655612263/large_copywriting_prompts_made_with_next_js_dacba970c2.png "Copywriting Prompts | Made with Javascript | Next JS")


### Practice copywriting with daily prompts and exercises. Click to generate new prompts or subscribe for daily emails.

> Write an email of someone at LEGO "accidentally" sending their critique of a Black Friday promotional email a day before it was supposed to go out.
> 
> Practice copywriting with daily email prompts and exercises
> Level up your copywriting by getting a practice prompt in your inbox every day for an entire year.
> 
> Build a swipe file you'll actually use
> SwipeWell is the only Chrome extension dedicated to helping you save, organize, and reference marketing examples (so you never feel stumped).
> 
> 

## Check out more such amazing projects on our website

[Made with Javascript](https://madewithjavascript.club)

## Want us to feature your project

[Submit your Project to Made with Javascript](https://madewithjavascript.club/submit-project)


You can also write to us for any of your queries at:

[Email Made with Javascript](mailto:madewithjavascript@gmail.com)

## Project already shared on our social media handles.

| SocialMedia | SharedLink |
| ----------- | ---------- |
| Twitter | [Copywriting Prompts on Twitter](https://twitter.com/withjavascript/status/1540123279377289221?s=20&t=poC1QtPMTDpamMrvJ8gVLQ)
 |
| Medium | [Copywriting Prompts on Medium](https://medium.com/@madewithjavascript/copywriting-prompts-made-with-next-js-ce4d88f299a2)
 |
| Facebook | [Copywriting Prompts on Facebook](https://www.facebook.com/madewithjavascript/posts/pfbid07XvkpFUHSbeKywjiDEnnieiZxSb6PRTkmNp1hJN3VSqsK1H82xcq6haQQN71S4Pil)
 |
| Tumblr | [Copywriting Prompts on Tumblr](https://www.tumblr.com/blog/view/madewithjavascript/687896491631820800?source=share)
 |
| LinkedIn | [Copywriting Prompts on LinkedIn](https://www.linkedin.com/feed/update/urn:li:activity:6945889064822722560)
 |
| Pinterest | [Copywriting Prompts on Pinterest](https://pin.it/1tSpxs8)
 |


Filled Under:

 - [Made with Javascript](https://madewithjavascript.club)
 - [Made with Next JS](https://madewithjavascript.club/categories/next-js)

Make sure to give this post ❤ 50 ❤ hearts, click the 🦄 unicorns 🦄 and follow 👉 @madewithjavascript 👈 for more such awesome showcases. Show you love for the people who have worked so hard!
Blog: 2022-06-24: Content & Tooling Team Status Update
Published: 2022-07-01 16:15:29

---
title: Blog: 2022-06-24: Content & Tooling Team Status Update
published: true
date: 2022-06-24 00:00:00 UTC
tags: 
canonical_url: https://puppetlabs.github.io/content-and-tooling-team/blog/updates/2022-06-24-status-update/
---

# Happy Friday ✨

It’s been a quiet week in terms of announcements for the team. The weeks work has been focused on helping our amazing support team with some outstanding tickets.

While I’m here though, I want to take the opportunity to say a big thank you to all of our contributors, past and present. The wheel wouldn’t turn without you 🤘.

The weather has been roasting here in England this week and I’m hoping it continues in to the weekend.

Hopefully it is nice and warm where you are too!

Have a great weekend!

🏖️

## Community Contributions

We’d like to thank the following people in the Puppet Community for their contributions over this past week:

- [`puppetlabs-apache#2252`](https://github.com/puppetlabs/puppetlabs-apache/pull/2252): “Better data types on apache::vhost parameters”, thanks to [ekohl](https://github.com/ekohl)
- [`puppetlabs-docker#841`](https://github.com/puppetlabs/puppetlabs-docker/pull/841): “New create\_user parameter on main class”, thanks to [traylenator](https://github.com/traylenator)
- [`puppetlabs-vcsrepo#546`](https://github.com/puppetlabs/puppetlabs-vcsrepo/pull/546): “document vcsrepo with git and http proxy”, thanks to [bastelfreak](https://github.com/bastelfreak)

## New Module / Gem Releases

The following modules were released this week:

- [`puppetlabs-apt`](https://github.com/puppetlabs/puppetlabs-apt) (`8.4.1`)
Creating a new login task using Task Scheduler
Tags: tutorial, notes, tooling, windows
Published: 2022-06-23 23:42:45

Task Scheduler is a tool that can be used to set up an automated task when a specified condition is met. You can schedule any program to run at a specific time or when an event occurs, this is done by monitoring the time and event. Today, we'll be setting up Firefox to startup whenever the user logs onto the computer.

1. Open Task Scheduler with search bar
![task-open](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1m73o1xnvjdmm8nmn9i4.png) 
![open task](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w5shmp39lti3dcx0h1ds.png)
2. Select a `create task` on the right side of the screen.
![new-task](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kume70cxnufs83tt64js.png)
Then provide a name and description for the new task, and  we'll set `Configure for`, to Windows 10 because that's the current version we are running, and we don't want the computer to emulate a different version of windows. 
![task-description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/miec0q1v029m7zvbeqk5.png)

3. Now, once you entered the description, slide on over to the triggers tab on the top of the dialog box, and select the new option.
![triggers](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i9c39ba0670k0glaj5i3.png)
You will have a wide variety of options that will appear, from scheduling a program to run at a specified time to when an event occurs, the options are endless, but for now we will be selecting `At log on` option. We won't be delaying anything or activating the task on a date, we just want Firefox to run immediately when the user logs in. So won't be selecting any of these options. Then select ok. 
![onlogon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f3zyd84mhejp6va0slz9.png)

4. Now we head on over to the `Actions tab` on the top of the dialog box, select `new`, this will provide you with an action selection list, select` start a program`. Inside the `Program/Script` entry. We will enter the following path, `"C:\Program Files\Mozzila Firefox\firefox.exe"`, then on the `Add Arguments` entry, enter a website you would like to open, I'll be using the all mighty dev.to/ 😃
![task-creation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/otpjjk9ofw6nrlss131i.png)

5. Reboot the computer and BOOM! Firefox will auto start with dev.to/ website loaded. 
![devto](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7lps6701if3cu5geng2n.png)

Thanks for reading
Kenji
Day 76: Responsiveness day
Published: 2022-06-23 23:41:40

Hi!
Today was about responsiveness on the pages I had been working on I know many people recommends mobile first approach for responsive web design but It doesn't come natural to me, I' m going to try it for the next sprint but for this sprint I did it manually today and it took me time but luckily it worked and my pages are now responsive. today I also got a chance to read about react context API and Redux I wanted something to know which one will be easier to store info about authenticated user info but from what I found React context can do the job so that's what I plan to use. tomorrow I will be doing some integration of all tasks done this week getting ready for the sprint closing. I want to get back to writing in this weekend it's been a while and I there is a lot to learn and share so that also will be in the weekend plan.

Signing off...
Destructuring in Javascript
Tags: webdev, javascript, beginners, programming
Published: 2022-06-23 23:34:01

**Destructutring** is act of unpacking elements in an array or object.It not only allows us to unpack but also manipulate and switch elements when you demand.

## Destructuring in Arrays
Javascript allows you to use rest operator with destructing array to assign the rest of regular array to variable.

**Example of Destructing in Array**

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

As you have noticed ['devesh','ram'] remaining both get strored in var3. 

**We use ',' to skip variables at destructing array's first and second positions ,you just leave it blank.**

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

## How default value get assign in Destructing 

Let's see
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w2c3v538sgcr1m8i96t4.png)

**Here you'll notice 'deepa' and 'chaurasia' are default value of 'firstName' and 'lastName' respectively**

**Therefore when we have tried to extract first index element it gave 'chaurasia' as output, because only zeroth index value exists in ["Deepa Chauraisa"]. It contains only one element .  **

## Object Destructing in Javascript

**Object destructing is unique technique that allows you to neatly extract an object's value to new variables.**

Let's see with Example 

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

here key 'firstName' i am talking about in the object on left side.

So your key will be your object's key whose value you want to assign in your new variable (i.e your value here)

Here is the another example of same: 
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3z69rl1vh8dd1s7llimo.png)

**_This was pretty much all about destructing._**



_Thanks for reading,Hope it helped_
_Please like,save and comment :)_
Build Cooking Website Using Badaso - Part 0
Tags: cooking, cookpad, laravel, adminpanel
Published: 2022-06-23 23:14:29

---
title: Build Cooking Website Using Badaso - Part 0
published: true
description: Laravel Headless CMS, Cooking Website
tags: cooking, cookpad, laravel, adminpanel
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
---
## What are we going to build?
We have data in the form of food recipes, where there are any spices to make a food recipe. In addition there is how to cook it.

A similar application that is already popular is Cookpad. This application has many features, of course it is complex, this time we make it as simple as possible.

The users can store these data in the form of recipes, food ingredients and how to cook them into the application so that users / chef / visitors can easily find food recipes.
In addition, they can search based on the spices they have, then the application brings up any recipes that correlate with it.

## Database Schema
Like applications in general, we design the database first.
We take the following stuff:
- Recipe maker
- Website visitors
- Recipe
- Food ingredients / spices
- How to cook

Recipe maker & Website visitors we merge to users, so the conclusion will be like bellow and than we make the tables of database: 
- users
- recipes
- spices
- cookings

## What next
The next part we are going to how to create our project from scratch scaffolding using [Badaso Laravel Headless CMS](https://dev.to/huiralb/build-cooking-website-using-badaso-2pcb).
Calmy Cocktails
Published: 2022-06-23 23:05:08

Hello,
calmy cocktail is a website that i designed using my basics knowledge in javascript,css and html which am very proud of bacause i came up with idea within a day.
Its all about a family that come up together because of their love for the cocktails or as they say the peer pressure of making bad decisions.
I have several lines of code the way i developed this website from scratches using my own knowledge ans thats something am so proud of i hope with time i will be able to create more cleaner codes and be  able to help other devs in the  making as i  progress.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lo3lw4h746ogetntze0z.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rou5u3ds58rlkweb2lex.jpg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s7037pz44nmpc0tp2tte.jpg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9p17u5448kx3034qne09.jpg)

i hope you liked my page.
                   THANK YOU....
The Best Solution to Burnout We’ve Ever Heard | A Conversation With Slack, Netlify & Ambassador Labs
Tags: leadership, career, devops, podcast
Published: 2022-06-23 22:35:43

With registration for our free October [Interact conference](https://devinterrupted.com/event/interact/) now open, we wanted you to hear one of our favorite sessions from this past April’s Interact.

Featuring the best minds from Slack, Netlify and Ambassador Labs, our session on Inspiring Engineering Leaders & Driving Developer Creativity turned into one of the best conversations we’ve ever heard on topics like dev toil, dev focus and dev burnout.

This is a great preview of the type of content we’re working on for our conference in October, and this panel completely made us rethink how we approach burnout at [LinearB](https://linearb.helpdocs.io/article/m922k2p59d-burnout-indicators).

If you like it as much as we do, be sure to sign up for October’s free, virtual Interact conference at: https://devinterrupted.com/event/interact/

{% spotify spotify:episode:0XgKzh5PeXZYNEix0hXGPU %}

## Episode Highlights Include:
* (7:44) The collective strength of the developer community
* (14:15) Developer toil and reducing interruptions
* (23:23) Enabling creativity 
* (26:16) Slack's "[Maker Week](https://slack.com/blog/transformation/the-five-day-workweek-has-left-the-building)"
* (33:34) Ensuring people are seen, heard and celebrated
* (42:24) What to do with talented devs that are not suited for the management path

## Engineering Insights before anyone else....
_The Weekly Interruption is a newsletter designed for engineering leaders, by engineering leaders. We get it. You're busy. So are we. That's why our newsletter is light, informative and oftentimes irreverent. No BS or fluff. Each week we deliver actionable advice to help make you - whether you're a CTO, VP of Engineering, team lead or IC  - a better leader._

_It's also the best way to stay up-to-date on all things Dev Interrupted - from our podcast, to trending articles, [Interact](https://devinterrupted.com/event/interact/) & our [community Discord](https://discord.com/invite/devinterrupted)._

***[Get interrupted.](https://devinterrupted.com/subscribe/)***

![Weekly Interruption Newsletter](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xzuq1q5hiqxkyx4q9dma.png)
Aspiring Developers - What is your 'Most loved, dreaded and wanted' Web framework?
Tags: discuss, svelte, productivity, webdev
Published: 2022-06-23 22:33:34

StackOverflow has just released their [results](https://survey.stackoverflow.co/2022/#web-frameworks-and-technologies) from the 2022 Developer survey which showed Svelte at the top spot as the most loved web framework.
divmod() in Python Learn --
Tags: python, programming, coding, beginners
Published: 2022-06-23 21:37:07

**The divmod() method in python takes two numbers and returns a pair of numbers consisting of their quotient and remainder**
`
print(divmod(10,3))

`
Output-- (3, 1) where 3 is  quotient and 1 remainder.

This is Queation where divmod function used link--
https://leetcode.com/problems/add-to-array-form-of-integer/

[](https://leetcode.com/problems/add-to-array-form-of-integer/)

Here problem solution

`    def addToArrayForm(self, A, K):
        for i in range(len(A) - 1, -1, -1):
            K, A[i] = divmod(A[i] + K, 10)
        return [int(i) for i in str(K)] + A if K else A`
Git via SSH - multiple keys management
Tags: git, ssh, cicd, config
Published: 2022-06-23 21:11:27

In order to use `git` over `ssh`, you need ssh keys. When you want to use multiple keys for different domains, you have to know where and how to configure it. I always forget where this configuration file is stored, so here I make a short note about it. Just edit `~/.ssh/config`, e.g.:

```
vim ~/.ssh/config
```

Then put there something like:

```
Host github.com
 HostName github.com
 IdentityFile ~/.ssh/id_rsa_github
Host gitlab.com
 HostName gitlab.com
 IdentityFile ~/.ssh/id_rsa_gitlab
```

Et violà!

---

Source: https://superuser.com/a/232406/950943

---

**Edit: Troubleshooting**: On AWS' EC2 machines you may get an `Bad owner or permissions on /home/ec2-user/.ssh/config` error when trying to clone a repository, e.g.:

```
[ec2-user@ip-my-ip ~]$ git clone git@gitlab.com:mikbuch/my-repo-name.git
Cloning into 'my-repo-name'...
Bad owner or permissions on /home/ec2-user/.ssh/config
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.
```

You have to make sure that you have `400` permission on your `~/.ssh/config` file, i.e.:

```
[ec2-user@ip-my-ip ~]$ ls -la ~/.ssh/
total 12
drwx------ 2 ec2-user ec2-user   73 Dec 29 19:51 .
drwx------ 7 ec2-user ec2-user  175 Dec 29 19:52 ..
-r-------- 1 ec2-user ec2-user 1831 Dec 29 19:50 my-deployment-key.pem
-rw------- 1 ec2-user ec2-user  957 Dec 20 20:25 authorized_keys
-rw-rw-r-- 1 ec2-user ec2-user   81 Dec 29 19:51 config
```

Use the following command to change the permissions:

```
[ec2-user@ip-my-ip ~]$ chmod 400 ~/.ssh/config
```

See the result:

```
[ec2-user@ip-my-ip ~]$ ls -la ~/.ssh/
total 16
drwx------ 2 ec2-user ec2-user   92 Dec 29 19:53 .
drwx------ 8 ec2-user ec2-user  196 Dec 29 19:53 ..
-r-------- 1 ec2-user ec2-user 1831 Dec 29 19:50 my-deployment-key.pem
-rw------- 1 ec2-user ec2-user  957 Dec 20 20:25 authorized_keys
-r-------- 1 ec2-user ec2-user   81 Dec 29 19:51 config
-rw-r--r-- 1 ec2-user ec2-user  207 Dec 29 19:53 known_hosts
```

Now the clonning should work:

```
[ec2-user@ip-my-ip ~]$ git clone git@gitlab.com:mikbuch/my-repo-name.git
Cloning into 'my-repo-name'...
The authenticity of host 'gitlab.com (2606:4700:90:0:f22e:fbec:5bed:a9b9)' can't be established.
ECDSA key fingerprint is SHA256:HbW3g8zUjNSksFbqTiUWPWg2Bq1x8xdGUrliXFzSnUw.
ECDSA key fingerprint is MD5:f1:d0:fb:46:73:7a:70:92:5a:ab:5d:ef:43:e2:1c:35.
Are you sure you want to continue connecting (yes/no)? yes
Warning: Permanently added 'gitlab.com,2606:4700:90:0:f22e:fbec:5bed:a9b9' (ECDSA) to the list of known hosts.
remote: Enumerating objects: 287, done.
remote: Counting objects: 100% (206/206), done.
remote: Compressing objects: 100% (169/169), done.
remote: Total 287 (delta 37), reused 200 (delta 36), pack-reused 81
Receiving objects: 100% (287/287), 1.25 MiB | 3.19 MiB/s, done.
Resolving deltas: 100% (64/64), done.
```
Day 579 : Like Really
Tags: hiphop, coding, code, lifelongdev
Published: 2022-06-23 21:26:23

_liner notes_:
- Professional : Had a bunch of meetings today as I normally do on Thursdays. Other than that, I looked into some possible conferences to submit talks and workshops. Also did a review of a future blog post. The day flew by!

- Personal : I didn't do much last night. I was pretty tired from the drive home. It was dark and all I really did was get ready for the night and watched 2 episodes of "Ms Marvel". It's a pretty good show. Like really good.


![Aerial view looking into a valley in Opabin Plateau, BC, Canada with mountains surrounding pine tree forests with some lakes scattered throughout.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/11skza5adhj5y4b6jmjh.jpg)

Going to see if I can get as much as I can done for this week's radio show tonight. My plan is to go to the office to get a bunch of stuff done for work and stay overnight and do the radio show the next day. Also want to watch an episode of the new season of "The Umbrella Academy".

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube IzjuReog3Yo %}