teleren/devto huggingface dataset:
Weekly Coding Challenge - Week #17 - Pagination
Tags: challenge, html, css
Published: 2019-07-05 08:31:53

---
title: Weekly Coding Challenge - Week #17 - Pagination
published: true
description: Week #17 of the Weekly Coding Challenge program - Pagination
tags: challenge, html, css
canonical_url: https://www.florin-pop.com/blog/2019/07/how-to-create-a-pagination/
cover_image: https://www.florin-pop.com/static/4191f999bdebb5152d51d7d3bf8e7c31/ff993/how-to-create-a-pagination.png
series: Weekly Coding Challenge
---

Theme of the week: **Pagination**

### Description

A Pagination Component is used on websites where you have more content available than you want to display at one time to the user so you'd split it on multiple pages. By separating the content on different pages you are also saving a lot of bandwidth for the user because it won't be required to download all the information at once.

Some **examples** where you'd have a pagination: a blog with multiple pages, an online store with multiple products, etc.

## Useful Resources

Check out my submission for this challenge: [Pagination](https://www.florin-pop.com/blog/2019/07/how-to-create-a-pagination/).

See all the submissions in this [Codepen Collection](https://codepen.io/collection/ANvgPE/).

Are you interested in joining the challenge? :smiley: Read [The Complete Guide](https://www.florin-pop.com/blog/2019/03/weekly-coding-challenge/) to find out how. Don't forget to share your creation! :wink:

Happy Coding! :innocent:
What Jack (probably) thought about being fired
Tags: dailywriting
Published: 2019-07-16 23:39:17

---
title: What Jack (probably) thought about being fired
published: true
tags: daily-writing
canonical_url: https://marcusblankenship.com/what-jack-probably-thought-about-being-fired/
---

On Wednesday I mentioned that I’d fired Jack out-of-the-blue rather than put him on a PIP.

He didn’t pick up on my “performance hints”, so he never really knew there was a problem.

Or, at least, he didn’t know how serious the problem was.

I didn’t use any formal warning processes (e.g. formal verbal, written warnings), so I enabled him to continue thinking things were just fine.

I don’t know what might have happened if I’d done even one formal warning.

Maybe it would have gotten his attention, woke him up, and showed him he was in danger.

Maybe that’s all it would have taken for him to have a change of heart, and turn things around.

If you recall my PIP story/podcast, it took a formal warning for me to wake up to reality.

And for me to wholeheartedly decide I would “do whatever it took” to keep the job.

I’m not going to sugar coat it, Jack probably thought I was a jerk afterward.

_It was a jerk move, but it was the only move I’d left myself._

## Don’t fence yourself in

Learning to use employee discipline systems might be uncomfortable, but the consequences are worse. Without them, you’ve got nothing left but surprise, fear, and anger.

How you treat one employee gets back to the rest of them, through the grapevine or Glass Door.

Even though you’ve hinted, who on your team might not know they are in danger?

How can you do the kindest possible thing: make it crystal clear they are in danger, and openly discuss next steps?

You might be the boss, but you don’t have to make the same mistakes I did.

Take care,

Marcus

The post [What Jack (probably) thought about being fired](https://marcusblankenship.com/what-jack-probably-thought-about-being-fired/) appeared first on [Marcus Blankenship](https://marcusblankenship.com).
Docker: request canceled while waiting for connection (Client.Timeout exceeded while awaiting headers)
Tags: docker, devops, productivity
Published: 2019-07-05 07:49:54

This error has had a lot of people stumped by the looks of their [issues on GitHub](https://github.com/docker/kitematic/issues). I think the error stems from downloading Docker through their main landing page, I tried a lot to fix the issue and with no luck. This included switching the DNS over to 8.8.8.8 which has been suggested in the past and worked.

My answer to the issue is don’t use the main landing page to install Docker, instead, you want to [download it from here](https://docs.docker.com/install/#supported-platforms) and then everything should work as normal.

If you have any questions or feel it hasn’t worked for you, then please let me know.
What Is UX Design?
Tags: design, ux, webdev
Published: 2019-07-05 07:22:03

What actually IS UX Design? How can you take an experience that already exists, and improve it for the user? In this video, one of our senior product / UX designers, Dee, defines the term 'UX', and describes the 3 essential areas that makes for GREAT User Experiences.

Dee offers practical examples of GOOD and BAD UX Design, and what the implications of each can be, along with insights of what you can expect to do in a UX Design role, based on her 10+ years of experience in the UX industry!

How do you define UX / User Experience Design in 2019?! What insights can you offer on getting started in the industry? Share your thoughts in the comments below!

{% youtube aNAZ1mzaPVE %}

**Thanks for reading** ❤
If you liked this post, share it with all of your programming buddies!
Follow us on **[Facebook]( https://www.facebook.com/moriohdotcom)** | **[Twitter]( https://twitter.com/moriohdotcom)**

### Further reading
☞ [UX & Web Design Master Course: Strategy, Design, Development](http://learnstartup.net/p/rJRpc-pqW "UX & Web Design Master Course: Strategy, Design, Development")
☞ [Why Everyone Is Fighting About CSS/UX and JS](https://morioh.com/p/cd26ebe33d05 "")
☞ [Top 20 UX/UI Design tool to enhance your Designs](https://morioh.com/p/6c26d5f4c887)
I created an extension that lets you ignore tags on dev.to
Tags: showdev
Published: 2019-07-05 07:19:17

I'm following the #webdev and the #vue tags, but my feed is full of #react, #python and #angular posts. I don't care about these, but many articles are tagged with multiple tags like #react, #webdev.

So what are we gonna do about it? 
Wait until dev.to introduces the option to ignore tags? 
Follow the tag and set its relevance to -999?
Since we are lazy developers, there's only one remaining option. Write our own extension ¯\\_(ツ)_/¯.

## [Introducing Dev.no](https://chrome.google.com/webstore/detail/devno-ignore-tags-on-devt/lhmeebcadjglnpfbmfodipgelbbpidmg)
So how does it work?
The extension can essentially be broken down to this little snippet
```javascript
const tags = ['react', 'python']; // hardcoded tags list for demo purposes
tags.forEach(tag => {
    var tagElements = Array.from(
      document.querySelectorAll(`.single-article .tags a[href='/t/${tag}']`)
    );

    tagElements.forEach(tagElement => {
      // the whole article is located 2 elements above (parent.parent);
      var articleElement = tagElement.parentElement.parentElement;
      articleElement.style.display = "none";      
    });
  });
```
To better understand that snippet, let's have a look how an article looks like on the dev.to main page and break it down to the essential elements we need to focus on.
```html
<div class="single-article single-article-small-pic">
  <!-- removed -->
  <div class="tags">
    <a href="/t/javascript"><span class="tag">#javascript</span></a>
    <a href="/t/webdev"><span class="tag">#webdev</span></a>
    <a href="/t/tutorial"><span class="tag">#tutorial</span></a>
    <a href="/t/discuss"><span class="tag">#discuss</span></a>
  </div>  
  <!-- removed -->
</div>
```

The tag 'react' can then for example be located with the following selector
`.single-article .tags a[href='/t/react']`.

The full article can then be accessed by calling `.parentElement` 2 times.


The extension also has an options UI, which is built with vue, where you can manage the ignored tags and view some nice stats. I'm not really satisfied with how it looks right now, so feel free to shoot a PR :)
![screenshot of the options ui](https://thepracticaldev.s3.amazonaws.com/i/i96hnsqopm4hojzkxtwd.PNG)

This extension may become obsolete as soon as dev.to rolls out the option to ignore tags. 

It's open source btw, so make sure to check out the repo and [download the extension](https://chrome.google.com/webstore/detail/devno-ignore-tags-on-devt/lhmeebcadjglnpfbmfodipgelbbpidmg).
{% github kai-oswald/dev.no %}
How to make the services communicate in AWS ECS?
Tags: help, aws, ecs, servicediscovery
Published: 2019-07-05 06:25:06

---
title: How to make the services communicate in AWS ECS?
published: true
tags: help, AWS, ECS, ServiceDiscovery
---

I have multiple service running on AWS ECS. Now, I am trying to connect one service with another using the build in service discovery. When creating a services It's successfully creating a SRV and mapping to A records in Route53.

The problem is I am not able to connect using the Service Discovery Endpoint. *It's not resolving the name*


Example:

Service1: Runs Task definition: To run nginx-phpfpm
Service2: Runs Task definition: to run redis

Goal is to make the Service1 communicate with Service2
TensorFlow.js Bringing Machine Learning to the Web and Beyond
Tags: python, machinelearning, webdev
Published: 2019-07-05 05:55:10

In this video, you will learn about the TensorFlow.js ecosystem: how to bring an existing ML model into your JS app and re-train the model using your data. We’ll also go over our efforts beyond the browser to bring ML to platforms such as React Native, Raspberry Pi, and Electron, and we’ll do a live demo of some of our favorite and unique applications!

Machine Learning is a powerful tool that offers unique opportunities for JavaScript developers. This is why we created TensorFlow.js, a library for training and deploying ML models in the browser and in Node.js. 

{% youtube gTG5EiOekYU %}

**Thanks for reading** ❤
If you liked this post, share it with all of your programming buddies!
Follow us on **[Facebook](https://www.facebook.com/TensorFlow4U)** | **[Twitter](https://twitter.com/moriohdotcom)**

### Further reading

☞ [Complete Guide to TensorFlow for Deep Learning with Python](http://learnstartup.net/p/BJT8gGKsb "Complete Guide to TensorFlow for Deep Learning with Python")
☞ [TensorFlow is dead, long live TensorFlow!](https://morioh.com/p/0a093c1823fd/)
☞ [Deep Learning With TensorFlow 2.0](https://morioh.com/p/d669c3deea75 "")
☞ [A Beginners Guide for Building Neural Networks in Tensorflow](https://morioh.com/p/b8bbe1aa1de4 "")
Enjoy uncomfortability
Tags: beginners, career, advice, learning
Published: 2019-07-05 05:47:17

---
title: Enjoy uncomfortability
published: true
description: How moving out of your comfort zone will pay off
tags: beginners, career, advice, learning
---

### NO PAIN - NO GAIN ##

This is not only valid for training in the gym. From time to time it's important to leave your comfort zone to get into latest technology, especially when you're employed at IT. Sometimes, when a new technology is released and I heard about it I thought "Naah, I will come along without that framework." Just because I didn't understand it on the spot and was afraid of learning that new thing. 

> Oh, I can write plain PHP. That worked out for the past 10 years, no need for Laravel. 

> Nooo, vanilla JS does it, I don't need React at all. 

> .NET Core is just a trend, let's stay at .NET Framework for new projects. 

I bet you said that once in the past. For sure, not every trendy framework or database or server software has to be learned, for some topics it is enough to scratch the surface. But what happens when you act like that all the time? 

Basically, there are two things that will happen:

1. You forget how to learn new things and the boundary that has to be crossed becomes higher and higher.
2. You'll be at the bottom of every line.

I bet you can find yourself in that story, too: 

> Once I got asked to conduct a workshop for my colleagues about git. Before I even thought about it I heard myself responding: "Yes, of course."
> What have I done? I'm far away from cutting the edge at git, I used some basic stuff but thats all. I, once, had conducted a workshop for a small group of people but I even forgot how to do that or how that stuff works. 
> Leaving all that discrepancy in my mind behind, I just started creating a markdown file which was supposed to lead the way through my workshop. Assuming to be a member of the workshop I was just creating, I started researching and writing down stuff that would be helpful. I put that in a order the knowledge I would teach would stack up with the time of participating in the workshop. The workshop took place and it was fantastic to deliver what I was preparing for. I got positive feedback and it felt awesome!

Not that I just boosted my colleagues knowledge. While researching I started understanding things better for myself.

Sometimes a rash answer can be the solution to learn something new or improving on something. Having that experience reflected, I began moving out of my comfort zone more often.
PyCaribbean 2018 - Sofi Unity3d Lightning Talk
Tags: python, gui, unity3d, pycaribbean
Published: 2019-07-05 04:40:03

---
title: PyCaribbean 2018 - Sofi Unity3d Lightning Talk
published: true
tags: python, gui, unity3d, pycaribbean
canonical_url: https://tryexceptpass.org/video/pycaribbean2018-lightningtalk/
---
{% youtube RV0CiNY6hDc %}

PyCaribbean 2018 lightning talk where I demo [sofi-unity3d](https://github.com/tryexceptpass/sofi-unity3d) from a live Python interpreter. The talk starts at [18:43](https://www.youtube.com/watch?v=RV0CiNY6hDc&feature=youtu.be&t=1123) and shows how to spawn, manipulate and animate objects in 3d space using Unity3D.
PyCaribbean 2018 - Practicality Beats Purity
Tags: python, gui, unity3d, pycaribbean
Published: 2019-07-05 04:28:32

---
title: PyCaribbean 2018 - Practicality Beats Purity
published: true
tags: python, gui, unity3d, pycaribbean
canonical_url: https://tryexceptpass.org/video/pycaribbean2017
---
{% youtube Ba2y1IOLiPw%}
Building Websites with React and GatsbyJs
Tags: react, gatsby, javascript
Published: 2019-07-05 03:00:11

Creating a gatsby project is easy since you can use their wonderful CLI.

### Gatsby CLI

In order to install the CLI you will need nodejs and npm/yarn on your computer. If you are a npm person you will need to type the following in your terminal

```bash
npm install -g gatsby-cli
```

And if you like yarn instead type this:

```bash
yarn add global gatsby-cli
```

Once the installation has finished you can check if the gatsby cli is working ok with the following command

```bash
gatsby --version
Gatsby CLI version: 2.7.7
```

### Creating a new Gatsby Project

Now you can create a new gatsby project using the **new** command, this command takes 2 parameters, the first one is the name of your project and the second one is the template that will used as a base for the initial files.

```bash
gatsby new learning-gatsby https://github.com/gatsbyjs/gatsby-starter-hello-world
```

with the above command you are telling gatsby: "Hey, please create a new project that I would love to call "learning-gatsby" and please use the hello-world template". According the documentation it is a good template if you are just starting with gatsbyjs.

This step can take a longer time since it will clone the project and install automatically all the project's dependencies.

Once the whole process is done you can enter to the project folder and start the development server to see how the website looks.

### Starting the Development Server

The hello-world template already comes with a script to start the development server, the name of the script is **develop**.
That means you can start a gatsby development server typing in the terminal

```bash
npm run develop
```

and if you are using yarn

```bash
yarn develop
```

This is going to do a lot of work but once you see in your terminal a message like this

```bash
You can now view gatsby-starter-hello-world in the browser.
http://localhost:8000/
```

you can open your browser and go to [http://localhost:8000/](http://localhost:8000/) and you will see the hello world.

![Gatsby Hello World](https://thepracticaldev.s3.amazonaws.com/i/vny7ezsnd0y9lfuvkzrh.png)

Also you can see the graphiql UI in [http://localhost:8000/\_\_\_graphql](http://localhost:8000/___graphql).

![Gatsby GraphQL UI](https://thepracticaldev.s3.amazonaws.com/i/bir8bixcopc04ekwq9la.png)

Oh yeah one of the reasons gatsby is so cool is graphql, but that's information for the next post.
Advanced TypeScript Tooling at Scale
Tags: typescript, angular, javascript, webdev
Published: 2019-07-05 02:33:35

Tooling has always been a focus for TypeScript and a large reason for its success. 

TypeScript code intelligence is available across many editors and even web-based tools, all provided by the same service TypeScript ships out-of-the-box with the compiler itself. This presentation gives a tour and history of how TypeScript is able to provide the same great experience to many different clients through the tsserver and tsserver protocol, as well as how it influenced and fits into newer efforts like the Language Server Protocol. I will show how it can be used to provide code intelligence features like jump-to-definition and find-references at cross-repository scale, using some of TypeScript’s newest features like declaration maps and combining it with lesser-known interesting features of the JavaScript package management tooling. At the end of this talk, the audience will know how TypeScript tooling works under the hood and how it can be combined with other tools in the ecosystem to make developers more productive. The goal is to inspire innovation in the TypeScript tooling ecosystem by showing what is possible and how

{% youtube K5pAv8LpKck %}

**Thanks for reading** ❤
If you liked this post, share it with all of your programming buddies!
Follow us on **[Facebook](https://www.facebook.com/angular4u)** | **[Twitter]( https://twitter.com/moriohdotcom)**

### Further reading about TypeScript
☞ [Using Typescript with modern React (i.e. hooks, context, suspense)](https://morioh.com/p/c595b45ba4d4)
☞ [From Javascript to Typescript to Elm](https://morioh.com/p/129a0bfcfb0d)
☞ [Best Practices For Using TypeScript with Node.js](https://morioh.com/p/571d95c545de)
Editing images in Linux
Tags: gimp, linux, photos
Published: 2019-07-05 01:48:33

tldr; It still painful.

I've just switched to Thinkpad X1 Carbon and running Fedora 30. Really missed the simple Preview app in MacOS.

Basically I just want to do the usual stuff - crop/resize photos for attaching in blog post. And then some more 'advance' stuff like embedding photo in another photo.

For crop and resize, gthumb seem to do the job.

But for embedding image, I have to resort to good old Gimp in the end. Try Krita but I don't see any improvement over Gimp in term of UX.

So to embed image in Gimp, first open the image you want to embed. Select All and then Copy. Use Selection if you only need some part of it. Then open the target image, choose the Selection tools and draw the region you want to embed the image. Go to Edit - Paste into Selection (this is the key thing). The embedded image might not really fit in the target image so you may want to resize it. Go to Layer, the embedded image will appear as new layer, select it, right click and choose Scale Layer.

And that's it.
I want to learn AI with Python, but i dont know how to start
Tags: help, ai, python, beginners
Published: 2019-07-05 01:42:27

---
title: I want to learn AI with Python, but i dont know how to start
published: true
description: I think im not doing good in separate the good, the bad, and the ugly in this fields because im still needing some directions
tags: #help #ai #python #beginners
cover_image: https://i.kym-cdn.com/photos/images/original/000/572/078/d6d.jpg
---

It would be really great if someone could point me some resources, tips, "must know" things about AI development with Python (machine learning, neural networks, ai+data science etc).

Im a self taught developer (i'm used to self-taught learning). I have a good theoretical background, years of experience as full stack developer, also have been working as a front end developer for the past 3 years. Now i want to learn AI with Python BUT...

Guess im not going well in separate the good, the bad, and the ugly in this field, i feel im still needing some directions. Most of the contents i have seen tell me more about how python is good to AI and less about how and why. Sometimes the resources shows things like "oh look, an entire AI with just 50 lines of code! here we do this and that and voilà", sometimes its a really good text/video/class but makes me see i have a lot of knowledge lacks to fill in this field... So i would like to start from the really beginning, and would be great to have tips on:


1. Good books about neuroscience and the human brain. But im not wanting to understand any medical or biological aspect of the brain in depth, only its neurological higher level logics, (struggling to find some)

2. Good philosophical books about the AI and AI development (thats would be a plus).

3. Mathematical content related to AI, the basics and foundations

4. A road map would be GREAT (or something like) to follow in order to really achieve a practical capacity with Python and AI`s. Sorry if im asking to much S:

Those points are just an ideia, i dont know if its a right order or the right contents to know, so any direction will be really welcome.

Sorry if i may sound dumb or annoying, when you're researching alone, all those dense contents keep even more mixed and confuse; then we have data science, neural networks, machine learning (where do i start?), algorithms, math theory, neurological logics and flows, etc

So it is, any hint, tip, resource, book, classes are really really welcome, Thanks in advance! 

:)
Experienced developers, how do you go about learning new frameworks?
Tags: career, programming, discuss
Published: 2019-07-05 00:04:04

---
title: Experienced developers, how do you go about learning new frameworks?
published: true
description: Questions about learning the new yet familiar
tags: #career #programming #discuss
---

For developers who are already familiar with frameworks (particularly web frameworks here), how do you go about learning new frameworks? I'm finding tutorials repeat a lot of information I know about already.

I'm running through a Rails tutorial, and there are a lot of sections on topics I am already very familiar with. I don't need a 10 minute introduction on relational databases when I've worked with them for nearly 2 years. 

Do you guys have any tips?