teleren/devto huggingface dataset:
Ruby 3.0 Facebook live with Bozhidar Batsov - Jan 28, 2021
Published: 2021-01-27 21:16:02

Hi there folks:) 

I'm organizing this free, short online workshop on Ruby 3.0 - it's happening tomorrow (Thursday, Jan 28th), at 6.30 pm (GMT+1). Our Special Guest will be Bozhidar Batsov, the creator of RuboCop and other cool stuff.

Everyone is invited to join the stream and the discussion - it's a Facebook Live event:
https://www.facebook.com/events/236260631219763

See you there!
Day 10, 11, 12 - 100daysofcode
Tags: 100daysofcode, react, javascript, webdev
Published: 2021-01-27 21:09:33

In these past three days, I have been learning about how forms work in React, and how to handle data flow.
While learning I have done a few exercises also that include a ToDo List App which I will include in the next report.
### 100DaysOfCode 🚀🚀🚀
How to create a Windows 10 bootable pen drive from a macOS
Tags: macos, windows
Published: 2021-01-27 20:44:41

---
title: How to create a Windows 10 bootable pen drive from a macOS
published: true
description: Most new PCs don't come with DVD drives anymore. So it can be a pain to install Windows on a new computer, so in this tutorial, we'll show you how you can set this up from a Mac.
tags: macos, windows
canonical_url: https://blog.rafaelcg.com/how-to-create-a-windows-10-bootable-pen-drive-from-a-macos
//cover_image: https://direct_url_to_image.jpg
---

## Download the Windows 10

You can download the ISO file straight from Windows. That's right - everything we're going to do here is 100% legal and sanctioned by Microsoft.

