teleren/devto huggingface dataset:
Getting started with open-wc
Published: 2021-08-30 04:06:37

In this post we'll go through all the steps to set up a web component using open-wc in windows. We'll go through the needed dependencies and steps to get a web component going.

<h3>Before we start</h3>
We need a few things before creating a web component. First we'll install Node.js from their [website](https://nodejs.org/en/download/). Next, we'll install npm by opening a command prompt and typing 
```
npm install
```
It is optional to also install yarn which can be done with your command prompt as well.
```
npm install -g yarn
```

<h3>Creating a Web Component</h3>
Now we're ready to actually create a web component.

Start by using the command prompt to go into your desired folder. For example, `cd "project folder"`

Then initiate the web component by using this command.
```
npm init @open-wc
```

We now have a few options to pick from.

First we can can choose to scaffold a new project or expand upon an existing one. To create a new component we'll pick the scaffolding option by using the arrow keys and pressing the space bar. 

Next, we can choose between creating a web component or an application. We'll choose a web component. 

The third set of choices are optional and will determine what will be set up automatically. Use the space bar to select your options, I choose to select all of them. To move on click the enter key. 

Then we choose whether to use typescript or not. I choose not to. 

Enter a name for your web component. 

Now, we'll choose to write the proposed file structure to the disk and pick what dependencies to setup the web component with. You can choose to install with npm or if you previously installed yarn you can install using yarn.

You're all set!

<h3>Running and Editing your Web Component</h3>
The web component we just created can be ran by changing the directory in the command prompt to the folder that has been created. Ex. `cd test-project`

Then running the component with, `npm run start`.

Lastly, to edit the component in VS Code use the same commands as previously to change the directory to the project folder then type the command, `code .`
Installing open-wc
Published: 2021-08-30 04:03:20

1.) Start of by installing Node JS which can be found at https://nodejs.org/en/. This will include npm so once you have that installed correctly you can focus on installing git and yarn.

2.) To install yarn you can simply enter "npm install --global yarn" into the terminal. You can check if it worked correctly by entering "yarn --version" to check the installation version. If that does not work I found luck entering "curl -o- -L https://yarnpkg.com/install.sh | bash" which again you can check using "yarn --version"

3.) After steps 1 and 2 you should be able to run npm init @open-wc. You will select web component, all three tooling options should be highlighted which can be done by hitting the right arrow key or spacebar, typescript should not be selected, and you can name it however you please. The final option ask how you want it installed, make sure you install it using YARN.

4.) Once this is all done the terminal should prompt you with how to run it which you can then test by entering "cd hello-world" followed by "npm run start" to launch your browser.

That is it! Now you are done.
DiscoGEN - Discord BOT Maker in 3mins
Tags: javascript, tutorial, showdev, beginners
Published: 2021-08-30 04:00:44

DiscoGEN is a CLI utility by which you can create Discord BOTs programmed in Discord.js

## How to Get-Started

