teleren/devto huggingface dataset:
Things all JavaScript beginners should know (Updated)
Tags: webdev, javascript, beginners, frontend
Published: 2022-09-06 05:07:23

# Hello
I'm currently looking for my first job as a frontend developer, I've been doing some technical interviews and they actually ask these questions (I took these questions from an instagram post). So I'll be looking for the answers and really understanding this topic.

>> Note. I already know some answers, but I will be updating this post from time to time. If you feel like collaborating with any answers, feel free to share in the comments.

---

## 1. What is the use of windows object?


The window object is a representation of the 'window' browser, the space were you navigate, it is created automatically by the browser, **It is not a JavaScript Object**... 
The window object have a lot of his own properties and methods, y bet you know some of them... 
|  Properties | Methods     |
| ----------- | ----------- |
|  console    | alert()     |
|  innerWidth | prompt()    |
| InnerHeight | setTimeout()|
|  scrollY    | confirm()   |

---

## 2. What are the different data types present in JavaScript?
Data types:

- Boolean Type // true | false
- Null Type // null
- Undefined Type // undefined
- Number Type // 123
- BigIng Type // 123456789023456767766n
- String Type // 'hello world'
- Symbol Type 
- Object Type // {}

---
## 3. What is the difference between undefined value and null value?
Undefined is a vaiable that refers to **something that doesn't exist** 
## 4. What is this [[[]]]?
<->
## 5. What are classes in ES^?
<->
## 6. What are the difference between cookie, local storage and session storage?
<->
## 7. What is the difference between setIntervals and setTimeout?
<->
## 8. What are arrow functions? How are they different from normal functions?
<->
## 9. What is this keyword?
<->
## 10. What are promises? How do you call a promise?
<->
## 11. What is the difference between observables & promises?
<->
## 12. What is callback hell?
<->
## 13. Explain closures
<->
## 14. What are pure functions?
<->
## 15. Difference between == and ===
<->
## 16. How to access DOM elements using js?
<->
## 17. What are higher order fuctions?
<->
## 18. Explain desctructing in Javascript
<->
## 19. What are spread and rest operators?
<->
## 20. What is even propagation event capturin, even bubbling?
<->
## 21. What is function currying?
<->
## 22. Difference between let and var
<->
## 23. Difference between call, apply and bind
<->
## 24. What is event loop ?
<->
## 25. What is weakMap and weakSet?
<->
## 26. What is the difference betwwin a function parameter and an argunment?
<->
## 27. What is function execution context & global execution context
<->
## 28. What is scope in JavaScript?
<->
## 29. How to create an array? List some of array methods
<->
## 30. What is hoisting?
<->
Microservices Architecture - Tech meetup in Madurai
Tags: javascript, java, microservices, techtalks
Published: 2022-09-06 04:55:23

OptiSol presents Tech Meetup on “Microservices Architecture” at Madurai on Sept 10, 2022.

Join this perfect opportunity to meet new people, learn things, to find job opportunities & to explore more on Technology stacks.



Pre-Registration Form: https://www.optisolbusiness.com/tech-meetup-register-form



To know more about Speakers: https://bit.ly/3QaT7sR
Programming Folks Discord Community.
Tags: flutter, dart, community, codenewbie
Published: 2022-09-06 04:55:22

Hello everyone,
I hope you are doing well.

We have created a Discord server with the name **Programming Folks**. The community's motto is mentorship and knowledge sharing.

This is a great place to start if you are a student or learning Flutter.

You can join our discord community by clicking the link below:

Link: https://discord.gg/PGhk6tSB

You can join us as a mentor if you are an expert.

Warm regards,
MD Sarfaraj
Laravel 8 One To One Relationship Example
Tags: laravel8, relationship, php, mysql
Published: 2022-09-06 04:44:01

In this article, we will see laravel 8 one to one relationship example also you can use one to one relationships in laravel 6 and laravel 7. 

One to one relationship is a very basic type of database relationship. You have one table with a primary key that references the id of the other table. 

For one to one relationships using hasOne and belongsTo the method in the model for accessing each other model. 

Also, we will create migration with a foreign key, retrieve records using the model, insert new records, update records, etc.

