teleren/devto huggingface dataset:
Bagaimana memastikan agar kode javascript yang kamu tulis dapat berjalan di kebanyakan browser?
Tags: javascript, interview, indonesia
Published: 2022-04-28 09:07:46

---
title: Bagaimana memastikan agar kode javascript yang kamu tulis dapat berjalan di kebanyakan browser?
published: true
description: 
tags: javascript, interview, indonesia
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r0pnrzs1xrgm0ejdbj80.jpg
---

Untuk memastikan agar kode javascript yang kamu tulis dapat berjalan di kebanyakan browser kita dapat melakukan beberapa langkah dibawah ini:

- Kita bisa menggunakan transpiler seperti Babel agar kode tersebut dilakukan perubahan agar bisa kompatibel dengan browser versi lama.
- Jika tidak menggunakan transpiler kita harus memeriksa apakah fitur EcmaScript yang akan digunakan didukung pada browser tersebut dengan mengunjungi situs https://www.caniuse.com
#include <iostream>
Published: 2022-04-28 09:01:34

alias run='clear && g++ main.cpp -o dastur && ./dastur'
**<iostream> bu in out stream ya'ni kiritish chiqish oqimi hisoblanadi **

> int main bu asosiy darvoa hisoblanib bu darvoza bitta hisoblanadi ma'lumotla shundan kiradi

_"" bu string(ip) deb nomlanadi string ichidagi belgilar ingliz tilida character deyiladi_

`\bu backslash (escape character) bo'lib , agarda string ichida qo'shtirnoq bo'lsa uni yoniga yana backslash qo'yiladi 
M-n : " men "a'lochi" o'quvchiman " bu yerda biz
" men \"a'lochi\" o'quvchiman" deb yozilishi kerak`

cout komandasi beriadi va bu cout
11+ BEST Programming Language To Learn In 2022-2023 [TRENDING 2022-2023]
Tags: beginners, programming, tutorial, webdev
Published: 2022-04-28 08:56:45

