teleren/devto huggingface dataset:
COVID-19 Vaccine & Tech Impact, Apple’s Arm-Based Macs, Controlling Computers With Our Brains, & more on the DevNews podcast!
Tags: news, podcast
Published: 2020-11-12 17:22:14

---
title: COVID-19 Vaccine & Tech Impact, Apple’s Arm-Based Macs, Controlling Computers With Our Brains, & more on the DevNews podcast!
published: true
description: Check out S2E23 of the DevNews pod!
tags: news, podcast
series: DevNews Season 2
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/zoxvbu0494gq3sxtjp4v.png
---

### **This week on the DevNews podcast...** 

{% podcast https://dev.to/devnews/s2-e3-apple-arm-macs-covid-19-vaccine-privacy-nutrition-labels-and-controlling-computers-with-our-brains %}


### **@saronyitbarek and I dove into the busy developer news cycle, specifically, the following headlines**
- Positive news in the COVID-19 vaccine realm — and the _negative_ stock impact it's had on stay-at-home software giants like Zoom
- Apple's new requirement of privacy "nutrition labels" for apps in their store

We were also joined by two guests...

* [Ish ShaBazz](https://twitter.com/ishabazz) (iOS engineer and creator of the Capsicum app) who talked with us about **Apple’s Arm-based Macs** and how their systems will integrate with iPhone and iPad apps.

* [Peter Yoo](https://twitter.com/psyoo) (Director of Research at Synchron, Inc.) who joined us to chat about the first human trials of their Stentrode brain implant which allows users to **control computers with their brain**.


_You can [follow DevNews](dev.to/devnews) to get episode notifications and listen right in your feed_ — or subscribe on your platform of choice! Plus, if you leave us a review, we'll send you a free pack of thank-you stickers. Details [here](https://airtable.com/shr8oKAIMZgdYnBxx). 

## Quick Listening Links
- [Apple Podcasts](https://podcasts.apple.com/us/podcast/s2-e3-apple-arm-macs-covid-19-vaccine-privacy-nutrition/id1525581923?i=1000498342189)
- [Spotify](https://open.spotify.com/episode/4XI3PUaQiM06gCz2Q4hOAC)
- [Google](https://podcasts.google.com/feed/aHR0cDovL2ZlZWRzLmNvZGVuZXdiaWUub3JnL2Rldm5ld3NfcG9kY2FzdC54bWw/episode/aHR0cHM6Ly9kZXZwb2RzLmRldi9wb2RjYXN0cy9kZXZuZXdzLzEx?sa=X&ved=0CAQQkfYCahcKEwiQ346awf3sAhUAAAAAHQAAAAAQAw)
- [Stitcher](https://www.stitcher.com/show/devnews)
- [Listen Notes](https://www.listennotes.com/podcasts/devnews/s2e2-ios-accessibility-Qot-XveGqFj/)
- [TuneIn](https://tunein.com/podcasts/Technology-Podcasts/DevNews-p1352512/?topicId=158706553)
- [RSS Feed](http://feeds.codenewbie.org/devnews_podcast.xml)
- [Transcript](https://devpods.herokuapp.com/podcasts/devnews/episodes/64)
- [PocketCasts](https://pca.st/0nd7rt7k)

---
_Acknowledgements_ 
- _@levisharpe for producing & mixing the show_
- Our season two sponsors, [Triplebyte](https://triplebyte.com/a/YU8fSn0/d) and [Vonage](https://nexmo.dev/devnews2)!

# 🗞️🗞️🗞️
Identity, Unlocked...Explained | Episode 4
Tags: security, identity, podcast
Published: 2020-11-12 17:16:27

Daniel Fett joins the podcast today to talk about the security BCP document.
[Read more...](https://auth0.com/blog/identity-unlocked-explained-episode-4/?utm_source=content_synd&utm_medium=sc&utm_campaign=identity_unlocked)
What is Front End Developer? 
Tags: javascript, css, html, jquery
Published: 2020-11-12 17:10:44

Front-end web development, also known as client-side development is
the practice of producing HTML, CSS and JavaScript for a website or Web Application so that a user can see and interact with them directly.
The challenge associated with front end development is that the tools
and techniques used to create the front end of a website change
constantly and so the developer needs to constantly be aware of how
the field is developing.
The objective of designing a site is to ensure that when the users open
up the site they see the information in a format that is easy to read and
relevant. This is further complicated by the fact that users now use a
large variety of devices with varying screen sizes and resolutions thus
forcing the designer to take into consideration these aspects when
designing the site. They need to ensure that their site comes up correctly
in different browsers (cross-browser), different operating systems (cross-
platform) and different devices (cross-device), which requires careful
planning on the side of the developer.
🦄 React Emoji Search - An OSS Project
Tags: react, opensource, css, showdev
Published: 2020-11-12 17:09:44

🦄 A simple emoji search tool made with ReactJS.

Github repo: https://github.com/BraydenTW/react-emoji-search

Live Demo: https://braydentw.github.io/react-emoji-search

[View on Dribbble 🏀](https://dribbble.com/shots/14570552--Emoji-Search-An-OSS-Project)

![Screenshot](https://cdn.dribbble.com/users/3736458/screenshots/14570552/media/13b48db6d3b8d8e28d0d458041deeb6c.png)

---

Like my work? Give this project a ⭐ [on Github](https://github.com/BraydenTW/react-emoji-search) or [buy me a coffee](https://www.buymeacoffee.com/braydenw).

Your support is appreciated!
Code With Me (Plugin)
Tags: java, jetbrains, pairprogramming, plugins
Published: 2020-11-12 17:02:58

For those who need to pair-programming or debugging some code with others!

Code with me, A new plugin from **JetBrains** You can use it for real time collaboration, editing code, sharing a server, and running a debugging session.

For more info: https://www.jetbrains.com/help/idea/code-with-me.html

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/x3qn7rkcss50c41sm5or.png)
Advice for Those Looking for Their First SWE Job
Tags: discuss, beginners, career
Published: 2020-11-12 16:45:21

More of us than ever are looking for jobs. Many are looking for their first SWE job.

I'm hoping between all of us here on dev.to, we can provide enough advice to help even just one person land their first SWE job.

To all software engineers, how did you land your first SWE job out of college or bootcamp? What did you feel the key factors were in landing that job? What do you know now that you wish you had known while you were job hunting?
Getting Started with Expo
Tags: tutorial, reactnative, mobile
Published: 2020-11-12 16:31:46

Video Link [here](https://youtu.be/QEYZDvljZts) 

In this tutorial we will build a full blown weather app. It may not be the most polished, but it gets the job done :muscle: 

This tutorial is aimed at those wanting to get their feet wet in React Native or mobile development in general. This video also assumes you have solid foundations in programming as well. 

If you enjoyed the video, be sure to leave a like! If you didn't, let me know what I can improve on in the future to create better content :pray:
Knowledge Graph visualization Demo
Tags: knowledgegraph, ai, threejs
Published: 2020-11-12 16:15:40

Our start up now is working on an industrial project. We use some state-of-the-art *Artificial Intelligence* and *Big-Data* technologies for a very specific application. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/04bhd1t50c1m8bg3a3ba.PNG)

Below is a video clip of this demo:

{% youtube Ps5xv52NCGI %}
Nodemailer Module
Tags: node
Published: 2020-11-12 16:13:02

Hay everyone! I am Nirupamvas and today we will know about Nodemailer module in Nodejs and lets see its syntax,and how you write the code and where you can use it. So lets get started.

##**What is Nodemailer**
Nodemailer is a single module with zero dependencies for Node.js, designed for sending emails. Its main features include (but are not limited to):
* Platform-independence
* HTML content and embedded image attachments
* Unicode support
* Security, in particular, email delivery with TLS/STARTTLS and DKIM email authentication

##**How to use Nodemailer**

###**Installation**
The only thing required to start using Nodemailer is Node.js version 6.0 or above. And you need to install Nodemailer itself but it's really easy with [npm](https://www.npmjs.com/package/download) or [Yarn](https://classic.yarnpkg.com/en/) package manager.Type the following command in Node.js command prompt:
```
npm install nodemailer
```
or
```
yarn add nodemailer
```
once you have completed you can include the module in any application:
```
var nodemailer = require('nodemailer');
```
###**Send an Email**
Now you are ready to send the emails from your servers.

Use the username and password from your selected email provider to send an email. In this section I will showing you with Gmail account to send an email:

```
var nodemailer = require('nodemailer');

var transporter = nodemailer.createTransport({
  service: 'gmail',
  auth: {
    user: 'youremail@gmail.com',
    pass: 'yourpassword'
  }
});

var mailOptions = {
  from: 'youremail@gmail.com',
  to: 'myfriend@yahoo.com',
  subject: 'Sending Email using Node.js',
  text: 'That was easy!'
};

transporter.sendMail(mailOptions, function(error, info){
  if (error) {
    console.log(error);
  } else {
    console.log('Email sent: ' + info.response);
  }
});
```
And that's it! Now your server is able to send emails.

###**Multiple Receivers**
To send an email to more than one receiver, add them to the "to" property of the mailOptions object, separated by commas.

**Example**
```
var mailOptions = {
  from: 'youremail@gmail.com',
  to: 'myfriend1@gmail.com, myfriend2@gmail.com',
  subject: 'Sending Email using Node.js',
  text: 'That was easy!'
}
```
###**Send HTML**
To send HTML formatted text in your email, use the "html" property instead of the "text" property:

**Example**
```
var mailOptions = {
  from: 'youremail@gmail.com',
  to: 'myfriend@yahoo.com',
  subject: 'Sending Email using Node.js',
  html: '<h1>Welcome</h1><p>That was easy!</p>'
}
```
**NOTE**

> You need to do the following changes in you Google account in order to receive the email
**Turning on 'less secure apps' settings as mailbox user**
1)Go to your [Google Account](https://myaccount.google.com/).
2)On the left navigation panel, click Security.
3)On the bottom of the page, in the Less secure app access panel, click Turn on access.If you don't see this setting, your administrator might have turned off less secure app account access.
4)Click the Save button.


And that's guys! Hope you like it if any quaries put them in the comments section.
S1E4 Learn JMeter Series - Recording using Blazemeter Extension
Tags: testing, performance, tutorial, webperf
Published: 2020-11-12 16:00:49

Welcome to Learn JMeter Series!

In this season one, episode three, you will learn the following:

* Recording in JMeter using Blazemeter Chrome Extension

{% youtube WShjke2UptM %}

✔ [Buy me a tea 🍵](https://www.buymeacoffee.com/qainsights)
✔ [My Blog](https://qainsights.com)
✔ [My Udemy Course](https://www.udemy.com/course/performance-testing-using-truweb)
Learning Julia (3): Using Jupyter
Tags: julia, jupyter, ijulia
Published: 2020-11-12 15:56:48

I used for the first time **IPython** in 2009 when I worked on *Arboris-Python* during my first year of PhD. Since then I fell in love with this interactive tool for python dev. This tool has then evolved to **Jupyter Notebook** which is very popular in Python community.

Today I have tried to use **Jupyter** for **Julia** development. Below are steps that I have taken to do that (I have already installed **Anaconda** and **Julia** beforehand):

1. start cmd window and run julia;
2. type ] in julia command line terminal so that it changes to pkg mode;
3. type `add IJulia` then enter, wait until the installation finished;
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/g0ooh50zaqemcpiehet2.PNG)
4. start *jupyter notebook*: either by launching from command-line or by using its shortcut/symlink; for me, I created a bat file which contains the following script (copied from **jupyter notebook** shortcut) for launching it;
```bash
D:\Anaconda3\python.exe D:\Anaconda3\cwp.py D:\Anaconda3 D:\Anaconda3\python.exe D:\Anaconda3\Scripts\jupyter-notebook-script.py 
```


Now we can check the Julia Env in webpage in our browser:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/r45yo4wzo4asg7slnh0k.jpg)


Test it and enjoy:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3z7y4t5mcqqmrggrk8tn.PNG)
Successfully completed Hacktoberfest2020 🎉
Tags: hacktoberfest
Published: 2020-11-12 15:44:22

Hello everyone! I'm new to DEV community and OpenSource. Through Hacktoberfest, i've learnt more about Git and new things by contributing to different projects.
All in all it was a great experience. I found the Open-Source community to be friendly and cool.

I've come across some really amazing repos and am looking forward to learn and make more and more valuable contributions. I'm thankful to Dev, Intel & DigitalOcean for this initiative.
My first Hacktoberfest!!!
Tags: hacktoberfest, opensource
Published: 2020-11-12 15:39:25

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->


### Introduction
Hello,Everyone this is my first article and experience with open source.
### Background

I came to know about Hacktoberfest just one month before it was about to start.So read some stuff about it and finally get registered.


### Contributions

* [Competitive-coding-problem](https://github.com/sunnysetia93/competitive-coding-problems/pull/24)
* [AlgoCode](https://github.com/pratik-choudhari/AlgoCode/pull/76)
* [Basic-Python-Program](https://github.com/Aayush-hub/Basic-Python-programs/pull/17)
* [Python Algo](https://github.com/vJechsmayr/PythonAlgorithms/pull/94)

### Reflections
I'm very happy to contribute to the opensource. I learned how to communicate with other people, receive a connection, and participate in this event. I will keep continuing to find and contribute to another project. I hope you are not afraid to contribute to the opensource. 💕
Finishing Hacktoberfest for the FIRST TIME!
Tags: hacktoberfest
Published: 2020-11-12 15:33:41


### Who am I? 😳
Hello! I'm Ainul Mardhiyyah, a budding Software Developer from Singapore. I first started programming in my first year of university a couple of years ago, and decided to stick with it.
### Background
While I'm not new of software development, I was very much a newbie to open-source! When I heard my friend explain it with ease, I then started to do some of my own research, and then decided to attempt Hacktoberfest once more!

### Progress
Having successfully completed my four pull requests, I was excited to qualify for the free t-shirt - especially since I'm a sucker for free tech merch. I had such a fascinating learning journey into open-source contributions, and how improvements move from the develop/feature branch all the way to the main/master deployment.

### Contributions
I decided to create a simple beginner Python Flask app - Python being my favourite programming language. My idea is definitely not new - but I figured that I could at least do a simple two-page site if anyone were to be curious about doing their first web-dev project, and all they had to do is jus go to "my-first-flask-app" repo on my GitHub profile! I also figured that I could lump my interest in software development, and learn about pull requests at the same time by building this simple project.

### Reflections
All in all, I am super proud for completing my first Hacktoberfest challenge - having missed last year's one. Here's to learning more about open-source, and maybe I can contribute to an external or bigger personal project instead!
Stubby
Tags: java, stubby, mojito
Published: 2020-11-12 15:31:48

เหล่า frontend เคยติดปัญหาเรื่องต้องรอ Backend พัฒนา APIs ให้เราใช้บ้างไหม? ทำไมต้องรอละ แล้วทำไมเราไม่ mock มันขึ้นมาเองละ 
บทความนี้นำเสนอการใช้สร้างงาน [Stub](https://github.com/azagniotov/stubby4j) ซึ่งมันคือการ Mock ข้อมูลอย่างหนึ่งที่รวดเร็ว เข้าใจง่าย ในรูปแบบของ JSON (JavaScript Object Notation) 

งั้นเรามาเริ่มต้นกันเลย
#เปิด vscode ขึ้นมาเลย และสร้าง folder
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3824jvh46m48x06jjcee.png)

ต่อไป ให้ค้นหาว่า [stubby 4j] หรือคลิกลิงค์นี้เลย [Stbby4j](https://github.com/azagniotov/stubby4j) 

จากนั้นจึงดาวโหลด [stubby4j-6.0.2.jar](https://search.maven.org/#search%7Cga%7C1%7Cg%3A%22io.github.azagniotov%22%20AND%20a%3A%22stubby4j%22)

ต้องให้แน่ใจว่า เครื่องของคุณมี java อยู่หรือไหม โดยตรวจสอบด้วยคำสั่งด้านล่าง
`java -version
`
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/zyhqtatqfdpevu6jf4jr.png)
ถ้าไม่มี java ก็ลงก่อนนะครับ [Install java](https://dev.to/jeannienguyen/how-to-install-java-jdk-and-maven-on-mac-os-168f)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/4quf2si79j5tdmfwtkms.png)
ย้าย stubby4j-6.0.2.jar ที่ได้ไปยัง directory ที่ต้องการ 
จากนั้นสร้างไฟล์ service.yaml 

```
-  request:
      method: GET
      url: /hello-world
   response:
      status: 200
      headers:
         content-type: application/json
      body: Hello Stubby!
```
และเพิ่ม code ส่วนสำคัญ เข้าไปในไฟล์ service.yaml
ส่วน code เรากำหนด request GET:/hello-world
เมื่อมีการ request เข้ามาจะ response เป็น Hello Stubby!

จากนั้นเข้า directory ของเรา แล้วรันคำสั่ง
`java -jar stubby4j-6.0.2.jar -d service.yaml -s 59040`
ในที่นี้ผมเปลี่ยน port รันเป็น port 59040 ถ้าเราไม่มีส่วน -s 59040 มันจะรัน Defaults เป็น port 8882

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/r4fk2rx5odb0icsua4ds.png)
ถ้าหากรันแล้วหน้าตาแบบนี้ถือว่าสำเร็จแล้วครับ

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/00d2q1hxmexcdn9h2073.png)

มาดูผลลัพธ์กันครับ [http://localhost:59040/hello-world] (http://localhost:59040/hello-world)

ข้อมูลแค่นี้น่าจะพอเป็นแนวทางการใช้งาน stub ได้พอสมควร หากต้องการดูรายละเอียดการใช้งาน stub อย่างละเอียดสามารถเข้าไปดูที่ [Stbby4j](https://github.com/azagniotov/stubby4j)
Keeping View Logic Clean
Tags: typescript, javascript
Published: 2020-11-12 15:30:06

```typescript
   async ngAfterViewInit() {
      if (this.persons?.length > 0) {
         await funcSetEMCData(this);
         return;
      }
      await funcGetPersons(this);
      await funcHookPlusEventClicked(this);
   }
```
The code above demonstrates the first-class nature of Javascript functions. Each of these functions are closely coupled to this view.  Close Coupling is usually not good, but not always. 

For example, a car has a engine and tires which must be created and installed for the car to function. When they are installed, for that car, they are closely coupled. 

What makes the code above closely coupled is passing the parameter "this".  It is saying for this view these are things that must be done. It keeps our view code very clean. 

The functions themselves can call other 'more generic' functions which would be the reusable layer. 

```typescript
export async function funcGetPersons(
  ec: ECMainComponent) { 
   ec              // this is closely coupled
    .httpService   // globally reusable service
    .getPersons()  // a reusable Function
    .subscribe((persons) => {
      // a property in ec
      ec.personCache = new BehaviorSubject(persons);
      // another property
      ec.persons = persons;
      // this function is close coupled                   
      funcSetEMCData(ec);
   });
}
```

JWP2020 Clean Views
Caching and storing
Tags: caches, caching, storage, storing
Published: 2020-11-26 23:08:19

---
title: Caching and storing
published: true
date: 2020-11-12 15:16:39 UTC
tags: caches,caching,storage,storing
canonical_url: https://adactio.com/journal/17613
---

When I was [speaking at conferences last year](https://adactio.com/about/speaking/#in2019) about [service workers](https://abookapart.com/products/going-offline), I’d introduce the Cache API. I wanted some way of explaining the difference between caching and other kinds of storage.

The way I explained was that, while you might _store_ stuff for a long time, you’d only _cache_ stuff that you knew you were going to need again. So according to that definition, when you make a backup of your hard drive, that’s not caching …becuase you hope you’ll never need to use the backup.

But that explanation never sat well with me. Then more recently, I was chatting with [Amber](https://amberwilson.co.uk/) about caching. Once again, we trying to define the difference between, say, the Cache API and things like LocalStorage and IndexedDB. At some point, we realised the fundamental difference: [caches are for copies](https://amberwilson.co.uk/blog/caches-are-for-copies/).

Think about it. If you store something in LocalStorage or IndexedDB, that’s the canonical home for that data. But anything you put into a cache must be a copy of something that exists elsewhere. That’s true of the Cache API, the browser cache, and caches on the server. An item in one of those caches is never the original—it’s always a copy of something that has a canonical home elsewhere.

By that definition, backing up your hard drive definitely _is_ caching.

Anyway, I was glad to finally have a working definition to differentiate between caching and storing.
What is the difference between ASP.NET 5 and ASP.NET MVC 6?
Tags: dotnet, career, tutorial, computerscience
Published: 2020-11-12 15:06:38

DOT-NET :

Developers create programming by consolidating their own particular source code with .NET frame and different libraries. . NET Framework is expected to be utilized by most new applications made for the Windows stage. Microsoft additionally delivers an incorporated development location to a great level for .NET programming called Visual Studio.

The .NET stage is a vital part of the Microsoft Windows working framework for building and running cutting edge programming applications and Web administrations.

What is the MVC?

MVC is one of three The Official Microsoft ASP.NET Site programming models. MVC is organization for building web applications utilizing a MVC (Model View Controller) outline: The Model speaks to the application center (for example a rundown of database records). The View shows the information (the database records).

The Official Microsoft ASP.NET Site MVC 5 :

"The Official Microsoft ASP.NET Site MVC organization is a lightweight, very testable presentation system that is coordinated with existing The Official Microsoft ASP.NET Site highlights. Some of these coordinated fundamentals are ace pages and employment based confirmation. The MVC structure is characterized in the System. Web DOT MVC gathering."


ASP DOT NET Identity for justification and character administration. These days, advanced applications are produced for more general scope of customers, for example, web, versatile as a primary concern. Likewise, clients are air conditioning

Lively utilizing their social characters from different social channels like facebook, YouTube, twitter and so forth. The Official Microsoft ASP.NET Site Identity is another Membership framework to handle confirmation and approval for assortment of customers and additionally utilizing client's current social characters.

Authentication Filters for verifying client by custom or outsider verification supplier.

With the assistance of Filter supersedes, we can now abrogate channels on a strategy or Controller.

Bootstrap supplanted the default MVC layout.

Attribute Routing is currently coordinated into MVC5. Fundamentally, MVC Routing is an astounding approach to make human well disposed and Search Engine Optimized URLs.

The Official Microsoft ASP.NET Site MVC 6 : 

MVC 6 is part of The Official Microsoft ASP.NET Site 5. As we can expect with any new version of a framework many changes are introduced but lot more concepts and changes are introduced in MVC 6.This is because the underlying The Official Microsoft ASP.NET Site framework has been rebuild from the ground up so it reflects in the MVC framework as well

Meet The Experts : https://nareshit.com/asp-net-mvc-online-training/