teleren/devto huggingface dataset:
What can you Create with C++?
Tags: cpp, beginners, computerscience, oop
Published: 2020-11-07 06:22:44

---
title: What can you Create with C++?
published: true
description: Types of applications that can be created with C++
tags: cpp, beginner, computerscience, oop 
cover_image: https://images.unsplash.com/photo-1533234427049-9e9bb093186d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1650&q=80
series: Programming 101 with C++
---

If you are wondering why should you learn C++ or what will you be able to build using C++, know that C++ targets **all** platforms-

* Windows, Mac, Linux
* Phones
* Embedded C++ (robots, IoT, etc.)

![Games](https://images.unsplash.com/photo-1562229125-6d6075419a22?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1867&q=80)

Different coding patterns and libraries are available for building products all of which are based on the common syntax and standard libraries - 

* games
* high performance / low latency applications
* servers (no GUI)
* corporate GUI

## Command Line

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/2xqjjv1vgr6d9x3taiyp.png)

We will begin with building command-line application first. Command line applications - 

* run in a 'console' or 'terminal' or 'shell'
* outputs characters to screen
* input is from user typing characters
* no graphic, sound animation, etc.
* but, makes a **good common denominator**

It allows to **learn the language and the syntax without worrying about the libraries and frameworks** that surround the language.

Please leave out comments with anything you don't understand or would like for me to improve upon.

Thanks for reading!
Yet another GitHub Action !
Tags: python, github, markdown, docker
Published: 2020-11-07 06:17:46

“All parts should go together without forcing. You must remember that the parts you are reassembling were disassembled by you. Therefore, if you can’t get them together again, there must be a reason. By all means, do not use a hammer.”

How do I know this beautiful quote from IBM Manual, 1925?

I don’t !!

This was showing on my GitHub Profile !

