teleren/devto huggingface dataset:
How long does it take to learn C++ coding on an average level?
Tags: beginners, cpp, programming, productivity
Published: 2022-11-09 04:26:05

C++ is a powerful language that many successful programmers chose and still choose. These days there are many programming languages that are easy to learn and fast to apply but it all hinges on the goal we want to achieve to choose a programming language even now as their first language to learn competitive programming as it offers many edges over Java and Python though it’s a bit hard to know comparatively.

Coding is about how efficiently we can process and implement our logic. However, if you are well-versed in one programming language then it eventually becomes easier to learn any other language and even to learn new skills.

So, if you’re completely new to programming, it’ll take at least 3 months to learn C++. That’s working at least 2 to 3 hours each day. However, if you’ve programmed before, working at least an hour a day, it’ll take 1 to 3 months to grasp the basics.

And if you want to build mastery in C++, it’ll take at least 2 years.

Like any programming language, you need to know how to:

declare variables
collect user input
store information
repeat an action through loops
write functions to repeat blocks of code
These are standard.

The reason C++ takes a much longer time to learn is because of its quirks.

Things like:

Memory management
Reference and Pointers
Standard template library
Threads and handling exceptions
These are powerful concepts to master. But they’ll have you banging your head on the wall.

Over and over.

And after learning them, it doesn’t mean you’re done. As with any language, there’s always something more to learn.

In C++, the more you learn, the more things you see that you don’t know.

And that’s it! My answer swaddles up all the important points you need to take note of to learn C++ in 2021. The new world got updated with screens in watches to use any time that is exceptionally portable doesn’t mean you will throw your PCs away. Old is real. It doesn’t lose its market anytime soon. Grab your books and courses and brush up on your skill set right now!

Hope this helped you!
Productive Things You Can do in Your Free Time or When Bored Spend Your Free Time Learning!
Published: 2022-11-09 04:12:21





Spend Your Free Time Learning Interesting Things With These 8 Activities. It's all too easy to lose track of time while playing games on your phone or socialising with your pals. investing your time more wisely will reap greater rewards in the long run.



#1 - Read a good novel or a book on personal growth.



Make a free-time reading list and refer to it whenever you have a few hours to spare. Reading broadens your horizons and keeps you informed.



#2 - Write/Blog/Live Tweet



Even if you don't have any, writing is a great way to pass the time. Do it for enjoyment, to hone your writing skills, and to feed your imagination. Guest blog about whatever you're enthusiastic about and know a lot about.



#3 - Learn a new language



Consider how many French films you'll be able to watch without needing to read subtitles. You've certainly heard this before, but being multilingual has numerous cognitive, social, and professional advantages.



#4 - Take a course



Even if your degree reads MBA, you can always enrol in a free academic class to further your enthusiasm for philosophy. Many prestigious universities, like as Harvard, MIT, Yale, and others, offer courses in this area.



#5 - Sharpen your brain and memory



Choose any game from an excellent online resource like Lumosity.com or Fitbrains.com by Rosetta Stone. 92 Logic Games and Left Vs Right are two examples of app-based games.



#6 - Cooking!



Cooking should be viewed as a stress-relieving hobby rather than something you must do every day. Take advantage of the opportunity to re-create certain childhood favourites.



#7  - Star-gazing and astronomy



Stargazing will feed your existential preoccupations and amorous side. For that special someone in your life, name a star using an online service. Become an astronomy buff by subscribing to NASA's newsletter.



#8 - Volunteer



Make a yearly list of the items, talents, and activities you wish to accomplish and tick them off one by one whenever you have free time. Check out volunteer opportunities on your campus, at your school, or in your neighbourhood to see where you can help.
Working with Jest Framework
Tags: webdev, javascript, beginners
Published: 2022-11-09 04:09:44

Which testing framework/tools did you choose? Why did you choose them? Provide links to each tool and briefly introduce them.
How did you set them up in your project? Be detailed so that other developers could read your blog and get some idea how to do the same.
What did you learn while writing your test cases? Did you have any "aha!" moments or get stuck?
Did your tests uncover any interesting bugs or edge cases?
What did you learn from this process? Had you ever done testing before? Do you think you'll do testing on projects in the future?

> Jest Framework

For this week's lab, I decided to use [Jest](https://jestjs.io/) for testing my repository. I decided to use jest instead of mocha (a more established framework), due to how you can easily gain a report regarding how much of my files is being covered using the "coverage" option.

> Bugs

There was only a single bug I found while testing, and it's merely the way that the MarkDown's syntax for a heading includes a "#" before the phrase that wants to be converted into a title. My code uses the syntax where there is a "#" from before and after the phrase, which causes it to not work as intended.