If you want an English-language version of the latest update of Windows 10, [you can download the ISO in this link](https://www.microsoft.com/en-gb/software-download/windows10ISO).

If you have a relatively new computer, you probably want the 64-bit version. If you're not sure, go with the 32-bit version to be safe.

If you want a non-English-language version of Windows, or want to get an older update version, [download this another ISO instead](https://www.microsoft.com/en-gb/software-download/windows10).

# Mac Terminal

From your Mac terminal run this command below to see what's the disk number, for example `/dev/disk2` or `/dev/disk3`. In my case, it's `disk2`.

Let's erase your pendrive running this command.

```
diskutil eraseDisk MS-DOS "WIN10" GPT /dev/disk2
```

For some hardwares you will need an MBR format, you might be able to have it running this command instead.

```
diskutil eraseDisk MS-DOS "WIN10" MBR /dev/disk2
```

Let's prepare your ISO and move the content to your pendrive running these commands.

```
hdiutil mount ~/Downloads/Win10_1903_V1_English_x64.iso
rsync -vha --exclude=sources/install.wim /Volumes/CCCOMA_X64FRE_EN-US_DV9/* /Volumes/WIN10
```

You will need to use Wimlib in your MacOS, so let's install it and run it.

```
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew install wimlib
mkdir /Volumes/WIN10/sources
wimlib-imagex split /Volumes/CCCOMA_X64FRE_EN-US_DV9/sources/install.wim /Volumes/WIN10/sources/install.swm 3800
```

## Ready!

Now you have a bootable pen drive ready to be used on your PC.
Reset password link code error
Tags: react, mongodb, css, html
Published: 2021-01-27 20:36:59

Hi, I have added a link on my reactjs website for users, who forgot their login passwords, to click on the link so that a reset password link will be sent to each of them. But after I (assuming I am the user) clicked on the link, I didn't get an email (which has a link to reset my login password) even though my mongodb database gets updated with a reset password link data added to my mongodb database each time a user click on the reset password link. Thank you.
3 top-tier apprenticeships you should apply to (part 1)
Tags: beginners, webdev, career, codenewbie
Published: 2021-01-27 20:24:57

I recently completed the Leap apprenticeship program at Microsoft and would wholeheartedly recommend this route to any junior developer. Many apprenticeships are specifically geared towards transitioning or "non-traditional" developers. So if you graduated from a bootcamp or are self-taught, an apprenticeship is another great way to get your foot in the door and land that FTE role.

Apprenticeships also provide additional mentoring, structure and support in addition to what a company typically provides their employees. Leap, for example, offered three weeks of C# and other training before we joined our sponsoring team. Once on the team, we also had weekly group calls that included panel discussions, networking tips, and more.

Below is a list of 3 apprenticeships I think would be a great way to launch your career as a developer.

1. [Microsoft Leap](https://www.microsoft.com/en-us/leap/)
 - Leap is a 15-week apprenticeship, with 3 weeks' training and 12 weeks with our sponsoring team. My cohort of 9 engineers was spread across Microsoft and Github. Once we joined our teams, we were all assigned an area of focus to work on. We were also assigned a mentor, a program manager, and two code buddies for additional support. 
 - To keep us on track, we also had a manager who held weekly one-on-ones, as well as a weekly review with all the Leapers every Friday.
2. [LinkedIn REACH](https://careers.linkedin.com/reach)
 - This was the first apprenticeship I learned about and being in NYC, it made perfect sense. Unlike Microsoft Leap, the REACH program is longer and seems geared towards professional development and on the job training towards becoming a software engineer. 
 - Apprenticeships can join at different levels, based on their technical prowess, and will ultimately graduate to become an engineer. This is an interesting approach to the apprenticeship and, as a result, much longer (1-5 years) than your typical apprenticeship.
3. [Google apprenticeship](https://buildyourfuture.withgoogle.com/programs/apprenticeship-programs/)
 - I only recently learned about the Google apprenticeship but would highly recommend it to everyone getting into programming. Not only does a Google apprenticeship provide all of the benefits I've listed so far. But unlike many apprenticeships, there is a **guaranteed** full-time offer at the end of the program. Get through the year and then transition into a Google FTE role.
 - The Google apprenticeship seems like a great midpoint between Leap and REACH. Being only 1 year long, it offers enough time to find your footing as a developer and explore different roles within the organization. But unlike REACH, converting to a full-time SWE should only take 1 year.

Are there any apprenticeship programs you think should be on the list? If you completed one of these (or other) apprenticeships, let me know how your experience was. 

I also have a longer list of apprenticeships to consider during your search. But this post was getting longer than I wanted. Definitely look forward to part 2!
Who What Why is Digital Dump?
Published: 2021-01-27 20:22:32

# Who
Hey reader, welcome to my first blog post, *how exciting.* 
I'm Deeksha Vishneek, the brain behind Digital Dump, ready to dump all of my technological knowledge on the web, as I come across it! I'm a senior at Penn State University pursuing an undergraduate degree in Industrial Engineering and a minor in Information Science and Technology. I like to describe myself as a self-motivated problem-solver and creative on the hunt for opportunities to push the boundaries of my comfort zone. When I'm not working *(from home, unfortunately)*, I enjoy graphic design, tennis, and counting down the days till skydiving season is back in this terribly cold state where I live! 

# What
The aim of this blog series is to take you all along with me on the journey as I learn about emerging technologies in reference to the web, or as one of my professors @btopro likes to call them "DyStOpIaN Technologies". 

To truly get a feel of my journey, I'd encourage you to not only continue reading these blogs but also check out my [GitHub](https://github.com/deex-vish) and my [YouTube channel](https://www.youtube.com/channel/UCjkBXPFnRkS-Lfujp_nQfUQ/featured) which are both named "Digital Dump", *shocking I know.* 

# Why
**Because why not!** It's a new way to step out of my comfort zone and explore things from a new perspective, *and you already know how I feel about that (refer to the section "Who").*

My Youtube Channel: [Digital Dump on YouTube](https://www.youtube.com/channel/UCjkBXPFnRkS-Lfujp_nQfUQ/featured) 
My Intro Video: [Diversify Your Portfolio By Investing in Kittens!](https://youtu.be/zAEDgcxtC5U)
TEMPLATE
Tags: html, javascript, php, css
Published: 2021-01-27 19:02:06

I'm a Web-Developer, php Back-end, front-end (Laravel, JavaScript, CSS, HTML, Bootstrap4).
The PHP Hypertext Preprocessor (PHP) is a programming language that allows web developers to create dynamic content that interacts with databases. PHP is basically used for developing web based software applications. This tutorial helps you to build your base with PHP.
 Validation means check the input submitted by the user. There are two types of validation are available in PHP. They are as follows −

Client-Side Validation − Validation is performed on the client machine web browsers.

Server Side Validation − After submitted by data, The data has sent to a server and perform validation checks in server machine.
   OVERVIEW
You can use a phpinfo() page to view the current PHP information for your server.

This file outputs a large amount of information, such as:

Information about PHP compilation options and extensions
PHP version
Server information and environment (if compiled as a module)
PHP environment
OS version information, paths, master and local values of configuration options
HTTP headers
PHP license
Because every system is set up differently, phpinfo() is commonly used to check PHP configuration settings and for available predefined variables on your particular system.

phpinfo() is also a valuable debugging tool, as it contains all EGPCS (Environment, GET, POST, Cookie, and Server) data.

CREATE A PHPINFO.PHP PAGE
Luckily, creating a phpinfo page can be performed fairly quickly and easily!

Open your website files using a File Manager, FTP, or SSH.
Navigate to your website's root directory. This generally will be:
Plesk: httpdocs
cPanel: public_html
Create a new file named phpinfo.php in your associated website root directly
You do have the option to add this file into any subdirectory of your choosing.
Add the following lines into your phpinfo.php file:
<?php

// Show all information, defaults to INFO_ALL
phpinfo();

?>
 Save your edits.
You have just created a php info page! Feel free to continue through this article for instructions on how to view your page.
VIEW YOUR PHPINFO PAGE
To view your php info page, open a browser and go to the URL http://www.example.co/phpinfo.php

Replacing example.com with your actual domain name

g5.png

The php info page will be under example.com/phpinfo.php assuming you uploaded the file to your website root directory.

You can view all of the information about PHP for your server for that particular directory.
If you'd like to search for a specific module or resource limit, you can press the following keys:
Windows: CTLR + F
Mac: CMD + F
Then type the name of the module or resource in question.

g6.png
That's it! You should now know how to create, view, and search through a phpinfo.php page!


              Experience
-> php front-end back-end
-> HTML 
-> CSS
-> Javascript
New Zabo Integration: Poloniex API
Published: 2021-01-27 20:19:39

We’re excited to announce that Zabo now supports [Poloniex](https://zabo.com/integrations/poloniex/)!

Founded in the US in 2014, Poloniex is one of the oldest cryptocurrency exchanges around. Despite its US-founding, Poloniex focuses exclusively crypto-to-crypto trading and customers outside of the U.S.

Today the exchange supports close to 400 trading pairs and facilitates over $150M in daily trading volume.

Using [Zabo](https://zabo.com) you can now easily retrieve balances and transaction histories for Poloniex accounts.

All this data is delivered in pre-formatted, standardized data via API.

Zabo’s Poloniex integration joins [50+ other exchanges](https://zabo.com/integrations/) and wallet integrations supported by Zabo, all returning in the , saving countless engineering hours and resources for developers.

You can get [free API keys](https://zabo.com/signup/) and start building in our sandbox in less than 5 minutes.

**Get in Touch**
Twitter: [@ZaboAPI](https://twitter.com/zaboAPI)
Come chat with our team directly: [Discord](https://zabo.com/discord)
Email: [contact@zabo.com](mailto:contact@zabo.com)
Fixing EFI on linux
Published: 2021-01-27 20:14:41

I use kde neon and dual boot into windows every now and then, well my laptop receives firmware updates and I decided to get those updated on windows. I haven't had good luck on the linux fwupdate... Well it hosed my efi, windows boot still worked but my linux side was no longer booting. Thanks windows updates for forcing me to do them.

I scoured the internet for a solution. I tried boot-repair, no go. I downloaded KDE Neon live iso, put it on a usb and then finally found a solution.

[source](https://askubuntu.com/questions/778117/installation-fails-on-grub-read-only-efi-partition)

I mounted the necessary folders and then chrooted into the mnt. I noticed my /boot was readonly..thats odd., unmounted it and ran

`sudo dosfsck -t -a -w /dev/sda1` <--change /dev/sdx to your /boot partition disk

Then do this:

/dev/sda8 in this example is the / partition
/dev/sda1 in this example is the efi partition

```
sudo mount /dev/sda8 /mnt
sudo mount /dev/sda1 /mnt/boot/efi
for i in /dev /dev/pts /proc /sys /run; do sudo mount -B $i /mnt$i; done
sudo chroot /mnt
grub-install /dev/sda
update-grub  
```

This might help someone, it's definitely a bookmark for me.
Nuxt production deployment. Setting server environment and run application.
Tags: nuxt, vue, deployment, production
Published: 2021-01-27 20:07:09

If you are using Nuxt js at the end of development you will need to deploy application to a server. In this article I talked about fast and effective way of deployment. This is one of the fastest way to deploy a Nuxt application to the production server. Good readings to you all Nuxt and Vue lovers. Also you can use this technique on other similar nodejs applications :)
Link is here: https://medium.com/js-dojo/how-to-deploy-nuxt-application-to-server-production-mode-on-db67633421fd?sk=32e2893ad759748e88cdaf7ecbf0b250
Don't Sink, Swimm
Published: 2021-01-27 20:06:54

Swimm makes development smooth with smart docs that are synced and coupled with your code. Whether switching between teams or onboarding remotely, teams use Swimm to understand code and share tribal knowledge.

Swimm is now in Beta.
Request early access:https://swimm.io/sign-beta/

<3 We love open source. Swimm is free for maintainers and core contributors who want to encourage knowledge sharing in the community.

Drop by 1st Live Demo Event: https://www.eventbrite.com/e/swimm-live-demo-version-035-tickets-137414651923
Manage technical debt as a project
Tags: techdebt
Published: 2021-01-27 19:58:46

Imagine you spot [technical debt](https://en.wikipedia.org/wiki/Technical_debt) items in your project that you need to work on anytime. Sometimes is confusing to manage them all in the PM tool of choice, specially when there will be temporary team members that get access to the repository only.

My suggestion is to use [Github Project](https://github.com/features/project-management/) boards. This is a powerful tool to manage repository issues, assign them to developers, keep track of their work status and create discussion spaces.

Give them a try!
The Making of Plasma!
Tags: plasma, canvas, zim, zimjs
Published: 2021-01-27 19:49:06

Here we use the ZIM Emitter() class to fashion Plasma:

```javascript
new Emitter({
	obj:new Rectangle(50,50,[
        purple, 
        purple.darken(.1), 
        purple.lighten(.1)
    ], pink).alp(.5),
	angle:{min:-1, max:1},
	force:10,
	animation:{
        props:{rotation:["360","-360"]}, 
        time:{min:.2, max:.5}, 
        loop:true
    },
	random:{
		rotation:{min:-40,max:40},
		scale:{min:.7,max:1.2}
	},
	gravity:0,
	shrink:false,
	life:1.5, 
	fade:false
});
```
The final results can be found here:

https://codepen.io/zimjs/pen/zYKgWyZ

Enjoy!

---

If you have not checked out the Canvas recently - you simply must!  Here is the [ZIM&nbsp;Dev&nbsp;Site](https://dev.zimjs.com) and some [In-depth&nbsp;Guides](https://drabstract.medium.com/) by Dr&nbsp;Abstract including [Your Guide to Coding Creativity on the Canvas](https://drabstract.medium.com/your-guide-to-coding-creativity-on-the-canvas-ada0996298f6).
Move email field to top on WooCommerce checkout.
Published: 2021-01-27 19:24:23

One of the first things I always do on a new WooCommerce site build is move the email field to the top of the checkout page. This is a good practice because as soon as we get the email, we can trigger abandoned cart email sequences. 

WooCommerce hooks make life very, very easy.

```
add_filter( 'woocommerce_billing_fields', 'seanaus120_move_checkout_email_field', 10, 1 );
function seanaus120_move_checkout_email_field( $address_fields ) {
    $address_fields['billing_email']['priority'] = 5;
    return $address_fields;
}
```
In action on our [agency website](https://brisbaneagency.com/light-and-airy-presets/) a few other places like [here](https://brisbaneagency.com/lightroom-hdr-presets/), [here](https://brisbaneagency.com/instagram-presets/), [here](https://brisbaneagency.com/woocommerce-tax-rates-csv/), [here](https://salestaxusa.com) and [here](https://presetylightroom.pl).
Web Development
Published: 2021-01-27 19:16:08

I'm a Web Developer, I'm learn about HTML,CSS,JAVASCRIPT,PHP and LARAVEL.

I am passionate about back-end web development and I specialize in SQL, HTML5, CSS3, JavaScript, jQuery, and other back-end technologies. I am a proponent for the open web and try to push web standards and best practices.


Specialties: - HTML,  CSS , Javascript, Bootstrap, php, laravel, mySql and all other databases.
Why do I keep getting `Error: Namespace A.B does not have exported member D.`?
Tags: help, webdev, typescript
Published: 2021-01-27 19:12:00

I have:
```typescript
namespace A {
  export namespace B {
    export class C {constructor(arg:string|A.B.D){}}
  }
}
```
in one file (`C.ts`), and:
```typescript
namespace A {
  export namespace B {
    export class D {}
  }
}
```
in another (`D.ts`), and I keep getting an error (in the first file): `Namespace A.B does not have exported member D.`

Why is this happening? And how can I fix it?

<div alt="Thanks! Cheers!">
##<b><center><b>Thanks!<br/>Cheers!</b></center></b>
</div>
A Simple Guide to Scope in JavaScript
Tags: beginners, codenewbie, learning, javascript
Published: 2021-01-27 19:09:20

In Javascript, scope refers to the methods and variables we create and where they are available in our code. 

If we don't declare our variables in the correct way, it can lead to some weird behavior. However, if we're aware of some of these peculiarities, it can make debugging much easier in the future. Knowledge is power!

Let's create an app where users can view info on various movies.

![Example of global scope](https://dev-to-uploads.s3.amazonaws.com/i/gsqy1npqzbk4l7jzeyg0.png)

Here is the first variable declaration in our `.js` file. This variable lives outside of any functions; therefore, it has *global scope*. We will be able to call on this variable anywhere else in our code from now on, such as when we fetch our movie data.

![Fetching movie data](https://dev-to-uploads.s3.amazonaws.com/i/edhcz0jsaknedv438x9k.png)

We can also declare variables within functions. 

![Function scope](https://dev-to-uploads.s3.amazonaws.com/i/has5bv48vvwy1yq9f3dv.png)

Doing so makes that variable only available within that specific function. If we try to access that variable outside of the function, we'll get an error that that variable has not been declared.

![Calling an error that's outside of its function scope](https://dev-to-uploads.s3.amazonaws.com/i/jqiolryyihpq4g8d1vm9.png)

![Error message](https://dev-to-uploads.s3.amazonaws.com/i/iqa1mel398jh94usfe4f.png)

Because of function scope, I don't have to worry about overwriting any of my function-specific variables anywhere else in my code. I can even declare variables with the same name inside of other functions if I want to.

Another type of scope we have available is **block** scope. This means that you can declare variables -- within an if/else statement, for example -- and it won't be available outside of that block of code.

Here's something else that's important when it comes to scope: we *have* to use **let** and **const** to declare our variables.

If we write variables without these declarations, they automatically become global scope. That means, if we're not careful, we can accidentally overwrite some of our function-specific variables outside of those functions.

![2001: A Space Odyssey](https://dev-to-uploads.s3.amazonaws.com/i/na49het0eiro0rn1qupw.png)

![Initializing a variable](https://dev-to-uploads.s3.amazonaws.com/i/cyp10m4vf7in4lmp8go4.png)

![Overwriting variable from other function](https://dev-to-uploads.s3.amazonaws.com/i/h4l5i3r155z3icegwqkj.png)

![2001: A Space Odyssey - Overwritten](https://dev-to-uploads.s3.amazonaws.com/i/u96ygbhxodn8p3yfb4i6.png)

The world certainly doesn't need more articles on scope in Javascript, but these were some of the insights I gained once I started exploring some of the scope peculiarities I was curious about. 

![Baby working on computer GIF](https://media.giphy.com/media/SAIGPdSohpC7JdRcHT/giphy.gif)

If you want a more thorough understanding, I highly recommend checking out [this article] (https://2ality.com/2015/02/es6-scoping.html) by Dr. Axel Rauschmayer.
Getting JSDoc to work with TypeScript typedef imports.
Tags: jsdoc, typescript, javascript, typedef
Published: 2021-01-27 19:07:32

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

I've been on a journey to write less esoteric, more accessible code. Before I start writing up my experiences, I'd like to announce a tiny, tiny utility that solves a simple problem I hit when doing plain javascript development. 

To document and get type hinting for plain JavaScript, the easiest way to do so is to use a tool called jsdoc. The problem is when you wish to import type definitions `/** @typedef ... */` into another file for re-use. VSCode doesn't understand the jsdoc module import format, and jsdoc doesn't understand the typescript style import. My utility works to translate.

For more information, head over to:

[https://github.com/polyforest/jsdoc-tsimport-plugin](https://github.com/polyforest/jsdoc-tsimport-plugin)