teleren/devto huggingface dataset:
Chungcuhanoivip Phân phối Các sản phẩm chung cư tại Hà Nội
Published: 2021-09-22 05:21:24


Công Ty Cổ Phần Kinh Doanh Dịch Vụ Địa Ốc Hà Nội là một thương hiệu mới trong lĩnh vực đầu tư và phân phối bất động sản tại Hà Nội. Tham gia vào thị trường bất động sản miền Bắc, Địa Ốc Hà Nội mong muốn sẽ là cầu nối tin cậy cho các nhà đầu tư bất động sản phía Bắc. Giúp các nhà đầu tư phía Bắc có những lựa chọn đầu tư phù hợp.
Khách hàng hoàn toàn yên tâm khi hợp tác cùng Hà Nội Land Công ty đảm bảo cung cấp cho khách hàng những sản phẩm có chất lượng cao, tính pháp lý minh bạch và phong cách phục vụ chuyên nghiệp.

TẦM NHÌN
•	Trở thành một nhà phân phối các sản phẩm bất động sản mạnh tại khu vực phía Bắc.
•	Là đơn vị hàng đầu phân phối các sản phẩm phía Nam tại khu vực miền Bắc
•	Là một công ty đầu tư bất động sản phía Bắc
SỨ MỆNH
Mang lại các sản phẩm có giá trị và chất lượng tới khách hàng. Tuân theo những chuẩn mực cao nhất về đạo đức trong kinh doanh và trách nhiệm xã hội, tạo nên nhiều giá trị gia tăng cho khách hàng và duy trì lợi nhuận đầu tư bền vững cho các cổ đông.
https://chungcuhanoivip.net/ Chung cư hà Nội Vip chuyên cung cấp căn hộ chung cư từ giá rẻ đến căn hộ cao cấp tại Hà Nội. Phân phối dự án nhà ở Liền kề - Shophouse – Nhà Phố - Biệt thự - Đất nền trên địa bàn miền bắc. Tin tức cập nhật liên tục mới nhất sẽ được Chungcuhanoivip cung cấp online liên tục mới nhất và chính xác nhất.
Khách hàng hoàn toàn yên tâm khi hợp tác cùng Địa ốc Hà Nội Công ty đảm bảo cung cấp cho khách hàng những sản phẩm có chất lượng cao, tính pháp lý minh bạch và phong cách phục vụ chuyên nghiệp.
<a href="https://chungcuhanoivip.net/"> https://chungcuhanoivip.net/ </a> <br/> 
Nói về chúng tôi: https://chungcuhanoivip.net/
Website: https://diaochanoi.vn/
Các sản phẩm chung cu nổi bật năm 2021:
https://chungcuhanoivip.net/hoi-dap/
https://chungcuhanoivip.net/du-an/
https://chungcuhanoivip.net/ban-do-quy-hoach-ha-noi/
https://chungcuhanoivip.net/du-an/dat-dau-gia-cu-khoi-long-bien/
https://chungcuhanoivip.net/du-an/du-an-quan-hoang-mai/
https://chungcuhanoivip.net/du-an/quan-long-bien/
https://chungcuhanoivip.net/du-an/lien-ke-shophouse/
https://chungcuhanoivip.net/du-an/biet-thu-villa-nghi-duong/
https://chungcuhanoivip.net/du-an/tinh-hung-yen/
https://chungcuhanoivip.net/tinh-ha-nam/
https://chungcuhanoivip.net/du-an-chung-cu-the-5-degrees-pho-cuc-ecopark/
https://chungcuhanoivip.net/the-ocean-view-vinhomes-ocean-park/
https://chungcuhanoivip.net/du-an-chung-cu-eco-smart-city/
https://chungcuhanoivip.net/shophouse-88-central/
https://chungcuhanoivip.net/shophouse-nguyen-cao-luyen-van-hanh/ 
https://chungcuhanoivip.net/chung-cu-linh-dam-premier-city/
https://chungcuhanoivip.net/du-an-chung-cu-vinawaco-residence-40-thinh-liet/
Generate SVG icons for React.Js Typescript
Published: 2021-09-22 05:13:04


## Generate SVG icons for React.Js Typescript