If you’re new to the field of [software development](https://www.codeplaceweb.com/2022/03/top-10-software-companies-in-usa.html), the toughest part of [learning programming languages](https://www.codeplaceweb.com/2022/02/11-best-programming-language-to-learn.html) is deciding where to begin. there are more than a thousand programming languages to learn and each of than has its own complexity and ability.

the good news is that as you start your career as a software developer, you’ll start to discover which programming language will be perfect for you, your interests, and your career goals.
here is the lists of [11  BEST Programming Language To Learn.](https://www.codeplaceweb.com/2022/02/11-best-programming-language-to-learn.html)

1. JavaScript
2. Swift
3. Scala
4. Go
5. Python
6. Elm
7. Ruby
8. C#
9. Rust
10.Java

11. Objective-C
C++ da Variables and Data types
Published: 2022-04-28 08:52:36

Data types
Int:
short, long, int (butun sonlar)

Real number:
float,double (kasr sonlar)

Character:
char (belgilar)

int age=14
cout<<age+5*26<<endl;(144)
age=-15

Deklaration:
bu ozgaruvchilarni elon qilish;
     son=25

Assignment
bu ozgaruvchiga qiymat ozgartirish
     son=25

Initalization
ozgaruvchini elon qilish vaqtida birdaniga qiymat berish
int a=5
int b=a
int c= a+b
int a
float b; int a,c;
int c; float b,c;
float d;

Garbage value 
ozgaruchi yaratilsayu unga qiymat berilmasa uning qiymati unixpacyted boladi (4 bayt)


Float
kasr-real sonli ozgaruvchi, lekin butun donlarni ham qabul qiladi va 1.0 korinishiga aylantiradi Nuqtadan keyin 6 ta son aniqligida ishlaydi: 0.123456

Implict coversion

yashirin ozgartirish jarayoni misol uchun int a=1,9 bergabda warning berib ogohlantiradi 

cin
terminalga input malumotni kirtadi

double 
floating data typega mansub-kasr sonli ozgaruvchi

Iomanip
representationni boshqaradigan kutuubxona
❮ ZI ❯ Vim Syntax
Tags: vim, zsh, hacktoberfest, contributorswanted
Published: 2022-04-28 08:52:00

<table align="center" style="align:center;width:100%;height:auto">
<tr><td align="center">
<h3 align="center">
<a href="https://github.com/z-shell/zi">
<img align="center" src="https://github.com/z-shell.png" />❮ ZI ❯ Vim Syntax</h3>

<hr />

<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u5y3wharjzc3dgha9q34.png" alt="z-shell zi" />

</td></tr></table>
<div align="center">

[Wiki](https://wiki.zshell.dev/) | [GitHub](https://github.com/z-shell/) | [Discussions](https://github.com/orgs/z-shell/discussions/) | [Localize](https://crowdin.digitalclouds.dev)

</div>

---
  </a>

</h2>

A Vim syntax definition for [ZI](https://github.com/z-shell/zi) commands in any file of type `zsh`.

---

### Installation

Load as a Vim plugin. E.g. when using [vim-plug](https://github.com/junegunn/vim-plug), add to `~/.vimrc`:

```vim
Plug 'z-shell/zi-vim-syntax'
```

and then issue the `:PlugInstall` command.

---

### Manual Installation

To install the syntax copy the file `after/syntax/zsh.vim` under the path `~/.vim/syntax/after`.

---

### Examples

The default theme:

![plastic](https://github.com/z-shell/zi-vim-syntax/raw/main/docs/images/default.png)

The theme `flrnprz/plastic.vim`:

![plastic](https://github.com/z-shell/zi-vim-syntax/raw/main/docs/images/plastic.png)

The theme `slate`:

![slate](https://github.com/z-shell/zi-vim-syntax/raw/main/docs/images/slate.png)

The theme `murphy`:

![plastic](https://github.com/z-shell/zi-vim-syntax/raw/main/docs/images/murphy.png)

The theme `lucasprag/simpleblack`:

![plastic](https://github.com/z-shell/zi-vim-syntax/raw/main/docs/images/simpleblack.png)
Memo: Specificity from Learn CSS!
Tags: css, beginners
Published: 2022-04-28 08:47:24

## Specificity scoring

Specificity is how the browser chooses which style to use, and how to control this selection.

This article is a memo of I learned from the article below 👇 Please check this article as well ✨(There are some quizes to try your understandings)
[Specificity](https://web.dev/learn/css/specificity/?utm_source=pocket_mylist)

## Points of specificity chart

![specificity cart](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6vkps7d2u1q5u4rcpwu5.png)

## Specificity in context

Points of specificity is added up when they are combined.

```css
// 41 points of specificity
a.my-class.another-class[href]:hover {
  color: lightgrey;
}
```

## Best practice

Generally keeping scores low to prevent complexity.
Best School Portal Found
Published: 2022-04-28 08:45:12

I was totally lost on how to go about getting admission into my dream school until I found this school news portal [studymaterials.com.ng/category/school-news/](https://www.studymaterials.com.ng/category/school-news/) and I was directed on how to apply for admission on virtually all the schools in Nigeria not only that I was equally given [past questions and answers](https://www.studymaterials.com.ng/) to study.
Fixing Yarn errors on vue create app, vue-cli install, the engine node is incompatible with this module
Tags: vue, vuecli, yarn, npm
Published: 2022-04-28 08:26:08

...and similar errors on using vue add axios, vue add router:
I have spent an hour googling this error, reinstalling node, yarn, vue-cli, and had totally no idea why npm install runs yarn install all the time and keeps complaining about everything. I've found this page after my hair turned gray not being able to do a new vue project. 
https://programmerah.com/create-vue-cli-project-and-report-error-command-failed-yarn-37868/

The author's solution helped after all. Big thanks.
"Enter C:/users/administrator/in the windows environment

There is a file . Vuerc

Open this file to display

{
“useTaobaoRegistry”: true,
“packageManager”: “yarn”
}

Just manually change the configuration content yarn to NPM to change the package manager when the project is created"
C++| Variables & Data Types
Tags: beginners, cpp, uzbek
Published: 2022-04-28 08:12:16

Asosiy tushunchalar
- `declaration`
- `assignment`
- `initializatoin`

`declaration` bu o'zgaruvchilarni e'lon qilish
(*qiymat kiritilmaydi*)

`assignment` o'zgaruvchilarga qiymat berish

`initialization` bu *declaration* va *initialization* ning bir vaqtda bajarilishi. Ya'ni o'zgaruvcini e'lon qilish vaqtida unga qiymat berib ketadi.

**o'zgaruvchi har doim chap tarafda turadi**

a = b = c = d; amal o'ngdan chapga qarab amalga oshiriladi. 

**har bir o'zgaruvchi `DATA TYPE` ga ega bo'lishi kerak**

#DATA TYPES

`integer types` (*butun sonlar*)
-short
-long
-int

`real number type` (*kasr sonlar*)
-float
-double

`character type` (*belgilar*)
-char
DevOps Labs
Tags: azdevops, githublabs, learning, azdevopslabs
Published: 2022-04-28 07:59:25

DevOPs Lab YouTube Channel 
https://www.youtube.com/c/devopslabs

**Brief Description about channel**
- Learn DevOps at your own pace
- Guidance for Beginners to Advance DevOps Audience
- Enablement's - Azure DevOps and Github Tools
- Concept video for every Workload
- Hands on Lab Videos demonstrates Implementation
- Playlist are Tagged for Beginners to Advance
- Playlist are Organized Workload Wise
- Github Administration and Action Preparation sessions
- Content is latest and will be updated for Technical Refresh


 **Available Playlist**

-  Beginner – DevOps Concepts
-  Intermediate – Azure Repos and Pipelines
-  Intermediate – Github Repos and Pipelines
-  Advance – Hands on Lab with Github Actions
-  Advance – DevOps for SQL Workloads
-  Advance – DevOps for NoSQL Workloads
-  Advance – DevOps for Modern DataWarehouse
-  Advance – DevOps for Machine Learning
-  Advance - Github Administration Exam Preparation 
-  Advance - Github Actions Exam preparation
React Desing Pattern: Reusable Style
Tags: codesandbox, react, french, designpattern
Published: 2022-04-28 07:30:55

On peut définir le css d'un component de deux manières, la 1er in line et la 2eme avec des classes.

On va donc passer en props, le style ou la classe qu'on veut: 

`const Box = ({ title, styleInLine = {}, classCustom }) `

Pour la gestion des class, c'est là où ça devient intéressant: 
<code>
const classNames = [
    boxStyle.default,
    title === "with condition" ? boxStyle.withCondition : "",
    classCustom
  ]
    .join(" ")
    .trim();
</code>

On va utiliser un tableau dans lequel on va join et trim pour avoir une sortie du genre: 'class1 class2 class3'.

Ensuite on va pouvoir mettre des conditions dans le tableau pour afficher une class ou non:
` title === "with condition" ? boxStyle.withCondition : "",`

Et voilà ! c'est pas compliqué et c'est smart !

{% codesandbox u076i5 %}
TWEET ANALYSYS ALGORITHM
Tags: algorithms
Published: 2022-04-28 07:24:27

The algorithm takes as input a sample space of ‘n’ predefined number of tweets. It also takes the highest trending ‘x’ number of trends. The output of running the algorithm is the tweets of the sample space ranked with a deceasing description index.

The algorithm also uses two dictionaries. The first dictionary contains the list of the words, which have less significance to the content description and are more grammatical tools, namely articles, prepositions and conjunctions. The second dictionary consists of all common nouns, adjectives, adverbs, verbs and their derivatives. The former will be called ‘filter’ and the latter ‘cnfilter’ hereon.

The used sample space is placed in a file, separated by an end of tweet character, like ‘%%’. Once the tweets are acquired, the frequency of every word that is used in the file containing the tweet sample space is found. This would exclude the ‘#’ tags and the ‘@’ tags. The URLs in the tweets are also ignored while finding the frequencies. Hence the list of words and their corresponding frequencies is prepared and stored.

It is now to check for association of the highest trending tweet with the other high [trending tweets](https://wotrends.com). Tweets about the same event, or person, hold useful content and can be assumed to contain more relevant data. The tweets with a high trending hashtag along with the highest trending hashtag for the second time are used to collect the frequency so as to update the previously generated frequency table.

Once the frequency list is obtained we perform a rating on the words to find its weighted score. This weighted score is used to get the cumulative score of each tweet, which can be used to rank the tweets according to its content relevance.

Also proposed is a way to learn from the newer tweets about the hashtag and get more accurate tweet ranking.
Linting Ruby right in Neovim
Tags: vim, ruby, productivity
Published: 2022-04-28 07:18:05

---
title: Linting Ruby right in Neovim
published: true
tags: vim, ruby, productivity
---

![](https://vasily.polovnyov.ru/assets/vim-ale.jpg)

For Vim to lint the current file in the background and show errors directly in the editor, you need to do these three steps:


1\. Install [ALE](https://github.com/dense-analysis/ale) (async code checker with Language Server Protocol support).

2\. Setup it:

```vim
" What do we use for linting
let g:ale_linters = {
\ 'javascript': ['eslint'],
\ 'ruby': ['rubocop']
\}

let g:ale_linters_explicit = 1

" Lint Ruby files with binstub
let g:ale_ruby_rubocop_executable = 'bin/rubocop'

" Tune linter's error and warning signs
let g:ale_sign_error = '\u2022'
let g:ale_sign_warning = '\u2022'

" Let's leave a column for the signs so that the left side of the window doesn't move
let g:ale_sign_column_always = 1
```

3\. You're beatiful!
Xe nâng hạ JCT
Published: 2022-04-28 06:47:33

JCT Việt Nam là đơn vị hàng đầu cung cấp các loại xe nâng hàng forklift, xe nâng người, xe cẩu và nhiều loại xe công trình khác. Chúng tôi có đủ dịch vụ từ bán xe, linh kiện thay thế, dịch vụ cho thuê, dịch vụ sửa chữa tận nơi. Với hơn gần 10 năm kinh nghiệm, JCT Việt Nam đang là công ty dẫn đầu thị trường về chất lượng sản phẩm và dịch vụ. Đến với JCT Việt Nam, khách hàng chắc chắn sẽ hài lòng.
#jctvietnam #xenanghajct #xenanghajctvietnam
Thông tin liên hệ:
Website: https://xenangha.com 
Fanpage: https://www.facebook.com/jctvietnam/ 
Địa chỉ: 368 Nguyễn Văn Linh, Long Biên, Hà Nội
Hotline: 0943579111
Email: minh.neo31@gmail.com"
C++ Variables
Tags: cpp, programming
Published: 2022-04-28 06:39:57

##Data types
###Int:
 - short,long,Int(butun sonlar);
##Real number:
- float,double(kasr sonlari);
##Character:
####char(belgilar)
  - int age=18
  - cout << age+5*26 << endl; (148)

##Declaration
 - bu o'zgaruvchilarni e'lon qilish;
  - int son;

##Assignment
 - bu o'zgaruvchiga qiymat o'zgartirish

##Garbage value
 - o'zgaruvchi yaratilsa-yu unga qiymat berilmasa, uning qiymati unexpected bo'ladi (4 bayt)

##`float`
 - kasr- real sonli o'zgaruvchi ,lekin butun sonlarni ham qabul qiladi va 1.0 ko'rinishiga aylantiradi. Nuqtadan keyin 6 ta son aniqlikda ishlaydi: 0.123456

##`Implict coversion 
 - yashirin o'zgartirish jarayoni, masalan int a=1,9 berganda warning berib ogohlantiradi, ya'ni yashirin o'zgartirish jarayonida compiler butun sonli o'zgaruvchi borligi tufayli 1,9 ni 1 deb qiymatini o'zgartirayotganligidan userni ogohlantiradi.

##`cin`
 - terminalga input ma'lumotni kiritadi.

##`double`
 - floating data typega mansub - kasr sonli o'zgaruvchi.(8 bayt)

##`Iomanip`
 - representationni boshqaradigan kutubxona
Getting Started With ES6
Tags: javascript, beginners, ebook, webdev
Published: 2022-04-28 06:17:41

Hey All 👋👋👋

I started writing a series of articles on **JavaScript ES6 Concepts** a few months back and got an amazing response from all. By far, I have published three articles in this ES6 series which crossed **20k+** views in total. And I'm really thankful to all who took their time to read the articles.

As overwhelmed by the response, I decided to compile these articles into an e-book so that It'd be easy for people to read and refer when they need it. This e-book contains a compilation of my previous three articles and one more extra chapter on Intro to ES6.

![cover](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dz1686qxw40wcg7rith3.png)
 
These are the topics I'm going to cover in my e-book :-

![table of contents](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pvhzfj9tig3ww2j2jr81.png)

Glimpse of the first page :-

![first page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9ztzoe1hp9387vttyzkk.png)

Oh! Did I forget to tell you that this e-book is completely free 🤩🤩🤩

I've put more than three months to complete this e-book so I'd really appreciate if you share this with others tagging me in twitter [@thecoollearner](https://twitter.com/thecoollearner) :)

Here's the link to the book - [Get the e-book !!! ](https://thecoollearner.gumroad.com/l/getting-started-with-es6)

Happy Learning :)

[Alok](https://twitter.com/thecoollearner)
Land your dream UI/UX Designer job
Published: 2022-03-26 11:29:38

Hi everyone!
A UX/UI DESIGNER here. I am starting a tutorial where I'll be teaching you how to design beautiful UI elements and incorporate them into your web app and mobile apps. This tutorial will be text-based, and beginner-friendly. You don't need to have any experience with any software tools and designer terms in general. I'll be covering everything you need to know to become a UI/UI Designer and land your dream job. So what are we waiting for? 
Let's get started.

go to browser and go to figma.com 
click on sign up button
a pop up appears here type your email address and your password and click on create account button
here you also have an option of continuing with google
a pop up appears type your name and select what kind of work you do
and then select for personal use from "How will you primarily use figma?"
and then click create account
a pop up appears which asks you to verify your email
go to your email and verify your email.
when you verify your emial, you'll be taken to figma main page.

figma canvas, toolbar section, how to design shapes

square R shape or circle O shape or triangle shape or arrow Shift + L shape or line shape or star shape
create all these shapes with the help of shape tools

select shapes with move option from move tools menu

two types of vector selection 1. normal selection 2. vector selection
how to go into vector selection mode and come back into normal selection
how to increase/decrease sizes of shapes(2 ways to increase/decrease) in move mode
how to increase/decrease sizes of shapes in scale mode OR differ between move and scale
delete shapes with delete buttoon
change angels of shapes and make corners smooth
use of independent corners
top left top right bottom right bottom left
these circles are calles vector points(when you enter vector mode)
click CTRL and move your mouse wheel to zoom in or out
in vector mode, many vecotor points are created when you hover
click shift to apply effects to more than one vector points

use arc property to edit a circle
start,rationa and sweep will only appear in right window when you use arc property

change thickness, start point, end point, color of arrow in stroke option on right side
use of advanced stroke settings OPTIONS stroke style dash gap dash cap miter bevel round of join miter angle

creating new point(i mean vector point on arrow) in vector mode. It's possible with all shapes. use escape key to get rid of new vector point. to use new point, first go to move mode from pen mode
line shape is similar to arrow shape in normal selection mode
use of bend tools with line in vector mode

corner radius, count and ration on stars
change polygon sides, and radius

That's all for shapes.
Humor is a great way to discover and enjoy programming so I built ProgrammerHumor.io
Tags: webdev, beginners, programming, showdev
Published: 2022-04-28 06:01:28

#[ProgrammerHumor.io](https://programmerhumor.io)

What programmers find humorous is quite limited and for me personally, I sometimes discover new technologies via Programming Memes.  I've seen a lot of memes about Golang, Javascript Frameworks, Rust, Flutter which has led me to look deeper into those technologies and sometimes even try them out.

And if humor can lead you to discover new technologies and peak your interest in a new language or framework, then I think it's definitely worth it.

![Screenshot of ProgrammerHumor.io](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p0a34f9e8xevlsc7pv5f.png)


The site carries memes, comics, and other content that we as programmers find funny. The website is updated regularly with new content. 


#### The site has a variety of sub-categories that you could drill down into. 
![ProgrammerHumor.io has a variety of sub-topics that you could explore](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r0griwxvyddf1unth4d8.png)
 

Any feedback is welcome 👐🏼! 

And have an amazing day 🚀.
How to Free Ads Posting Classifieds work and how they benefit you?
Tags: freeclassifiedadswebsite, classifiedsubmissionwebsite, freeclassifiedsubmission, freeadspostingclassifiedsads
Published: 2022-04-28 05:44:51

This is yet another SEO technique that may assist in increasing the rank of a term in search results. These advertisements are displayed on third-party channels and include links and other pertinent information about the website and company that you are marketing. There is only one drawback to this. The advertisements are displayed for another few days before being removed. As a result, you must compensate the party on a regular basis.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hgijor17k1uxl4xfkdu7.jpeg)

Aside from being a little pricy,[ Free Ads Posting Classifieds ads ](https://adtopush.com/)is a great way to promote yourself online. The proprietor must please remember that the ad ought to be brief and to the point. Your concept should indeed be framed inside the confines of the space allotted to you.

Make careful [Free Classified Ads Website](https://adtopush.com/) to include all pertinent information without clogging it up. If you understand what is categorized submission in SEO, your business will grow unstoppably. All novices should discover what classified submission is when they want to invest in the appropriate SEO methods.

**Types of Classified Submission Websites:
**
Ad Posting Classified Websites are another name for Classified Submission Sites. When it comes to the many sorts of Classified Submission sites, they are separated into two groups. Let’s take a closer look at the many kinds of Classified Submission Sites.

**Sites for Free Classified Submission:**

Free Classified websites are where you may submit advertisements for your business, product, services, enterprises, goods, and merchandise at no cost, as the name implies. Due to their ease of use and abundance of decent ad postings, Free Classified Submission Sites are immensely popular.

It is one of the finest ways for novices to begin advertising their items in order to increase the development rate of their business without making a large expenditure. However, many huge corporations and organizations choose to promote their products only through free Classified websites.

**Paid Classified Submitting Websites:**

When it comes to paid Classified Submission Sites, these are the branded classified websites that provide you with one of the best options to showcase your company’s products and services. Because of the large online exposure on paid Classified Submission Sites, you will gain more consumers.

Large corporations always use Paid Classified Submission Sites to meet all their ad posting needs and to maximize earnings. Paid Classified Submission Sites, on the other hand, maybe quite beneficial in the formation of small enterprises.

Read More: [https://www.joinarticles.com/how-to-free-ads-posting-classifieds-work-and-how-they-benefit-you/](https://www.joinarticles.com/how-to-free-ads-posting-classifieds-work-and-how-they-benefit-you/)