teleren/devto huggingface dataset:
ทำ seo เริ่มยังไง 
สอนที่ละขั้น ทำที่ละตอน สำหรับกลยุทธ์การประชาสัมพันธ์ยุคใหม่

Tags: seo
Published: 2020-08-26 09:39:09

การทำ seo เริ่มยังไงถึงจะสามารถทำให้ติดอันดับในหน้าการค้นหาได้นั้น ไม่ใช่เรื่องง่ายแต่ก็ไม่ใช่ว่ายากเกินไปจนทำไม่ได้ ลองพิจารณาหลักเกณฑ์ในการทำ seo แบบทีละขั้นตอนเพื่อนำไปสู่การฮิตติดอันดับของผลในหน้าแสดงการค้นหา ดังนี้
	ทำ seo เริ่มยังไงระหว่างเพจ กับเว็บไซด์ ให้ติดอันดับไม่ตกกระป๋อง
	1.Google เป็นเครื่องมือที่ค้นหาคำตอบในเรื่องต่างๆ ดังนั้นจะทำ seo เริ่มยังไงให้ติดอันดับได้ ก็ต้องทำให้เว็บไซด์ หรือเฟสบุ๊ก เพจ ของผู้ต้องการทำ seo มีเนื้อหาที่เป็นข้อมูล สอดคล้องกับระบบของ Google ที่สร้างมานั่นเอง
	2.การทำ seo เริ่มยังไง เมื่อทราบแล้วว่า Google เป็นเว็บไซด์ที่คอยตอบคำถามต่างๆ เช่นนี้บรรดาข้อมูลของเว็บไซด์ หรือเฟสบุ๊ก เพจ จะถูกดึงขึ้นอันดับแรกๆ ของหน้าการค้นหาได้ ทั้งเว็บไซด์และเฟสบ็ก เพจ นั้นต้องมีการเรียบเรียงข้อมูลเป็นอย่างดี เป็นข้อมูลที่อ่านแล้วเข้าใจง่าย เป็นข้อมูลที่คนกำลังให้ความสนใจ และข้อมูลที่ให้ไปต้องช่วยแก้ปัญหาหรือนำไปใช้ประโยชน์ต่อได้ แสดงว่าการทำ seo ไม่ว่าจะเป็นเว็บไซด์ หรือเฟสบุ๊ก เพจ จะใส่ข้อมูลมั่วๆ อะไรลงไปได้ ต้องมีการคัดสรร คิดและวิเคราะห์มาแล้วด้วย
	
	หลักเกณฑ์ในการจัดลำดับในหน้าการค้นหาของ Google
	การทำ seo เริ่มยังไงนอกจากจะรู้หลักในการลงข้อมูลในเว็บไซด์ หรือเฟสบุ๊ก เพจ แล้ว ผู้ทำ seo มือใหม่ต้องเข้าใจถึงหลักเกณฑ์หรือเงื่อนไขในการจัดอันดับในหน้าการค้นหาของ Google ด้วยเพราะ ถ้าไม่รู้ผู้จัดทำ seo จะไม่มีเข็มทิศในการเลือกสรรข้อมูลที่จะนำมาใส่ไว้ในเว็บไซด์ หรือเฟสบุ๊ก เพจ เลย ต้องทำ seo ด้วยการลองผิดลองถูก แบบนี้ไม่คุ้มเหนื่อยแน่ๆ 
	หลักเกณฑ์ในการจัดอันดับเว็บไซด์ หรือเฟสบุ๊ก เพจ ในหน้าค้นหาของ Google ก็คือการวิเคราะห์ข้อมูลโดยละเอียดเพื่อหาข้อมูลที่ดี เข้าใจได้ และมีคำตอบ จากฐานข้อมูลทั่วโลกที่มีการเผยแพร่ผ่านอินเตอร์เน็ต ดังนั้น ถ้าเว็บไซด์ หรือเฟสบุ๊ก เพจเป็นสิ่งที่ “ ดี / ได้ / มี ” ครบทั้งสามสิ่งแล้ว การทำ seo เริ่มยังไงให้ติดอันดับการค้นหาไม่ใช่เรื่องยาก

	บางสิ่งที่ต้องมี สำหรับการเริ่มทำ seo เริ่มยังไง ใครเริ่มก็ไม่ยากเย็น
	ทำ seo เริ่มยังไง ไม่ใช่เรื่องยากถ้าสามารถนำสิ่งต่อไปนี้เข้าไปอยู่ในเว็บไซด์ หรือเฟสบุ๊ก เพจได้ การจัดอันดับในหน้าค้นหาของ Google จะมีชื่อของเว็บไซด์ หรือเฟสบุ๊ก เพจ ของเราแน่นอน
	1.สามารถรองรับและใช้งานบนมือถือระบบต่างๆ ได้เป็นอย่างดี เข้าถึงข้อมูลต่างๆ ผ่านระบบมือถือได้ง่ายและสะดวก
	2.บทความที่ปรากฏอยู่ในเว็บไซด์ หรือเฟสบุ๊ก เพจต้องมีลักษณะที่น่าสนใจ อ่านง่ายและได้ประโยชน์ ดังนั้นการทำ seo เริ่มยังไงกับการเขียนบทความ ก็ให้รู้ถึงวิธีเขียนหนังสือที่ผู้อ่านๆ แล้วได้ประโยชน์ เข้าใจง่ายไม่ใช้ภาษายาก และที่สำคัญคือน่าสนใจชวนติดตาม เช่น มี key word ในบทความ เนื้อหามีความยาวไม่น้อยกว่า 300 คำขึ้นไป มีความหลากหลายของตัวหนังสือ มีรูปภาพประกอบ หรือสามารถเชื่อมโยงลิงค์ไปที่อื่นๆ ได้เป็นต้น

	สรุป
