teleren/devto huggingface dataset:
How to achieve more success in e-commerce?
Published: 2020-08-19 07:33:07

The holidays are certainly coming up, and you can see the signs everywhere. The stores that display their Christmas merchandise, offers, and promotions and Christmas decorations are there for the eyes. This is especially true in the world of e-commerce. One thing is also certain: this form of business has changed the way companies sell their products and services. Today, people find it more convenient to shop online. This is the reason why websites appear every day. Of course, like all businesses that use computers, you need reliable servers. This is why cloud hosting services are in such demand. Cloud hosting service providers are a powerful business tool that online businesses can use to improve their operational capacity and the level of service for their customers.

The power of hosting services should not be underestimated. Many companies that have entered e-commerce agree that it is a worthwhile investment. It may be true that visitor traffic is good for business, but it is also true that increased visitor traffic can act as a double-edged sword. This is because the pressure on data processing that is placed on computers is increasing. In fact, when a business relies on computers, or on a computer network, a powerful server is also needed for things to work properly. Cloud hosting can do that. It can provide businesses with the processing power of a data center, without the actual device being at the official site.

This is seen as an advantage by many small and medium-sized businesses, who need a server to support their business, but may find it difficult to purchase one for their own business. Since the introduction and evolution of cloud computing systems, cloud hosting service providers can now provide these companies with greater flexibility in their operations, as well as greater processing power than they can achieve on their own. themselves. Businesses using such a service would only have to pay a regular monthly fee to the hosting service to keep the servers in use. It's an arrangement that has proven popular with small businesses. As a smart business investment, this is something that many companies may want to consider in their plans.

With the end of the year approaching, using cloud hosting service providers can be a good investment for 2012. After all, e-commerce is constantly evolving and more and more people are transacting. and online shopping. It makes sense to find a base of support on which a company can establish its business. Cloud hosting services can provide the answer. All that is required is for the interested company to hire the right cloud hosting service provider. There are many such companies in the world, but there can only be one that is suitable. Of course, it may take a while to find this business, but the rewards in return are worth all the effort.
Ngôn Ngữ .NET Là Gì? Những Kiến Thức Để Bắt Đầu Với .NET Framework
Published: 2020-08-19 07:22:47

Đây là một nền tảng cho phép hỗ trợ hoạt động trên nhiều ngôn ngữ lập trình khác nhau như C#, Visual Basic nên bạn hoàn toàn có thể lựa chọn theo khả năng và nhu cầu của bản thân.
Để tìm hiểu thêm về thắc mắc ngôn ngữ lập trình .NET là gì thì chúng ta hãy điểm qua những mục tiêu của nó như sau:
Microsoft mong muốn tạo ra một ngôn ngữ lập trình hướng đối tượng với khả năng tương thích với đa số các mã thực hiện và lưu trữ của đối tượng.
Tạo sự nhất quán dành cho trải nghiệm của nhà phát triển đối với các ứng dụng khác nhau như App từ Windows và App từ Web.
Tạo ra những ứng dụng đơn giản dựa trên Web-based, Form-based dựa trên .NET framework.
Xây dựng toàn bộ thông tin liên lạc về những tiêu chuẩn của ngành công nghiệp dựa trên khả năng tích hợp hầu hết các mã của nền tảng .NET.
Cung cấp môi trường thực thi mã để giải quyết những rắc rối về hiệu suất hoặc xung đột, thúc đẩy việc triển khai mã an toàn.
I self-learned to code at 30. Sharing my journey & tips for all 
Tags: leadership, startup, codequality, codenewbie
Published: 2020-08-19 07:18:10

I graduated in 2009 and since then, I have been with tech startups in some way or the other. In 2015 was CEO at a Series A 5 Million $ marketplace. But the most free, excited and hopeful about the future I have ever been is in the past 1 year --> ever since I self-learned to code and then finally started shipping real apps (*currently at $220 MRR with my micro-SaaS)*

