teleren/devto huggingface dataset:
Jekyll on GitHub Pages
Tags: jekyll, githubpages, staticsite, deploy
Published: 2020-11-10 17:54:36

## Reasons to use GitHub Pages

Use GitHub Pages if none of the benefits of Netlify above really matter to you.

If you have a public repo which uses Jekyll 3.9 or static HTML that you wrote by hand without templating.

You want to keep your hosting (GitHub Pages) close to your repo (GitHub), without introducing a separate account on Netlify.

GitHub Pages is especially nice if you have a ton of simple quickstart or demo projects that you just want to turn on and forget. No messing around in Netlify creating an app outside of GitHub. It gets messier to manage across GitHub and Netlify when you have over 10 sites like I do. 

Having said that, Netlify does have a clean interface for viewing all the sites in your account and selecting one to update or view the deploy logs of.
Day 10 #100daysofcode
Tags: javascript, 100daysofcode, css, webdev
Published: 2020-11-10 17:50:54

Day10 with web development and today isn't been a productive day and not even exactly a productive. So it's just a day in November in my challenge. And I'm kinda upset about that😶. But I think I'll over come that morrow and have a great day tomorrow. I wish everyone a great day morrow🌟. 
--Peace out 🕊
About GH Pages and Netlify
Tags: netlify, githubpages, jekyll, deploy
Published: 2020-11-10 17:45:44