- `npm install -g discogen` or `yarn global add discogen`
- Run `discogen`
- You will get a prompt like this
![First Prompt](https://i.imgur.com/HJnriae.png)
- Enter the BOT name
- Give the BOT's prefix
![Second Prompt](https://i.imgur.com/H5jy2zc.png)
- Next paste the BOT token
![Third Prompt](https://i.imgur.com/3Zux9uT.png)
- Select the package Manager you want to use[npm or yarn]
![Fourth Prompt](https://i.imgur.com/uKI9nbe.png)
- Press ENTER and your done

## Time to test the BOT

- `cd <bot-name>`
- You should have a folder structure like this
![ls](https://i.imgur.com/NJ2bRmI.png)
- Run `node index.js`
![run](https://i.imgur.com/32dylCQ.png)

**_That's it your BOT is ready work. By default `discogen` adds the ping command. You can modify it to your needs_**

Let's Test the BOT now

It's online
![online](https://i.imgur.com/g0a2zWb.png)
Let's run the ping command with the prefix, in my case `?`
![runs](https://i.imgur.com/eoheEFI.png)

**That's it, the BOT is online and running in just 3 mins**

_Future features include addition of a feature by which users can choose between the commands they want there BOT to have_

GitHub Repository: https://github.com/Discogen/discogen
NPM: https://www.npmjs.com/package/discogen
YARN: https://yarnpkg.com/package/discogen
IST 402 Intro
Published: 2021-08-30 03:53:46

Introduction

Hello everyone, my name is Julian Giannetti and I am a senior pursuing a degree in Information Sciences and Technology. I have never been much of a school affiliate but I am part of the eSports team and I play on their Call of Duty team as a starter. I am really into fitness and have explored several types of training over the years. I found my favor to be powerlifting due to the satisfaction you get from moving a large amount of weight. Outside of that I have always been an athlete and actually started off playing baseball at one of the branch campuses. Since I transferred up I have been keeping myself busy with pickup basketball and just hanging out with people.

Why web development?

Honestly I don't even know myself. It seems like it is something nice to have as a skillset and for that reason alone I am here. I believe the more you know the better off you are so that when I enter my career I can be viable in many different instances. I am not the strongest coder but keeping up to date on something like this is very important in the long term.
Introduction
Published: 2021-08-30 03:06:42

Hi everyone! I'm Mike Wagner and unfortunately starting my senior year this year. My major is IST in the Human Centered Design and Development branch. I started at Penn State in engineering but found after freshman year I enjoy the tech realm more.

I have a decent amount of experience and knowledge with web development from other classes but also have been introduced and somewhat worked with web components from taking IST 402 last semester.

I'm excited for this class and making a memorable last year!
IST 402: Introduction
Tags: webdev
Published: 2021-08-30 02:58:27

###Introduction
Hi Everyone,

My name is Drew and I'm a senior at Penn State studying the Design & Development track of the Information Sciences and Technology major. Although I am also pursuing a minor in Security and Risk Analysis, my true interests lie in web development--which is why I'm writing this introduction! 

Outside of the classroom, I work as a Learning Assistant within the College of IST and volunteer as an IST Diplomat, working as a student ambassador for the College. I really enjoy hanging out with my friends, keeping up with everything PSU sports, and being outside (pickup football, snowboarding, and spikeball are some favorites).

###Web Dev?
This past summer, I had the opportunity to work as a full-stack software engineer for Alarm.com. I was interested in web development prior to the internship; but, if my time there taught me anything, it's that I really enjoy working on things that end users directly interact with. Thus, I'm taking this Web Components course to improve my web development skills as I look for full-time careers.

The environment and its current state have become a recent passion/concern of mine, so my goal upon graduation is to find a career where I can positively impact the environment's declining state. I took a few climate science classes last semester, and while I did not enjoy the nitty-gritty of climatology, I saw the opportunity to make a difference with something I do enjoy. Web development may not seem like the place to start fighting climate change, but I think accessibility to information is an integral part of encouraging some long-overdue improvement to society's environmental practices. Hearing Professor Ollendyke mention that we would be prioritizing accessibility for the work we do in this course really excited me, so I'm looking forward to learning more!
How to install open-wc from scratch
Published: 2021-08-30 02:57:51

**Welcome**
Today we will be covering how to install open-wc on your device from scratch.

First we will start by downloading the latest version of [Node LTS](https://nodejs.org/en/) which you can find by navigating to this link.
From there you will need to follow the download steps on your machine.

Next, we are going to download Yarn on your device. This can be done by opening a new terminal window and typing the following command:       
`npm install -g yarn`

From there we will want to create a folder for our project to be saved. For our purposes we are storing the project in a folder called edtechjoker. 

Once that is created, we need to go back to the terminal and  navigate to that project folder using `cd [location_of_folder]`

**_Example_**
`cd Documents/git/edtechjoker`

Once we are in the project folder we need to run the following command: 
`npm init @open-wc`

Next you will be given a series of options, so select the following:

*New project scaffold
*Web component
*All options (linting, testing, demoing)
*No typescript
*Give your project a name
*Install with Yarn

If you did everything correct, you will see a successful message. If so, congratulations you have successfully created your first boilerplate for open-wc! 

To run, type the following commands:
`cd [project name]`
`npm run start`

Best of luck,
Nick
Intro to Blockchain: NFT Art
Published: 2021-08-30 02:53:44

In a new era of the world where tech is booming and soaring to new heights no one could ever have imagined, there is now a way to have unique one of a kind digital art. Yes you read that correctly, <em>one of a kind</em> digital art. 
It's kind of a weird thing to wrap your head around that digital art could be one of a kind because what is stopping someone from screenshotting the image or copy and pasting the image file. That's where blockchain comes in. With new innovations in blockchain, we've figured out how to utilize Non-Fungible Tokens to make sure that each art is unique with its own token. With the Non-Fungible Token (NFT) as the identifier of who currently owns the art, NFT's are being sold for ridiculous amounts of money that can go up to multi-million dollar transactions. 
![beeple art](https://www.artnews.com/wp-content/uploads/2021/02/beeple.jpg)
<em> Sold for $6.6 million worth of Etherium</em>
With NFT's there is now a market for luxury art where artist's can sell their art to aspiring art collectors.
IST 402 Intro
Published: 2021-08-30 02:25:08

**Intro**
Hey everyone, my name is Nick Hunter and I am a senior studying Human-Centered Design with a minor in Entrepreneurship and Innovation. Here at Penn State I am an officer of UXPA (User Experience Professionals Association) Penn State Chapter, a member of CrossFit club, and web designer for the Penn State Cycling Club. 

As you can tell from above I am really big into fitness, and I also enjoy mountain biking, and playing video games in my free time.

**Why web development?**

Web development is one of those skills that comes along with the HCDD major, but regardless I think it is knowledge that will only increase in value as the years progress. Although I am not seeking web development as a career path, I do think that having a great knowledge of this field is essential for the work I want to do (Program Manager). I have also used my web development experience outside of the classroom to work on my portfolio which was a great way to put my skills to the test, and now I am eager to further those skills.
Getting started using open-wc
Tags: node, webdev, javascript
Published: 2021-08-30 02:23:43

In this post I am going to go over how to get started setting up tooling to use open-wc. Open Web Components is a way to create boilerplate web components that can expanded to your needs. 

####Download all dependences
In order to use Open-WC you will need to download Node.js and npm. Node.js is an open source javascript runtime environment and can be download [here](https://nodejs.org/en/download/). Npm (Node package module) is a package manager which will allows you to install dependencies necessary to your projects. You can also download yarn which is an alternative package manager. Installing node.js and a package manager are absolutely necessary to being able to create an open-wc web component. 

####Use the command prompt to create a web component
Once you have downloaded the necessary software you can verify by running the following lines in your command prompt `node -v` and `npm -v`. If you get a version number back you are in good shape. Next create a project by running `npm init @open-wc`. You can select options using the arrow keys and the space bar. To create a new webcomponents choose to scaffold a new project, and webcomponent. I choose to add linting, testing, and demo capabilities as well. Next choose whether or no to run typescript, I do not use typescript. Choose the tag name of your webcomponent. The name should contain a hyphen so it is apparent it is not a native tag.  

Open-wc will display the proposed file structure and you should choose to write it to the your disk. Finally install dependencies using npm. 

Thanks it! Now you have your very own web components. To open and run this web component run `cd projectName` and `npm start` in the command prompt. In order to edit the webcomponent you will need to use an IDE such a VS code. 

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v8i5q9yi35m4l5fbicz8.png)
My  100 Days of Hacking !
Tags: hacking, security, webdev, 100daysofcode
Published: 2021-08-30 02:22:42

I am excited to announce my journey as I begin a '100 Days of Hacking' challenge. Several weeks ago, I was elated to have been been 1 of 5 people globally who was accepted into Bugcrowd's Bug Bounty Mentorship program. In this program we are paired with a bug bounty hunter/ethical hacker expert for a mentor and are learning how to succeed at bug bounty hunting. My initial interest in tech began with an interest in cybersecurity, but I wasn't sure what path to take to be able to incorporate that interest into a career. Shortly after beginning my Software Engineering bootcamp, I realized that security is not something that is heavily discussed or taught as we are learning to build applications. The more I learn about how to break into an application, the more that I want to make sure that I know how to make my applications as secure as possible!

My goal during this '100 days of Hacking' challenge is to continue learning about web application vulnerabilities, and not only how to exploit them but how to prevent them! I look forward to sharing each week what I have learned in order to spread more awareness about what steps a developer should take to ensure the safety and security of data.

To hold myself accountable to my goals and in case anyone wants to join in on the '100 Days of Hacking' challenge, here are the rules that I have set up for myself:

* Monday - Friday : 40 minutes daily of learning about a specific vulnerability for the week (utilize purchased books, PortSwigger, PentesterLab, etc). Keep notes daily on what was learned.

* Saturday : 4 hours to finish up learning whatever topic that I was learning in the middle of the week. Search for bugs in a real application, specifically ones related to the vulnerability learned during the week.

* Sunday: 4 hours to search for bugs open to any vulnerabilities learned up to this point. Write a blog post about what I've learned and/or found during this week.

* Goal by end of 100 days of hacking: FIND A BUG & RECEIVE A BOUNTY! 🐛 💻
Installing open-wc
Published: 2021-08-30 02:20:04

The following is a guide on installing open-wc on MacOS:

1. The install for Node JS can be found at https://nodejs.org/en/. 14.17.5 is recommended due to the stability and lack of necessity for the bleeding edge features. 

2. Yarn can be installed by typing npm install -g yarn into the terminal. sudo may have to be used to complete the install. 

3. In whatever folder you prefer to use, you should be able to run npm init @open-wc. Going through the setup, you select web component, all three tooling options should be highlighted using the spacebar, typescript should not be selected, and the component can be named whatever you like. Finally, it should be installed using yarn.

4. The component can be started by switching into the project directory and running npm run start. The component will open in a browser window.
Install open-wc with no tooling 
Published: 2021-08-30 02:03:43

To start, we will need to install node 14 on your machine.  To do this, you can use this link to get to the install page.  Link: https://nodejs.org/en/
Once you get to this page, you will click on the 14.17.5 LTS install.  This is the best option for install instead of using 16.8.0 version. You can then follow the basic install instructions from that point on.  


We can then install npm on our machine.  This is an easy process that just involves you going into the command line and typing in "npm install -g npm".  You can then check to make sure that you successfully installed npm by typing in "node -v" and you should get the version number of npm.  

Next, we will be installing yarn on our machine.  To do this, go to your command line and type in "npm install -g yarn".  To then check to make sure that yarn has been successfully install, you can type in "yarn -- version" and it will give you back the version number of yarn that you have installed on your machine.  

Lastly go to the command line and type in "npm init @open-wc". If this successfully runs then you have correctly installed everything.  Then follow the instructions by selecting a new project scaffold -> web component -> liniting, testing, demoing -> does not use typescript -> is named hello-world -> is installed using yarn.
Introduction
Published: 2021-08-30 02:01:02

Hey! My name is Liz, and I'm a junior studying Cybersecurity with a minor in IST. I'm from about 25 miles west of State College (middle of nowhere). I play women's club hockey and men's league, so half my nights are spent at the rink. Over the summer, I did research for the University looking at supply chain vulnerabilities with open-source intelligence. We took 5 vendors and them through SpiderFoot, Maltego, Shodan, Wayback Machine, and various job posting websites to find vulnerabilities such as open ports and out of date software. I really enjoyed research, so I'm looking to do something similar next summer. During the school year, I'm the secretary of WIST and work as the program coordinator of the IST Student Government. This is also my second semester working as a learning assistant for IST 220. I have no clue what I want to do with my life, but it's ok. 

Why web development? I remember talking to some guy I play hockey with, and now I'm in his class. While that's a true story, I feel like web development is an area that's not really covered with Cybersecurity classes, and I wanted to learn more. I also didn't mind programming, but I've only done three semesters of Java and a little bit of Python. I've also helped design logos and enjoy drawing, so it would be cool to kinda integrate that with web design. I'm looking forward to contributing to open source.
What is Ubuntu Operating System?

Published: 2021-08-30 02:00:03

Ubuntu is a free and open-source operating system with millions of users around the world. Built on top of Linux – a huge project that gives millions of people free and free software. Linux has many versions and applications, of which Ubuntu is the most popular version on both laptops and desktops.

Why is Ubuntu free?

Windows and macOS dominate desktops around the world. Microsoft and Apple develop these systems and profit from selling the operating system or devices running it.

Open-source operating systems use a different model. It is developed by programmers worldwide, anyone is free to edit it, and no single company has complete control over this ecosystem.

When someone packages the Linux kernel with the software needed to provide functionality as an operating system, we call it a Linux distribution. In August 1993, Ian Murdock started a project called Debian, named after his girlfriend Debra. Soon Debian was quickly putting its name on the map with a large user community.

Nearly a decade later, in 2004, a company called Canonical created Ubuntu based on Debian’s source code. Because Debian is a free and open-source project, Canonical can totally do this. Nowadays, many projects are based on Ubuntu, such as Linux Mint or Elementary OS.

Learn more: https://ticswipe.com/what-is-ubuntu-operating-system
Things to learn/know before you actually start learning to code --
Published: 2021-08-30 01:51:11

Learning to code for the first time is fun and in the beginning, with that much power, it feels like “I am going to be the next Mark Zuckerberg or Linus Torvalds”. But soon that feeling ends with a slam on the face and you get a lot of syntax errors.

Particularly in the development side, there are a number of things that need to be right in order to be able to start with least unknown errors at work. So, here I list some of the things that you need to learn before you start your development journey.

----------------

## 1. Directory Structure --
There were a number of times where the errors were just due to a bad folder structure in the app/website. A sound understanding of directory structure is a must thing to have while in the dev field or in general.

## 2. Command Line Interface --
While working with APIs and packages/modules, CLI is a must to have. A lot of people start good and feel intimidated with the text-only setting but I assure you, once you get comfortable with it, there is no way back.

## 3. Git, Github and Remote Repositories --
A lot of times, we write something of a masterpiece code and we don’t wanna lose it. You may also want to know how you come up with that brilliant code and detect the steps taken by yourself. In such a scenario, git is a life-saviour. It tracks your work and every change within itself. There are also a number of GUI tools to check your work’s history. Some of them include github.com (online repository), Github Desktop (local/online both), Gitlens (Vscode extension) etc.

## 4. Know your machine --
There are times, when a certain pc/laptop model is prone to some bugs and as a software dev, you should be able to find solutions/workarounds for those. Be it your provider's blog or community forum. The crux is to have the basic setup and understanding of general fundamentals of computer science.

## 5. It's gonna be hard, but you'll do it --
In your journey of becoming a self taught software developer, you are bound to excel. Just remember one thing, You are awesome, but your errors are not unique to you only. There are a lot of people like you having same/similar errors and already got their solutions on stackoverflow. Remember, as a software dev, stackoverflow is your best friend.
" Good Programmers borrow, Great Programmers steal" :)

--------------------
<center>!! Just start now !!</center>