I used to got a lot of requests on sharing my journey and tips so I finally sat down and wrote about it. Sharing a quick summary here (*I ended up writing 2200+ words in my personal notes which I made into an* [article here](https://www.kaapi.team/blog/i-self-learned-to-code-at-30-this-is-how-you-can-too)*. It has some more helpful screenshots and graphs)*

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

This above was my learning path, and I am sure you can relate to it too if you have tried learning a new skill 

1. **Do not attempt React until you know JS. Do not attempt JS until you know HTML** \--> You will see endless arguments about this on the internet. Every expert will furiously argue about why framework X is better than Y. Ignore all of them. Your customers don't give a shit about any of these. Just keep it simple. Either go with simple languages like Javascript and stuff like ROR, or go with the ones that your friends are proficient in.   
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/29io72yplpdvlc88jxfq.jpeg)
(*this is what I mean by Goal based learning btw)*

2. **Have a clear why** \--> e.g. if you want to simply automate exiting business, you would be better served just simply learning no-code tools like Zapier and Webflow. This will really help you clearly define your learning path too. And that intrinsic motivation will keep you going when the going gets tough! 

3. **Build a support group** \--> Online forums like Dev.to are great, but what helped me the most was finding a few expert devs whom I could buzz over Whatsapp

4. **Focus on the long term** \--> all the software experts around you? They took years to get here. So don't lose hope
{% twitter 1281131229266444288 %}

I am sure this will be useful to all non tech founders here, or code newbies. If you want to learn code, and need any help in building accountability or a 2 AM friend - buzz me! I am here for you. You can do it ❤️ You probably need 40-50 hours of dedicated work and practice to get there. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ds7htk9q2n3kzh3ajj0o.png)
The Realm of Virtual Reality
Published: 2020-08-19 06:59:41

