teleren/devto huggingface dataset:
Favourite free places to learn to code
Tags: computerscience, beginners
Published: 2019-11-04 21:32:24

I teach programming to children aged from 11 onwards, admittedly it is a very hard thing to do. It isn't like your traditional subjects in academia like languages or maths.
Although smart devices are ubiquitous, and majority of children are familiar with using them, learning to understand how a program works/created is very different.

We start with ideas of repetition (loops) and saving things (variables) for later use. Some get it some don't, it's hard for students to understand how this is fits in without knowing the inner workings or without any other background knowledge.

I find practicing to code a good way to learn so here are a few places I use in the classroom, all are free of course!

1. [Scratch](https://scratch.mit.edu/projects/editor/?tutorial=all), easy to get into very interactive for novices. Helps students understand by using easy to use blocks to make complex things.

2. [Freecodecamp](https://www.freecodecamp.org/), a very good place to learn about really complex stuff. Includes HTML, CSS, JS, OOP, and so much more! And all certified as well! Highly recommended. Students read small tutorials and complete code challenges so instantly see result's feedback.

3. [App Academy](https://open.appacademy.io/), amazing full stack engineer course. This is for the ones who have already learned to code and want to persue a career.

4. [Code Academy Python](https://www.codecademy.com/learn/learn-python), learn to program using Python 2. They have Python 3 and others but it is premium. But the free Python 2 is well worth the time to learn the ideas and concepts behind it.

5. [Learn Python](https://www.learnpython.org/), somewhat easy to use but gets hard very quickly but still good for free!

I hope this helps others, if you have any questions and or know of other interactive programming tools online to teach coding please share, the children and I would highly appreciate!
Resumé mod, Loader, Animated links | Module Monday 62
Tags: showdev, githunt, webdev, javascript
Published: 2019-11-04 21:26:11

---
title: Resumé mod, Loader, Animated links | Module Monday 62
published: true
description: Module Monday 62
tags: showdev, githunt, webdev, javascript
cover_image: https://res.cloudinary.com/component/image/upload/b_rgb:ffffff,c_lpad,h_350,w_800/v1572850802/resume_dvvrq2.png
canonical_url: https://guide.anymod.com/module-monday/62.html
---

## Everything below is open source 
It's free to use on any website, web app, or anywhere else. There are hundreds more like these built & shared on [AnyMod](https://anymod.com).

Click a mod to see it along with its source code.

## Resumé mod
Show off your CV in style with simple copy & paste.
<a class="btn btn-sm" href="https://anymod.com/mod/resume-mod-balrmm?preview=true">View mod</a>
<a href="https://anymod.com/mod/resume-mod-balrmm?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1572850802/resume_dvvrq2.png"/>
</a>

## Loading overlay
Show and hide this overlay on command.
<a class="btn btn-sm" href="https://anymod.com/mod/loading-overlay-banmok?preview=true">View mod</a>
<a href="https://anymod.com/mod/loading-overlay-banmok?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1572850802/loading_ogaoja.gif"/>
</a>

## Animated social links
Draw attention to your social presence.
<a class="btn btn-sm" href="https://anymod.com/mod/social-links-rarmkb">View mod</a>
<a href="https://anymod.com/mod/social-links-rarmkb">
  <img src="https://res.cloudinary.com/component/image/upload/v1572850806/social_acg0mu.gif"/>
</a>

## Alternating content sections
Use your own images and text for simple, pre-styled sections.
<a class="btn btn-sm" href="https://anymod.com/mod/alternating-ormdom?preview=true">View mod</a>
<a href="https://anymod.com/mod/alternating-ormdom?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1572850801/alternating_qmstw9.png"/>
</a>

## Icon announcements
Subtle value propositions with custom icons.
<a class="btn btn-sm" href="https://anymod.com/mod/icons-section-dkndml?preview=true">View mod</a>
<a href="https://anymod.com/mod/icons-section-dkndml?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1572850801/icons_vlxnme.png"/>
</a>

<hr>

I post new mods from the community [here](https://dev.to/tyrw) every (Module) Monday -- I hope you find them useful!

Happy coding ✌️
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2019-11-04 21:12:10

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
Every Monday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week. ❤️

#1. Tangible Benefits

Fidel uses Vim as their main editor for web development. In this post, they share four plugins for efficiency and how they implement hot reloading.

{% link https://dev.to/fidelve/using-vim-as-your-main-editor-for-web-development-5a73 %}

#2. A, CNAME, ALIAS...

Chris breaks down DNS Records into ten bullets -- with annotated visualizations!

{% link https://dev.to/chrisachard/dns-record-crash-course-for-web-developers-35hn %}

#3. No More Shiny Objects

Tim, an experienced Linux user, explains why they're now getting things done on Windows instead of Linux.

{% link https://dev.to/vetswhocode/why-i-m-sort-of-leaving-linux-1oh7 %}

#4. Common Themes

How interviews are conducted and evaluated will always be up for debate. In this post, Eda-qa shares their method of evaluating job applicants.

{% link https://dev.to/mortoray/how-i-evaluate-you-in-a-code-interview-42hh %}

#5. Not Just A Perk

Scott believes the future of work is remote -- but working remotely comes with its own set of challenges. In this post, they share tips on how to make the most of it.

{% link https://dev.to/scahhht/how-to-work-remotely-without-going-insane-28l6 %}

#6. Performant Code

Alberto shows us how to write a simple shared Rust library and compile it to Android and iOS. (And how to write a Flutter plugin using the same code!)

{% link https://dev.to/robertohuertasm/rust-once-and-share-it-with-android-ios-and-flutter-286o %}

#7. Single. Most. Important. Doc.

James shares their recommended template for READMEs and explains the importance of each section.

{% link https://dev.to/scottydocs/how-to-write-a-kickass-readme-5af9 %}

_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_
What's some of your favorite experiences with onboarding?
Tags: discuss
Published: 2019-11-04 21:05:03

---
title: What's some of your favorite experiences with onboarding?
published: true
description: 
tags: #discuss 
---

Today was my first day at a new company and after a briefing on the company history along a partner to help guide me with their workflow, I was also given a detailed list of what needed to be setup. While this might not seem like much, previous companies never did something as detailed as this. What have been some of your best experiences with onboarding?
Quick Tip - Array.prototype.concat()
Tags: javascript
Published: 2019-11-04 21:02:35

Hello everyone, I’m back, this time with a quick tip about how to use the concat() method to merge arrays in JavaScript, so no time to waste, let’s get started.

The concat() method is used to merge one array with another array or element passed as parameter. As others JavaScript methods,concat() don’t change the original array, but instead returns a new array with all the changes. Let’s see a example:

```javascript
const firstList = [1,2,3];
const secondList = [4,5,6];

const result = firstList.concat(secondList);
//The result will be equal to [1,2,3,4,5,6]
```
If you pass two or more diferents arrays as parameter to concat(), this will works to and the elements will be add in the new array, following the order of the parameters.

```javascript
const firstArray = [1];
const secondArray = [2,3,4];
const thirdArray = [5,6];

const result = firstArray.concat(secondArray, thirdArray);
//The result will be equal to [1,2,3,4,5,6]
```
We can pass too, single values or more complex elements like objects and these elements don’t need to be of the same type, we can concat a array of numbers with strings, there’s no problem.

```javascript
const firstArray = [1];
const secondArray = [2,3,4];

const stringNumber = "5";

const objectTest = {"name": "Batman", "super_power": "Money"};

const result = firstArray.concat(secondArray, stringNumber, objectTest);
//The result will be equal to [1,2,3,4,"5",{"name": "Batman", "super_power": "Money"}]
```
And for last, we can merge nested arrays, like this:

```javascript
const firstArray = [[1]]
const secondArray = [2, 3]
const thirdArray = [4, [5,6,7]]

const result = firstArray.concat(secondArray, thirdArray);
//The result will be equal to [[1], 2, 3, 4, [5,6,7]]
```
We can add a new value to one of the nested arrays, like this:
```javascript
result[0].push("0"); 
//The result will be equal to [[1, "0"], 2, 3, 4, [5,6,7]]
```
So, this is all for now folks, thanks for reading and for more posts you can check my personal blog hallessandro.github.io.
Associate Android Certification (Android Core)
Published: 2019-11-04 20:42:23

This is the official link from Google Certificate for Android core https://developers.google.com/certification/associate-android-developer/study-guide/android-core. 

The very good thing about building apps for the Android Framework is that it runs on any Android Device. Yes, you heard me right. Just a little background about Android. It wasn't developed initially by Google, it was bought by them in the year 2005. Now Android runs on mobile devices, wears, TVs and also cars.


So this section will focus on the following: 

* Overview of the 4 Android Architecture Components - Activities, Services, Broadcast Receivers and lastly Content Providers.

* Learning the difference between Toast and Snackbars. Not just what, but why and how.

* Understanding Notifications in Android.

* Localizing your app and lastly,

* Schedule background task using JobScheduler.


Note: 

I am writing this article, to help me grasp the concepts of what am learning.
Preparing for Associate Android Developer Certification Exam
Tags: kotlin, java, android
Published: 2019-11-04 20:41:47

We all want to be set-aside from the crowd. One way Android Devs can do that is by taking the Associate Android Developer Certification Examination. This would be in the form of a series.  

Note: At this time, I haven't taken the exam, but would take it next month. 

According to the Study guide, the exam would be focused on Android core, User Interface, Data Management, Debugging and Testing. Those are the topics that I would be covering.  

Stay in touch
I've Forked The Repo, Now What?
Tags: git, opensource, codenewbie, beginners
Published: 2019-11-04 20:14:15

## Syncing Your Repo With the Upstream Repo

_Originally posted on [JackHarner.com](https://jackharner.com/blog/sync-forked-repo/)_

So, you want to make some changes to an Open Source Repo? Good for you. That's the beauty of Open Source, even just fixing typos in the documentation makes a difference. Today I'm going to walk you through keeping your copy of a repo up to date with changes pushed to the original repo. 

This tutorial assumes: 

* You have a basic understanding of git
* You have a forked repo
* The original repo has changes that you want in your forked repo

## Setting Up The Remote

The first thing you want to do is add the Original Repo as a remote of your Forked Repo. From the command line you want to move into your project directory and add the Original Repo's clone URL as the `upstream` remote.

```bash
cd {{project_name}}
git remote add upstream {{original_repo_url}}
```

The Repo URL can be found on the Repo page on Github. Click on the `Clone or download` button and make sure it says "Clone with HTTPS" since you don't have write access to the Original Repo.

![Original Repo URL](https://raw.githubusercontent.com/harnerdesigns/jackharner-gatsby/master/src/content/blog/sync-forked-repo/remote_url.jpg)

You can verify your remotes with:

```bash
git remote -v
```
which should output:
```
origin	git@github.com:{{you}}/{{project_name}}.git (fetch)
origin	git@github.com:{{you}}/{{project_name}}.git (push)
upstream	https://github.com/{{owner}}/{{project_name}}.git (fetch)
upstream	https://github.com/{{owner}}/{{project_name}}.git (push)
```


## Go Get That Code!

Now that we've associated our Original Repo with our local Forked Repo, it's time to go get the new code. 

```bash
git fetch upstream
```
Running `git fetch` gets the changes to the remote repo without changing any of the files in your local version. It essentially lets you see what everyone else has done to the code without making any changes to yours. You should see it pull down a bunch of different branches, tags, and some file changes. 

To apply the new changes to your repo make sure you're on the branch you want to pull in (in our case `master`): 

```bash
git checkout master
```
and then pull the matching branch from the `upstream` remote:

```bash
git pull upstream master
```
It will asks you for a message for the merge commit. You can usually just leave the default and just save with `CTRL + X`. Git finishes up the merge commit, and your Local Repo is now up to date with the Original. 

## Seal The Deal

Finish off your changes by pushing them back up to your Forked Repo's `origin` remote that you have write access to. 

```bash
git push origin master
```
Ta da! You just refreshed your forked repo. Make, test, commit and push your changes and you'll be all set to create a pull request back to the Original Repo. You're ready to start changing the world of Open Source Software one pull request at a time!
How to have a portable programming workspace?
Tags: beginners, linux, productivity
Published: 2019-11-04 20:12:17

Hello Dev,
In a day, I might change computer 3 or more times. I'm working at school and sometimes they aren't even my machines. That makes it really difficult to work on a project with a lot of dependancies, like python or anything like that. So how can I have a portable workspace with everything I need and a linux os?

Thanks
Next.js workshop with the core team and ReactEurope CFP
Tags: react, javascript, nextjs, cfp
Published: 2019-11-04 20:07:48

📢 A few exciting news 🔥🔥🔥

- our call for paper will open next Monday
- the core team of Next.js from Zeit will be giving a workshop at the conference
- the core team of React Navigation will be part of the React Native workshop and will also give a talk on the upcoming version of React Navigation

Find out more about our current speakers and workshops below 👇

https://www.react-europe.org/#speakers
Landing Page development in 2019/2020
Tags: discuss, webdev
Published: 2019-11-04 20:03:08

> A landing page is a standalone web page, created specifically for the purposes of a marketing or advertising campaign. It’s where a visitor “lands” when they have clicked on a Google AdWords ad or similar. <a href="https://unbounce.com/landing-page-articles/what-is-a-landing-page/">Unbounce</a>

With services such as <a href="https://www.wix.com/">Wix</a> and Unbounce propping up, I wanted to ask the Dev community what it thought about Landing Page development in 2019/2020. 

Are developers still using WordPress or other CMSs to create landing pages? Or have people adopted using static-site-generators for such content? Could it be that people are abandoning these methods altogether in favor of site builders like Wix or Unbounce?

If people are still using WordPress or other content management systems to spin up landing pages, are there tools you may have found or built to assist you in development?

Any information on the topic is greatly appreciated.
Why I Recommend Improv Courses to Software Engineers
Tags: career, speaking, softskills, mentalhealth
Published: 2019-11-04 20:01:16

Improv and Software Engineering aren't two things that are often talked about in the same sentence, but I whole-heartedly recommend improv courses to my colleagues in software engineering - here's why.

##Developing Your Career
Career-wise, taking an improv course is a fantastic way to develop a skill that is often not practiced in software engineering - good communication. Far too often I've spent weeks glued to my computer, focusing on deadlines, only to find that when going out with friends I'm not able to articulate myself verbally as well as I normally could. Language, like a muscle, needs to be practiced or it atrophies. Since I don't often get the chance to communicate at work outside of daily stand-ups, an improv class allows me to stretch my creative, and communicative muscles.


In addition, improv forces you to put yourself out there and feel uncomfortable - a feeling I've spent my entire life chasing. This feeling is an indicator that you're developing a new skill, or trying something outside of your comfort zone and thus growing as a person. A class allows you the opportunity to refine your public speaking skills, and perhaps discover talents you may not have known you've had.


##Improving Your Well-Being
The benefits of participating in improv don't just stop at your career, they can extend to your health and well-being. Participating in a class forces you to take your eyes off a screen and be present in the moment. You're often immersed in games or scenes that command your full attention. Your mind won't be thinking about work, relationships, or anything bothering you - since it won't have the chance. It's a way to disconnect from the rest of the world and be present in the moment - something we don't practice often enough in our world of constant Slack messages, emails, and alerts.


Obviously taking an improv course isn't going to be attainable for everyone in software engineering, but I challenge my colleagues - when's the last time you stepped out of your comfort zone and tried something new?
PHP: How to change header randomly on each load?
Published: 2019-11-04 19:31:19

THIS IS IN THE START OF INDEX.PHP:
`<?php 
 if(!isset($_GET['code'])){
    header('location: index.php?code=900');
 }`

THIS IS WHERE THE BUTTON IS:
`<a href="http://<?php echo $_GET['code'] ?>.dev.test.com/">click here</a>`


What I'm trying to do is, when it requests 'code' to have multiple options to choose from and randomly select (ex. code=900, code=200). I tried with array but I always get error.

Any suggestions? Help is much appreciated. Thanks.
Six Uses for Webpack
Tags: webpack, typescript, react, javascript
Published: 2019-11-04 19:23:44

[https://webpack.js.org](https://webpack.js.org/)

I've always tried to avoid Webpack. I would tell myself it was either too complicated or unnecessary. After all, it's not the only tool of its kind on the market. Recently, however, I've come to terms with  Webpack. Once you know how to use it comfortably, it can be a very effective tool.

Webpack's main usage is bundling JavaScript. In node.js, require or import is used to include can external resource in your JavaScript file. Browsers don't understand require, so you must either include the resource in the head of your html or make an http request to a url. If you bundle your in-browser code though, webpack will combine your file with all of the files that you imported through `require`. Bundling can also take care of features which may not be compatible with all browsers, such as es6 notation. This requires the babel plugin.

Another use-case is minifying CSS and/or JavaScript. Minification is simply stripping all white-space from a file. It's a very effective way of decreasing file size, thus speeding up load time. Minifying JS requires no plugins, however minifying css does. There are also plugins which increase the browser-compatibility of your css, such as autoprefixer.

You can preprocess scss. There are other ways such as gulp, node-sass and even a VS Code extension, but once you're using webpack this is a pretty useful feature. This requires a [webpack loader].

You can compile jsx for ReactJS. This is can be easier to set up in some situations, especially in a complex environment such as an electron app. There's a good tutorial on compiling jsx with webpack [here](https://www.valentinog.com/blog/babel/). Note that this requires a plugin as well.

You can compile typescript with it. Admittedly, you *can* [compile typescript within VS Code](https://code.visualstudio.com/Docs/languages/typescript), however it's useful, because you can do two things with one command such as compile scss *and* typescript. This requires a plugin.

You can run a development server with your static files. There are extensions to do that, but it can prove useful when running multiple tasks or complicated setups. This requires an extra package.

Did I miss anything that eases your workflow? Let me know in the comments.
How to get your first software engineering job (focus on these crucial steps)
Tags: beginners, career, codenwebie, motivation
Published: 2019-11-04 19:16:42

Getting first software developer job is... extremely challenging.

To be honest, it's harder than actually learning to code.

Many people spend time doing things that are ineffective during the job search (please don't send your resume out 100 times on Indeed, and expect to get a job, there are much better ways).

In this video, I break down the 3 crucial steps of getting your first software engineering job, and also provide tips that make sure you're planning your time effectively.

These are things that:
<ul>
<li>Keep your resume focused</li>
<li>Help you stand out</li>
<li>Accelerate the process</li>
<li>Handle the onsite effectively</li>
</ul>


**Check out this video for more detail:**
Subscribe [here](https://www.youtube.com/mattupham?sub_confirmation=1)!
{% youtube 0myB6HX-eyI %}
[How to get your first Software Engineering job](https://urlgeni.us/youtube/mattupham/first-software-engineering-job)

The job search doesn't have to be painful!

If you found this video useful, please consider subscribing to my YouTube Channel! I talk about software & tech, life in Silicon Valley, and self-improvement!

**Subscribe Here**
[YouTube - Matt Upham](https://www.youtube.com/mattupham?sub_confirmation=1)

Learning to code? Join our growing [Discord](https://discord.gg/9RGdMcF) community!

Thanks for checking this out!
I am changing my Dev.to status from "Lurker" to "Participant"
Tags: lurkers, beginners, webdev
Published: 2019-11-04 18:38:28

---
title: I am changing my Dev.to status from "Lurker" to "Participant"
published: true
description: "Friends, lurkers, countrymen, lend me your ears"
tags: lurkers, beginners, webdev, lurkers
---

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/ycr1md73hz6gg29t3705.jpg)

This is my first post here on Dev.to. I've been lurking for a few months but never contributed. Over time I've found this community to be a breath of fresh air. The Dev.to members are very helpful, knowledgeable and accepting.

So, for all my fellow lurkers out there, it is safe to participate here without fear of judgment and rejection. 😊
#codevember — 3 — Deep
Tags: codepen, codevember
Published: 2019-11-04 18:09:25

---
title: #codevember — 3 — Deep
published: true
tags: codepen, codevember
---

<h1>codevember 2019 day 3</h1>

{% codepen https://codepen.io/trinketmage/pen/eYYyodE %}