teleren/devto huggingface dataset:
Welcome to my World!
Published: 2021-01-25 03:48:42

Hello world,
I welcome you to my first blog post and I hope you get something out of it. 

Who Am I?
My name is Lee and I’m behind the mask of Deep Dive Tech. I am a senior (very sad, I’ll cry later though) at Pennsylvania State University. My major is Telecommunications (think of cell phones) and I have a minor in Information Science & Technology. Not really sure what career path I would want to pursue after graduation. However, I am hoping to get into Networking, maybe pursue to be a Network Technician or go another route in Project Management. I’m sure I can maybe get a taste of both in one job farther down the road, but I will be grateful to whatever company decides to take a chance on me. 

My Current and Past Experiences…
I’ve always been into technology ever since I got my first computer at a young age. Something about technology and how it enhances a human life is very satisfying to me. The one piece of technology I like so much is smartphones. It is surely amazing seeing how far we’ve come with the evolution of a cellular device. 
My attraction to these life changing devices drove me to become a sales specialist for Verizon Wireless the summer of 2018. My experience through working for a company like Verizon really taught me a lot about phones (despite stressing out on hitting your monthly numbers for commission). It really solidified my interest in the tech world even more, but I want to dig DEEPER. 
Since then, I’ve experienced great opportunities such as being an Optics Development Engineer for a TV advertising company Ampersand based in New York, New York. Even though I will most likely not end up in the TV advertising industry, the experience of being an engineer for this company was such a great experience nonetheless. 
Currently, on top going to school at Penn State, I am studying for my Comp TIA Network+ certification. This is not an easy task, but with effective studying I will be able to know the basics in and out of networking such as having knowledge in routers, switches, protocols, etc. I am excited to see where life takes me and hope I begin my tech career in a good environment where I can grow as a tech professional, as well as being the best person I can be. 

So What’s Next? 
There’s a lot of things I would consider I’m passionate about. But, I can’t say there’s one particular topic in tech specifically that I am extremely passionate about. If there’s one thing for certain with technology though it would have to be security is one of my biggest interests. One thing that gets to me the most with using the Internet is that it targets you for advertisements or a potential threat to access personal information. To debut my Deep Dive Tech youtube page, I will show what privacy extensions for Google Chrome is best to protect yourself. Enjoy!

Youtube video --> https://youtu.be/XiNMTXzj8_s
Working with JSON — Getting Started
Tags: javascript, webdev, programming, beginners
Published: 2021-01-25 03:13:29

**Check out my books on Amazon at https://www.amazon.com/John-Au-Yeung/e/B08FT5NT62**

**Subscribe to my email list now at http://jauyeung.net/subscribe/**


JSON stands for JavaScript Object Notation.

It’s a popular data-interchange format that has many uses.

In this article, we’ll take a look at how to use JSON.

### Data Interchange Format

JSON is a data-interchange format.

It’s an alternative to other data interchange formats like XML.

It lets us carry data from one place to another in a format that both parties can understand.

JSON is a data-interchange format that’s been agreed upon for communicating data.

JSON it’s a programming language-independent format.

It looks like JavaScript object literals but it can be created and parsed with any language.

### JSON Syntax

The JSON syntax is based on JavaScript object literals.

For example, we can write:

```
{  
    "brand": "shoes",  
    "color": "pink",  
    "size": 9,  
    "hasLaces": false  
}
```

We have key-value pairs listed in the curly braces.

The keys are always in double-quotes.

And the values are also in double-quotes if they’re strings.

Each key-value pair is separated by a comma.

This notation is based on JavaScript, but they don’t include the functionality of JavaScript object literals.

They can’t include functions and only some data types can be added.

The colon is used to separate keys and values, so we have:

```
"brand": "shoes"
```

The key can also have spaces, so we can write:

```
"my animal": "cat"
```

If we want multiple words in the key, it would be better to write:

```
"myAnimal": "cat"
```

This way, we don’t have to use the quotes everywhere when we try to get the value by the key.

Now we just have to make it an object by wrapping the key-value pair with curly braces.

For example, we can write:

```
{ "animal" : "cat" }
```

JSON objects can have multiple key-value pairs in it. They are separated by commas.

For instance, we can write:

```
{ "animal" : "cat", "color" : "white" }
```

The rules for JSON is rigid since it’s made to be read by machines.

A JSON object should have all of the following characters:

*   `{` (left curly bracket) means begin object
*   `}` (right curly bracket) means end object
*   `:` (colon) — separate a key and value in a key-value pair

If a JSON object has arrays, it should also have:

*   `[` (left square bracket) means begin array
*   `]` (right square bracket) means end array

If a JSON has more than one key-value pair, then it should also have:

*   `,` (comma) means separating a name-value pair in an object, or separate values in an array

The double quotes in the key are required.

So we can’t write:

```
{  
  title : "title",  
  body : "body"  
}
```

or:

```
{  
  'title' : 'title',  
  'body' : 'body'  
}
```

But we can write:

```
{  
  "title" : "title",  
  "body" : "body"  
}
```

to create a JSON object.

### Conclusion

JSON is a popular data-interchange format that we can use to communicate data.

It has its own syntax rules that are close to JavaScript object literals.
How to get 600+ Github stars in 2 days
Tags: github, webdev, javascript, opensource
Published: 2021-01-25 03:08:21

Today our project https://github.com/revolist/revogrid received crossed 760+ stars mark. And 600 of them happened to us in the last 2 days.

I think each of us came to GitHub with some goal. Most of us bound to the idea of organic promotion. According to it a good project is enough to become famous itself. But there are too many of them and we have to live with it.

This is a very short instruction on how to get your first stars:

## Solve my pain
Write a project which the world has necessary in. You can't make people love it if there is no solution to their pain;

## Good a Readme. 
This is the easiest part you can start with. You just have to learn from the best. I would start with https://github.com/matiassingers/awesome-readme, you can come with your own better sample;

## Leave "cold stay zone"
Get your first stars. Find a channel you like: Friends, colleagues, or some channel you start with.

## And here we go

The best way to launch your ship into space is to get visible by media.
Best way to get into GitHub trending.  How to do that:
- Timing is important. If you aiming to be visible you have to get a significant amount of start in a short period of time;
-  Describe your project for media: start with writing down a very simple and beautiful description. According to which even your granny can understand what it is. Follow it with a promo picture. Better have 2 
- Make sure you started your Twitter live and most of us like short news from each other;
- Start your activity on Reddit if you aren't there yet;
- Collect your channels in one place. You'll need them soon. I would suggest some, but discover your own too:
- https://www.reddit.com/r/webdev
- https://www.reddit.com/r/javascript
- https://www.reddit.com/r/Frontend
- https://www.reddit.com/r/opensource
- http://www.echojs.com
- https://dev.to/t/javascript

- Methodically start posting to your collected channels. Also, keep answering comments. This is very important, doesn't matter how harsh they are.

There is no clear mark where your project gets trended, for us, it was 160+ stars. But there were a lot of projects with 100+ stars and a smaller amount. The good thing is you'll get a lot of feedback about your project by this moment and will see different perspectives around it.

I wish you luck and no matter what keep trying.
Run Leetcode locally in Python and C++
Tags: algorithms, cpp, python
Published: 2021-01-25 02:43:50

Being able to run tests locally is very important. Leetcode server can be slow and the editor sub-optimal. Writing your code locally is more efficient and you can keep an archive of your test and problems for future references. 

To test your code locally, you need to understand the concept of class. Leetcode questions are set up in a way that your solution function is a method in the solution class. Regardless of the language you use, to call your solution method, you need to create an object of the solution class and call you solution function through that object. 

Here is an example in python, suppose this is a file called sol.py:
```python
class Solution(object):
  #your implementation

foo = Solution()
print(foo.longestPalindrome("abbbaccc"))
```
Then you can run the python in the terminal to see your solution
```
python sol.py
```

