teleren/devto huggingface dataset:
PENTING NYA VIRTUAL OFFICE UNTUK PERUSAHAAN START UP
Tags: virtualoffice, pendirianpt, pendiriancv
Published: 2022-06-28 06:48:37

Halo teman teman bagaimana kabar kalian. Semoga baik baik saja ya. pada kesempatan yang baik ini aku akan berbagi ilmu dengan kalian semua. sebelum aku mau tanya terlebih dahulu apa yang dimaksud dengan kantor virtual? Pasti kalian banyak yang belum mengerti mengenai kantor virtual atau yang mulai dikenal dengan virtual office.

Pengertian kantor virtual / virtual office adalah virtual office adalah kantor visual jenis kantor sewa non fisik yang berlokasi didaerah perkantoran, dapat digunakan sebagai alamat legal bisnis dan mendapatkan fasilitas dari sang provider. jika anda ingin mendirikan badan usaha berbentuk pt / cv atau yang lainnya. anda harus memiliki alamat sebuah kantor untuk persyaratan dalam pembuatan badan tersebut. tentu saja anda selaku penyewa mendapatkan layanan seperti operasional kantor contohnya mengatasi surat anda yang datang ke kantor, telepon yang masuk ke nomor perusahaan anda dan fasilitas resepsionis yang siap menyapa calon klien penyewa virtual office. jangan biarkan uang kamu sia sia terbuang karena harus menyewa sebuah kantor. Biaya operasional kantor yang tergolong sangat lah tinggi mulai dari listrik, karyawan, sewa Gedung dan infrastruktur jika ditotal puluhan juta bahkan ratusan juta. tentu saja biaya yang besar ini cukup menyulitkan usaha rintisan atau start up. Kalian bisa menjalankan perkantoran tanpa harus memiliki kantor fisik sendiri dengan biaya sekecil mungkin.

Simplenya adalah punya kantor tanpa memiliki bangunan sendiri dan masih bisa menjalankan operasional kantor.

**

##** Keuntungan virtual office / kantor virtual**
**

- Menghemat ratusan juta rupiah dari operasional kantor
- Meningkatkan kepercayaan klien bisnis anda & gengsi perusahaan
- Menjadi kantor pusat
- Alamat virtual office dapat digunakan untuk syarat alamat kantor pendirian badan usaha PT CV atau yang lainnya. sekarang kita tidak bisa menggunakan alamat rumah sebagai alamat badan usaha. oleh karena itu sekarang ada namanya virtual office atau kantor virtual yang siap membantu urusan perkantoran kamu .

Salah satu kerugian dari penggunaan kantor virtual adalah kurangnya interaksi antar staf dengan pimilik usaha sehingga membuat rasa kebersamaan menjadi berkurang.
namun jika kalian pelaku usaha rintisan atau startup saya sarankan untuk segera menggunakan fitur virtual office untuk menghemat pengeluaran usaha anda hingga puluhan juta bahkan ratusan juta kalian wajib sewa virtual office . contoh virtual office / kantor virtual diJakarta adalah https://www.virtualkantor.id/ Murah dan pelayanan cepat.

Bagaimana sudah paham mengenai kantor virtual / virtual office. semoga paham yah, kalian juga bisa tanya tanya gratis mengenai jasa virtual office.

sumber :https://www.virtualkantor.id
How to add dark mode (Color theme)
Published: 2022-06-28 06:46:10

## Operating System
In Mac, you can choose your color theme:
System Preferences --> General --> Appearance

###The prefers-color-scheme CSS media feature is used to detect if the user has requested a light or dark color theme.

Syntax example:
```
@media (prefers-color-scheme: dark) {
  .day.dark-scheme   { background:  #333; color: white; }
  .night.dark-scheme { background: black; color:  #ddd; }
}

@media (prefers-color-scheme: light) {
  .day.light-scheme   { background: white; color:  #555; }
  .night.light-scheme { background:  #eee; color: black; }
}
```
Result: https://yari-demos.prod.mdn.mozit.cloud/en-US/docs/Web/CSS/@media/prefers-color-scheme/_sample_.examples.html


### Change to dark mode manually(such as switch toggle) using ‘class’ strategy in Tailwindcss

First, add "dark:" before the class you want in dark mode
```
 <div class="bg-white dark:bg-black">
    <!-- ... -->
  </div>
```

Then, in tailwind.config.js, add
```
module.exports = {
  darkMode: 'class',
  // ...
}
```

Resources: 
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

https://tailwindcss.com/docs/dark-mode
What are the best features of Agra Etawah Toll Road Project
Published: 2022-06-28 06:42:16