Original Post found [here](https://www.grantwatson.app/blog/vr-part-1)

Definition:

Virtual reality is a simulated experience that can be similar to or completely different from the real world. Applications of virtual reality can include entertainment and educational purposes. Other, distinct types of VR style technology include augmented reality and mixed reality.

Contenders of the arena:

Oculus

Unity Technologies

Virtuix

Limbix

I am utilizing this space to cover 4 companies in a 4 part series that are contenders in the VR realm. There are quite a few other companies that specialize in VR, but it will be interesting to see what these 4 companies have in common, as well as what makes them starkly different.

Let’s start with the overall idea of virtual reality. It is not really a new concept. The idea of VR is plant oneself into an alternate realm of possibility. This could be, in essence, reading a book, role playing board games similar what DnD is, playing a video game. Up until maybe 10 years ago, we were unable to digest virtual reality in the context that we are today. 

Let’s expand on what virtual reality is.

Virtual Reality (VR) is the use of computer technology to create a simulated environment.

Virtual Reality’s most immediately-recognizable component is the head-mounted display (HMD). Human beings are visual creatures, and display technology is often the single biggest difference between immersive Virtual Reality systems and traditional user interfaces.

Major players in Virtual Reality include HTC Vive, Oculus Rift and PlayStation VR (PSVR)

You may ask what the difference between Virtual Reality and Augmented Reality? These two realities are just two sides of the same coin. You can think of Augmented Reality as VR with one foot in the real world: Augmented Reality stimulates artificial objects from the view point of the camera, superimposing the computer-generated images over a user’s view of the real world.

In Augmented Reality, the computer uses sensors and algorithms to determine the position and orientation of a camera. AR technology than renders the 3D graphics as they would appear from the viewpoint of the camera, superimposing the computer-generated images over a user’s view of the real world.

In Virtual Reality, the computer users similar sensors and math. However, rather than locating a real camera within a physical environment, the position of the user’s eyes are located within the simulated environment. If the user’s head turns, the graphics react accordingly. Rather than compositing virtual objects and a real scene, VR technology creates a convincing, interactive world for the user.
HTML Picture Element Responsive Images
Tags: html
Published: 2020-08-19 06:54:15

Today we'll be looking at the `HTML Picture element`. It can be used to have native responsive image support.

So how it works is we wrap our normal `img` tag inside a `picture` element and add `srcset` images.

This will then be defining on media queries which image it shows.

## HTML Picture Element

Ok, let's get started!

For this example, we will be using extreme cases, normally you would just use a modified version of your original image but in a smaller size or different orientation.

```html
<picture>
  <source
    media="(min-width: 650px)"
    srcset="https://images.unsplash.com/photo-1589965716319-4a041b58fa8a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1867&q=80"
  />
  <source
    media="(min-width: 465px)"
    srcset="https://images.unsplash.com/photo-1534235261404-7625cd79bdb9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80"
  />
  <img
    src="https://images.unsplash.com/photo-1537151608828-ea2b11777ee8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=939&q=80"
    alt="A amazing corgi dog"
  />
</picture>
```

Now on we should see the following:

- Screen above 650px - Corgi on a mountain
- Screen between 465 and 650px - Corgi on the stairs
- Screen smaller then 465 - Puppy Corgi!

Now isn't that amazing!

> To make this function even better, add [loading="lazy"](https://daily-dev-tips.com/posts/image-lazy-loading/).

Feel free to view these Corgis on Codepen.

{% codepen https://codepen.io/rebelchris/pen/JjXKzWb %}

## Browser Support

A super cool feature, but not supported by IE and Opera mini as expected.
However! They will fallback to the default image! So no real objection to using it!

![Picture Element support](https://caniuse.bitsofco.de/image/picture.png)

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
When VS Code's "Open Recent" fails you
Tags: productivity, webdev, vscode, showdev
Published: 2020-08-19 06:09:58

We love VS Code 🤟. We spent many hours heads-down in Microsoft's open source IDE to bring [Marquee](https://marquee.activecove.com/) to you. Marquee is a powerful extension 💪, that, amongst many productivity boosters, lets you customize your VS Code homescreen.

VS Code turned 5 years old 🎉 this year. Just like with many open technologies, VS Code's available API docs are high quality but still sparse. Thankfully 🙏 the VS Code team publishes an [enormous mono-repo](https://github.com/microsoft/vscode-extension-samples) with samples that showcase how different APIs work.

![Lots of VS Code windows](https://dev-to-uploads.s3.amazonaws.com/i/u4fzl0g8j9oglo5xo2d9.png)

During the average development week you quickly 📚 rack up 10s of VS Code windows browsing different sources, making progress on a variety of projects, and helping 💁 others reviewing their pull requests. Thanks to its ⚡ lightning fast nature, VS Code handles your many IDE windows, often running in parallel, just fine.

###🕵️ What's troublesome - losing track of the past

If you opened all 46 API examples in VS Code, one folder each, in between working on your day and pet projects 🤞 good luck keeping track of your history. Find that one folder or workspace you 🤔 can't remember. This problem only get exacerbated as time goes by and you continue cycling through projects. This is why we have built [Marquee](https://marquee.activecove.com/)'s Projects widget.

###🙈 When "open recent" fails you

There are two kind of VS Code windows you need: Folders & Workspaces. Folders you'd use for quick, likely non-permanent, tasks you want to accomplish whereas workspaces you'd use for more 🧐 permanent long-ranging projects. You'd likely fine-tune your workspaces' settings & extensions to support your productivity. Marquee's Projects widget will keep a tally of all folders & workspaces you've opened ever. To make it even quicker 🛸 to find your important projects quickly [Marquee](https://marquee.activecove.com/) will sort your projects by relevance.

![Projects Widget in action](https://dev-to-uploads.s3.amazonaws.com/i/7yrc6tiombudcskusk4e.gif)

The relevance of your individual VS Code project is ranked by the number of 💡 todos & notes associated per project (another neat feature Marquee provides). You will find that the projects 📈 most important to you will naturally generate the most notes & todos. The widget also provides you with a handy text filter box to help finding that needle in the haystack.

###📫 What do you use to rank your projects importance?
Let us know in the comments! Please install [Marquee](https://marquee.activecove.com/) and be sure to 🏄 give it a spin.
What to study (in programming) if it is clair what I want to get in the end?
Tags: php, python, wordpress, django
Published: 2020-08-19 06:07:43

Hello
I have a small problem - I do not understand what exactly should I learn from a huge list of languages ​​and technologies in programming
Please, look at my problem from your programmer's point of view and tell me what exactly I need to know for its (problem) successful solution)

I need to track trends in a fairly narrow area
For Google Trends, this is a very small goal, so the only solution is to manually check the sites of the necessary companies, see what exactly they write in their blogs
That is, I need:
1) a service (program ?, site?) - which will crawl 200-300 sites once a day, watch what's new published in blogs and on the main pages of these sites (RSS ?, sitemaps ?, visual comparison?), Process updates and drop them into a table (google docs or office 365 online) and, in addition
2) related to some CMS (WordPress, Drupal, Joomla, Django - no difference)
so that after processing the daily news, the program itself starts the current date page, and displays the result in a column, like

08/17/2020
1) Article title from the first site
2) Article title of the 2nd site
etc
of course, closing links from indexing and prescribing the title transcript
I think that the Internet is crammed with such programs, only the lazy did not write about parsers, but I would like to figure it out myself if possible
Please tell me what is the best thing to teach me?
What language?
What framework?
P.s
I am a good user of Joomla and Wordpres, I understand the needs of my audience a little, but I am not a programmer - that is, for me any language is terra incognita and I have no preferences in terms of technology.
The only thing is that if a program is needed for this, it would be good to put it on a free cloud of Amazon or Microsoft for a year)
And I certainly understand that WordPress (which tears everyone up and will soon become a monopolist) is PHP/ on the other hand, Django is a python ((((and they are almost like Russia with America) are not compatible (((
Becoming a coder #001 - Mentoring my friend in his programming journey
Tags: beginners, motivation, mentoring
Published: 2020-08-19 06:06:51

Sam has been learning coding since December 2019, we talk every two weeks about his progress. We record our calls thinking that maybe some other beginners would find some of what we discuss useful.

https://www.youtube.com/watch?v=TXoDvTJuEb0
{% youtube TXoDvTJuEb0%}


This call was recorded on end of May 2020, where we discuss his programming progress, challenges, work hygiene, go over his Weather App built in React, error handling, debugging, datetime and timezones, Git branching, JSX conditionals , try/catching and many more. This is the first recording in the series where we discuss his progress and programming challenges faced on his journey of becoming a junior web developer.

Hope some of you may find it useful.
Create React App
Tags: react, webdev, javascript, beginners
Published: 2020-08-19 05:08:08

##What is create-react-app and Why are we going to use it?

From its website, they define create-react-app as a comfortable environment for learning React, and is the best way to start building a new single-page application in React.

It sets up our development environment so we can use the latest JavaScript features, provides a nice developer experience, and optimizes our App for production. We'll need to have node >= 8.10 and npm >= 5.6 in our machine.

##What does it includes?
1.- Webpack: A static module bundler for modern JavaScript applications.
2.- Webpack Dev Server: To run a local environment.
3.- Babel: For transpiling our files to work on the targets we choose.
4.- ESLint: For error checking and help you to format code.
5.- Jest: A testing library!

##How to create a Project?

```
npx create-react-app my-app
cd my-app
npm start
```

##Folder Stucture

So as a result, create-react-app will create a project with the next structure:

![create-react-app project](https://res.cloudinary.com/dkbrn9bhe/image/upload/v1597726791/Screenshot_from_2020-08-17_21-59-18_fjkivi.png)

1.- node_modules: This is the folder in which all the dependencies are installed, it's generated when we run the create-react-app or the npm install command.
2.- public: contains 3 files, usually we would only make a few changes in the index.html file
3.- src: The folder in which we will be working, the starting point of our react application is the index.js where we specify the root component which is App.js.
4.- .gitignore: a list of folders/files that don't want to include in our repo when we push our code.
5.- package-lock.json: ensure consistent installation in our dependencies.
6.- package.json: Contains the dependencies and scripts requried for the project.
7.- README.md: We include information related to the project, sometimes the steps to run it, test it, etc.

That was a pretty short introduction to our structure, we will come back to them in next lessons.
Day 0
Tags: javascript, 100daysofcode, webdev, selftaught
Published: 2020-08-19 04:40:28

Hello, I'm Aniket.

An Indian boy who has completed his degree in information technology from mumbai has decided once again to learn coding. After trying several times and failing it im giving myself again one chance to prove myself that i can code so decided to document the whole journey here on dev.to starting my #100DaysOfCode challenge!

I´m living in Mumbai India, for almost a year after graduation i worked as a database support engineer, which made me realise why should i learn to code. so started with html and css with some bootstrap lessons from freecodecamp and udemy.It´s been a month that I´m learning the basics of HTML and CSS and now it's time to start with JavaScript!

If you are on the same journey as me and felt connected somehow with my story, then please guide me if possible with resources available for JS on web. I am going to document everything here! 

Starting day 0 with JS basics by colt steele.


So, let's go!
Linux Socket Monitoring
Tags: linux, security
Published: 2020-08-19 03:00:42

A socket is just like a port which is used to receive and transmit information in the network. Here we will discuss two types of sockets that are important in view of Socket Monitoring in Linux
Environment.:
 Internet Sockets
 Unix Domain Sockets
Internet Sockets are related with the reception &amp; transmission of information in an ip-based network like Internet. Unix Domain Sockets are also called as inter-process communication sockets, similar to the internet sockets but without internet protocol.

What is LSM?
LSM stands for Linux Socket Monitoring. This tool is designed to track &amp; monitor changes in the
Internet and Unix Domain Sockets. It is also a port monitor. There is a very simple working scenario of Linux Socket monitoring tool that it compares the current sockets with the new server sockets. Whenever new ports are activating, there is a simple and configurable alert system (via emails), also whenever the ports given in the files of “dat” directory are changed by some body, we will receive the alert emails.
There is a simple way of installing LSM which is given in the following steps:
1.  Firstly download the source package of LSM in the /usr/local/src directory using the wget command as:
wget http://www.rfxn.com/downloads/lsm-current.tar.gz
2. Untar the source package as:
# tar –xzvf lsm-current.tar.gz
3. There will be a script available for installation of LSM and it will be installed by running it:
. /install.sh
Now for getting email alerts we will have to make some configuration in the conf.lsm file in
/usr/local/lsm directory.
# cd /usr/local/lsm
# vim conf.lsm
and change the USER option which is set to root (by default) to your wanted email address as:
USER=abc@example.com
When we install LSM on our system, it generates the base comparison but it is recommended to
generate the files again by running the following command:
# lsm –g
If we want to compare the current sockets with the new generated comparison file of sockets we will
have to run the following command:
# lsm –c
It will tell us in case of any change of socket comparing to the comparison files.
The comparison files can be deleted with:
# lsm –d

Testing LSM:
First step after installation of LSM is to generate the comparison files, once these files are generated, every change in the sockets will be compared to that file in the future. 
In order to test the functionality of LSM, let us change any port in the netserv.list file which contains the information regarding the internet sockets, let’s say the SMTP port or socket which is 25 and we change it to any other like 29, and then for by comparing we will find the result.

Similarly if the changes found in unix domain sockets, it will also inform us about that and an email
will be sent to the address that we had given in the conf.lsm file in the /usr/local/lsm directory.
The executable file of LSM is placed in the /usr/local/lsm and also in /usr/local/sbin/ directory.

Finally if we want no comparison files then these files can be deleted with the help of the following command:
# lsm –d
Javascript logic
Tags: javascript
Published: 2020-08-19 03:41:06

So, I was messing around with JS and ran into some strange things with it's logic. Here is a screenshot:
![JS logic](https://dev-to-uploads.s3.amazonaws.com/i/y8mx37i90hj1xoit3e8w.png)

Doesn't this violate the transitive law of logic?