![](https://cdn-images-1.medium.com/max/3840/1*OWJzMqWPCoOmFhnCtbjfxQ.png)

I was keep looking for a library that can generate typescript icons but i didn’t get success so i decided to make a library myself.

Generate React Icon Component from SVG icons to show, resize and recolor them. The default template is a typescript template.

    npm install --save-dev react-svg-icon-generator-v2

## Setup a node file

### Default mode

    const generator = require('react-svg-icon-generator-v2');
    const config = {
        svgDir: './src/ui/icons/',
        destination: './src/components/ui/Icon.tsx'
    };
    generator(config);

### Split mode

    const generator = require('react-svg-icon-generator-v2');
    const config = {
        svgDir: './src/ui/icons/',
        mode: 'split',
        destination: './src/components/ui/Icon.tsx',
        iconDestination: './src/components/ui/icons/'
    };
    generator(config);

* **svgDir** (required) - path to your directory with svg files. Can be relative path but it is better to use path.join(__dirname, 'icons') absolute path so it will work in any directory of project

* **destination** (required) - path.join(__dirname, 'components', 'Icon.js')

* **mode** (optional) (single or split) - choose mode for generating icons. default mode is generate icons to one file. split is mode for generating each icon to react component

* **comment** (optional) - it will be added to generated component, so other developer will know what to do

* **template** (optional) - provide path to your custom template, you can look at example at [Icon.template](https://github.com/akash-gupt/react-svg-icon-generator-2/blob/HEAD/template/icon.nunjucks)

* **iconTemplate** (optional) - provide path to your custom template for each icon, you can look at example at [Icon.template](https://github.com/akash-gupt/react-svg-icon-generator-2/blob/HEAD/template/split-icon.nunjucks)

![](https://cdn-images-1.medium.com/max/2000/1*P9kj43zMXdxMGoOF3bFOdw.png)

## Use generate Icon component

    import React, {Component} from 'react';
    import AppIcon from './AppIcon';
    
    export default class App extends Component {
      render() {
        return (
          <div>
            Simple possible usage
            <AppIcon name='clock' />
    
            Setup color and bounding width and height
            <AppIcon name='close' color='#748' width={500} height={100} />
    
            Setup color and bounding width and height to size (square)
            <AppIcon name='close' color='red' size={600} />
    
            Setup onClick behavior
            <AppIcon name='close' onClick={() => alert('clicked on icon')} />
    
            Show all icons at once with description (for finding right icon)
            <AppIcon preview />
          </div>
        );
      }
    }

You can find example here [Github](https://github.com/akash-gupt/react-svg-icon-generator-2)
☕🚢 Maven Build in < 20 lines of yaml 🕟
Tags: java, maven, github, actions
Published: 2021-09-22 06:05:17

---
title: ☕🚢 Maven Build in < 20 lines of yaml 🕟
published: true
date: 2021-09-22 05:08:00 UTC
tags: java, maven, github, actions
cover_image: https://carloschac.in/public/images/maven-github-actions/github-actions.png
series: Maven Tips
canonical_url: https://carloschac.in/2021/09/22/maven-build-on-github/
---

> [GitHub Actions](https://github.com/features/actions) makes it easy to automate all your software workflows, now with world-class CI/CD. Build, test, and deploy your code right from GitHub. Make code reviews, branch management, and issue triaging work the way you want.

## Create the directory

```
$ mkdir -p .github/workflows
```

<!-- more -->

## Create the yaml file

```
$ touch .github/workflows/maven.yml
```

## Copy this content

```
name: Maven Build
on:
  push:
    branches:
      - main
jobs:
  build:
    name: "Maven Build"
    runs-on: ubuntu-latest
    steps:
      - name: "Checkout Sources"
        uses: actions/checkout@v2
        with:
          fetch-depth: 2
      - name: "Set up JDK"
        uses: actions/setup-java@v2
        with:
          distribution: "temurin"
          java-version: 11
          cache: "maven"
      - name: "Build with Maven"
        run: mvn verify
```

## Commit and push to Github

```
$ git add .github && \
  git commit -m "maven build action"
```

## Enjoy your builds

Go to the actions tab for your repository over github.com:

https://github.com/${USER}/${PROJECT}/actions/workflows/maven-build.yml

![maven-build](https://carloschac.in/public/images/maven-github-actions/maven-build.png)
How to track browser tab / window switch event
Tags: javascript, browser, tabswitch, windowswitch
Published: 2021-09-22 04:35:39

Hello guys,

In this article we will see how we can track the event of Tab/window change in browser. This method helps in tracking if user switches or navigates from your site to some other site.

We can use an event listener to keep track of event change of tab switch which is `visibilitychange`. Let's see it in code -

```
document.addEventListener('visibilitychange', () => {
    console.log('Current State: ', document.visibilityState)
})
```
Here if user switches to another tab or window we will get `hidden` in console.log and if user comes back we will see `visible` in console.log. By default the state will be `visible` if user is on your website.

**Hope you liked it, please mention in comment for any suggestions or feedback **
Create a Netflix clone from Scratch: JavaScript PHP + MySQL Day 58
Tags: php, javascript, webdev, tutorial
Published: 2021-09-22 04:33:42

Netflix provides streaming movies and TV shows to over 75 million subscribers across
the globe. Customers can watch as many shows/ movies as they want as long as they are
connected to the internet for a monthly subscription fee of about ten dollars. Netflix produces
original content and also pays for the rights to stream feature films and shows.


In this video,we will be Creating the CreateVideoContainer method
{% youtube l63kxfyT1JA%}



If you like my work, please consider
[![Buy me a coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jm11knj7d8zwcvo150q2.png)](https://www.buymeacoffee.com/cglikpo)
so that I can bring more projects, more articles for you

If you want to learn more about Web Development, feel free to [follow me on Youtube!](https://www.youtube.com/c/ChristopherGlikpo)
MY DREAM COMPANIES
Tags: python, devjournal, mixedreality, programming
Published: 2021-09-22 03:56:04

Every developer has a dream company or companies that they want to work for. As a technical writer and python developer, I would love to work for Spotify, Real Python and Netflix.

 [Spotify](http://spotify.com/) 

Spotify has been my favourite music app for years and the minute, it got licensed to be used in my home country, Nigeria. I got the application at once. Spotify uses Django for its web-applications and thus, you get a full python experience on Spotify. As a python developer, it would be my biggest dream  and honor to work for spotify even if it's short term as I know I would get to learn as I work. 

 [Real Python](https://realpython.com/) 

At Real Python you can learn all things Python from the ground up. I wish to share my python knowledge with other pythonista. The contents from Real Python is gold, like it's so good. As of now, no open spot but I will keep writing so that when they decide to start recruiting editors I would be so great at writing, they won't have a choice to not give me the job. Hehe😁 

 [Netflix]( https://netflix.com/) 

Netflix relies heavily on Python, using the programming language for its ​"full content lifecycle,​" including tasks like security automation and training machine learning models for its recommendation algorithms, according to a Netflix Technology Blog Tuesday. Plus, I would love to experience the chaos monkey. 

**Another option for me**


Besides working in these companies, I want to be freelancing. Freelancing is easy and beautiful and less stressful (to me, though). I get to work anytime, anyday (as long as I work within time limit).  



To read more about **The chaos monkey** 👇

https://netflixtechblog.com/tagged/chaos-monkey

https://github.com/Netflix/chaosmonkey

https://www.gremlin.com/chaos-monkey/

Thanks for reading till the end ❤️. I bet you didn't know that most of these companies uses python, now you know.

 You can connect with me via Discord or Email:

iroegbusophia3@gmail.com - Email

Sophyia#8929 - Discord
Squids Launched Free Enterprise-level DBaaS Platform for Multi-Cloud
Tags: database, cloudnative
Published: 2021-09-22 03:47:50

**Squids.io for MySQL, Redis and SQL Server are publicly available.**

Squids launched its first enterprise-level DBaaS platform - Squids.io, a free database management solution for both public and private clouds. 

Now you can use our one-stop database solution for MySQL, Redis, and SQL Server on Amazon Web Services(AWS) and Alibaba Cloud. With a few simple clicks, users can easily set up, monitor, backup and scale your deployments with Squids.io. 

We allow you to host your database clusters through your own cloud account as many businesses don't want to host through an account that is not owned by their own. In the choice of cloud service providers, Squids.io remains absolutely neutral. We provide one-click cloning and data migration services to help users freely move between clouds.

Go to squids.io[https://squids.io/] to get started!

Our supported clouds will include Google Cloud Platform (GCP) and Microsoft Azure soon, and other databases like MongoDB, ElasticSearch and Kafka are also on the way, stay tuned!

**Features** 

#####Flexible Configurations
Compared with the traditional RDS services of the big three cloud providers, Squids.io offers more flexible virtual machines (VMs) configurations. You can directly use our recommended configurations or customize the configurations, including support for Arm-based instances, and free combination of local SSD and cloud SSD. Through the combination, you will further reduce the overall costs of database services in the cloud.

#####Security and Stability
Squids.io provides a highly reliable database service by realizing 2-3 copies of data protection on the cloud and seamless switchover from failure to high availability so as to ensure business service continuity. Apart from that, Squids.io uses security measures such as TLS/SSL encryption, IP whitelisting and data storage encryption to improve the security of users' data in the cloud.

#####Best Performance
Built on Kubernetes, also known as k8s, along with open source engines, Squids.io offers robust database services in the cloud. Supporting mainstream open source database engines including MySQL, Redis and SQLServer, Squids.io provides best deployment, high scalability and high availability, so that users can focus on business development rather than operational overhead and complexity. Additionally, the combination of open source engines as well as VMs help users achieve both high performance and cost efficiency.

#####Get started with Squids.io
Ready to get started? Squids.io makes it easy to shift operational workloads to the cloud at the best price & performance. Go to Squids.io[https://squids.io/] to quickly build a highly available database cluster in the cloud now!
How To Solve The Page Expired 419 Error In Laravel
Tags: laravel, page, expired, errors
Published: 2021-09-22 03:27:27

In this tutorial I will give you solution of page expired 419 error in Laravel. Many times we faced “The page has expired due to inactivity.

Please refresh and try again”. error in Laravel. This problem is caused by the csrf_token. So, below I have added example of this error check and apply as per your requirments.

---

> **_[Read Also : How To Increase Session Lifetime In Laravel](https://www.techsolutionstuff.com/post/how-to-increase-session-lifetime-in-laravel)_**

---

> Example 1 :

If you are getting an error after submitting the form in laravel then you need to add the CSRF field in your form like below.

```
<form method="POST" action="/test">
    @csrf
    .....
</form>
```
 
> Example 2 :

If you are getting an error after AJAX  call then you need to add a header like below in meta tag.

In your head tag.

```
<meta name="csrf-token" content="{{ csrf_token() }}">
```

And after that you need to add below code in your script tag.

```
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
```
In some conditions also happen Cache issue, So, we need to clear it.

For clearing Cache, View, Routes in Laravel check below.

> **_[Read Also : Laravel Clear Cache Using Artisan Command](https://www.techsolutionstuff.com/post/laravel-clear-cache-using-artisan-command)_**

---

You might also like :

- **_[Read Also : Laravel 6 CRUD Tutorial with Example](https://www.techsolutionstuff.com/post/laravel-6-crud-tutorial-with-example)_**

- **_[Read Also : Laravel AJAX CRUD Example Tutorial](https://www.techsolutionstuff.com/post/laravel-ajax-crud-example-tutorial)_**
My First Baby Steps in Open Source
Tags: opensource
Published: 2021-09-17 20:03:33

After building my first prototype of a [static site generator (SSG)](https://dev.to/oliverpham/static-site-generator-for-text-files-release-0-1-note-586d), I asked the open source contributors in a Slack channel to test my program. I was taken aback by what happened after that.

## The first issue

After sharing a link to my repo in the channel, a kind developer accepted to review and test my code. I also took the opportunity to test his work in progress. Although I've already exposed my code to the public for a while, I was extremely nervous since it was the first time [someone on the Internet tested my prototype].

Not long after he started, the [first issue](https://github.com/oliver-pham/silkie/issues/3) was found. As expected, all I could say was:

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yg4o5v5uzuxc0fihl0v7.png)
 
To my surprise, neither a heated argument nor "code shaming" occurred. In fact, we worked together to figure out the cause instantly: I forgot to set the file encoding when opening text files. "How can it work on your machine?", you may ask. Well, I'd only tested the prototype on MacOS, whose default file encoding happened to be correct, but that's not the case for Windows. Therefore, having a fellow developer test my software and review my code is absolutely invaluable.

## My first contribution

It didn't take me a lot of time to fix the issue, so I decided, in return for his help, to test his program, which was also [a SSG written in Javascript](https://github.com/TueNguyen2911/tue-1st-ssg).

Despite having worked with a large codebase before, I feared that it would take me a lot of time and effort to understand his code & architecture. Fortunately, I was wrong. In fact, his code was pretty well written and documented. All the core features worked as expected.

Everything looked good until I checked the static file on [https://validator.w3.org/](https://validator.w3.org/). Some syntax was found invalid, so I opened [an issue](https://github.com/TueNguyen2911/tue-1st-ssg/issues/1) and described my recommended solutions as detailed as possible.

"Maybe I can do something more that that", I thought to myself. After getting familiar with his code, I managed to write a patch for the issue and make my first pull request for the project.

Thanks to my previous experience of collaboration on GitHub, the workflow (opening an issue, submitting a pull request, etc.) wasn't a big problem for me. Nevertheless, I learnt something truly precious from this experience: testing and reviewing code with a partner/team/community gives me more insight and motivation than I'd ever gain by coding alone.

🎉 Let's get more involved in open source contribution.
Accessing WSL2 Files from Windows’ File Explorer
Tags: wsl2, windows10
Published: 2021-09-22 02:42:35

Windows Subsistem for Linux (WSL) is one of the best Windows 10’s feature that made me feel comfort using this operating system. With WSL we can using Linux’s commands inside Windows with great interoperability. Especially in WSL2.

Before using WSL2, I always using dual boot — Ubuntu for web development and Windows for graphic design, and then with WSL I only need to install Windows as a main operating system, and for Ubuntu I install it on WSL2.

# File Management
Actually, file management can be done easily via terminal or code editor. But sometimes there’s a chance where we need to access files and folders using Windows’ File Explorer.

1. Open File Explorer
2. Type `\\wsl$` on address bar
3. Press Enter

After we pressed enter, we can see the list of linux distros that we installed on WSL2. We can open each distro with double click to access its files and folders.

![Managing Ubuntu’s files and folder via Windows’ File Explorer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/higt3qiwg9k0k2rjpr1k.png)
Top 7 Featured DEV Posts from the Past Week
Tags: top7
Published: 2021-09-22 01:51:37

---
title: Top 7 Featured DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
_Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week._ 


##  Frosty 🍦 

This frosted glass login screen by @tolentinoel is so beautiful! Check it out. 

{% link https://dev.to/tolentinoel/frosted-glass-on-css-37bg %}

## "Why?$%^#"

Sometimes, Kubernetes can feel like a complete "Why?$%^#.  @solegaonkar is here to help us make sense of this multifaceted ecosystem.

{% link https://dev.to/solegaonkar/understanding-kubernetes-developer-s-guide-3np %}

## Why We Need Logging

As @he110 says, logging is an important tool that will help you fix errors early on and so much more. In this post, they share some straightforward rules to keep in mind as you learn more about logging. 

{% link https://dev.to/he110/investigating-an-incident-how-to-log-effectively-php-105o %}


## System Improvements Never End

This reflection on inheriting a legacy codebase by @abbeyperini is probably very relatable to a lot of you! 

{% link https://dev.to/abbeyperini/8-things-i-ve-learned-working-in-a-legacy-codebase-4h6c %}

## Shy, Introverted, Successful 

Huge congrats to @eleftheriabatsou for a truly dizzying _world tour_ of recent talks. As a fellow introvert, this post was really meaningful to me. Very impressive!  

{% link https://dev.to/eleftheriabatsou/how-a-shy-introvert-dev-with-anxiety-issues-spoke-at-2-conferences-5e67 %}

## Engineer Lessons: From Free Time to Networking

@santoshyadav198613 is sharing some of their top learnings from their time as a software engineer. My favorite? "Don't waste your free time".

{% link https://dev.to/santoshyadav198613/my-lessons-learned-as-software-engineer-3bae %}

## Future Front-End Engineers, Start Your Engines 🚗 

@shahilalit put together a really comprehensive guide to getting started with frontend development. I learned a lot from this!

{% link https://dev.to/shahilalit/complete-roadmap-how-to-get-started-with-frontend-development-m9p %}



_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Tuesday!_
Building an Image Recognizing Spreadsheet
Tags: machinelearning, tutorial, neuralnetworks, beginners
Published: 2021-09-22 01:42:10

---
title: Building an Image Recognizing Spreadsheet
published: true
description: To better understand convolutional neural networks, I built one in a spreadsheet. You can too!
tags: machinelearning, tutorial, neuralnetworks, beginners
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wf8oe1qxbdq4ik3f8l91.png
---

I built an image recognizing spreadsheet to better understand Convolutional Neural Networks. The sheet can recognize the letters X, T, and L. Creating it really helped me understand the details, especially how a deep convolution layer can build off the previous layers.

I created a two-part series that walks through building that spreadsheet.

Part 1 - https://www.youtube.com/watch?v=8QfFtUcuYCU
Part 2 - https://www.youtube.com/watch?v=pH0s0e62GT8

The fully implemented sheet is at https://bit.ly/CNNSheet3 if you just want to jump to the end.

If you are just getting into neural networks, maybe look at my previous series on building and training a traditional neural network in a spreadsheet:
 - [Part 1](https://dev.to/kjlubick/training-a-simple-neural-network-in-a-spreadsheet-2n05)
 - [Part 2](https://dev.to/kjlubick/training-a-deep-neural-network-in-a-spreadsheet-3me3)