Note that sometimes the dependencies can be more complicated, you would need to import libraries for your code to work. Following is a c++ example, where you need to import a few libraries.
```cpp
#include <iostream>
#include <unordered_map>
#include <string> 

using namespace std;
class Solution	{
	public:
	int lengthOfLongestSubstring(string s) {
	"your solution here"
	}
};

int main() {
	
	Solution foo = Solution();
	int num = foo.lengthOfLongestSubstring("abcdcdefghcde");
	int num1 = foo.lengthOfLongestSubstring("");
	int num2 = foo.lengthOfLongestSubstring("aaaaaa");

	std::cout<<"out put "<<num<<" "<<num1<<" "<<num2<<std::endl;
	return 0;
}
```
To run the code, compile and run the file(sol.cpp) in terminal:
```
g++ sol.cpp
./a.out
```
What is IIFE in JavaScript?
Tags: javascript, webdev, codenewbie, programming
Published: 2021-01-25 02:28:27

Privacy is important and IIFEs can be useful to achieve it. While reading many posts about JavaScript interviews I came towards this term so I thought of learning and writing about it.

---

## What is it? 

**Immediately Invoked Function Expression** (IIFE) are basically the functions that are invoked after completion of the definition. There times when multiple people are working on a project in a team. Suppose you create a function in one file and your team member **creates function** with the same name in another file. Now when both the files are included in the same web page, there is a very likely possibility of your **global scope getting polluted** due to the same name of the functions. This is where IIFE can help you out. 

---

## How it helps?

Example:

```js
function greet() {
    console.log('Hello'); 
}

function greet() {
    console.log('Hey'); 
}

greet() // Hey
```

Here, we have two functions with the same name. This can be a problem as the second one will override first one and we will get "Hey" on our console. Now how to overcome this? Well, this is where you use IIFE. 

## IIFE

Example:

```js
function greet() {
    console.log('Hello'); 
}

(function greet() {
    console.log('Hey'); 
})(); // "Hey"

greet() // Hey
```

Here, we make the second function an IIFE by enclosing it in parentheses. This is the syntax for an IIFE. Now how it solves our issue is by giving the function its own scope and this prevents it from the messing with our global scope. 

This **function is invoked** as soon as its declaration is complete. And as result we see **"Hey"** and **"Hello"** both on our screen. Because now out `greet()` refers to the globally created greet function. 

---

😳Thanks For Reading | Happy Coding📚

Get weekly newsletter of amazing articles I posted this week and some offers or announcement. Subscribe from <a href="https://mailchi.mp/9f73b65b9c38/rahulism" target="_blank">Here</a>

<a href="https://www.buymeacoffee.com/rahxuls" target="_blank"> <img src="https://res.cloudinary.com/rahulism1/image/upload/v1608182430/bmc_nbxakd.png"></a>
An introduction to Francesca
Tags: ux, design, introduction
Published: 2021-01-25 02:24:05

Hi everyone my name is Francesca Ansell. I am a junior studying Human-Centered Design and Development and Health Policy Administration. I graduated from High School in 2019 from Knoch Highschool north of Pittsburgh. I am involved in a research project with Professor Steven Haynes and am a Learning Assistant for the College of IST. Outside of the professional environment, I am involved in Serve state, which is a club based around volunteering in the state college community, and UXPA a section of a professional UX organization. 

I am a strong mental health advocate who cares about people. These real issues can greatly affect people's lives and the fact that it is a taboo topic does not help them. My greatest passion lies in helping other people or making their lives easier. People tend to feel like the world has gone downhill and there are no more good people in the word, I try to prove to everyone I meet that is untrue through my positive actions. I hope that designing interfaces for those in the healthcare industry will be my way to do that. If I was not so squeamish I probably would become a nurse, but it turns out I am much better with computers than people. 

In addition, I also enjoy adoration for girls to get involved in STEM fields. I believe more can still be done to assure that bright women have a spot in these fields. A feeling a belonging is very hard to find when the opposite sex does not see you as their equal. Personally, it makes me work that much harder to prove I deserve the spot I am given. Imposter syndrome is so rampant in the technology industry it's important to remember you deserve to be where you are at because of the work you have done. Later in my career, I hope to get involved in recruiting girls into the STEM field. 