การทำ seo เริ่มยังไงไม่ใช่เรื่องยากจนทำไม่ได้ แต่ต้องใส่ใจและให้ความสำคัญกับเรื่องการให้ การใส่ข้อมูลดีๆ ลงในเว็บไซด์ หรือเฟสบุ๊ก เพจเท่านั้นเอง การจัดอันดับแรกๆ ในหน้าการค้นหาของ Google ก็อยู่แค่เอื้อมแล้ว ติดต่อ SEO https://www.natchai.online/
Mconnect Country Specific Flat Rate Shipping Extension for Magento 2
Published: 2020-08-26 09:22:54

Want to provide a great deal of shopping experience to your customers through the shipping methods? The shipping charges you may apply on order may vary depending upon the location of the delivery and carrier you choose. And shipping charges for selling outside of your base country may cost more than you think. Because you may have to pay higher custom duties that you have not considered before. Also, the shipping calculators may charge inaccurately sometimes during the checkout process when there many numbers of products. Therefore, the Magento store owners need a solution that charges customers based on the per order, per product, or per country, which is not possible with default Magento shipping methods.

Mconnect Country Specific Flat Rate Shipping Extension for Magento 2 solves your problem to charge for shipping to the customer based on per order, per product, or per country. This extension omits the inefficient shipping charges calculation during checkout that does not provide clarity to your customers. That’s why the use of flat rate shipping is a more prominent option that charges a fixed amount without depending upon any dimension, distance, or calculations. If your eCommerce store deals with international orders, even then you can set up effective shipping costs for selected countries or restrict some specific countries to order from your store. The extension also provides an option to set standard shipping rates globally for all the products in your store. The admin can also set up a threshold amount for allowing the customer to get free shipping. Option to restrict a product’s sale for a specific country and does not let customers from that country proceed further. 

Features for Mconnect Country Specific Flat Rate Shipping Extension for Magento 2:

With the help of the extension, you can set individual shipping charges per order, per product or per country.

Option to set costs for each country if you need to. 

Option to restrict as well as allow countries to shop from you. 

The extension allows you to set a custom title for the shipping per country to show at the frontend.