> Learning Experience

Testing was covered a few semesters back for one of my web courses, and I never understood their importance. I mean if you're going to write your code, why bother testing them if you know it's already working as intended? However, learning through what test is actually about, and realizing that sure I write my code, and sure that I'm 99.9% sure that it works as intended, but it doesn't mean that it will always work correctly in the future. What I remember from the lecture is that regardless of how perfect your code is currently, it doesn't meant that it will stay the same when it's being updated.

What took me a while to understand is how to find the right value for the [matchers](https://jestjs.io/docs/using-matchers). I first thougt to myself that adding the entire output is the best choice of action, but I then realized that it's very inconsistent. Therefore, I decided to use ReGex, and it made my life much easier. 

The one I'm stuck on, and still is, is figuring out how to test a funciton that does not return any values nor contains functions within it.

Realizing how important it is to write a test, I will make sure that any future projects I create will include not just eslint, prettier, but also a test to ensure that my code works as greatly as possible
Phone Apps I Think Everyone Should Use!
Published: 2022-11-09 04:04:56





Trust me... You'll download most of these after watching this.



The apps I'm going to show you here are highly curated, filtered and quality ones which are not giving me any money to say about them. None of them sponsored this, and I make no money from this video, so I have pure and unbiased opinions on all of these.



#1 - Mint



The best app I've ever seen when it comes to money management. It's simple and does not give you too many features and calculations you don't want. The UI it has is amazing and I'd recommend to everybody who has money.



#2 - Snapseed



The app lets you edit images through your mobile phone. It has all the advanced features you get from other image editors like GIMP and photoshop.



#3 - VLLO



Unlike other mobile phone video editors, this app does not show you any ad while editing, or watermark after exporting. It's also PRO enough to make me feel at home as an advanced video editor.



#4 - Memorigi



This is probably the most producticity-focused app of all the ones mentioned here. It's not a project management app, and at the same time, not a complete daily task/project to-do list app. It just helps you keep some stuff in mind, and that's it.



#5 - BitWarden



Open-source, password manager allows users to save their passwords, card numbers, Identity, security note, and so on, all through a simple digital vault. It's reliable and efficient considering that it's open source and you know that nobody is seeing your data.
Animate cards with zoom-in effect on picture
Tags: tailwindcss, tutorial, css
Published: 2022-11-09 04:02:32

tldr; Had fun adding a zoom-in effect on card on hover

Tailwind playground: https://play.tailwindcss.com/CtxpncROJ9

## Challenge

1. Have the image "zoom-in" on hover
2. Have the wrapper scale down on hover to intensify the zooming in effect
3. (when adding text) Keep the text position in card to avoid too much movement

## How I did it

It really all comes down to those classes: `duration-300 ease-linear hover:scale-[98%] hover:[&>img]:scale-110`

Here, we set:
1. transition duration with `duration-300`,
2. the transition timing function with `ease-linear` and,
3. the hover behavior with `hover:scale-[98%] hover:[&>img]:scale-110`

Note: `[&>img]` is an arbitrary value. It allowed me to target the child `img` from the container and apply the scaling up for the zoom effect.

### Adding text to the card

One restriction here is, I didn't want to text to scale down with the whole card because too many things would be moving.

To tackle that:
1. I added a wrapper around `img` that would scale down when the card (main container) is hovered with the mouse,
2. the title is absolutely positioned relatively to the main container,
3. the arbitrary values slightly change as now, we introduced an extra layer: `hover:[&>div]:scale-[98%] hover:[&>div>img]:scale-110`

Without text, we could target `img` directly but now, we want the scale down to be applied on the image wrapper, thus `[&>div]`, and the scale up on the image inside which results in `[&>div>img]`

**That's it! Thank you for reading and let me know in comments if it could be improved 👋**
How to Get Started with the Blazor Pivot Table Component
Tags: webdev, csharp, dotnet, blazor
Published: 2022-11-09 03:45:43

Learn how easily you can create and configure the [Blazor Pivot Table](https://www.syncfusion.com/blazor-components/blazor-pivot-table) component of Syncfusion in a Blazor WebAssembly app. This video explains how to add required fields in the Blazor Pivot Table and shows how to add useful features to the Pivot Table, like a grouping bar, filtering, formatting, and a field list. 

_Product overview_: https://www.syncfusion.com/blazor-components/blazor-pivot-table

_Explore our tutorial videos_: https://www.syncfusion.com/tutorial-videos

_Example Project_: https://github.com/SyncfusionExamples/getting-started-with-the-blazor-pivot-table-component

{% youtube SUTN0oyVwPo %}
chamy - New CSS Framework
Tags: webdev, css
Published: 2022-11-09 03:27:12

chamy is a non-responsive CSS framework. it's really helpful to build a site without the need for separate stylesheets. even, you can add your class and id to implement in your style too, it's won't cut off you're limited to adding new codes, still work flawlessly like before even if you add your class and ids too

Highlights

- easy-to-use
- lightweight file size
- you can use any colors - hex, rgb, hsl
- supports units like px, rem, %
- external stylesheet not needed anymore
- override a css class names and ids too
- no more cut-off for your creativity

list a few Examples:


![card](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0kefxneyjhdhljxwn6qd.jpg)


![navigation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ucdgx88mrslccx515xuu.jpg)

Full Documentation site about chamy:
https://sureshpandiyancc.wixsite.com/chamy

you can find chamy in npmjs.com too

​
What are Inline Elements in HTML?
Tags: html, css, javascript, webdev
Published: 2022-11-09 03:12:02

## What are [Inline Elements](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=15&tutorial_id=25) in [HTML](https://prhocoding.com/index.php?page=language&cat_id=1&lang_id=1)?




![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0dlfz566lzm00w5uvcp2.jpg)



[Inline Elements](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=440) are those elements which do not need to start from a new [line](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=15&tutorial_id=13). [HTML](https://prhocoding.com/index.php?page=section&cat_id=1&lang_id=1&sec_id=60) allows [inline elements](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=362) to exists. In this, when [elements](https://prhocoding.com/index.php?page=section&cat_id=1&lang_id=1&sec_id=18) are initialized, it will not start from a new [line](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=15&tutorial_id=12). Instead, it will continue the flow of [content](https://prhocoding.com/index.php?page=section&cat_id=1&lang_id=1&sec_id=61) and thus they are called [inline elements](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=363)



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



Some important [HTML](https://prhocoding.com/index.php?page=section&cat_id=1&lang_id=1&sec_id=62) [Inline Elements](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=393) are: -



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


[sup tag](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=445)
[strong tag](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=441)
[small tag](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=438)
What are block element in HTML?
Tags: html, css, javascript, webdev
Published: 2022-11-09 03:04:06

## What are [block element](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=15&tutorial_id=24) in [HTML](https://prhocoding.com/index.php?page=language&cat_id=1&lang_id=1)?



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


[Block Elements](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=390) are those [elements](https://prhocoding.com/index.php?page=section&cat_id=1&lang_id=1&sec_id=60) that starts from a new [line](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=15&tutorial_id=12). In other words, We can say that they are in the form of blocks in the [webpage](https://prhocoding.com/prhocoding_sitemap.php).




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


Some Important [HTML](https://prhocoding.com/index.php?page=section&cat_id=1&lang_id=1&sec_id=62) [Block Elements](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=447) are:-



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


[p Tag](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=426)
[h1-h6 Tags](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=400)
[form Tag](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=399)
[pre Tag](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=429)
Using Hyper-V, you may improve your business continuity
Published: 2022-11-09 02:56:29

Consider adopting Hyper-V if you're seeking for a strategy to enhance business continuity. A virtualization technology called Hyper-V enables you to build and control virtual computers. This might be quite beneficial if your company has an unanticipated outage. You may swiftly spin up new virtual computers using Hyper-V and resume operations for your organization.

Businesses take extra precautions to ensure the viability of their operations in the age of multiple data threats and power interruptions. Such safeguards are essential for a company's existence and vitality since the longer an interruption in operations lasts, the less likely it is that it will be able to resume operations. Thus, when talking about data backup and disaster recovery, the phrase "business continuity" takes on a more strategic meaning.

Virtualization technology users must create data protection strategies tailored to hypervisors, such as ESXi and Hyper-V backup. Get [more details](https://techplanet.today/post/enhance-your-business-continuity-with-hyper-v86) by visiting this page. Due to their ability to ensure complete data security against ransomware, physical hardware failures, and software errors, these solutions are practical and beneficial for hypervisor users. Discover how you may gauge your company continuity in the following paragraphs.
What are tables and their uses in a Website?
Tags: html, css, javascript, webdev
Published: 2022-11-09 02:35:58

## What are [tables](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=15&tutorial_id=21) and their uses in a [Website](https://prhocoding.com/prhocoding_sitemap.php)?



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


Actually [Tables](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=447) are used to display the [content](https://prhocoding.com/index.php?page=language&cat_id=1&lang_id=10) in the form of Tabular Way. IN this way, our reader can understand it well. Thus, it will help us to grow our [bussiness](https://prhocoding.com/).



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


Some Uses of [HTML](https://prhocoding.com/index.php?page=language&cat_id=1&lang_id=1) Tables are:-



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



Easily Digestible [content](https://prhocoding.com/index.php?page=section&cat_id=1&lang_id=1&sec_id=61).
Help reader to understand [content](https://prhocoding.com/index.php?page=section&cat_id=1&lang_id=1&sec_id=62)
Fast reading [content](https://prhocoding.com/index.php?page=language&cat_id=1&lang_id=8)
Retain user on the [website](https://prhocoding.com/index.php?page=language&cat_id=1&lang_id=4)
HTML Semântico: DIV nunca mais.
Tags: webdev, html, tutorial, braziliandevs
Published: 2022-11-09 02:30:40

```HTML
<div>
  <div>
    <div>
        Eu não possuo valor semântico!
    </div>
  </div>
</div>
```

Essa postagem tem o intuito de discorrer sobre a reflexão do que é HTML semântico e o motivo por qual você deveria começar adotá-lo. O título dá uma sugestão radical de que você não deve nunca mais usar DIVs no seu documento HTML, mas irei me contradizer: a missão é usar cada vez menos e de maneira consciente.

Em primeira instância, é importante sabermos o significado de _semântica_. Na linguística ela possui o seguinte significado:
![Significado da palavra semântica](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ccrj9qiodygz2j2izp5l.png)
Entretanto, quando falamos de semântica em HTML estamos interessados em saber que finalidade ou função um elemento HTML possui. Por exemplo, o `<h1>` é um elemento semântico, que fornece um título, ou se preferir "um cabeçalho de nível superior". Essa é sua finalidade, sua função. Você poderia fazer qualquer outro elemento se parecer com um título, como por exemplo:
```HTML
<span style="font-size: 32px; margin: 21px 0;">Título</span> <! – Não Semântico –>
```
Porém, o elemento `<span>` é considerado semânticamente neutro, ele não possui um significado, logo não expressa nenhum valor para o navegador. Assim como o `<span>`, o elemento `<div>` que costuma ser intensamente usado, também não possui um valor semântico.

É importante que você se acostume a utilizar elementos semânticos, pois o bom desempenho de sua página depende desse fator também. Além do mais que a falta de elementos semânticos causa problemas de acessibilidade. Tornar sua página adaptativa e informativa é crucial para que pessoas com deficiência consigam navegar por ele.

<p>
<q>O poder da WEB está em sua universalidade</q> — Tim Berners-Lee
</p>

Ademais, um documento HTML com valor semântico forte possui um desempenho melhor em otimização para mecanismos de busca (SEO) e se tornam mais fáceis de manter!

Na minha postagem anterior você consegue achar elementos para substituir o acúmulo de divs que você possuir em seu documento HTML.

[Estrutura Básica do HTML](https://dev.to/matebeing/estrutura-basica-do-html-4h74)

Uma dica para compreender HTML semântico: As tags são responsáveis para dizer ao seu navegador o que ele está renderizando. É um texto? Um título? Um parágrafo? Pergunte a si mesmo "quais elementos melhor descrevem/representam os dados que vou preencher".

Referência
https://developer.mozilla.org/pt-BR/docs/Glossary/Semantics
https://medium.com/adalab/the-importance-of-semantic-html-78e74fb75ff0
Should We add Unordered List to our Webpage
Tags: html, css, javascript, webdev
Published: 2022-11-09 02:27:21

## Should We add [Unordered List](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=15&tutorial_id=20) to our [Webpage](https://prhocoding.com/prhocoding_sitemap.php)



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


As we know, lists are an important pillar in [HTML](https://prhocoding.com/index.php?page=language&cat_id=1&lang_id=1) and [HTML Tags](https://prhocoding.com/index.php?page=section&cat_id=1&lang_id=1&sec_id=60). We can make a [list](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=460) which will helps users to understand the content more easily and more clearly. This will in turn helps us to grow our [business](https://prhocoding.com/) when things are written clearly.




![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5f99sgg1vped4vl2ik3h.jpg)


Example code of [HTML](https://prhocoding.com/index.php?page=section&cat_id=1&lang_id=1&sec_id=62) list is:-

```
<html>
<head>
<title>Unordered List</title>
</head>
<body>
<ul>
<li>Pink</li>
<li>Blue</li>
<li>Black</li>
</ul>
</body>
</html>
```


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


Some Important [HTML](https://prhocoding.com/index.php?page=section&cat_id=1&lang_id=1&sec_id=61) Tags are:-



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


[blockquote Tag](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=373)
[Body Tag](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=374)
[br Tag](https://prhocoding.com/index.php?page=Tutorials&cat_id=1&lang_id=1&sec_id=60&tutorial_id=375)