I have known I wanted to pursue a career in the technology field since my freshman year in high school when I took an introductory coding course. In that course, I learned Scratch and basic... very very basic... HTML. From there I went on to take two more coding classes during highschool including java and python. Throughout high school, I was extremely interested in problem-solving but had not discovered my desire to be in the health industry. I started college as a computer science major, which was definitely a mistake. The HCDD major in the college of ist aligns with my career goals much more than computer science did. During my freshman year in college, I took a general education class called health care for the consumer which opened my eyes to the flaws of America's health care system. 

In the HCDD major, I have found my true passion in user experience/user interface design (UX/UI). After finishing the spring 2021 semester I will begin my internship at Merck & co. in their technology division.
About 1.82 Seconds, Happiness, Money, Time and CSS
Tags: react, aws, css, node
Published: 2021-01-25 02:21:17

Greetings..

First thing to do on a Monday Morning is to publish my newsletter. Throughout the week I try to gather some useful links and post them in a specific format and I believe this would help my readers and the community.

Read about this week's newsletter by clicking this [link](https://gokhale.me/about-182-seconds-happiness-money-time-and-css) or using the below URL: https://gokhale.me/about-182-seconds-happiness-money-time-and-css


Until next time, Stay Safe.
How to use basic styled-components in React
Published: 2021-01-24 23:50:42

Styled Components, is a library used in react for write CSS into Javascript files, this is good usually when you want to have your CSS code into the component or create a specific component with style and personalized tag. 

To install the library, into your react project run:
```javascript
npm install --save styled-components. 
```
Styled-components utilize tagged template literals to style your components. It removes the mapping between components and styles. This means that when you are defining your styles, you are actually creating a normal React component, that has your styles attached to it. 

After installing the library, you can use these functions in your component. 

Remember to import the library into JS File. 
```javascript
import styled from 'styled-components'
```
Example:
```javascript
`// Create a Title component that'll render an <h1> tag with some styles
const Title = styled.h1`
  font-size: 1.5em;
  text-align: center;
  color: palevioletred;
`;

// Create a Wrapper component that'll render a <section> tag with some styles
const Wrapper = styled.section`
  padding: 4em;
  background: papayawhip;
`;

// Use Title and Wrapper like any other React component – except they're styled!
render(
  <Wrapper>
    <Title>
      Hello World!
    </Title>
  </Wrapper>
);`
```
If you want more information, you can see styled-components documentation in the next link. 

https://styled-components.com/docs/basics#installation
Intro to Moi
Published: 2021-01-25 01:53:01

Welcome cyborgs, my name is Maggie Sullivan and I'm a senior. Very sad about it- ready to be dragged out kicking and screaming. I major in Telecommunications with a minor in IST. Thanks to Penn State being the best school ever and good connections (always necessary), I have landed a job for post-graduation. I am going to be a Technical Sales Engineer for a telecom company called Ciena, and will be moving to Atlanta. I essentially will be learning up and presenting on our back-bone internet solutions i.e. routers, fiber optic, etc. Call me crazy, but this is definitely my dream job (I know its geeky). ¯\_( ͡° ͜ʖ ͡°)_/¯

My family and I live in Annapolis, Maryland aka the cutest waterfront city to exist. I'm the oldest of three, and favorite child of my parents. I have three dogs that bring me plenty of joy. They can be found on instagram @thesullivandoges . (please follow, they are trying to build their influencer platform)

One of my main philosophies in life is to not take yourself too seriously. This philosophy helps me to laugh at myself when I have my moments, stay humble #blessed, and "publicly humiliate" myself without actually causing myself any feeling of embarrassment. I strongly encourage everyone to follow this philosophy, in addition to loving every human that exists. Thank you for coming to my TEDtalk.


Penn State, as we all know, is the greatest school on earth. It is an absolute tragedy that once you pass your classes and finish major requirements, they kick you out and make you do 9-5 in an office (or on your computer from your bed). During my time here I have been actively involved in my business fraternity, Phi Gamma Nu, and actually just finished my year-long term as President in December. I will also be representing my organization at THON this year as a dancer, which is such an honor. ( ͡° ͜ʖ ͡°)