Admin can set standard shipping costs on products if needed.

Also, the extension has the option to add shipping cost for multiple items in the cart.

Option to set up a threshold value to allow free shipping. 

A popup will appear when the product is restricted in a certain region or shipping is not available. 

For more such Magento 2 Extensions visit Mconnectmedia.

Download now: https://www.mconnectmedia.com/flat-rate-shipping-per-country-magento-2.html
Data Science Course in Hyderabad

Tags: datascience, python, database, ai
Published: 2020-08-26 09:06:24


Advanced-Data science training with Free Internship & 100% Placement Assistance

About the <a href="https://www.innomatics.in/advanced-data-science-training-in-hyderabad/">Data Science course Training in Hyderabad</a>

Data is everywhere, which is growing exponentially globally, and this may still grow at an accelerating rate for the foreseeable future. Businesses generate massive amounts of data within the type of blogs, messages, transaction documents, mobile device data, social media, etc. By using this data effectively, a firm can create vital value and grow their economy by enhancing productivity, increasing efficiency, and delivering more value to consumers.

Data Science helps in combining the disruption into categories and communicating their potential, which allows data and analytics leaders to drive better results. Top businesses thought there is a necessity to research the data for significant benefits. They use the insights from data for the advantage of users.

Human deciding is becoming increasingly inadequate to pander to a never-ending expansion of the data . However, Data Science and Machine Learning are excelling in solving highly complex data-rich problems. To think beyond the human brain and maintain the balance with the knowledge that's evolved, disrupted, and being employed the sectors altogether, data scientists foster new methodologies. Data scientists must try 'big data expeditions' to explore the data for previously undiscovered value - the first common application of data science. Typical applications include marketing segmentation, advertising, tweaking dynamic pricing models, or banks finding risks and adjusting the financial risk models.

Data Science helps in combining the disruption into categories and communicating their potential, which allows data and analytics leaders to drive better results. Top businesses thought there is a necessity to analyze the data for significant benefits. They use the insights from data for the benefit of users.

Human decision making is becoming increasingly inadequate to pander to a never-ending expansion of the data. However, Artificial Intelligence and Machine Learning in Data Science technology are excelling in solving highly complex data-rich problems. To think beyond the human brain and maintain the balance with the information that’s evolved, disrupted, and being employed the sectors altogether, data scientists foster new methodologies. Data scientists must try ‘big data expeditions’ to explore the data for previously undiscovered value – the first common application of data science. Typical applications include marketing segmentation, advertising, tweaking dynamic pricing models, or banks finding risks and adjusting the financial risk models.
What are the Tools utilized in Data Science?
Mconnect Brand Logo / Manufacturer Slider Extension for Magento 2
Published: 2020-08-26 09:02:17

Want your customers to shop for products of their favorite brand? Or want to showcase the brand/manufacturers you have worked with before? Customers’ minds are much likely to be affected by the products of prestigious brands. Most customers stay loyal to brands they usually purchase from. Many online shoppers randomly purchase products from their favorite brands without any real need. So, it is important that your customers know, you are selling products of their brands. And one such way to do so it by showcasing the logo of all the brands you are dealing with. 
Mconnect Brand Logo/Manufacturer Slider Extension for Magento 2 will highlight the brands by their logo to let customers know that you are selling products to those particular brands. It will ease the shopping process for your customers and they could find their favorite product in a matter of time. The extension allows the admin of the store to upload the brand logo and set redirection easily from the backend grid. The extension comes with a widget of a portable brand logo slider, which can be placed on any page of your store. Also, you can customize the extension to set width, title, speed, pagination, and number of slides. 
Features of the Mconnect Brand Logo/Manufacturer Slider Extension for Magento 2:

- The extension allows you to highlight brand/manufacturer logos 
  in your store.
- The admin can easily manage the brands from the backend grid.
- Upload any number of brand logos and set up a redirection with a 
  link, which leads to that particular brand page.