To build, operate, and maintain the Agra Etawah Bypass NH 2 Project, the NHAI and AETPL (AE Tollway Private Limited) (a Concessionaire), an SPV of IRB Infrastructure Developers Ltd., entered into a Concession Agreement on September 1, 2015. The Project's concession period extends much beyond the Appointed Date. During this time, the concessionaire is allowed to collect the recommended client expense from the traveling public.

AETPL was given permission to expand a 124.52 km section of NH 2 in Uttar Pradesh from four to six lanes on a BOT or DBFOT basis.

The section of NH 2 from kilometer 199.66 to km 323.525 is part of the Agra Etawah Toll Road Project.

The Features of the project are listed below:
124.52 kilometers of six-lane highway
750 Lane km
Administration road for 84.725 kilometers
Slip road length of 30.282 km
three important expansions
thirty small expansions
7 overheads
Seven rail route overpasses
3.08 km obstacles due to commotion
44.68 km of the route are illuminated by streetlights.
214 classes
twelve automobile underpasses
10 light-duty underpasses
6 pedestrian underpasses
In 164 convergences
4 truck stoppages
22 straight transport lanes
2 toll-expense courts - acceptable FASTag
The project's cost is Rs. 3,244 Cr.
The concession period is 24 years.

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

Passageway portrayal:

The busy National Highway 2, also known as the Delhi-Kolkata Road, passes through the states of Delhi, Haryana, Uttar Pradesh, Bihar, Jharkhand, and West Bengal.


The Agra Etawah Toll Road Project is crucial for the NHAI's most ambitious and well-known Golden Quadrilateral project. The road project passes through the Uttar Pradesh cities of Agra, Firozabad, Mainpuri, and Etawah. The course covers significant urban areas in Agra, Etmadpur, Firozabad, Shikohabad, Jaswantnagar, and Etawah.

With the Taj Mahal, Fatehpur Sikri, and Red Post as three world-famous landmarks, Agra is a prominent location on the map of the travel industry. The fourth world-famous attraction is the bird sanctuary at Bharatpur National Park. Itmad-ud Daula's final resting place and Akbar's Tomb in Sikandra have both been suggested as potential world legacy sites.