Technology is something that I am extremely passionate about. While my knowledge and field of interest is probably less technical than most of the coders out there, I love learning about new solutions that are only made possible by the incredible innovation of the world's greatest minds. Elon Musk is definitely an icon. 

In the upcoming video I'm going to walk you through my absolute favorite way to find news about tech and other interests of mine. Take notes and enjoy.

https://youtu.be/mKggiSlRLJ4

XOXO 
SullySavesTheInternet
The journey, on becoming a front-end developer!
Tags: javascript, developer, html, css
Published: 2021-01-25 01:43:21

Hello everyone, I have been working on becoming a front-end developer. I've had my ups and downs, during this journey. Either way, I continue to strive to become a developer. I'm glad to share my journey with you! Thanks for taking the time to read my first post. Have a blessed day everyone
Functional JavaScript — Creating Functions
Tags: webdev, programming, javascript, functional
Published: 2021-01-25 01:32:14

**Check out my books on Amazon at https://www.amazon.com/John-Au-Yeung/e/B08FT5NT62**

**Subscribe to my email list now at http://jauyeung.net/subscribe/**


JavaScript is partly a functional language.

To learn JavaScript, we got to learn the functional parts of JavaScript.

In this article, we’ll look at how to use the functional programming features in JavaScript.

### Pure Function Is a Mathematical Function

Pure functions are mathematical functions.

They exhibit all the same characteristics.

Given the same input, then return one output.

### JavaScript and Functional Programming

JavaScript is partly a functional programming language.

It has some of the features, but it also allows us to program it in a non-functional way.

For instance, we can create a function in JavaScript that takes no arguments.

But functions are treated as first-class citizens.

So we can have higher-order functions.

### JavaScript Functions

We can create a simple JavaScript function by writing:

```
() => "foo"
```

We created an arrow function, which is available only in ES6.

We can assign it to a variable by writing:

```
const foo = () => "foo";
```

Then we can call the function by writing:

```
foo()
```

### Strict Mode

JavaScript has a strict mode to let us write better JavaScript code.

To enable strict mode, we can add the `'use strict'` directive to add the make the code below it use strict mode.

For example, we can write:

```
"use strict";

const bar = function bar() {
  return "bar";
};
```

to enable strict mode.

It’ll stop us from writing bad code like creating global variables accidentally:

```
"use strict";

global = 'bad';
```

### Multiple Statement Functions

We can write functions with multiple statements.

For instance, we can write:

```
const simpleFn = () => {
  let value = "abc"
  return value;
}
```

We have an assignment statement and a `return` statement to return the value.

### Function Arguments

Functions can take arguments.

For example, we can write:

```
const identity = (value) => value
```

It takes a value and returns it.

ES5 functions are valid in ES6.

But it doesn’t work the other way around.

So we can’t use arrow functions in an ES5 only environment.

### Functional Alternatives to Loops

We can rewrite loops in a functional way by abstracting out the loop body into its own function.

For example, instead of writing:

```
const array = [1, 2, 3];
for (const a of arr) {
  console.log(a);
}
```

We can write:

```
const forEach = (array, fn) => {
  for (const a of arr) {
    fn(a)
  }
}
```

Our `forEach` function has an `array` and `fn` parameters.

We loop through the array and call our function.

This way, we can abstract out our logic to the outside and pass it in.

If we use `const` , then we can’t assign a new value to `forEach` accidentally.
### Conclusion

We can create functions to a functional way by creating functions that don’t reference things from the outside.

Also, we can abstract out logic into their own functions and pass them in.
new week startup goals
Tags: motivation, webdev, laravel, css
Published: 2021-01-25 01:30:53

Hi, 
Good Morning to everyone!
I want to write targets of this week.
This week I am going to work in laravel.
In this week I'll complete Flexbox CSS Course.
Try to make some awesome website projects.
In last if any person wants help from me in web development. I am here just inbox me.

Thanks
Stay Blessed Guys.
<code>Work until you succeed !</code>