teleren/devto huggingface dataset:
4 Job Search Tips
Tags: beginners, career, tips
Published: 2019-09-01 23:16:19

---
title: 4 Job Search Tips
published: true
description:
tags: beginners, career, tips
---

Happy Labor Day Weekend! This week I thought I would gather up some of my favorite tips when it comes to looking for a job in the webdev / software engineering world.

## network

The first tip that I hear all the time is to just put yourself out there! Go to meetups and events where you can meet people who are doing what you want to be doing. I've met so many people and gotten great leads on jobs just by going to a meetup or two a week.

It can feel a bit awkward at first, but I always try to get someone's contact information, usually by connecting on LinkedIn. Doing this allows you to keep the lines of communication open, and they'll be much more likely to think of you when they have an opportunity.

## have an online presence

When applying for jobs, I feel like it's very important to have a good presence online. Writing a weekly blog is a great way to get your name out there and employers love to see that you're engaged in the community. Similarly, [Twitter](https://twitter.com) has become a wonderful place to interact with other devs and get advice from people all over the world.

Check out my previous blog post about perfecting your online presence!

{% link https://dev.to/clairemuller/tips-for-perfecting-your-online-presence-1cjd %}

## follow up

The hardest part about looking for a job is when you don't hear back about a job application or connection. But I've learned to embrace the awkward and just follow up! People are busy, and we all get so many emails that it can be easy to miss things.

Following up can lead to opportunities! Sending a kind 'great to meet you' message will remind them of who you are and the (hopefully) great conversation you had. People love to be thought of and in turn will think of you.

## code every day

My final tip is to work on some code every single day. It's easy to get overwhelmed with all the other aspects of the job search, and forget to keep working on your skills. I started the [100 Days of Code](https://www.100daysofcode.com/) challenge on twitter and it's been a great way to keep myself accountable for coding a little bit each day.

Don't forget to commit your changes to your GitHub, as employers definitely look! As for what to work on, I like doing [LeetCode](https://leetcode.com/) problems, or here's another blog post I wrote about project ideas!

{% link https://dev.to/clairemuller/what-should-i-make-next-quick-project-ideas-5cc0 %}

Thanks so much for reading and I'll see you next week!
Is using z-index in your CSS bad practice?
Tags: css, discuss, zindex
Published: 2019-09-01 23:02:13

---
title: Is using z-index in your CSS bad practice?
published: true
description: A discussion on whether or not using z-index is bad.
tags: css, discuss, zindex
---

When was the last time you see the `z-index` CSS property being used like so:

```css
.some-element {
  z-index: 99999999;
}
```

Now suppose you want another element to be displayed above the element with the "some-element" class, a quick and dirty (yet seemingly common!) fix for this is by adding another '9' at the end of the z-index value above and apply it to this other element. For bigger web apps, this can quickly become unmanageable.

Since the default ordering is determined by the order of the HTML markup, with the element nearest the bottom appearing on top, shouldn't we use that instead of z-index? Can you think of a use case where relying on the markup's order alone is insufficient?
How to Use SASS/SCSS in the Anime.js Animation Library
Tags: frontenddevelopment
Published: 2019-09-01 21:15:24

---
title: How to Use SASS/SCSS in the Anime.js Animation Library
published: true
description: UI Styling Tips and Tricks
tags: Front-End Development
---

Anime.js is an excellent JavaScript animation library that’s easy to use and easy to read. Documentation lists accepted values for properties as unit-less, specific unit, relative, colors, from-to, and function based. Anime.js might not accept SASS directly, but does accept JavaScript variables.

Oh! Of Course!

If a value for a CSS property in anime.js can be a simple variable, the question becomes: How to Pass SCSS into a JavaScript Variable.

Good News! There’s a package for that! css-loader

______________________________________

npm install --save-dev css-loader
______________________________________

Ok, Now What?

Export your variable directly from the .scss file using the css-loader syntax and then import your .scss into your JavaScript!

______________________________________

// variables.scss 
$white-color: #ffffff; 
 
:export {   
whitecolor: $white-color;  
}

______________________________________

//your js file
import variables from variables.scss

anime ({
...
color: variables.whitecolor;
...
})

_______________________________________

And Finally
You have a JavaScript variable that can be added as a value for your css properties in your anime.js animations!
Searching for the Name of an Instructional Tool
Published: 2019-09-01 21:14:26

---
title: Searching for the Name of an Instructional Tool
published: true
description: Record / Edit Videos About JavaScript
tags: 
---

I remember coming across a tool that allowed instructional designers to code up something and record with audio into a video, but it wasn't actually a video because the student could pause the recording at any point and change the code on the screen as if it were an interactive text editor instead of a static video. What is this tool/website called? I'm making attempts at googling it, but no luck so far.
Show off your Terminal 🐱‍💻✨
Tags: discuss, productivity, bash
Published: 2019-09-01 21:13:05

Lately, I have been spending a lot of productive time in local and remote terminals.

I know developers love tweaking their tools to suit themselves. Through this post I aim to provide a sharing space.

# My Windows Terminal (Powershell)

![Windows shell](https://thepracticaldev.s3.amazonaws.com/i/9lajmps3plcmr7d1a6pn.jpg)

- Hyper Terminal
- Powershell

> Is this really Powershell ?

> Yes I achieved that sweet left prompt with [Oh-my-Posh](https://github.com/JanDeDobbeleer/oh-my-posh)

# My WSL Terminal (Ubuntu WSL)

![WSL-shell](https://thepracticaldev.s3.amazonaws.com/i/uz9urvly4q89g1itm92z.jpg)

- Fluent Terminal
- Windows Subsystem Linux
- Oh-my-zsh with auto-complete

Show us yours 😍
Angular 9|8 & Express File Upload Tutorial with Reactive Forms
Tags: angular, angular98, expressjs, react
Published: 2020-01-31 21:33:07

---
title: Angular 9|8 & Express File Upload Tutorial with Reactive Forms
published: true
tags: Angular, Angular 9|8, Express JS, React
canonical_url: https://www.positronx.io/angular-8-express-file-upload-tutorial-with-reactive-forms/
---

The post [Angular 8 & Express File Upload Tutorial with Reactive Forms](https://www.positronx.io/angular-8-express-file-upload-tutorial-with-reactive-forms/) appeared first on [positronX.io](https://www.positronx.io).

In this **Angular 8 MEAN Stack file upload tutorial** , we are going to learn how to upload the image from Angular’s frontend using Reactive Forms. And store the image on the MongoDB database by consuming the REST APIs built with Node.js and Express.js. 

 [Click here to read more](https://www.positronx.io/angular-8-express-file-upload-tutorial-with-reactive-forms/)
Coding assessment before interview, too soon?
Tags: career, interviewing, devops, discuss
Published: 2019-09-01 20:32:46

---
title: Coding assessment before interview, too soon?
published: true
description: Would you take a coding assessment before even talking to your future employer?
tags: career, interviewing, devops, discussion
---

I was recently submitted to an SRE role for a company by a recruiting agency. The agency provided me with a very high-level overview of what they're looking for, but nothing by way of a detailed job description. Furthermore, the role wasn't advertised on the organization's homepage, or on any job ad. It was apparently 'unlisted'.

Nonetheless, I consented to being submitted with the aims of having a discussion, even potentially an introductory phone call where I would speak with their hiring manager, an individual functioning as a team-lead, or even an HR staffer to learn more about the role, the team, and the challenges that gave rise to the need for hiring a new Site Reliability Engineer.

Let me state that I'm not unfamiliar with technical assessments or the challenges of hiring capable technical talent as valued contributors-having hired, and fired, built and groomed engineering teams over my career.

What did come as a surprise to me, one that has me arching an eyebrow was the first interaction with this organization. There wasn't a phone call where a polite voice introduced themselves, there wasn't an email thanking me for my application for consideration, there wasn't even an acknowledgement of the CV submitted. 

What came was an automated email from a no-reply@ address to take a coding challenge on a domain that doesn't even belong to the organization I plan to interview with.


This was my *very first interaction* with the company. 

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/90y9ulwrhcnvyz4kzs0y.jpg)

The automated email did include an address direct to the recruiting department of this organization, in the event that one would not be able to complete the assessment on time. I emailed this address, thanked them for considering my application, but requested an opportunity to first speak with a representative of the company or an individual who would be willing to speak more about the job specifics, the organization, and their challenges that I would be expected to contribute solutions to. I followed this up with the assurance that once that opportunity came about, and only after having the opportunity to learn more about the role and the team I would prospectively be joining, I would be glad to take part in helping the company assess my raw technical ability as an SRE.

Here's my question to you, Dev.to community: was this the right reaction? How would you have responded, and how do you feel about coding assessments being used so early in the interviewing process before even being contacted by your future cohorts?
How to normalize (join together) bold nodes in HTML DOM?
Tags: html, javascript, webdev, help
Published: 2019-09-01 19:57:22

---
title: How to normalize (join together) bold nodes in HTML DOM?
published: true
description: How to normalize (join together) bold nodes in HTML DOM?
tags: html, javascript, webdev, help
---
I'm building a contenteditable editor which involves multiple rows of contenteditable divs

I want to turn this:

```Lorem <b>Ipsum</b><b> Dolor</b> Sit Amet```

into this:

```Lorem <b>Ipsum Dolor</b> Sit Amet```
An intro to testing with Gil Tayar
Tags: node, javascript, react, webdev
Published: 2019-09-01 19:16:49

---
title: An intro to testing with Gil Tayar
published: true
cover_image: "https://techjr.s3.amazonaws.com/images/techjrsite.png"
description: Testing is tough. This week we have Senior Applitools Architect Gil Tayar on the show to explain the types of testing, why you should test, and how to test node without pulling your hair out.
tags: node, javascript, react, webdev
---

This week on [Tech JR](https://techjr.dev) we talked to [Gil Tayar](https://twitter.com/giltayar) about testing in JavaScript.

We covered the types of testing and some testing philosophies before diving into how to test Node and Node microservices.

{% podcast https://dev.to/techjrpodcast/testing-node-microservices-with-gil-tayar %}

If you'd like to see how Gil tests React, definitely check out his talk from ReactNext on YouTube: ["An Ode to Node: Testing Frontend the Backend Way"](https://www.youtube.com/watch?v=hRVD78I3Fo0&list=PLerBD_yOQ4C9LF5GYn99uHdAKjENil9dY)

What's your experience with testing? Do you write tests at work? What are your favorite testing tools? Let us know in the comments below!

_Originally posted on [Tech JR](https://techjr.dev/episodes/2019/testing-node-microservices-with-gil-tayar)_

_If you enjoy this episode, please [subscribe!](https://tinyletter.com/leewarrick)_
Do you prefer a Github Gist or Markdown code snippet in a post?
Tags: discuss
Published: 2019-09-01 19:11:09

When using the dev.to night theme (Which is my favorite), I prefer the Markdown code Snippet because it's dark and doesn't burn my eyes.
        ![Burned](https://i.kym-cdn.com/photos/images/newsfeed/001/479/279/201.jpg)


But in the other hands if the publisher is cross-posting and use a Github Gist and modify that in one place and see that change reflected in multiple sites is an excellent advantage for the one who publishes the Gist.

What are your thoughts about it?
Flutter UI Challenge with Flare
Tags: flutter, flare, ui
Published: 2019-09-01 19:08:34

## Who am I?
My name is Fawaz Joseph. I am mainly a Java developer who came across Flutter and fell in love. I am still learning the ins and out of Flutter and I am documenting any challenges I come across for a couple of reasons. 

1. To see if there is a better way to do it.
2. To make sure I know it since I will be at the mercy of strangers
3. To help people who are learning Flutter as well

## The challenge
I have actually already started a series of videos on Flutter UI Challenges. The format of this challenge is that I see a UI mockup usually on  [dribble](https://dribbble.com/) and I try to make it with Flutter.

The current challenge is the  [Tab Bar](https://dribbble.com/shots/6856687-Tab-Bar-active-animation) 

![Challenge.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1567362685743/6k7ozCGqA.png)

I had already  [tried ](https://www.youtube.com/watch?v=DE5OrAGB7F4) this challenge but I ran into an issue that I actually ran into an  [issue ](https://github.com/flutter/flutter/issues/38753) that I reported to the Flutter team

> Shout outs to the Flutter team for the way they handled it. This is my first time reporting an issue at all so I am very impressed

The first video ended with a "cliffhanger" if you will because of this issue, At the end of the video, One of the ways I suggested to getting around it was  [Flare](https://www.2dimensions.com/about-flare). It took me two weeks but I finally delivered on my promise. I did the first challenge with Flare and I am definitely drinking the Flare kool-aid. I am probably doing all the future challenges with Flare.

This is my first exercise with Flare and I swapped out so many codes for maybe 3 lines of codes. 

This video has me creating one of the four animations and then using them in Flutter. It was a learning experience for me on so many levels. I hope you can take away something from this video. 

Without further ado, the video


{% youtube bPa1spHF7tY %}



Look out for more stuff from me
 [Twitch stream ](https://www.twitch.tv/alaomo) - Where I practice the challenges
 [Flutter Newsletter ](http://eepurl.com/gAEFBf) - Weekly Roundups of Interesting Flutter news, articles, videos, e.t.c
 [YouTube Channel ](https://www.youtube.com/channel/UCLbzxvsvm9ROJwmAzMtWNGg) - Flutter Challenges
Reporting scraped data - Building SaaS #2
Tags: python, django, saas
Published: 2019-09-01 17:01:37

{% youtube 0qON1KsFwyg %}

In this episode, I took data that we collected from a web scraping task built in the first stream and created a report email that could be sent to the site admin.

Show notes for this stream are at [Episode 2 Show Notes](https://www.mattlayman.com/building-saas/reporting-scraped-data/).

To learn more about the stream, please check out [Building SaaS with Python and Django](https://www.mattlayman.com/building-saas/).
Migrate from WooCommerce to OpenCart with Next-Cart
Tags: woocommerce, wordpress, opencart, migrate
Published: 2019-09-01 16:37:35

# What data can be migrated from WooCommerce to OpenCart
You are able to migrate eCommerce data + CMS data + extension data from WooCommerce to OpenCart such as products, images, categories, customers, orders, taxes, reviews, blog posts, pages, etc.

### Products
1. Product Informations, e.g. Name, Description, Prices, Images, Meta, SEO (301 Redirects or Rewrite), Yoast SEO, etc.
2. Product Options/Variants. All option types supported by Opencart. Configurable Product will become Custom Options Product in Opencart.
3. Product Links, e.g. Manufacturer, Categories, Downloads, Related Products.
4. Product Attributes. Attributes will be stored in text field because Opencart only support text type attribute.

### Product categories
1. Category Informations, e.g. Name, Description, Image, SEO URLs (301 Redirects or Rewrite), Yoast SEO, etc.
2. Category Parents

### Customers
1. Customer Informations, e.g. First Name, Last Name, Email, etc.
2. Customer Addresses. All addresses with full informations.
3. Customer Groups (optional)

### Orders
1. Order General Informations, e.g. Status, Currency, Total, History, Notes, Date, etc.
2. Product Details, e.g. Name, Model/SKU, Quantity, Price, Tax, Option Details, etc.
3. Customer Details, e.g. First Name, Last Name, Email, Billing/Payment and Shipping Addresses.

### Taxes
1. Tax Class, Tax Zones and Rates.

### Reviews
1. Reviews of migrated Products. Review Details, e.g. Customer, Comment, Rating, Status, Date.

# How to migrate WooCommerce to OpenCart with Next-Cart
Next-Cart is a shopping cart migration service allows you to migrate data from your current store to another eCommerce platform. The whole procedure can be taken in 3 simple steps:

1. Upload Kitconnect to OpenCart and WooCommerce store's root folder.
2. Choose the data you want to migrate
3. Perform the migration

{% youtube 4_KJseZUNaM %}

Are you interested in my video? Let try Free Demo Migration at: [WooCommerce to OpenCart Migration](https://next-cart.com/product/woocommerce-to-opencart/)

# Thank you
If you have any questions, feel free to contact us at [https://next-cart.com/contact/](https://next-cart.com/contact/), our technicians are always ready to help you 24/7. Don’t forget to like and share the guide with others if it’s useful for you.

Have an awesome day!
NodeJS: How To Create A Simple Server Using Express
Tags: beginners, tutorial, javascript, node
Published: 2019-09-01 16:09:17

---
title: NodeJS: How To Create A Simple Server Using Express
published: true
description: How To Create A Simple Server Using Express
tags: beginners, tutorial, javascript, node
series: Intro to NodeJS
---

## Intro

So we [installed NodeJS](https://dev.to/miku86/what-is-nodejs-how-to-install-it-1900) on our machine.

We also learned [how to create a simple server using Node's HTTP module](https://dev.to/miku86/nodejs-how-to-create-a-simple-server-using-the-http-module-2ld2).

We also know [How to Get External Packages](https://dev.to/miku86/nodejs-how-to-get-external-packages-npm-56oj).

Now we want to learn how to create a simple server using [express](https://www.npmjs.com/package/express).

## Write a simple script

- Open your terminal
- Create a file named `index.js`:

```sh
touch index.js
```

- Add this JavaScript code into it:

```js
// import express (after npm install express)
const express = require('express');

// create new express app and save it as "app"
const app = express();

// server configuration
const PORT = 8080;

// create a route for the app
app.get('/', (req, res) => {
  res.send('Hello World');
});

// make the server listen to requests
app.listen(PORT, () => {
  console.log(`Server running at: http://localhost:${PORT}/`);
});
```

**Note**: This simple server has only one working route (`/`). If you want to learn more about Routing, [read the docs for Routing](https://expressjs.com/en/guide/routing.html).

---

## Run it from the terminal

- Run it: 

```sh
node index.js
```

- Result: 

```sh
Server running at: http://localhost:8080/
```

Now you can click on the link and reach your created server.

---

## Further Reading

- [express](https://www.npmjs.com/package/express)
- [Routing](https://expressjs.com/en/guide/routing.html)
- [Response Methods](https://expressjs.com/en/guide/routing.html#response-methods)


---

## Questions

- Do you use `express` or some libraries like [koa](https://www.npmjs.com/package/koa) or [sails](https://www.npmjs.com/package/sails)? Why do you use it?
Do you really know JS?
Tags: javascript
Published: 2019-09-01 15:25:26

---
title: Do you really know JS?
published: true
description: JS Quiz
tags: javascript
---
Hi!, this is my first post and I wanted to make it a little and simple javascript quiz but I wont give you the answers, the idea is that you put your answers in the comments and discussed which ones are correct and which are not, so let's begin!

1.- What is the result of this expression? (or multiple ones)

                     ["1", "2", "3"].map(parseInt)

 a) ["1","2", "3"]
 b) [1,2,3]
 c) [1, NaN, NaN]
 d) other (give your answer)

2.- What is the result of this expression? (or multiple ones)
     
                     [typeof null, null instanceof Object]
a) ["object", true]
b) ["object", false]
c) ["object", null]
d) other (give your answer)

3.- What is the result of this expression? (or multiple ones)

                      var x = [].reverse;
                      x();
a) window
b) other
c) undefined
d) true

4.- What is the result of this expression? (or multiple ones)

                       2 == [[[2]]]

a) false
b) true
c) error
d) undefined

5.- What is the result of this expression? (or multiple ones)

                       var a = /123/,
                       b = /123/;
                       a == b
                       a === b

a) true, true
b) true, false
c) false, true
d) other

6.- What is the result of this expression? (or multiple ones)

              var a = {}, b = Object.prototype;
              [a.prototype === b, Object.getPrototypeOf(a) === b]

a) [true, false]
b) [true, true]
c) [false, false]
d) none of the above
SELF: An ancient programming paradigm
Tags: objects, oo, programming, objectoriented
Published: 2019-09-01 13:58:32

---
title: SELF: An ancient programming paradigm
published: true
description: 
tags: Objects, OO, Programming, Object Oriented
---

"<i>Look to the real world to combine simplicity with power.</i>" 
-Randy B. Smith


<b>Uniformity. Directness. Liveliness.</b> - 3 core principals of the SELF environment that we don't normally see in the throng of modern era programming languages. There is Material Design Principals when considering  User Interface design, but what if I told you that there was an ancient language which modeled the real world we live in?

Have a look at SELF. Since then, nothing like it has seen the light. It was ahead of it's time.

{% youtube Ox5P7QyL774 %}
What "use strict" means in JavaScript
Tags: javascript
Published: 2019-09-01 13:55:43

---
title: What "use strict" means in JavaScript
published: true
description: 
tags: JavaScript
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/ej5hrjmi7hkhd607x1ad.jpg
---
***"use strict"***

For long time JavaScript evolved without facing compatibility issues. This is because JavaScript added new features without changing old functionality. And it had the benefits of never breaking existing code.

This case was until 2009 when ECMAScript 5 (ES5) appeared. In that version new features were added and also modified some of the existing ones. But most modifications are off by default to keep the old code working. If we want to work the whole scripts modern way we need to explicitly enable them.

For that we can use a directive looks like a string **"use strict"** or **'use strict'.**

Always use **"use strict"** at top of our script file and it is recommended.

```javascript
// At top of the file
"use strict";

// code
// code
//code

// code will work modern way
```

We can use **"use strict"** at the beginning of the function body instead of at the top of the script. It will enable **strict** mode in that function only.

```javascript
// default mode

(function(){
  "use strict";

  // strict mode
})();

// default mode
```

But again it is recommended to use **"use strict"** at top of the file.