It is the magic of [Quote - README](https://github.com/marketplace/actions/quote-readme) GitHub Action, it will show a random wonderful quote/fact on your profile, updating daily !

![Qoute README Result](https://dev-to-uploads.s3.amazonaws.com/i/2rm4dg5f3lmiia0a30h4.png)

Go check it out and use it with your GitHub Profile ✌

Also, there is one more utility action I made just for fun, you can also check that out !

[Update Image - README](https://github.com/marketplace/actions/update-image-readme)

Let me know about your experience with GitHub Actions, which exciting action did you make or are in the process of making ?

PS: I was just learning GitHub Actions and thought to make something that i would like, say, some random text appearing on my github profile ? and then i went ahead and made it !! 🙏
What Tools Do You Need?
Tags: cpp, beginners, oop, computerscience
Published: 2020-11-07 05:59:42

---
title: What Tools Do You Need?
published: true
description: Tools needed to write a C++ program
tags: cpp, beginner, oop , computerscience
cover_image: https://images.unsplash.com/photo-1567361808960-dec9cb578182?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1671&q=80
series: Programming 101 with C++
---

> C++ is unusual

* The language does not "belong" to a single vendor
* C++ tools are available from many sources at many price levels
* However, there is a [standard for C++](https://isocpp.org) and all vendors try to implement the standard
* **ISO Committee** defines the standard
* The standard updates every 3 years and compilers more so often

# Bare Minimum Tools Needed
* A text editor
* A compiler (clang, gcc, etc.)
* A linker

# Integrated Development Environment (IDE)

IDEs combine all the above mentioned bare minimum tools and also provide other benefits like - 

* A code-aware editor - does syntax colouring
* Debugger
* Code-specific tools - static analysis, diagramming tools etc.
* libraries and frameworks

## Free Tools

Some of the free tools available for getting started with writing programs in C++ are - 

### Windows
* [Visual Studio Community](https://visualstudio.microsoft.com/vs/community/)
* MinGW (not an IDE)

### Mac
* [Xcode](https://developer.apple.com/xcode/)

### Cross Platform
* [Visual Studio Code](https://code.visualstudio.com)
* Qt Creator
* Clang (not a IDE)
* GCC (not an IDE)

This website here (https://isocpp.org) is the home for the standard C++ on the web. You can refer to the [Get Started!](https://isocpp.org/get-started) page to learn more about the different tools available.

All the code in this series will work on any of the tools you choose. I personally will be using XCode for sharing code snippets.

Please leave out comments with anything you don't understand or would like for me to improve upon.

Thanks for reading!
COMPLETED THE HACKTOBERFEST 🤩
Tags: hacktoberfest, github, git, opensource
Published: 2020-11-07 05:22:56

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


Hey, Everyone myself Aditya Mangal, and I joined DEV to explore and contribute to open source technologies.
I have participated in Hacktoberfest and learn new things able contributing to open-source platform and to get ideas from different developers and technic to solve the problems


I have liked this concept of the Hacktoberfest program to solve the problems on the open-source platforms and also got the opportunity to learn from other's mistakes.

Overall, I had a great experience. I am a beginner I was able to learn new things, yes I will participate again This helped me learn the uses of GitHub and understand how to contribute to open-source projects. It was a good experience and interaction with open source contributors. My next step is that I look forward to contributing more towards opensource.

Thanks to DigitalOcean!
Detecting click outside the scope in react
Tags: react, hooks
Published: 2020-11-07 05:21:09

Detecting click outside a certain context is often needed to perform operations such as dismissing any floating components such as modals and dropdown drawers. In react, such flexibility can easily be achieved with a simple user-defined hook.

In this tutorial, there's a button that, when pressed, triggers a modal and we intend to dismiss the modal when a click occurs outside the scope. 

The trick here is to define a custom hook, that takes in three parameters, 
* A ref that refers to the element to be acted upon, the modal in this case.
* A callback function that illustrates the action to be carried out.
* The state variable to be toggled.

While inside the hook, we wait for a click event to occur and when it does, it is to be checked if the click zone is contained within the scope of the given ref, if not, the callback function is called.
The skeleton might be like this, 

```js
const customHook = (ref, callback, state) => {
  document.listenFor('click', e => {
    if ( !ref.contains(e.target) && state ) {
      callback()
    }
  }
}
```
A working piece might however look like, 

```js
  const [open, setOpen] = useState(false)
  const modalRef = createRef(null)

  const useOutsideClick = (ref, callback, when) => {
    const savedCallback = useRef(callback)
    useEffect(() => {
      savedCallback.current = callback
    })
    const handler = e => {
      if (ref.current && !ref.current.contains(e.target)) {
        setOpen(false)
        savedCallback.current()
      }
    }
    useEffect(() => {
      if (when) {
          document.addEventListener('click', handler)
          return () => {document.removeEventListener('click', handler)}
      }
    }, [when])
  }

  useOutsideClick(modalRef, () => {setOpen(false)}, open)
```
 [Here's a link to the sandbox.](https://codesandbox.io/s/hardcore-borg-j1log?file=/src/App.js:171-247)
What Is Magento
Tags: webdev, php, python, css
Published: 2020-11-07 04:50:51

Magento is a platform which is built on open source so I can easily create their website or blog with flexible features.

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

Today most of the eCommerce websites are using Magento CSS instead of WordPress as <a href="https://foolic.com/technology/magento-tweaks-for-beginners/">Magento is really secure</a> and safe to built an eCommerce website. According to BuildWith, 11% of American websites are on Magento so you can easily understand how good Magento is.

WordPress Vs. Magento – The Similarities

1. Both CSS' are SEO frendly.
2. Can built on templetes.
3. Both WordPress & Magento are based on Open Source.
4. Magento is more secure than WordPress.
Developing My Style
Tags: gamedev
Published: 2020-11-07 04:50:12

Just to get down to brass tax (tacks?, taqs???), here's my twitch and twitter, which I've been using to share streams of art and pieces I've done. I try and keep the content relevant, but I also discuss what's going on in my nursing career and my daily life.
I love learning about the lives others are living on a day-to-day basis, hopefully folks here have the same interest in mine!

Twitch: https://www.twitch.tv/themaninadress
Twitter: https://twitter.com/errant_games

##So What Am I Working On?

I set out to build a video game, right? *Yes*, I *did*!
So where's the game? Well...*here's the thing*...

I love art, I love animating, I love film and I love story telling. For me, video games are a way to tell stories through a player (or players') interactions with the medium. So the core of my interest in game design is the same as that of everything else: Storytelling.

I'm learning how much I love creating art and creating assets, and while I've mentioned this in earlier blogposts here on dev.to, I've really been diving deep. I'm taking classes, I'm practicing, I'm streaming my art and talking about it; trying to generate an online presence so people can *see* what I'm making and tell me what they think.

And so *this* is what I've been up to...

![Mom-Bob Anime Haircut](https://twitter.com/errant_games/status/1324935780192628736/photo/3)
![Ginger Hair Study](https://twitter.com/errant_games/status/1324935780192628736/photo/2)
![Original Character done early on](https://twitter.com/errant_games/status/1324935780192628736/photo/4)
![C.J. Cregg, West Wing](https://twitter.com/errant_games/status/1324935780192628736/photo/1)

This is the sort of work I've been pumping out. I usually complete a few pieces a week. I'm focusing on developing specific skills. How does clothing rest on the body? How does hair move in the air? These studies have accelerated me along a path of success I had been hoping to cultivate and should have been trying to cultivate sooner. 

And I'm sticking with it. I never say a lot here, writing long form is taxing for me because I think so much faster than I type. But if you're interested in what I'm working on day-to-day, jump into one of my late night streams or add my twitter to your social media. I'm always looking for new inspiration or to bask in the glow of other peoples' awesome content as well, so please send along any recommendations for artists, developers or other content creators that you yourselves adore.

Cheers and beers!
How to Fix Syntax Errors on WordPress
Tags: syntax, errors, wordpress
Published: 2020-11-07 04:42:27

Isn’t it disheartening to ascertain a Parse error: software error message? You are feeling like you’ve done everything correctly, but the results aren't needless to say. Well, don’t be discouraged just yet. Read on to seek out out the way to fix the software error on WordPress.
	

What is a Syntax Error?
A software error occurs when there’s an error in your code. As a result, the compiler cannot process (parse) the file and fail to display your website.

On WordPress, syntax errors are usually caused by incorrect lines in PHP scripts. Some common mistakes are incorrect coding structure, missing punctuations, invalid variables, and wrong function names.

Fixing WordPress Syntax Errors
Here are the steps to repair syntax errors on WordPress:

Step 1. Determining the Corrupted File
Let’s begin by recognizing the source of the matter.

If the error appears after you’ve just installed new plugins or themes, there’s a high chance that they’re those causing the difficulty.

Alternatively, it’s also possible to trace the basis of the matter from the error message because it contains the complete path of the corrupted file. Furthermore, it mentions the road of the faulty code also.

Step 2. Fixing the File from the File Manager
Now that you’ve spotted the explanation for the software error, it’s time to repair it:

1. Open panel’s File Manager and head over to the containing folder of the file.
2. Double-click on the corrupted file and locate the road that causes the difficulty 
3. Replace error Code.
4. Hit Save & Close and reload your site.

In some cases, removing the road also can fix syntax errors. as an example , there's a comment that's missing escape characters and is thus being interpreted as code. Deleting this line will fix the error.

However, take care if you would like to delete a line because it may trigger another problem. A line that’s liable for computing a variable’s value, for instance, can't be deleted because it's used later lines.

Conclusion
Encountering syntax errors could also be frustrating as your WordPress site won't show its actual content.

However, fixing syntax errors is pretty easy. All you've got to try to to is determine the corrupted file and modify it from the File Manager.

Follow our tutorial above, and your site will work properly in no time! Good luck!
Preface
Tags: cpp, beginners, computerscience, oop
Published: 2020-11-07 03:47:53

---
title: Preface
published: true
description: Details of resources and major topics covered
tags: cpp, beginner, computerscience, oop
cover_image: https://images.unsplash.com/photo-1517694712202-14dd9538aa97?ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80
series: Programming 101 with C++
---

This series is created from my notes of the Pluralsight course ['Learn to Program with C++'](https://app.pluralsight.com/library/courses/learn-program-cplusplus/table-of-contents). The course is taught by Kate Gregory([@gregcons](https://twitter.com/gregcons)) who has over 30 years of experience working with C++ and is a recipient of the Microsoft MVP award.

I highly recommend this course to anyone just starting out their programming journey and wishes to do it with C++.

# Major Topics
* Variables, Loops and Branches
* The C++ Standard Library
* Classes and Objects
* Templates, Operator Overloading and other features

**Don't worry** if none of those words make any sense to you now. The series is meant to give you an understanding of the basics of programming concepts while learning C++ syntax and features.

If you continue to follow the series, please leave out comments with anything you don't understand or would like for me to improve upon.

Thanks for reading!
CSS Z index and stacking order
Tags: css, html
Published: 2020-11-07 04:10:54

## Intro
This is kind of an advanced property in CSS and all you need to think about here is layers (as in photoshop) and them z index will be a piece of cake for you. All it is do you want a layer or element (let's say Image)  to be overlapped or on top. 

There is a natural flow of html meaning that elements you code first get *displayed* first. 

## Positioning

Basically you need to know what is absolute, relative and static does. How you change your position of div to absolute is by 
`div{
position: absolute;}`

And how you change z index is like this:( inside any class you want, here z index)
`z-index:1;`

Note: z index property t only works when you have a position of element set to absolute. 

## Resources

Here[ is a flowchart about z index](https://drive.google.com/uc?export=download&id=13Z1_Fgbh3QESIIoFpXUgo1F4sVjB9di2) from Dr Angela Yu which is going to help you if you get stuck somehere
Best start for open source contribution.
Tags: hacktoberfest
Published: 2020-11-07 04:09:26

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->


### [Intro Heading]
<!-- If you are new to the DEV community, introduce yourself and share a bit about why you joined DEV and decided to participate in Hacktoberfest this year.  --> 
### Background

<!-- Are you brand new to open source? What about coding in general? Tell us about how you got here →

### Progress

<!-- Share a bit about where you’re at in your Hacktoberfest journey. What stage are you at? How has the process been?  -->

### Contributions

<!-- This is where you can list the contributions you made and explain why you chose the projects you did. Don’t forget to add links!  -->


### Reflections
<!-- Overall, how has your Hacktoberfest 2020 experience been? If you’re a first-timer, will you participate again? What have you learned? Have you made any interesting connections? What is your next step in open source?  -->
My Hacktoberfest experience!
Tags: hacktoberfest
Published: 2020-11-07 04:07:51


I am an undergraduate student pursuing a Bachelor of Technology degree in Computer Science and Engineering. I am a newbie to opensource. I primarily focus on writing clean, elegant, and efficient code. I learned so much during my journey. Looking forward to Hacktoberfest2021.Indeed a great experience. 

 Overall, I had a great experience. I am a beginner I was able to learn new things, yes I will participate again  This helped me learn the uses of GitHub and understand how to contribute to open-source projects. It was a good experience and interaction with open source contributors. My next step is that I look forward to contributing more towards opensource.

Thanks to DigitalOcean!
#hacktoberfest #hacktoberfest2020 #digitalocean #fest #challenge #opensource #opensourcedevelopment
How Text becomes Executable?
Tags: cpp, beginners, oop, computerscience
Published: 2020-11-07 03:48:13

---
title: How Text becomes Executable?
published: true
description: C++ Tools and Range of Applications
tags: cpp, beginner, oop , computerscience
cover_image: https://images.unsplash.com/photo-1589828994379-7a8869c4f519?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2586&q=80
series: Programming 101 with C++
---

The three times that are important in the lifetime of a C++ program are - 

a) Compile time
b) Link Time
c) Runtime

### Compile Time

* C++ is a *compiled* language
* A *compiler* takes **source code** you can read and write and transforms it into a different format (the *machine language*)
* The compiler may give error messages
* The compiled output is generally called an **object file**.

![Compiler](https://miro.medium.com/max/500/1*Qbm5_d5EYIbYa1-jN4JmSg.jpeg)

### Link Time

* Any program larger than a demo is made of several source files.
* Each source file is compiled, then the object files are *linked* together to create an **executable file** (exe).
* In some projects, you would create a library file instead of an exe, but that is for later.
* The *linker* also gives error messages if it can't link the object files.

### Runtime

* Finally you run the application
* There maybe runtime messages or dialogs from the operating system, or that you wrote yourself

Please leave out comments with anything you don't understand or would like for me to improve upon.

Thanks for reading!
Ninja vs. Rockstar vs. 10x Developer
Tags: webdev, programming, discuss, help
Published: 2020-11-07 03:09:46

---
title: Ninja vs. Rockstar vs. 10x Developer
published: true
description: Who's gonna win this fight?
tags: webdev, programming, discuss, help
cover_image: https://res.cloudinary.com/fyodorio/image/upload/w_1000,h_420,c_fill,g_auto/v1604675978/uriel-soberanes-L1bAGEWYCtk-unsplash_rubtfa.jpg
---

I'm working on a simple open-source [learning platform](https://github.com/dpaths) for developer teams. It is an application for web and mobile in the end, and I'm planning to enrich the user experience for this platform with gamification.

Particularly, I consider adding different "levels" for stages of progress within the learning paths and making them funny and memorable.

The first thing that came to my mind was the set of notorious metaphors developers use in their resumes and personal websites. The three most famous are Ninja, Rockstart, and 10x Developer.

The main problem is to define the hierarchy for this group. Which one is cooler than another?

My guess is:

1. 10x Developer
2. Rockstar Developer
3. Ninja Developer

What do you think? What is your personal hit parade? I genuinely need these statistics 😅
DPS909 Lab #6: No gifs, just here to post diffs
Tags: opensource
Published: 2020-11-07 03:08:40

Fun Fact: I missed the rebase and squash lab because I was so busy doing release 0.2 and other work in my class that it totally skipped my mine. David, if you're reading this, I hope I can squash any other 0s you give me in the future! :D

In this week's post, we're once again working with our link checker repo. This time, however, we're to make a new option that checks the urls of the last 10 blog posts featured on our school's open source website, Telescope. This means that I had to fork and setup telescope locally, which is totally fine since I have to work on it for release 0.3.

I had alot of trouble setting this thing up. It's to be expected with a code base this huge. I actually had so much trouble, I ended up even making a PR to fix some info in the environment-setup.md docs file that was confusing me. You can read the PR [here](https://github.com/Seneca-CDOT/telescope/pull/1273)

Eventually, I was able to successfully setup redis and elasticsearch using Docker (A tool I've been wanting to learn for awhile now). It then became a matter of running the backend and the frontend and then Telescope was able to be loaded in locally and successfully

![Local-Telescope](https://dev-to-uploads.s3.amazonaws.com/i/lix4mquf7cfcve73c23l.png)

The telescope API is interesting with the many request urls and parameter queries you can pass into it. I didn't mess around with it that much and only focused on the required endpoint which was "/posts". 

As for the actual link checker code, I didn't have to change much of it. I really only needed to add a new function to my urlClass that makes the request to the localhost url of telescope, deserialize the incoming response, then add the id of each post to the telescope posts url and call my makeRequests function with it

![check-Telescope-Code](https://dev-to-uploads.s3.amazonaws.com/i/jpovtmcfk96cicf8ntfe.png)

This was the final result:

![Telescope-Function-Result](https://dev-to-uploads.s3.amazonaws.com/i/zsuj3uf1w9ppim2hwija.png)

I also made a gist url that contains the diff result of my git diff, which highlights the changes that I made when I added the telescope feature. You can find that [here as well](https://gist.github.com/HyperTHD/544b2900e612b5fbcd674931a4266f6a)!

Overall, I liked this lab. Setting up telescope was a pain, but a necessary one. It also gave me first-hand exposure to tools that I'd like to really work with more often such as Docker, Github Actions, and Gatsby.js. I know we're supposed to rewrite the frontend eventually using Next.js so it won't be long before Gatsby is removed. Surprisingly, many of these new tools are all dev-ops. Perhaps, I'll work more that in the future when I get more free time.

Until next time, everyone! Stay safe!