**[Agra Etawah Toll Road Project](https://www.youtube.com/watch?v=DucTK7ejEg0)**
React JS is the most favored Front -end Technology for startups why?
Tags: webdev, programming
Published: 2022-06-28 06:40:21

React JS is the most well known and preferable UI framework which guarantees an enjoyable user experience . Most entrepreneurs use React JS as it helps in increasing conversion rates and provides more options to the users. React JS is a less complicated front -end framework compared to others like Vue and angular. for more information click on the following link given below.
https://www.ranktracker.com/blog/why-react-js-is-the-most-favored-front-end-technology-for-startups/
Snooker Table | Pure CSS
Tags: codepen, css, tutorial, beginners
Published: 2022-06-28 06:34:11

In today’s tutorial, I finished creating a Snooker Table (different than a Pool & Billiards Table with CSS. This is a Snooker Table using `keyframes` to move the stick, hit the balls & have them go to multiple pockets. Though this is just a fun tutorial, you can practice CSS art to improve your CSS skills. CSS art has been a fun way for me to learn new properties and improve my CSS skills. I have a bunch of CSS art tutorials that are Batman inspired. You can check them out [here](https://codepen.io/rembertdesigns).

For this tutorial, all we need is some basic HTML and CSS.

{% codepen https://codepen.io/rembertdesigns/pen/mdxdbMv %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

https://www.buymeacoffee.com/rembertdesigns

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
“I Want to Learn Programming, but I Don’t Know Where to Start”: Your First Steps in Becoming a Programmer
Published: 2022-06-28 06:29:28

The IT career field will be booming in the next few years with lots of opportunities in 2024, and because everything is becoming more technological, it's a good idea to learn to program now if you would like to make a career out of it there are lots of online courses that you can enroll in, and you can watch a lot of videos and learn from them. 

![Uploading image](...)

**Reasons to Learn Programming

**Once you figure out why you want to learn to program, it's easier for you to commit to the course once you figure out what you want from the course. For example, you want to develop an app, or you want a good job, or you want to have fun with it.
Develop Tech Skills and Creativity
There are numerous opportunities to learn new skills and solve problems in the tech world. It can be challenging and more creative to meet all your challenges. Learning programming can be a lot of fun, and you learn many things. Programming will make you unstoppable and much more employable.

**More or Better Job Opportunities**

As the need for programmers in the marketplace is very high, there are a lot of new jobs available in the upcoming years of 2024, and there will be a high demand for programmers, so now is the time to learn to program if you are ready for a rewarding career. There are now 24 million developers, and there will be 28 million in 2024.

**Entrepreneurship**
Some programmers prefer the self-employment path due to their love of coding and the vast number of choices open to them: they can work as a freelancer for related website development, build a mobile application or start a business anywhere in this world.

**Desire to Create**


The majority of the people begin their career in programming to create something amazing by using their own skills using developer skills to create their own websites and apps. Owning your own vision is the best ability to take part in the programming industry if you have powerful work skills and can create new things from the ground up.

**How to Choose the Programming Language to Start With**

Choosing what programming language to learn depends on your goals and what you desire. If you want to learn web development, the best language to learn is JavaScript; if you want to create incredible applications, learn Java. So, depending on your goals and what you wish to create, you can decide on the best programming language.

Many people decide on the Java language since it is a very popular language to learn. Java is the most popular language for creating whatever you want, and that's why it's the perfect profession for someone starting out.

**Ways to Learn the Chosen Language**

Once you have determined what programming language you would like to learn, find the best online courses that you want to master, so make sure whatever you select for the courses is focused on first understanding the concept and not just reviewing codes; that is the best way to learn.
How to Get Difference Between Two Dates in PHP?
Tags: webdev, tutorial, php, programming
Published: 2022-06-28 06:29:28

Do you want to calculate difference between two dates in php? I mean difference between two dates in days, months, years using php. if yes than i will show you to php get difference between two dates using strtotime(), abs() and floor().

We may sometime require to get difference between in php for your application, even if you use any php framework like laravel, codeigniter, wordpress but you can use code php code anywhere. So you can see following lessons.

Bellow lessons will help you to calculate difference between two dates in php lesson.

I will give you one by one simple lesson of following definition.

1) PHP Calculate difference between two dates in days

2) PHP Calculate difference between two dates in months

3) PHP Calculate difference between two dates in years

## [learn more](https://freecoder.co/post/how-to-get-difference-between-two-dates-in-php-6895)
Make your Git Commit Messages better
Tags: github, programming, productivity, git
Published: 2022-06-28 06:21:04

Have you wondered how the make awesome commit messages in open source projects?. Here’s how you can also make your git commit messages better
I am huge fan of[ Angular](https://angular.io/) and digging through the contribution guidelines of the project I found a specific pattern, and after a brief search I came across this guideline called [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/), they say

> A specification for adding human and machine readable meaning to commit messages

![whats special](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iheegmskpap2dlg4l26x.gif)

so whats special here?

The idea is to organize your commit messages, by using a standard specification, and your commit message would look somewhat like this

```
<type>[optional scope]: <description>

[optional body]

[optional footer(s)]
```

The commit contains the following structural elements, to communicate intent to the consumers of your library:

1. fix: a commit of the type fix patches a bug in your codebase (this correlates with PATCH in Semantic Versioning).
2. feat: a commit of the type feat introduces a new feature to the codebase (this correlates with MINOR in Semantic Versioning).
3. BREAKING CHANGE: a commit that has a footer BREAKING CHANGE:, or appends a ! after the type/scope, introduces a breaking API change (correlating with MAJOR in Semantic Versioning). A BREAKING CHANGE can be part of commits of any type.
4. types other than fix: and feat: are allowed, for example @commitlint/config-conventional (based on the the Angular convention) recommends build:, chore:, ci:, docs:, style:, refactor:, perf:, test:, and others.
5. footers other than BREAKING CHANGE: <description> may be provided and follow a convention similar to git trailer format.
6. Additional types are not mandated by the Conventional Commits specification, and have no implicit effect in Semantic Versioning (unless they include a BREAKING CHANGE). A scope may be provided to a commit’s type, to provide additional contextual information and is contained within parenthesis, e.g., feat(parser): add ability to parse arrays.

Now why should I use this? …

- Automatically generating CHANGELOGs.
- Automatically determining a semantic version bump (based on the types of commits landed).
- Communicating the nature of changes to teammates, the public, and other stakeholders.
- Triggering build and publish processes.
- Making it easier for people to contribute to your projects, by allowing them to explore a more structured commit history.


![easy commits](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4lr4aw2ug14xj76d04bc.gif)

It sure has made my life easy  while merging code, and boarding new people to the team.

**_Happy Coding!!_**
GameBoy Color | Pure CSS
Tags: codepen, css, showdev, beginners
Published: 2022-06-28 06:13:19

In today’s tutorial, I finished creating a Gameboy Color with CSS. This is a multi color Gameboy using `keyframes` to change through colors of my favorite Gameboy's over the years. Though this is just a fun tutorial, you can practice CSS art to improve your CSS skills. CSS art has been a fun way for me to learn new properties and improve my CSS skills. I have a bunch of CSS art tutorials that are Batman inspired. You can check them out [here](https://codepen.io/rembertdesigns).

For this tutorial, all we need is some basic HTML and CSS.

{% codepen https://codepen.io/rembertdesigns/pen/xxWKvrZ %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

https://www.buymeacoffee.com/rembertdesigns

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Why javascript is a badass?
Tags: javascript, webdev, beginners
Published: 2022-06-28 05:58:20

Javascript has been making the web crazy and is a very essential part of our daily lives. It is already doing great stuff for a long time. If you are a web developer you have probably used nothing else more than javascript. But it is not limited, the future is very interesting.

Javascript was not meant to do all the stuff which we see it doing. It was just supposed to run in the browser. Frontend development itself evolved a lot. All the cool frameworks we see use a lot of javascript. And if you're a frontend developer, it's everything for you!

Nowadays, we see javascript running on the server-side. You probably know about node, which is around for a while now. Node helped developers to just know one language and code both frontend and backend. You can easily be a full-stack developer if you know javascript.

And this is a lot in demand. MERN, MEVN, and MEAN are quite popular and you can see a lot of people doing those. This has become the new basic, and we can see many major companies hiring for this. A huge number of projects depend on javascript!

This is something that is very common, but there is a lot more happening with javascript. This is all because of the popularity it gained over the years. Javascript is not limited to just the web. You can do a lot and lot more now!

Native Development: There are a lot of frameworks evolving that allow you to develop native android and ios applications. React native and vue native are examples of that. This makes it very easy for a web developer to even switch to native anytime.

You can even convert an existing web application to a native one with the help of Cordova and Ionic framework. This is really interesting and a lot of fun. You don't need to know java or Kotlin for making an Android or IOS app!

AR/VR: There is a lot going in this domain, it has been in hot topics for a while. And yes, it is possible with javascript. There is a lot of improvement happening every moment. The support is increasing day by day. So if you know javascript, you can probably try this too!

ML/AI: We have come far in this domain. TensorFlow js is a great and a very popular library for Machine Learning in javascript! There is a lot of new stuff happening in this domain as well, and very frequently.

It seems like a person can do many things and explore other popular domains with javascript. It's great to learn and again the scope is not limited. With all this happening, it can be assumed that the future of javascript is going to be great and very exciting.

Thank you so much for reading, I hope you liked it.
If you have any questions or suggestions, please leave a comment below or feel free to reach out.
How to Check Incognito History and Delete it in Google Chrome?
Tags: chrome, incognito, googlechrome, incognitohistory
Published: 2022-06-28 05:38:56

## How to see incognito history?

Below are the steps mentioned to see the incognito history, Follow them properly.

Step 1: Open a **command prompt (administrator)**, by searching it in the search box.

![command prompt (administrator)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4op1gl9gg1ylncy9c7pc.png)

Step 2: Type command `ipconfig /displaydns` to **see a DNS cache history**.

![ipconfig /displaydns](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ky9ty6o1k4mm5v2yblhy.png)

Step 3: Now you can see the detailed information about websites which are recently visited and didn’t show up in history.

![history shown](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nrccg7osrr9bj39g9jlr.png)

## How to Delete Incognito History?

To delete that history, you have to perform the following steps:

Step 1: Open Command prompt as mentioned above

![command prompt (administrator)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4op1gl9gg1ylncy9c7pc.png)

Step 2: Type command `ipconfig /flushdns` to **clear the DNS**.

![ipconfig /flushdns](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u3ocyh2bngnt5f27yeqi.png)

Step 3: This will **flush the DNS entries** and now **nobody can view websites** that you’ve visited.

![flushed the DNS entries](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qegcb0ep6l0lfrt0y8vj.png)
Update all the Node.js dependencies to their latest version
Tags: node, npm, webdev, javascript
Published: 2022-06-28 05:18:09

## How Packages Become Dependencies

When you install a package using `npm install <packagename>`, the latest version is downloaded to the `node_modules` folder. A corresponding entry is added to `package.json` and `package-lock.json` in the current folder.

npm determines the dependencies and installs their latest versions as well.

To discover new package releases, use `npm outdated`.

Some of those updates are **major** releases. Running `npm update` won't help here. Major releases are never updated in this way because they (by definition) introduce breaking changes, and `npm` wants to save you trouble.

## Update All Packages to the Latest Version

Leveraging [npm-check-updates](https://www.npmjs.com/package/npm-check-updates), you can upgrade all `package.json` dependencies to the latest version.

**1.** Install the `npm-check-updates` package globally:

```bash
npm install -g npm-check-updates
```

**2.** Now run `npm-check-updates` to upgrade all version hints in `package.json`, allowing installation of the new major versions:

```bash
ncu -u
```

> **Note ⚠️:** A slightly less intrusive (avoids a global install) way of doing this if you have a modern version of npm is:
>
> ```bash
> npm install npm-check-updates
> ```
>
> And then run the update command.
>
> ```bash
> npx npm-check-updates -u
> ```

**3.** Finally, run a standard install:

```bash
npm install
```