So, let's see one to one relationship in laravel 8 and laravel 8 relationship with the condition.

We will create a User and Phone table. User a model might be associated with one Phone model. To define this relationship, we will place a phone method on the User model. 

The phone method should call the hasOne method and return its result.
Download TikTok Video Without Watermark
Tags: tiktok, tiktokdownloader, sstik, sstikde
Published: 2022-09-06 04:32:45

If you're a fan of TikTok, then you know that there's nothing worse than trying to download your favorite video only to find that it's watermarked. But what if we told you that there was a way to [TikTok Downloader](https://sstik.de/) videos without watermarks? With SSTIK.de, you can! Keep reading to learn more.

![TikTok Downloader - Herunterladen ohne Wasserzeichen](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7cto4zu5cxdftr1h8yf8.png)

## How Does It Work?

SSTIK.de is a web-based tool that allows you to download TikTok videos without watermarks in just a few simple steps. All you need is the URL of the video you want to download. Once you have the URL, simply enter it into the search bar on the SSTIK.de website and hit "Enter." From there, you'll be able to select the format and quality of the video you want to download, and voila! Your video will begin downloading immediately. Nowatermarks, no logos, and no hassle.

### Is It Free?
 
Yes! SSTIK.de is completely free to use. We believe that everyone should have access to high-quality content without having to pay a dime, which is why we offer our service at no cost.

## Conclusion:
 
