teleren/devto huggingface dataset:
Pairing with Meg Gutshall
Tags: devstream, pairprogramming, rails, ruby
Published: 2021-06-10 05:26:35

On <time datetime="2021-05-26">May 26th</time>, DEV Community member Meg Gutshall joined @coffeecraftcode and me on the pairing stream to work on an issue in regard to the `link` liquid tag. 

{%github https://github.com/forem/forem/issues/11880 %}

Watch the pairing session with Meg below to catch up on what you missed:

{%youtube lpdzrcx60Ho %}

### On this stream, we:

* Talked about what a liquid tag is
* Dug into some code related to liquid tags in general
* Found a solution for the issue we tackled

Meg is currently working on a pull request to fix it

{% github https://github.com/forem/forem/pull/13928 %}

Thanks again for coming on the stream, Meg. I’m looking forward to seeing the fix in production!

<center>

![A magician throwing glittery confetti into the air](https://media.giphy.com/media/s2qXK8wAvkHTO/giphy.gif)

</center>

### You can also find the three of us all over the web here:

Meg:

* [Twitter](https://twitter.com/meg_gutshall)
* [Website](http://meghangutshall.com)

Nick:

* [Twitter](https://twitter.com/nickytonline)
* [Website](https://iamdeveloper.com/)
* [livecoding.ca](https://livecoding.ca)
* [YouTube](https://youtube.iamdeveloper.com)

Christina:

* [Twitter](https://twitter.com/coffeecraftcode)

We hope to see you on future DEV streams! If you're interested in pairing, fill out [this form](https://iamdeveloper.com/pair). Christina and I would love to tackle an issue with you that the whole community could learn from.

P.S. [Follow DEV on Twitch](https://twitch.tv/thepracticaldev) to be notified when future streams begin and catch old streams on [YouTube](https://www.youtube.com/c/thepracticaldevteam)
Let's count the occurrence with groupBy and counting
Published: 2021-07-03 07:32:04

---
title: Let's count the occurrence with groupBy and counting
published: true
date: 2021-06-10 04:04:10 UTC
tags: 
canonical_url: http://bazlur.com/2021/06/lets-count-the-occurrence-with-groupby-and-counting/
---

![100DaysOfProgramming_Day003](http://bazlur.com/img/Day003.jpeg "100DaysOfJava")
Rental Mobil Bandung
Tags: rentalmobil, sewamobil, bandung
Published: 2021-06-10 05:15:53

Abigail rental mobil bandung termurah dan terlengkap.
Pemesanan via website : https://abigailrental.com

Untuk pemesanan via whatsapp bisa masuk ke web resmi diatas dan lihat nomer telepon pemesanan rental mobil Bandung.

Jenis-jenis kendaraan rental :
- Innova
- Avanza
- Alphard
- Fortuner
- Mobilio
- Jazz
- Brio

Layanan untuk rental mobil harian dan bulanan dengabn harga bersaing. 
Pesan sewa mobil sekarang.

Info lanjut customer service rental.
Code Monkey or Programm
Published: 2021-06-10 05:13:17

推荐一部老电影：<异次元骇客>

它告诉我们，
你以为你比程序高明，其实你也不过是另一个程序；
你以为你是写程序的人，但实际上你原本就是程序的一部分。
所以我们不是“程序猿”，是“程序”。
Future Trends in Collection Development
Tags: lis55, learningdiary
Published: 2021-06-10 03:57:10

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Trends in collection development center around changes that have come about due to changing technology. These changes consist of integrating these new technologies into libraries, how these technologies have changed the information seeking behavior of clients and how libraries and librarians will have to adjust to both of these changes. 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The integration of new technologies into libraries has largely affected the selection and acquisition processes of collection development. New digital forms of resources come in different formats and are distributed differently than print resources. Whereas in the past where physical resources were retained once they were acquired, with digital resources there is the option to sell access to the material in lieu of actually selling ownership. This has led to the rise of publishers selling subscription services simply for access to digital resources, which has in turn meant that libraries have had to adjust their budgets to accommodate these recurring fees.

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;One other consequence of the access instead of ownership model for digital resources is the preservation of these resources. The publishers holding the rights to these resources have no obligation to maintain these resources once they fail to turn a profit, and are within their right to dispose of them. This goes against one of the core values that libraries stand for, the preservation of knowledge. Sadly, this issue of digital preservation has yet to be resolved. 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In terms of changed information seeking behavior, one technology that has influenced this the most is mobile smart devices. Mobile smart devices have allowed data to be delivered and accessed from almost anywhere, which has led people to expect the same type of convenient access from library resources. This has also allowed the advent of online instruction, which has been very useful during the current period of global pandemic. These shifts have led to changed expectations in access to library collections, in turn also affecting how these collections are developed.

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The most pressing issue that libraries have to face in this new digital age is that of their continued relevance. The current trend indicates that a migration to a fully digital distribution scheme for resources is possible, in which case libraries as we know them may cease to exist. Or rather, the physical concept of libraries may go extinct in favor of online distribution platforms. Libraries must continue to make adjustments to emerging technologies in order to find ways to continue to make themselves necessary to their patrons.
在 ESP8266/ESP32 使用 HTTPClient 連接 https 網站
Tags: esp32, esp8266, wificlient
Published: 2021-06-10 03:51:20

HTTPClient 是個好用的程式庫, 只要叫用其中的 get(）等方法就可以幫我們進行 HTTP 請求。不過如果你要連接的是 HTTPS 網站, 正規的作法是你得在程式中驗證連線的網站所提供的電子憑證, 這得在你的程式裡加上憑證相關的資訊, 而且因為憑證是有期限的, 這也表示現在可以正常運作的程式, 可能在一段時間後就會因憑證失效而出錯。

但如果**你不那麼在意連線的是不是假網站, 不想驗證憑證的正確性**, 那麼可以使用只要網址的 HTTPClient.begin(), 但提供 https 的網址, 不用提供憑證, 沒有提供憑證的情況下, [程式庫預設的方式](https://github.com/espressif/arduino-esp32/blob/23820874ecd1be9b3831d9cd3ff271873f8df993/libraries/HTTPClient/src/HTTPClient.cpp#L78)就是略過檢查憑證：

```cpp
    bool verify(WiFiClient& client, const char* host) override
    {
        WiFiClientSecure& wcs = static_cast<WiFiClientSecure&>(client);
        if (_cacert == nullptr) {
            wcs.setInsecure();
        } else {
            wcs.setCACert(_cacert);
            wcs.setCertificate(_clicert);
            wcs.setPrivateKey(_clikey);
        }
        return true;
    }
...
```

上面的 setInsecure() 會在[連線時略過憑證的檢查](https://github.com/espressif/arduino-esp32/blob/23820874ecd1be9b3831d9cd3ff271873f8df993/libraries/WiFiClientSecure/src/ssl_client.cpp#L125)：

```cpp
    if (insecure) {
        mbedtls_ssl_conf_authmode(&ssl_client->ssl_conf, MBEDTLS_SSL_VERIFY_NONE);
        log_i("WARNING: Skipping SSL Verification. INSECURE!");
    } else if (rootCABuff != NULL) {
...
```

這當然不是正規的作法, 使用前請三思。
Singleton Design Pattern
Tags: beginners, patterns, design, java
Published: 2021-06-10 03:18:58

Design patterns offer established solutions for common problems in software engineering.  They represent the best practices that have evolved over time.  This is the start of a series of posts that I will be creating over common and popular design patterns that developers should be familiar with.  I’m going to start with creational patterns that involve the creation of objects.  They help reduce complexity and decouple classes in a standardized manner.

For this post, I am going to talk about the Singleton design pattern.

The Singleton design pattern was the first pattern that I was taught in college.  It’s purpose is to initialize only one instance of an object and provide a method for it to be retrieved.  This is done by making the constructor private with a public method that returns the instance created.  If you try to initialize another instance the compiler will throw an error.  There are different ways of implementing this pattern and I will provide an example below pulled from tutorialspoint.com.

```
public class Singleton {

	private static Singleton singleton = new Singleton();
	
	private Singleton(){}

	public static Singleton getInstance(){
		return singleton;
	}
}
```

When would you use the Singleton design pattern?
- Creation of objects that are computationally expensive
- Creation of loggers used for debugging
- Classes that are used to configure settings for an application
- Classes that hold or access resources that are shared

The Singleton pattern does come with some detractors however that believe that it is an anti-pattern.  Many believe that it is not used correctly and that novice programmers use it too often.  Forums also state that creating a container that holds and accesses the single class object is a much better solutions in modern applications.  Whether or not this design pattern is useful to new developers seems to be up to debate.  Let me know what you think in the comments below!

**Sources**

1. Baeldung. (2019, September 11). Introduction to Creational Design Patterns. Baeldung. https://www.baeldung.com/creational-design-patterns.

2. Java - How to Use Singleton Class? Tutorialspoint. (n.d.). https://www.tutorialspoint.com/java/java_using_singleton.htm.
Entering the world of JavaScript
Published: 2021-06-10 02:46:50

Truthfully when starting this program this is what I expected all coding to look like. Every step through this journey gets more complex and shows me just how much you can and must do to build a high functioning application. As far as building functionality, JavaScript seems to be in a class of its own. Although this phase of the program made me feel like being back at day one; it really gave me insight on how other apps are made and what it takes to make them great for a user to navigate them.

My JS app is all about the most beautiful beaches in the world. The backend of my project was pretty simple to get done with my prior rails knowledge. Even with the knowledge of being able to use scaffold this time around, it showed me exactly why I wasn't allowed to use it previously. Additionally it sped the process of building my backend up so that I could focus on the frontend JavaScript thoroughly. I created an api with seeded data of just a few of the beaches the world has to offer. This list has the options to add to, delete, and edit. Each beach also has a comment section where people can come together to talk about and share their experiences on said beach. 

Each function contained a lot more code than a rails method. Most of them included arrow functions in addition to the backend methods. The logic to show different errors linked back to the method that housed the specific error. It seemed to be almost like everything in the index.html file was like building the layout in rails. In addition the index.js file contained all the views that would have had their own folder. The logic of how to handle each method in each function combined with the event listeners to be able to use them. 

All in all with my project build I know that I've only hit the tip of the iceberg and that there's so much more to learn in this new language.
Swiftly learning Swift 
Tags: swift, ios, beginners
Published: 2021-06-10 02:01:52

This week I am looking into the swift language which is used for iOS apps. So far I think it's so cool and an easy language to grasp. What I know so far about coding definitely plays a part in how quickly I am picking this up. 

A few things that stood out:

1. the string interpolation - this is used to input a variable into a string using (backslash (\)(variable))
Example, I am \(age) years old.

2. in swift constants are declared using the let keyword 

What is cool to me:
1. else/if statements
 
2. ternary conditional operator (this finally makes sense to me. I've seen it in example codes but never knew its use.) 

3. Switch statements 
  - interval matching 
  - compound cases 

Until next time !
Build a Smart Grid Layout using Flexbox
Published: 2021-06-10 01:33:17

---
title: Build a Smart Grid Layout using Flexbox
published: true
description: Learn how to use Flexbox layout to dynamically resize elements in multiple columns and ensure your content looks great!
tags: 
//cover_image: https://direct_url_to_image.jpg
---

When laying out content inside our web or mobile app we need to ensure things are fluidly responsive and fill the screen. This requires that we have items that expand to take up the full width equally, but we also want these items to wrap into a new row when there are too many of them.

This article assumes you are already familiar with the basics of Flexbox layout. To brush up, there is a great playground here: https://flexbox.tech

We know that we need `flex-direction: row` here to specify that the items should flow horizontally. We also know that we need `flex-wrap: wrap` so that these items flow into a new row once they fill the width.

But we also want these items to resize to fill the width that is available to them after reflowing.

This is where `flex-basis` comes in. The following screenshots will explain how this works.

flex-basis: 20% | flex-basis: 30% | flex-basis: 40% 
--- | --- | ---
![Screenshot 2021-06-10 at 6.21.34 AM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a9gd8ah4sbt03ld0z1az.png) | ![Screenshot 2021-06-10 at 6.21.49 AM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rj0ne7g2yxsbsuhqewgc.png) | ![Screenshot 2021-06-10 at 6.21.59 AM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/04e07ppe8f5zijc9uw2y.png)

(Note that this works on the web as well as in app with Yoga layout in React Native)

This is how flex-basis is explained: flexBasis is an axis-independent way of providing the default size of an item along the main axis. Setting the flexBasis of a child is similar to setting the width of that child if its parent is a container with flexDirection: row or setting the height of a child if its parent is a container with flexDirection: column. The flexBasis of an item is the default size of that item, the size of the item before any flexGrow and flexShrink calculations are performed.

You can try the full JSFiddle here: https://jsfiddle.net/paramaggarwal/w37t0epy/1/
A Visual Guide to NodeJS Streams
Tags: node, nodejstutorial, javascript
Published: 2022-02-08 00:51:39

---
title: A Visual Guide to NodeJS Streams
published: true
date: 2021-06-10 01:18:28 UTC
tags: nodejs,node,nodejstutorial,javascript
canonical_url: https://blog.insiderattack.net/a-visual-guide-to-nodejs-streams-9d2d594a9bf5
---

[![](https://cdn-images-1.medium.com/max/2600/1*Ea9ZoWv5Qpa2OHDkqR7neA.jpeg)](https://blog.insiderattack.net/a-visual-guide-to-nodejs-streams-9d2d594a9bf5?source=rss----57f0c4748c10---4)

In NodeJS, stream module provides the capability to work with streams. Even if you haven’t used stream module explicitly there are a lots…

[Continue reading on Deepal’s Blog »](https://blog.insiderattack.net/a-visual-guide-to-nodejs-streams-9d2d594a9bf5?source=rss----57f0c4748c10---4)
Project 79 of 100 - Building with Next.js
Tags: react, 100daysofcode, javascript
Published: 2021-06-10 01:14:18

*Hey! I'm on a mission to make 100 React.js projects. Please follow my dev.to profile or my [twitter](https://www.twitter.com/jwhubert91) for updates and feel free to reach out if you have questions. Thanks for your support!*

Link to the repo: [github](https://github.com/jwhubert91/my-first-next-site)

Today I built my first site using Next.js and found it immensely more satisfying than Gatsby. Here is a link to a Youtube tutorial by Fireship that I followed ([link](https://www.youtube.com/watch?v=Sklc_fQBmcs))I guess we should expect nothing less of the Vercel team :)

More substantial content to follow later in the week.

**If you like projects like this and want to stay up to date with more, check out my Twitter [@jwhubert91](https://twitter.com/jwhubert91), I follow back! See you tomorrow for another project.**
CSS Combinators
Published: 2021-06-10 01:09:21

Last week I wrote about my trials of CSS and what I'm learning. I ended last week's post with talk about CSS combinators. Combinators are ways that allow us to specify what tag we want to manipulate. There are four of them that I'm familiar with and I will talk about one of them this week and the other three in the following weeks. 

##Descendant Combinator

The first I'll talk about is the descendant combinator. Much like it sounds, this would be a combinator that specifies a tag that 'follows' another tag. 

```
<div class='dr-light'>
   <p>In the year 20XX...</p>
</div>

```
In this example, the div with a class of 'dr-light' can be considered the parent of the p tag within the pair of opening and closing div tags. To target that particular p tag you would write the css like:

```
.dr-light p{
   blah: blah-blah;
}
```

The space between the selectors, as shown with this syntax, targets the p that follows the div with a class of 'dr-light'. With this combinator being the most general of the 4, ANY p tag thats a descendant of that particular div(within the opening and closing tags) would be affected by the css example above.
How to Become a Successful Full Stack Web Developer?
Tags: writing, webdev, devlive, android
Published: 2021-06-10 00:23:23

The Duties
Full stack developer roles are among the many hottest careers within the tech house now. These gifted people can develop a complete product from scratch. 

[WEB](https://nsmoc.com/rtv/Video-jpan-v-ukrania-tnt1.html)

[WEB](https://nsmoc.com/rtv/Video-jpan-v-ukrania-tnt2.html)


A full stack developer is a mix of Entrance-end developer and Backend developer. These two in themselves are full time jobs and most of the people make careers out of certainly one of them. So, we are going to begin with Entrance-end roadmap after which go to Again-end roadmap. 


An individual enthusiastic about turning into a Full-stack developer must have proficiency in each the entrance finish and back-end instruments, identical to I began as a Entrance-end developer and in a while develop into a Full stack developer by mastering JavaScript backend applied sciences and databases.

Industries the place related
The demand for Full stack builders is the best in early-stage startups, the place they need to create a Minimal Viable Product on the earliest to showcase to the buyers. Additionally it is a pleasant ability to have along with frontend applied sciences or backend applied sciences alone, since an employer prefers individuals with each abilities.

What to study & the place to study
There are a number of applied sciences to study to be a Full-Stack developer. We’ll talk about about them within the coming sections.  

Listing of applied sciences to grasp to develop into a Full-Stack developer 
A full-stack developer is definitely a mix of Frontend developer and Backend developer. We have to grasp each, and each have totally different Roadmaps. Let’s begin with the fundamentals. 

The frontend is the web-site which we see and it’s primarily made with HTML and CSS.  JavaScript was additionally used earlier however these days, it’s created with JavaScript frameworks like ReactJS, Angular or Vue. All these frameworks require one to study the fundamentals of HTML, CSS, & JavaScript. So, we have to study the fundamentals adopted by at the very least one framework.

Within the backend now we have a number of applied sciences and databases additionally. So, we have to select one backend framework from Java (Spring Framework), JavaScript (NodeJS) and so forth after which additionally study databases. Databases are divided into two classes, which is NoSQL(MongoDB) and SQL(PostgreSQL, MySQL, Oracle) databases. So, you’ll want to select one of many databases.

We’re additionally required to find out about DevOps, which is a observe of harmonizing improvement and operations whereby your entire pipeline from improvement, testing, deployment, steady integration and suggestions is automated. The information of both AWS or Azure primarily based cloud ecosystem is required, and in addition CI/CD like Jenkins and containerizing & orchestrating purposes utilizing Docker and Kubernetes.
Python ASCII to int
Tags: python
Published: 2021-06-10 00:03:59

Table of contents 
Overview 
Convert ASCII to int 
Ord ()
Example 
ASCII Table 
Summary 
Tags 
Overview 
Like other programming languages, Python also uses type conversion. That is, converting one data type to another data type is called type conversion. Our goal is to convert ASCII Table to an integer.



 

“convert ascii to int python”
In this post we will see what is the method of ascii to int in Python. Friends, if you have read C ++, you must have heard the word ascii. The word ascii is derived from American standard code for information interchange.  Used to denote the alphanumeric data type. This coding scheme was introduced by ISO. Now you are worried about what is ISO. It means International Standard Organization.  This is a 7 bit coding scheme. This scheme has ASCII code values ​​for different characters. Different codes for "A" and "a" have to be given to anyone who tries to learn it.  They get scared and stop learning programming. I think these are very interesting codes. I enjoy working because I know a lot about the number system. The number system gives you data and  Information is explained. A set of facts that does not have a clear meaning is called data. And raw data is processed to achieve the desired results. Processed data is called information. The ASCII code represents 256 characters.  I will also show you the ASCII Table so that you can understand and you can understand well.We can also convert ascii to integer in Python.



Ord( )

To get the ASCII code of a character, use the ord() function.
```
>>> ord("a") 97
 >>> chr(97) 'a'
```
Example:
```
>>> ord('h') 
104 
>>> ord('a') 
97 
>>> ord('^') 
94
```
Digit 0 1 2 3 4 5 6 7 8 9 

Decimal 48 49 50 51 52 53 54 55 56 57 

Octal 060 061 062 063 064 065 066 067 071 072 

Hex 0x30 0x31 0x32 0x33 0x34 0x35 0x36 0x37 0x38 0x39 

ASCII Table 



Summary 
Today we understand kodlog website, I try to explain how to convert ascii to int in python . I hope after reading this article you will be able to understand the value of ascii. I would like to have feedback from my kodlog site. Please post your feedback, question, or comments about this article.

Tags 
C#|Python |Python 3|pycharm |html|java|JavaScript |cpp|code|rubi|Network | Google |html5 |php|bootstrap |string |Microsoft |variable |syntax |Coders |Codinglove|
Computerscience|wordpress|html-page|php|
Xml|game| net| list | loop | integer |float | string | double |