- Option to set up a custom title for a slider that appears on the 
  top.
- The admin has to specify the number of slides that will move 
  simultaneously.
- Option to customize the speed of the slide, size of slider, 
  pagination, etc.
- The extension comes with a widget, which is portable and can 
  place the brand logo on any page of your store.
- It helps to increase the value and loyalty of your customers in the long run.

For more such Magento 2 Extensions visit Mconnectmedia.com
Download now: https://www.mconnectmedia.com/brand-logo-slider-m2.html
Share Your Octo Grad 2020 Swag Pics
Tags: octograd2020, discuss, devgrad2020, watercooler
Published: 2020-08-26 08:57:02

{% twitter 1298537414378496001 %}

I'm grateful towards the Dev team and the GitHub education team for organizing the event. Thank you 🥰

It was a surprise to me when the package arrived.

I love the stickers and the card that came with it.

Did you participate in the event, and have you received your swag yet?
Share your pics in the comments.
I am looking for a coding buddy
Tags: pairingtoday
Published: 2020-08-26 08:53:30

---
title: I am looking for a coding buddy
published: true
description: 
tags: #pairingtoday
//cover_image: https://direct_url_to_image.jpg
---

In hope I can find someone to pair with maybe with atom/teletype on a game project I am about to start...
I have done a bit of research and concept design for it and would really like to go ahead.

Cannot offer any monetary stipend or mentorship pay for that project, but I am willing to return the hours on a project of your choosing provided I have matching skill sets for the task undertaken.
Automate Hyper-V VM Creation with Powershell
Tags: powershell, windows, virtualization
Published: 2020-08-26 08:53:14

If you're using Hyper-V for your virtualization, the Hyper-V Manager GUI provides a serviceable, if a little dull, interface. 
However, the bland colour scheme is not the only problem with the graphical interface, its true weakness is just how limited and inefficient it is. Using the wizard, only basic functionality is available, forcing users to click through the presented screens, before going into the virtual machine's 'Settings' to select such rudimentary features as the number of CPUs and Networking configuration.

If you have been paying attention to the messaging coming from Microsoft for years now, it should be no surprise that automating your operations with powershell scripting is a more efficient alternative to all that mouse clicking.

If you dislike powershell, I can sympathize with you, I find it to be quite an ugly customer when compared to the elegance of well-written Python. But, this isn't a beauty contest, we are here to get the job done and leave work on time. Powershell for VM creation it is then!

## Sample powershell script for a new VM

### Requirements
#### Specs 📝
* A new VM with 2 CPUs, 8GB RAM and 20GB storage. 
   
#### Networking 🤝
* The VM should be attached via its 'port1' to my local vswitch, named "vswitch1".
* The port will be an access port in VLAN199.  

#### To Finish ⌛️
* Once built, start the VM.

### Script
```powershell
# This script is in two parts. First we declare the variables to be applied.

$vm = "my_new_vm" # name of VM, this just applies in Windows, it isn't applied to the OS guest itself.
$image = "path\to\vm\iso\file.iso"
$vmswitch = "vswitch1" # name of your local vswitch
$port = "port1" # port on the VM
$vlan = 199 # VLAN that VM traffic will be send in
$cpu =  2 # Number of CPUs
$ram = 8GB # RAM of VM. Note this is not a string, not in quotation marks
$path_to_disk = "path\to\disk" # Where you want the VM's virtual disk to reside
$disk_size = 20GB # VM storage, again, not a string

# The following are the powershell commands

# Create a new VM
New-VM  $vm
# Set the CPU and start-up RAM
Set-VM $vm -ProcessorCount $cpu -MemoryStartupBytes $ram 
# Create the new VHDX disk - the path and size.
New-VHD -Path $path_to_disk$vm-disk1.vhdx -SizeBytes $disk_size
# Add the new disk to the VM
Add-VMHardDiskDrive -VMName $vm -Path $path_to_disk$vm-disk1.vhdx
# Assign the OS ISO file to the VM
Set-VMDvdDrive -VMName $vm -Path $image
# Remove the default VM NIC named 'Network Adapter'
Remove-VMNetworkAdapter -VMName $vm 
# Add a new NIC to the VM and set its name
Add-VMNetworkAdapter -VMName $vm -Name $port
# Configure the NIC as access and assign VLAN
Set-VMNetworkAdapterVlan -VMName $vm -VMNetworkAdapterName $port -Access -AccessVlanId $vlan
# Connect the NIC to the vswitch
Connect-VMNetworkAdapter -VMName $vm -Name $port -SwitchName $vmswitch
# Fire it up 🔥
Start-VM $vm

```
Now the VM will boot and you can complete the install process.
Weekly web development update #40
Tags: webdev, weekly
Published: 2020-08-26 08:32:18