If you're looking for a way to download your favorite TikTok videos without watermarks, then look no further than SSTIK.de! With our easy-to-use web tool, you can download videos in MP4 or MP3 format quickly and easily, without losing any of the original video's quality. Best of all, our service is completely free. So what are you waiting for? Give us a try [SSTIK.DE](https://sstik.de/) today!
General depiction of oxidized bitumen 75/25
Tags: oxidized, bitumen, 7525
Published: 2022-09-06 04:32:06

Oxidized bitumen 75/25 is semi strong oxidized level of unadulterated oil bitumen classified in polycyclic fragrant hydrocarbons is regularly utilized for various purposes in the construction business.

Oxidized bitumen 75/25 (otherwise called blown asphalt 75/25 and blown bitumen 75/25) is semi strong grade of unadulterated oil bitumen made via air blowing them through an asphalt transition. Oxidized bitumen 75/25 is made from oil bitumen which is made by blowing grade 60/70 bitumen by hot air. The numbers 75/25 connect with the midpoint of the material's conditioning point and infiltration separately. The conditioning point esteem is the degrees Centigrade estimated by the Ring and Ball still up in the air by ASTM D36. The entrance esteem is in 1/10 not entirely settled by IP49 or ASTM D5.

## Utilizations of oxidized asphalt 75/25

Oxidized asphalt 75/25 purposes in the synthetic, fuel, paints, finishes, stains, paper-mash board, material handling, road construction; pavement , break seal and repairment, common works, material, construction businesses; fixing and protecting structures, cement, construction materials added substance, dust-restricting, covering, protecting and impregnating specialist, make elastic and plastic items. The blown asphalt 75/25 items are for paving, roofing; additionally utilized in asphalt based paints for erosion security of metals, in covering public works structures, glues in electrical overlays, base for engineered turf; regular purposes for oxidized asphalt 75/25 incorporate material, pipe covering, Portland concrete asphalt, water powered applications, paint fabricating.

The blown bitumen 75/25 ought to be warmed twofold temperature against the conditioning point to have the option to have stream and thickness. To utilize asphalt 75/25, surfaces should be dry, perfect and liberated from free particles, formwork, relieving items, abnormalities, slurry, and so forth.

## Pressing of blown asphalt 75/25

The ATDM is maker of blown asphalt 75/25 in different gathering including kraft sack, meltable plastic pack, drum and mass blown asphalt 75/25 from entrance grade bitumen, which is quickly passed up hot air in a controlled cycle until the ideal detail is reached. The ATDM oxidized bitumen 75/25 can be provided in any grade and are assigned by two numbers to show the conditioning point and entrance ranges. The oxidized asphalt grade 75/25 methods relaxing point is 75°c and entrance is 25 desimillimiter is delivered in consistence and adjustment to ASTM standard and meets the accompanying detail.

## Specialized Advantages of Blown Bitumen 75/25

•	Strength
•	Adaptability
•	Water Resistant
•	Synthetic Stability

## Contrasted with clearing grade bitumen:

•	Diminished temperature weakness
•	Shows a more 'strong' nature at surrounding temperatures
•	High entrance list
AWS: Steps to create your account
Tags: aws, cloud, webdev, beginners
Published: 2022-09-06 04:23:41

## What is Amazon Web Services (AWS)?
Amazon Web Services or AWS as it’s commonly known in the tech industry is the world’s most reliable cloud computing platform. It provides hundreds of unique services which are all cloud-based, ranging from databases to virtual servers.

---

## Create an AWS account

.
.
.

---

## Step 1:
Click on the following URL:

[Create a free AWS account](https://aws.amazon.com/free/ ) 

---

## Step 2:
Please proceed to create a free account.

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

---

## Step 3:
Please enter your email address as the root user email address. After that you must decide on your AWS account name and verify your email address.

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

---

## Step 4:
After you have verified your email address you will be asked to enter additional details. 


- First of all, you must complete a general sign-up form which will ask you to enter in  a few details, such as your name, address, country etc.


- You must then put a card on file. After you have put your credit card on file you will be charged $1, and then you will be refunded a few minutes after. The point of this is to ensure that you have a working debit/credit card.


- You may be asked later in the set-up process to enter a verification code from your phone.


- Near the end of this process, please be sure to select the free plan.

---

## Step 5:
Once you have set-up your account, you may now login to AWS account with your root user account. 

---

## Step 6:
Upon signing into your AWS account, you will be greeted with the AWS Management Console - and that's that!


Well done! 

---

**A final note…**
For those that are interested in learning Cloud Computing from scratch, feel free to check out my latest course:

---

[Cloud Computing on AWS: Ultimate Beginners Course — 2022](https://www.udemy.com/course/cloud-computing-on-aws-ultimate-beginners-course-2022/?referralCode=A8F185F6471C6AB608BE)
Serverless Computing on AWS, Azure, and Google Cloud
Tags: cloud, serverless, microservices, devops
Published: 2022-09-06 04:22:58

Amazon launched its first AWS services in 2006: S3 for Storage and EC2 for Compute. Now there are a plethora of services and offerings from various cloud vendors like AWS, Azure, and Google Cloud. It can be overwhelming to evaluate so many options and pick the right one for you.

Selecting the right infrastructure alternative is not only about the technical requirements of your application but also about expertise in your team and the growth stage of your business.

In this article, you will learn about the kinds of cloud deployment alternatives available today, and how to select the right one for your needs. We will also dig into serverless alternatives, and what can make the migration across alternatives easier as your team and business grow.

[Continue reading »](https://www.ml4devs.com/articles/serverless-architecture-for-microservices-on-aws-vs-google-cloud-vs-azure-as-iaas-caas-paas-faas/)
Digital Business Card
Tags: html, css, javascript, react
Published: 2022-09-06 04:20:11

This weekend was a milestone for me, which gave me more confidence than I previously possessed.  I had a fun roadtrip from Utah to California, where I was the passenger in the backseat of the car.  Since it was a long roadtrip, I decided to make the most of the time by creating another project.  
A digital business card, complete with a basic layout, profile pic, hyperlinks to other sites I've created and added to, like my LinkedIn, Github, Portfolio page, and even this Blog page with DEV.  This was all created with HTML/CSS, JavaScript, and React.

What I am most proud of is the fact that I was able to build the entire project from scratch, all within a few hours while in an environment that was not a normal programming desk.  A few times, I was a bit stuck on how to do something, but my skills at searching on google for answers to my questions has definitely grown, to the point where I didn't get permanently stuck.  Finding my own solutions, while also creating my desired layout and functionality is a LOT OF FUN!!!

Feel free to check out my work below.


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


https://digbusinesscard.netlify.app/
Using images! ;D
Published: 2022-09-06 04:03:56

Ever come across a webpage without an image? I have, but I'm probably older than you, so don't worry. This video showed me how the world became able to use html for images, thus improving my web experience forever.

`<img>` tag. This little bit of html tagging makes it possible to add images to a web page. There is no closing tag for this little one. It does however required two attributes:
* src (source) - tells the browser where the image is located.
* alt (alternative text) - gives a text description of the image if the image can't be displayed for some reason.

When putting an image in a webpage, you have to consider the source. If the source is a file on your computer, you can use a relative URL, which is simply the file path from the folder containing the html file. If it is from the web, you would have to use an absolute URL, which is the URL address of the image (ex: http://...[etc]).

######note: ever find a webpage with a missing source error where an image should be? They used an absolute URL that leads to where the image used to be! ;D

Looking further, you can define the height and width of the image by adding two more attributes named "height" and "width". The dimensions would be entered as pixels, so be sure you know how many pixels you will want each to be.

In order to put this into practice, we have to create a folder on our desktop, name it, create another folder within the named folder, name it, and then put the image we intend to use inside of the inner folder. Next, we create a new html file in VS Code.

I did all this and found that the html displays the images perfectly. Also, I used the height and width attributes and found that it worked perfectly. :D

You'll want to keep in mind that if you use pixel dimensions that aren't in ratio to the original, you'll end up stretching the image or squishing it. 

Now that I learned this, it's time to find some Pikachus and make them have really long faces. ;D

Joel out!
SharePoint Online in Office 365: Everything You Should Know
Published: 2022-09-06 03:49:38

SharePoint is Microsoft’s premier collaborative platform, providing tools for storing and sharing documents and information. SharePoint was originally developed by Microsoft in 2001 as an umbrella term to include multiple products and services such as FrontPage, Office Server Extension and Team Pages. Today, however, the term SharePoint refers to the specific web-based environment that delivers sophisticated communication and teamwork applications.


Microsoft currently offers two variants of its team-centric collaboration platform: SharePoint Server, the locally hosted platform and SharePoint Online, the cloud-based service. SharePoint Online is bundled in some Office 365 subscription plans and can be also licensed as a standalone service.

SharePoint Online is often confused with Office 365 as both products share similar functionalities in terms of productivity applications and cloud-based file management. In fact, SharePoint Online is sometimes mistakenly referred to as Office 365 SharePoint, Microsoft 365 SharePoint and Microsoft SharePoint Office 365.

When you familiarize yourself with Microsoft’s cloud-based offerings, you realize that while both services are part of the same category of products, SharePoint Online and Office 365 can be different solutions for different audiences.


**Source:** [https://demotix.com/sharepoint-online-in-office-365/](https://demotix.com/sharepoint-online-in-office-365/)
Attributes, a mystery...
Tags: html, beginners
Published: 2022-09-06 03:35:52

Attributes are a major part of HTML... D:

They give extra information about an element that the encoder uses to do things in a specific way.  They don't seem to need their own tags to do this either. :D 

Apparently, you just add them in within other tags.

The first example we're given is:

```
<p lang="en-US">Things to do today</p>
```

The attribute is the _lang='en-US"_ within the p tag. Broken down, attributes are given a name and a value (`<p name="value">`)

In this video, this is all we're given. This is fine, because we're told we will learn more about this soon. :D Onward!!
Shortcuts are every coder's best friend
Tags: beginners, html, codenewbie
Published: 2022-09-06 03:26:22

Alrighty... So I opened the next video, and found that it went over ways to implement shortcuts in Sublime, which is what the instructor of the videos (also, a teacher in my bootcamp. ;D) uses in the videos. Well, I'm using VS Code because that's what the instructors of my bootcamp directed us to use. So, I decided to see what I could find in making shortcuts in VS Code!

Thanks to (Hannah Gooding's post on Dev.to)(https://dev.to/hannahgooding/vs-code-shortcuts-and-tricks-that-i-wish-i-knew-sooner-3mcj) (much appreciated, Hannah!), I learned that there is a boiler plate that exists in VS Code! :D Just typing "!" and pressing enter, brings up the following boiler plate in my version:

```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
```

Now, this is the default that comes with VS code, so it's different from what we have in the instructional video I just watched, so I need to create one. Well, apparently I can do that too (thanks again Hannah!) So, first, you go to the preferences of VS Code, and choose "User Snippets", then you find the file "html.json" where you can add a new snippet! You have to use json language to create the snippet, but there is a tool that every new coder's new BFF Hannah directs you to that will help you write your desired html snippet in json! 

######Note: I wasn't able to find the original emmet file that has the prefix I wanted to use, so I just created a new one in the html.json file.

Joel out! :D
Nắp Hố Ga - Mở Ra Những Cánh Cửa Dẫn Về Lịch Sử Thành Phố
Tags: naphogagoat, lichsu, manholecover, history
Published: 2022-09-06 03:19:47

Nắp Hố Ga có thể chưa thành một xu hướng sưu tầm nghệ thuật ở Việt Nam. Nhưng trên thế giới, có rất nhiều người có niềm yêu thích đặc biệt đối với những chiếc nắp hố ga. Trong đó có Jeremy Corbyn - Một chính trị gia Anh làm Lãnh đạo Công đảng Anh và Lãnh đạo Phe đối lập từ năm 2015.

_________

Ông từng chia sẻ trên tạp chí The Telegraph: "Tình yêu cuồng nhiệt của tôi đối với nắp cống và xe lửa không làm hại ai cả". Ông cho rằng đó là dấu ấn của lịch sử xã hội.

Mặc dù, hầu hết chúng ta có thường chỉ coi chúng như những thứ cần thiết cho hệ thống thoát nước. Nhưng quả thực [nắp hố ga](https://naphoga.vn) có thể cho chúng ta biết nhiều hơn về lịch sử cơ sở hạ tầng của của các đô thị so với những gì ta nghĩ ban đầu. 

Đọc đầy đủ bài viết tại đây 👇:
[https://naphoga.vn/nap-ho-ga-mo-ra-nhung-canh-cua-dan-ve-lich-su-thanh-pho.html](https://naphoga.vn/nap-ho-ga-mo-ra-nhung-canh-cua-dan-ve-lich-su-thanh-pho.html)
Feeling a bit stuck
Tags: beginners
Published: 2022-09-06 02:05:35

Hello friends, 


I realize this is probably a strange format for this page, but i am going to do it anyway.

As the title suggests, I am feeling a bit stuck. I went to college and received a degree that is basically a web development degree. I work as a product manager, but I have always wanted to be a web developer since I was a teenager. I make pretty good money as a product manager and have a family to support, so I don't feel like I have the luxury of taking a pay cut to switch careers, but I also don't think I could reasonably ask a company to pay me for web development the amount I currently make. I also feel like my education was just simply not good enough to make me marketable. I am trying to learn more and practice to get to the point where I feel like I can call myself a professional.

What would be your advice for someone in my position? Anything that you feel would help me find success? 

Humbly, 
Matt
7 Steps to Form a Successful Backup Strategy
Published: 2022-09-06 01:44:27

From fire to power outages to cyberattacks, there are many ways to lose your critical data. That’s why backup is crucial for a company’s success.

However, backing up without a strategy is very much a shot in the dark. Backup planning isn’t only about making a copy of your data.

It is also about being able to restore this data when needed. To guarantee recovery, you have to choose suitable storage options, diversify your backup destinations, set clear goals, test your backups, automate the backup process and manage your data.

All of these factors form a comprehensive backup strategy. You can ensure your data protection in 7 simple steps that will lead you to an effective backup plan. Is your company prepared for a disaster? Check these tips to make the most out of your backups and recover your critical data no matter what.




**Source:** [http://roboticsandautomationnews.com/2021/12/10/7-steps-to-form-a-successful-backup-strategy/47592/](http://roboticsandautomationnews.com/2021/12/10/7-steps-to-form-a-successful-backup-strategy/47592/)
Android Studio UI designs better than Figma
Tags: android, figma, appdev, uiweekly
Published: 2022-09-06 01:06:27

Now I know this might be one of the craziest headlines you might've seen in a while but I truly believe that Android Studio provides really good designing tools for your layout design.

Now I would never say Android Studio has more designing tools than Figma. No sane Developer/Designer would say that but to imagine that an app developing has wonderful tools for your layout design and an app can be fully developed even without importing designs from any other designing platforms like the said "Figma" is a big UP for Android Studio.

Nothing much here. Just dropping my random thought and experience.

Thank you for reading.