I am fan of using GitHub Pages and Netlify for building and hosting my [Jekyll](https://jekyllrb.com/) static sites remotely, for free.

There is no best choice for all situations. I use a mix of both and I hope you will too.

I am going to briefly cover how Netlify and GitHub Pages can be used, then in follow-up posts in this series I'll cover reason to use one of the other.


## Summary

If you need a simple no-frills setup without leaving GitHub,  especially if you have hobby project sites, then use GitHub Pages. You can always add [GitHub Actions](https://github.com/features/actions) or move to Netlify, if you need more flexibility.

If you want more control (over packages, the build flow, logging and add-on plugins) and especially if it the site is for a client or company, then use Netlify.


## About

Here are the two services under review:

- [Netlify](https://netlify.com) homepage.
- [GitHub Pages](https://pages.github.com/) feature page.

They both have generous build limits on the free tier and will build from a GitHub repo.


## Hosting URLs

Your custom URL will look like this on each service:

- `my-app.netlify.app`
- `my-username.github.io/my-app/`

Here is one of Netlify sites [michael-currin.netlify.app/](https://michael-currin.netlify.app/) and here is one of my Jekyll sites [michaelcurrin.github.io/coding-blog/](https://michaelcurrin.github.io/coding-blog/).

You can rename your Netlify app to **anything** that another user has not already taken. 

While the GitHub Pages site's path will be named after your repo. But, you are allowed to have on repo like this: [michaelcurrin.github.io](michaelcurrin.github.io/).

Both Netlify and GH Pages allow you to hook up a custom domain that you already own as your domain at no further cost. Such as `example.com`.

## Next

Continue to the posts in this series to see motivations for GitHub Pages and then Netlify.
SREview Issue #7 November 2020
Tags: sre, devops
Published: 2020-11-10 17:37:34

Originally published on [Failure is Inevitable](https://www.blameless.com/blog/sreview-issue-7-november-2020).

We’re drinking Pumpkin Spice Lattes, lighting candles, and wearing flannel. Oh, and reading a bunch of great stuff. Here’s the November issue of SREview! This monthly zine features epic Tweets, content, and events happening in the SRE and resilience engineering community.

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

#Tweets that have us twittering#
{% twitter 1318624746263621633 %}
{% twitter 1320916085332467713 %}
{% twitter 1321128598657400832 %}
#SREading#
[Yury Niño Roa Shares her Insights on Chaos Engineering and SRE](https://www.blameless.com/blog/interview-with-yury-nino-roa): Yury shares draws her to SRE and chaos engineering, how she defines resilience, and more.
 
[Engineers, Stop Hoarding your Metrics](https://www.blameless.com/blog/engineers-stop-hoarding-your-metrics): Like The Hobbit’s dragon Smaug laying on his pile of gold, never spending and only hoarding, many of us often stockpile pretty, feel-good, but useless metrics that never make a difference. In fact, they could actually be clouding your ability to get the context and clarity you need from your metrics.

[3 Ways SRE Can Boost your Business Value](https://www.blameless.com/blog/3-ways-sre-can-boost-your-business-value): In this blog post, we’ll look at the business value of SRE through customer focus, observability, and efficiency.

[10 Days of Errors](https://launchdarkly.com/blog/10-days-of-errors/): Halloween is over, but these eerie tales of errors are still worth curling up to read on a chilly fall night.

[Five things you should never say in a software developer interview](https://dev.to/eisabai/five-things-you-should-never-say-in-a-software-developer-interview-2lo5?): Isabel Nyo gives advice to engineers applying for jobs. Here’s what an interviewer never wants to hear.

[From Sysadmin to SRE](https://octopus.com/blog/sysadmin-to-sre?): John Duffney writes about how a passion for automation helped him advance his career from help desk to SRE.
#Give it a whirl#
Blameless automates toil and creates guardrails during incidents, streamlines learning from incidents, and much more. 

Try out our [free sandbox](https://www.blameless.com/try-now) today.
#Featured content#
**New eBook [The Comprehensive Guide on SLIs, SLOs, and Error Budgets](https://f.hubspotusercontent00.net/hubfs/5408306/Collateral%20Assets/The%20Comprehensive%20Guide%20on%20SLIs,%20SLOs,%20and%20Error%20Budgets.pdf)**: This eBook covers everything you need to know about SLIs, SLOs, and error budgets in less than 30 pages.
#Want to contribute?#
If you’re looking to share your insights with the SRE and resilience engineering community, we’d love to partner with you on content. Fill out our [form here](https://docs.google.com/forms/d/e/1FAIpQLSe7IKlTn6BKwzG1_c-YJeo5LfsvyqrkZn2tvM28zxkeEejlLw/viewform?usp=sf_link) and we’ll reach out!
Introducing WTF Python
Tags: python, programming, codenewbie, computerscience
Published: 2020-11-10 17:36:39

Hey there, if this post is in your feed then thanks to DEVTO's algorithm for putting this on your feed.This is my first post in DEVTO.I wanted to write my coding adventure.Anyway this is the first post(Was that a little rude?Sorry) to my series WTF Python(Is that title good?Idk).Yeah I know a bold step for writing a series for my first post.Then again I am crazy(Hell! yeah you are).If you don't want to read this please mention in the comments the reason.How stupid it might be.(Example --> It's shit)

This is supposed to be the series that give me and you as a reader projects that are fun to code but not always easy.
I want to use tools like mypy and pytest in this series as I have not used them anytime in my life!(Was that exclamation point necessary?).I am not a professional developer,I am just a self-taught programmer here to have some fun with programming.If you are a professional developer then please go easy on me.

This series may have so many mistakes and so less readers  but I am writing this as a way to improve my coding skills without feeling alone in my journey.

I plan to write one project per week and write how to go about writing one yourself.I hope my writing will strike a chord with my readers.

If you don't like my style please recommend changes in the comment section.

I will try to write according to the styles used in Robert Heaton's blog , Jason's Dead Simple Python or the Head First Books and the Grokking Series by Manning Publications.(Oh!! I love those)
I am seriously posting this without making any changes to it.I wanted to write a fancy post with catchy introductions but my writing is not that good.(I will get good)

Please mention your criticism in the comments.
[Tutorial] Generate Embeddable HTML code for any URL using Pipfeed’s Extract API
Tags: php, api, extract, news
Published: 2020-11-10 17:33:56

Embeddable Cards provide a clean, responsive, and shareable card for any content on the web. Cards are the easiest way to leverage Pipfeed’s extract API for any media, Cards provide a responsive embed. 40% of Users will click, hover, or view Cards with videos, images, and rich media. Cards are responsive and adapt to automatically fit any site they are placed in.

But a lot of these embed APIs aren’t very customizable and usually results in a longer load time. Using Pipfeed’s extract API, you can generate a pure HTML code in the framework and style of your choice. For this example, we will be using bootstrap cards to style the generated cards.

Read the full article at-> https://pipfeed.com/2020/11/10/generate-embeddable-html-code-for-any-url-using-pipfeeds-extract-api/
Patient Identification Wristbands Market:  The Future of Healthcare?

Published: 2020-11-10 17:26:00

For healthcare organizations around the world, patient safety is the main priority. As a result, they are mobilizing new technology to deliver patient treatment that is safer and better. Therefore, patient identification solutions are introduced through hospitals and specialty clinics to ensure consistency in the identification of patients and administer appropriate care that complements the health requirements of patients.

The method of patient identification remains manual, despite technological advances made by the healthcare sector. Therefore, it is particularly vulnerable to inaccuracies and can undermine the quality of patient care. Systems and technologies for patient identification are not in place in many countries worldwide. The healthcare industry is vulnerable to serious mistakes, especially where resources are scarce. Failure to classify patients correctly can cause mistakes in medication, transfusion and so on.

It is of utmost importance to ensure correct patient identification in the absence of a proper care procedure or vaccine and at a time when hospital room and resources struggle to accommodate the increasing number of cases.

The growth of the internet of Things has brought physical and online worlds together and is causing big shifts in the demand for patient identification wristbands. Connected devices increase the ability to share real-time data on parameters such as patient well being, behavior, and prescription care or medications.
This will assist healthcare professionals to quickly transition into an outcome-based model, allowing patient care to be improved. In order to help the segment benefit from real-time location systems or active technology, applications such as patient tracking require continuous input and creativity.

Lastly, the biggest problem faced by the industry remains the low rate of acceptance to date. To date, the high-cost factor has hindered widespread adoption across developing yet high-potential markets to some degree.

https://www.futuremarketinsights.com/reports/patient-identification-wristbands-market
Ionic and Django code generator
Tags: ionic, django, scaffolding, codegenerator
Published: 2020-11-10 17:24:03

# Ionic and Django Kickoff

Generate your Ionic project with it's associated Django backend. Upload your Django models.py file and you are done ! 

More information on [Ionic and Django Kickoff](https://www.ionicanddjangokickoff.com/) 
Read the [documentation](https://documentation.ionicanddjangokickoff.com/)
How to use Tabindex in a custom sidemenu || HTML attribute
Tags: html, css, javascript, uiweekly
Published: 2020-11-10 17:16:50

Here is a very short article about TABINDEX which is an useful HTML attribute.


You can specify an order and navigate between HTML elements by pressing “TAB” button, thanks to this cute attribute. Using of tabindex will increase accessibility of your website and keyboard users will love you 💓

***

**Let’s make a quick sidemenu. Here is HTML code:**

```html
<div class=”menu”>
   <div class=”item” id=”homepage” tabindex=”1">Homepage</div> 
   <div class=”item” id=”about” tabindex=”2">About</div>
   <div class=”item” id=”news” tabindex=”3">News</div>
   <div class=”item” id=”services” tabindex=”4">Services</div>
   <div class=”item” id=”contact” tabindex=”5">Contact</div>
</div>
```

As you see, we ordered our divs with using **tabindex** attribute. Let’s add some very basic style. **Here is our CSS:**

```css
.menu {
   position: fixed;
   top: 0;
   left: 0;
   width: 10vw;
   height: 100vh;
   background: #eee;
   overflow: auto;
}

.menu .item {
   padding: 18px;
   border-bottom: 2px solid #ddd;
}

.menu .item:focus {
   background: #ddd;
   font-weight: bold;
   outline: none;
}
```
Now I am pressing “Tab” button. And now you should see something like this:

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


That is it. Thank you for reading. 🎉

***

**Github repo of these codes:**
https://github.com/inancakduvan/tabindex

**My github profile:**
https://github.com/inancakduvan

**My twitter account:**
https://twitter.com/InancAkduvan
Developer Happiness Index 2021
Tags: career, watercooler, motivation, news
Published: 2020-11-10 17:12:30

What makes software developers happy?

Earlier this year, we asked that question by surveying over 4000 developers from around the world and found out what in their careers, quality of life, social freedoms and communities make them happiest.

We took those findings, paired them with available data, and the result is our first [Developer Happiness Index 2020](https://cult.honeypot.io/developer-happiness-index). 

See how you compare to devs around the world!

![DHI_11](https://dev-to-uploads.s3.amazonaws.com/i/aas3j8itw9ncf33bblwa.jpg)

And check us out at [cult by Honeypot](https://cult.honeypot.io/) for more dev-related content!
Why GraphQL is a Must Have Tool for Opensource Peatio and OpenDAX
Published: 2020-11-10 17:00:39

MobiDAX Video Tutorials:

Hopefully you're already following us on YouTube and MobiDAX series of videos dedicated to Peatio/OpenDAX and tutorial of how to deploy your own Cryptocurrency Trading Platform using Opensource Software.

Take the time to understand the power of GraphQL and MobiDAX.io introduction of GraphQL to Peatio/OpenDAX stack for improved API management, front end customization and adding 3rd party services.

'Why GraphQL is a Must Have Tool for Opensource Peatio, OpenDAX | MobiDAX Quest - part 2'

Video link: https://youtu.be/IheRRyt6CXI

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

Subscribe to our YouTube Channel and join our Telegram Group for more great content and relevant information!

Telegram Opensource Development Support Community: https://t.me/mobiDAX_group

YouTube Channel: https://www.youtube.com/channel/UCRWvQrk8o7I933YSNbHaISQ
Force Set Character Encoding On Spring Boot
Tags: tutorial, java, springboot, note
Published: 2020-11-11 01:07:56

---
title: Force Set Character Encoding On Spring Boot
published: true
date: 2020-11-10 17:00:00 UTC
tags: Tutorial,java,springboot,note
canonical_url: https://clavinjune.dev/en/blogs/force-set-character-encoding-on-spring-boot/
---

Add this on your spring boot project:

```java
@Bean
@Order(Ordered.HIGHEST_PRECEDENCE)
public FilterRegistrationBean<CharacterEncodingFilter> characterEncodingFilterRegistration() {
  CharacterEncodingFilter filter = new CharacterEncodingFilter();
  filter.setEncoding("UTF-8"); // use your preferred encoding
  filter.setForceEncoding(true); // force the encoding

  FilterRegistrationBean<CharacterEncodingFilter> registrationBean =
    new FilterRegistrationBean<>(filter); // register the filter
  registrationBean.addUrlPatterns("/*"); // set preferred url
  return registrationBean;
}

```

[reference](https://www.baeldung.com/spring-boot-characterencodingfilter)
My #100daysOfCode Challenge - Python 100 projects in 100 days - Journal Entry 
Tags: 100daysofcode, python, beginners, challenge
Published: 2020-11-10 16:59:15

Hey everyone! I will be starting this #100daysofCode journey by diving deep into python! Anyone who would like follow along to hone your python skills check this out! I will be documenting every project step-by-step.


Day one — Brand Name Generator

#1. Create a greeting for your program.

print("Welcome to the Band Name Generator.")

#2. Ask the user for the city that they grew up in.

city = input("What city did you grew up in? \n")

#3. Ask the user for the name of a pet.

pet_name = input("What is the name of your pet? \n")

#4. Combine the name of their city and pet and show them their band name.

print("Your band name could be " + city + " " + pet_name)

#5. Make sure the input cursor shows on a new line, see the example at:
#   https://band-name-generator-end.appbrewery.repl.run/


Output:

Welcome to the Band Name Generator!
What city did you grew up in? 
Boston
What is the name of your pet? 
shiloh
Your band name should be Boston Shiloh

Key Takeaways:

1. Printing using the print()
2. How to use the input() function
3. Debugging and commenting 
4. String Manipulation
5. Commenting
Fast Guide to Using React.memo
Tags: react, javascript, webdev
Published: 2020-11-10 16:49:39

## What is React.memo?

React.memo is a Higher Order Component that will wrap the component you want to memoize. It checks if the props have changed, if so it will continue with the re-render, if not then it will stop the re-render and all recursive renders of its child components. 

It is important to understand that it will only do a shallow comparison of your props. So functions and objects will be considered new props even if they haven't changed. This is due to reference equality for objects and functions.

**Side note:** React is pretty smart, if your state is an object. React does some magic behind the scenes and knows that your object in state has not changed. It does not do this with normal objects though.

```javascript
// if you pass this state, react will not re-render your component unless state updated
const [data, setData] = useState({someData: true});
// if you pass this as a prop, your memoized component will still re-render
const someObject = {someObj: true}
```

## Why do we need it?

React.memo is useful when a parent component has re-rendered due to some state or prop change and a child component that lives inside that parent component does not make use of any of those changes. The child component should not have to re-render if it is going to return the same output.

## How to use memo.

```javascript
// UnrelatedComponent.js
function UnrelatedComponent () {
  return <h2> Footer Content... </h2>
}

// before
export default UnrelatedComponent
// after, now the component will not re-render unless its props have changed.
export default React.memo(UnrelatedComponent)
```


```javascript
// App.js
function App () {
  const [count, setcount] = useState(0)
  
	return (
	 <div>
           <h2>{count}</h2>
           <UnrelatedComponent />
	 </div>
	)
}
export default App
```

If count updates and UnrelatedComponent is not using memo, then it will re-render even though it does not make use of the count state.

### Some Gotchas

A few good to knows when using react.memo.

- If you are passing in a function, use the useCallback hook to memoize the function or else it will re-render due to reference type equalities.
- If you are passing in an object, use the useMemo hook to memoize the object or else it will re-render due to reference type equalities.
- React.memo takes in a function as a second parameter that has the previous and next props so you can have more fine grain control on what props should trigger a re-render.
- If your memoized component is using the children prop, it will always re-render due to the prop always being a reference.
- If you are using a function that should be updated every time a re-render happens, like for example a date function, or a random calculation, then you should not memoize the component.

More Resources: https://dmitripavlutin.com/use-react-memo-wisely/
How to Deploy and Configure Blockchain Node in Peatio / OpenDAX
Published: 2020-11-10 16:48:12

MobiDAX Tutorials - MobiDAX Quest 
If you're following our tutorial or trying to figure out how to configure Blockchain Nodes in Peatio/OpenDAX, make sure to watch another video tutorial titled: 

'How to Deploy and Configure Blockchain Node in Peatio/OpenDAX | MobiDAX Quest - part 3'

Video link: https://youtu.be/3Rq6uWW41H4

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

Subscribe to our YouTube Channel and join our Telegram Group for more great content and relevant information!

Telegram Opensource Development Support Community: https://t.me/mobiDAX_group

YouTube Channel: https://www.youtube.com/channel/UCRWvQrk8o7I933YSNbHaISQ
Developer Diaries - Hacktober Fest 2020
Tags: devjournal, hacktoberfest, opensource, productivity
Published: 2020-11-10 16:40:30


Glad could contribute towards Open source projects and earn some swag. Kudos to people who organized this.
![HacktoberFest](https://dev-to-uploads.s3.amazonaws.com/i/asbd3a54dvrgb1qh8apm.PNG)
Learning Julia(1): basics
Tags: julia
Published: 2020-11-10 16:35:27

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

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

```julia
#     one '#' symbole for a one-line comment, equal to // in C/C++

#=    '#=' + '=#' pair for multi-line comment
      similar to '/*'+'*/' pair in C/C++
=#

## as in java, println(xxx) is equivalent to print(xxx + '\n')


########   day 1:   Numbers
a = 1
println("a: ", a, ",", typeof(a))   ## Int64 if running on 64-bit CPU, Int32 for 32-bit CPU

aa = UInt8(1)     # method to convert to a specific type
println(a == aa)
println(sizeof(a), ", " ,sizeof(aa))

b = 3.2
println("b: ", b, ",", typeof(b))
println(sizeof(b))

c = 1e18
println("c: ", c, ",", typeof(c))

d = 0x3f
println("d: ", d, ",", typeof(d))

e = 0b10 
println("e: ", e, ",", typeof(e))

f = 0o057
println("f: ", f, ",", typeof(f))


g = 'x'
println("g: ", g, ",", typeof(g))
println("g-1: ", g-1, ",", typeof(g-1))
println(g == UInt8('x'))
g= convert( UInt8, g)  # convert function for converting types
println(g == UInt8('x'))

h = 2 + 3im
println("h: ", h, ", ", typeof(h))


i = 0.5f
println("i: ", i, ", ", typeof(i))

j = Inf - Inf
println("j: ", j, ", ", typeof(j))

k = Inf * 0
println("k: ", k, ", ", typeof(k))

l = 2/0
println("l: ", l, ", ", typeof(l))


m = 6//9

println("m: ", m, ", ", typeof(m))

n = bitstring(65535)
println("n: ", n, ", ", typeof(n))

```

Below is the output that I got:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/2d9go0ocsr5zqlz4rj2p.PNG)
Daily Challenge #305 - Remove Anchors from URLs
Tags: challenge
Published: 2020-11-10 16:33:06

---
title: Daily Challenge #305 - Remove Anchors from URLs
published: true
series: Daily Challenge
description: Create a function/method that removes anchors from URLs.
tags: challenge
//cover_image: https://direct_url_to_image.jpg
---
Complete the function/method so that it returns the url with anything after the anchor (#) removed.

###Examples
`remove_url_anchor('dev.to#about')`
returns 'dev.to'

`remove_url_anchor('www.telegraph.co.uk/branding')` 
returns 'www.telegraph.co.uk/branding'

###Tests
`remove_url_anchor('www.twitter.com?page=1')`
`remove_url_anchor('www.twitter.com#about')`

Good luck!

***
_This [challenge](https://www.codewars.com/kata/51f2b4448cadf20ed0000386) comes from jhoffner on CodeWars. Thank you to [CodeWars](<https://codewars.com/>), who has licensed redistribution of this challenge under the [2-Clause BSD License](<https://opensource.org/licenses/BSD-2-Clause>)!_

_Want to propose a challenge idea for a future post?  Email **yo+challenge@dev.to** with your suggestions!_