Here's the new weekly update :) 


______

##[umami](https://umami.is/)
[![umami](https://umami.is/intro.jpg)](https://umami.is/)
A simple, self-hosted web analytics solution as a privacy-focused alternative to Google Analytics.

______

##[Deviceful](https://deviceful.app/)
[![Deviceful](https://wweb.dev/weekly/screenshots/deviceful.jpg)](https://deviceful.app/)
Display your web designs in a fully tweakable, three dimensional device.

______

##[heroicons](https://heroicons.com/)
[![heroicons](https://heroicons.com/_next/static/media/social-card.c623b199d043ddf168d67e9b98a21a24.jpg)](https://heroicons.com/)
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

______

##[handwritten.js](https://github.com/alias-rahil/handwritten.js)
[![handwritten.js](https://raw.githubusercontent.com/alias-rahil/handwritten.js/master/screenshots/lorem-ipsum.jpeg)](https://github.com/alias-rahil/handwritten.js)
A libraray to convert typed text to realistic handwriting!.

______

##[GitDuck](https://gitduck.com/)
[![GitDuck](https://storage.googleapis.com/gitduck/img/meta-image-social.png)](https://gitduck.com/)
A video call tool that enables you to talk, share your code and do pair programming with ease.

______

##[Dropbase](https://www.dropbase.io/)
[![Dropbase](https://uploads-ssl.webflow.com/5f2c87246b17fcf662282594/5f3814ffc5c0fd83da5fd02b_Dropbase%20screenshot%203.png)](https://www.dropbase.io/)
A tool to centralize offline data by import files and applying transformations to clean up data.

______

##[The Animated Web](https://theanimatedweb.com/)
[![The Animated Web](https://theanimatedweb.com/images/social.jpg)](https://theanimatedweb.com/)
A website for animation resources and inspiration from around the web.

______

##[CSSplit](https://github.com/royalbhati/CSSplit)
[![CSSplit](https://wweb.dev/weekly/screenshots/cssplit.jpg)](https://github.com/royalbhati/CSSplit)
A CSS splitter that takes in your main.css file and splits into component specific css files

______

##[Thumbnail to Full Width Image Animation](https://tympanus.net/Development/ThumbFullTransition/)
[![Thumbnail to Full Width Image Animation](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/ThumbToFull_featured-1.jpg)](https://tympanus.net/Development/ThumbFullTransition/)
An experimental animation where an image goes from thumbnail to full width by Codrops.

______

##[Light Date](https://github.com/xxczaki/light-date)
[![Light Date](https://wweb.dev/weekly/screenshots/light-date.jpg)](https://github.com/xxczaki/light-date)
A lightweight library for a fast and easy way to format dates.

______

To see all the weeklies check: [wweb.dev/weekly](https://wweb.dev/weekly)
reusable tab with nesting feature

Published: 2020-08-26 08:21:38

Hi everyone !  hope you having a great day.

while working project to projects, a  developer may have to reuse things that he has already built before.

so based on my experience, I have to build some component like `tab` or `accordion` or any other similar thing  again and again in projects to projects.

So, I thought to built a `tab` and if I need to build a tab next time in any project I am  going to use the same `tab` that I have already built  which will save a huge time for me. 


Then I came up with this [this blog](https://www.digitalocean.com/community/tutorials/js-tabs) . Thanks to  Josh Stoddard . I have took reference from his code while trying to make it more effective to use. 

And it can be use in multiple section in a page (many different tabs). 

so demo below !

{% codepen https://codepen.io/sandeshsapkota/pen/GRoGEBz %}

 

keeping in mind few things to use this tab would be helpful.
   1. the header of the tab must have `.tab` class
   2. tab items must be wrapped with `.tab__list` 
   3. tab contents items must be wrapped with `.tab__content ` 
   4. if other than `first item` is required to show active initially, add `is--active` class on the `tab__item`  
   5. if you are going to use nested tab, repeating 1 to 3 is necessary

Thank you ! 

enjoy !
Simple CORS checker
Tags: javascript
Published: 2020-08-26 08:18:35

Simple way to check if your API has CORS configured for any origin (i.e *). Note CORS only applies for browsers or apps, not curl.

1. browse to https://www.google.com/
1. open dev tools and the console tab where you can run javascript
1. copy and paste this:
`fetch("https://yahoo.com").then(res => res.json()).then(console.log)`
1. hit enter to execute it and you should errors (as yahoo is not open to CORS from google)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/6oqqaqyzh4pft4z36g9z.png)
1. change the url to your API end point and try again. If CORS is setup to allow any origin there will not be any errors
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/fd7h7xqgipi740zj3vcd.png)
The power of using Vue custom directives, vue-currency-directive
Tags: vue, javascript, npm
Published: 2020-08-26 08:02:31

I just want to test and see instead of creating a whole component for just handling a one specific behavior like currency format I could just use one line of a `directive`.

Say Hi to `vue-currency-directive`.
This time comes with [`dynamic arguments`](#dynamic-arguments)

Here is a playground:
https://jsfiddle.net/Zak90/sxd9j3uL/46/

Here is its `npm`:
https://www.npmjs.com/package/vue-currency-directive


# Basic usage
`<input v-currency="amount.value" />`
## Within Components/controlled inputs
You can pass directive arguments for `currency` and `locale`.
`<Transaction v-currency:EUR[fr-FR]="transaction.value" />`

# `Data()`
How data is structured.
```
data(){
  return {
    amount: {
      value: '',
      formatted: ''
    },
    transaction: {
      value: '',
      formatted: ''
    }
  }
}
```
# Dynamic arguments
In case you want to handle arguments in more dynamic way based on data changes and not sticking with a specific `currency` and `locale`, just add 2 more state inputs `currency` and `locale` inside the parent object e.g. `amount` in our case and remove any directive args e.g.`:EUR[de-DE]` from the component and vice-versa:
```
<template>
  <input v-currency="amount.value" />

  //Currency selector
  <select v-model="amount.currency">
    <option value="USD">USD</option>
    <option value="EUR">EUR</option>
    <option value="GBP">GBP</option>
  </select>

  //Locale selector
  <select v-model="amount.locale">
    <option value="en-US">US</option>
    <option value="de-DE">DE</option>
    <option value="en-GB">GB</option>
  </select>
  
</template>

<script>
...
export default {
  data(){
    return {
      amount: { // naming is not strict 'amount, foo, bar, ...etc'
        value: '', 
        currency: '',
        locale: '',
        formatted: '' // Better to be empty
      }
    }
  }
}
...
</script>
```
## Examples
Passing no arguments will reflect to "USD" currency by default and for locale it will use the configured browser language.  
```
<input v-currency="amount.value"> // amount.value = 3244
//Output: $3,244.00
```

Passing currency argument only without locale.  
```
<input v-currency:EUR="amount.value"> // amount.value = 100234
//Output: €100,234.00
```

Passing with locale argument and different currency.  
```
<input v-currency:EGP[ar-EG]="amount.value"> // amount.value = 554342
//Output: ٥٥٤٬٣٤٢٫٠٠ ج.م.‏ 
```