teleren/devto huggingface dataset:
My HNG 8.0 Internship Journey
Published: 2021-08-16 06:28:33

 The Journey Begins


 The HNG internship is a 3-month remote internship with thousands of people participating from several countries. The noise on social media and success stories from previous participants has been quite loud.
 I had a tough time deciding to apply for HNG, mostly because I don’t dub myself ready, as I just began to learn basic tech skills, reading tweets from people about the internship sounded  like it was a dragon's den sought of scenario, 
Everyone likes a competition when they are ready, especially in a new field, I  signed up three days after I got the email, then I joined the slack space, I must say people are hungry and ready for the challenge, this is both a motivating and terrifying the same time, I have signed up for the front end track with my priorities clear
1.  Sharpen my frontend skill
2.  Work with a team and be useful to the team
3.  Meet people who are on this tech journey with me and learn how they are going about it.
4.  See how far I can go, at least stage 7 and hopefully further as I am ready to push myself.

Success for me will be closing out these four points and anything more will be an extra win, currently we are just getting started and I hope to keep a record of my story on this blog.

To learn more about HNG check https://internship.zuri.team
 or https://training.zuri.team

Below are beginner friendly tutorials to guide a beginner with Figma , GIT, HTML and JavaScript introduction these are very important tools needed for web development, a complete knowledge of these should be enough to get anyone started.

Figma:
https://trydesignlab.com/figma-101-course/introduction-to-figma/

Git:
https://gitimmersion.com/index.html

HTML
https://www.w3schools.com/html/default.asp

JavaScript:
https://javascript.info


Chika Ikechukwu
HTML tags | div-span
Tags: html, tags, div, span
Published: 2021-08-16 06:25:49

They are used to **group content in a container that does not represent anything**. It can be used to style your content or manipulate it with JavaScript (using `id` and `class`), to compose layouts, to mark language changes (with `lang`)... as long as **there is no alternative with semantic meaning** that can be used instead.

The `<div>` will be used when you want to **group in a block element** (ex: create a wrapper that limits the width of the contents on the page) and the `<span>` when you want to **do it in an inline element** (ex: mark a color change in a text).

We must be careful with its use, especially in the case of `<div>` and **not fall into an abusive use** to achieve the desired composition in design by filling the code with containers without semantic value that are not necessary ([divitis](https://en.wiktionary.org/wiki/divitis)).

- Type: *block* / *inline*
- Self-closing: *No* / *No*
- Semantic value: *No* / *No*

[Definition and example `<div>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div) - [Definition and example `<span>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span) | [Support `<div>`](https://caniuse.com/mdn-html_elements_div) - [Support `<span>`](https://caniuse.com/mdn-html_elements_span)
Create a Netflix clone from Scratch: JavaScript PHP + MySQL Day 21
Tags: php, javascript, webdev, tutorial
Published: 2021-08-16 06:23:17

Netflix provides streaming movies and TV shows to over 75 million subscribers across
the globe. Customers can watch as many shows/ movies as they want as long as they are
connected to the internet for a monthly subscription fee of about ten dollars. Netflix produces
original content and also pays for the rights to stream feature films and shows.


In this video,we will create Functionalities to make user stay logIn

{% youtube uFopHTa3JOw %}

In this video,we will be creating showPassword functionalities

{% youtube 76jq4W3h1wo %}


If you like my work, please consider
[![Buy me a coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jm11knj7d8zwcvo150q2.png)](https://www.buymeacoffee.com/cglikpo)
so that I can bring more projects, more articles for you

If you want to learn more about Web Development, feel free to [follow me on Youtube!](https://www.youtube.com/c/ChristopherGlikpo)
My Goals for HNGi8 Internship
Tags: webdev
Published: 2021-08-16 06:22:42

I'm <strong>Abdulrahman</strong>, a front end web developer, and I'll be taking part in the HNGi8 internship. It has always been a desire of mine since the beginning of my tech career to be a participant at some point in the future.

<em>What is HNG internship?</em>
<strong>HNG</strong> internship is a three-month remote program aimed at identifying and developing the best software developers. It is not intended for beginners, although novices are welcome to participate; nonetheless, the organizers will assume that you are familiar with coding. If you wish to join or know more about this program, check out their site <a href = "https://internship.zuri.team">here</a>.

I'm writing this article to track my progress and to establish my goals for this internship.

<u><strong>My goals for this internship are highlighted below;</strong></u>

<ul>
<li>Enhance my problem-solving abilities.</li>
<li>To meet and network with like-minded developers.</li>
<li>Improve my coding abilities.</li>
<li>Develop the skills I'll need to ace technical interviews and improve my chances of landing a job.</li>
</ul>

If you're a beginner and interested in learning about web development. Here are some resources that will undoubtedly be beneficial to you:

<strong>Figma:</strong> Figma is a web-based graphics editing and user interface design app. You can use it to do all kinds of graphic design work from wire framing websites, designing mobile app interfaces, prototyping designs, crafting social media posts, and everything in between. <a href = "https://youtu.be/Gu1so3pz4bA">Click here to learn Figma</a> 

<strong>GIT:</strong> Git is software for tracking changes in any set of files, usually used for coordinating work among programmers collaboratively developing source code during software development. <a href = "https://youtu.be/8JJ101D3knE">Click here to learn Git</a> 

<strong>HTML:</strong> HTML is the standard markup language for documents designed to be displayed in a web browser. <a href = "https://youtu.be/UB1O30fR-EE">Click here to learn HTML</a> 

<strong>JavaScript:</strong> JavaScript is a scripting or programming language that allows you to implement complex features on web pages. <a href = "https://youtu.be/dOnAC2Rr-6A">Click here to learn JavaScript</a>
3 simple ways to convert number to string in JS
Tags: javascript, webdev, codenewbie, beginners
Published: 2021-08-16 06:22:10

Following code is the best way to convert number to string in JS

```javascript
const method1 = (value) => String(value);
const method2 = (value) => value.toString();
const method3 = (value) => value + '';

console.log(method1(10));
console.log(method2(10));
console.log(method3(10));
```
What is Parcel JS ? 📦
Tags: javascript, webpack, webdev, codenewbie
Published: 2021-08-16 06:18:36

##First of all we will start by understanding *What is a Module Bundler ?*

A module bundler is a tool that takes pieces of JavaScript and their dependencies and bundles them into a single file, usually for use in the browser. You may have used tools such as Browserify, Webpack, Rollup or one of many others.

Today we will only be discussing about **Parcel JS**

![gif](https://media.giphy.com/media/VVn7hZqr5gYmeLl6fq/giphy-downsized.gif)

## What is Parcel JS and why should we use it over Webpack or Rollup ??

Parcel is a web application bundler, differentiated by its developer experience. It offers blazing fast performance utilizing multicore processing, and requires zero configuration.

```javascript
yarn global add parcel-bundler
```

Many front-end developers have become frustrated with some of the complexities involved with building web apps today. It’s pretty standard practice to include some kind of build or bundling tool in a front-end workflow, thus many developers have looked into using a front-end tool like webpack/Rollup/Parcel.

But the learning curve for a tool like webpack is steep. Getting started with webpack isn’t easy due to its complex configurations. 

![gif](https://media.giphy.com/media/26gR0YFZxWbnUPtMA/giphy-downsized.gif)

##*This is where Parcel JS Kicks in !!! 🚀*

Parcel.js is exactly what many newbie developers want, A simple, low-configuration bundler that you can get up and running with quickly without much hustle in learning the tool.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pv4s49m6h9o3vm913cbn.png)

###*If you want to go in depth about Parcel JS and how to use it in your project check this documentation out form is official website*

[Parcel JS 📦🚀](https://parceljs.org/getting_started.html)

Meme:

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rqidamj2bs4rpxu0zvou.png)


#HAPPY CODING 🚀🥂
HNG INTERNSHIP 8.0 2021
Published: 2021-08-16 06:08:07

Taking the first bold step on an eight weeks internship program with simple article. I'm a front-end developer (intermediate). I believe enrolling for this 8 weeks HNG internship programme with project me and make me stand out among the best.

My goal is to get more exposure to more real life projects, to learn and build wonderful problem solving websites for individuals and companies, and also to connect with people during and after the internship.

One of my planned achievement at the end of the internship is to be more proficient with my front-end development, building more projects to include in my portfolio.

Join me on this path to greatness. To enrol 
Visit https://internship.zuri.team or learn more about the internship. You can also visit https://training.zuri.team to enrol in the training version of the internship or visit https://zuri.team for future updates on training and internship.

Below are links to beginners learning resources to get you started on this path to success.

1. Learn the basic and designing with Figma
https://www.youtube.com/watch?v=FTFaQWZBqQ8

2. Learn how Git work. 
https://www.youtube.com/watch?v=USjZcfj8yxE

3. Getting started and familiar with HTML
https://www.youtube.com/watch?v=qz0aGYrrlhU

4. Getting started with JavaScript
https://www.youtube.com/watch?v=W6NZfCO5SIk

It is said that “Journey of a thousand miles, starts with a single step”
My first step is this and hope to refer back to this at the end of the internship with goals achieved.
Configuring IPv6 on RouterOS using 6rd
Tags: networking, routeros, ipv6
Published: 2021-08-16 05:34:23

---
title: Configuring IPv6 on RouterOS using 6rd
published: true
date: 2021-08-16 05:00:00 UTC
tags: networking,routeros,ipv6
canonical_url: https://fwmotion.com/blog/networking/2021-08-16-6rd-on-mikrotik-routeros/
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sasgzrufrukupxxlervh.png
---

IPv6 rapid deployment (6rd) is a convention for configuring the tunnel of IPv6 traffic over IPv4 within an internet service provider’s customer network. MikroTik’s RouterOS operating system supports all the pieces required for a customer to connect to such IPv6 networks deployed with 6rd, but RouterOS doesn’t directly support 6rd. This article describes a custom script that will monitor an interface’s IPv4 address and automatically configure a corresponding 6to4 tunnel to follow the 6rd standard.

Continue reading [Configuring IPv6 on RouterOS using 6rd](https://fwmotion.com/blog/networking/2021-08-16-6rd-on-mikrotik-routeros/) on my blog.
HNDi8 Internship
Published: 2021-08-16 06:02:43

![HNGi8 X I4G](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3y3wcdclkcvyqfz9pmfg.png)
Learning they say, never ends...

Just started an internship with HNGi8 X I4G (https://zuri.team) which I enrolled for mobile development and I'm really excited to take this step.

For this internship, I plan to improve in my mobile development skills, growing my connections and building my career. I will try to engage in all activities in this internship in order not to miss out in any way.

Finally, I will be making use of Kotlin language for mobile development. If you're a beginner, you can easilty start out with this [YouTube Playlist] (https://www.youtube.com/watch?v=nzbNC22XWC0&list=PLxuUHF3OiqfUXOtjDM5n06a8NMPFrB-LV) created by Zuri.

Thanks!
My Goals for Joining HNG i8
Published: 2021-08-16 05:56:03

My name is [Iniubong Obonguko](https://iniubongobonguko.com), a Frontend developer and a Technical writer proficient in HTML, CSS, Javascript and Vue js.

I'm currently enrolled in the [HNG i8 Internship](https://internship.zuri.team) which is a program designed to level up those who have learnt how to code or design but have no real world experience. This program simulates the real world tech work experience by teaching teamwork, working with deadlines and grit among other valuable real world skills.

I got excited when I saw that applications for this year's batch had been opened up as I was enrolled in the last year's cohort but didn't make it to the final stage due to a bunch of factors beyond my control.

## My Goals for Joining this year are:
- **Build my Network**: In the real world, your network is your networt.This is why making new friends in this program is key, because I'd get to work alongside people I wouldn't get to meet on my own and maybe leverage on their own network as they leverage on mine.

- **Learn to work in a Team**: I've never really done a lot of work in a team scenario before so working with a lot of people would give me a chance to work on building that part of skillset as this is a norm in the real world.

- **Have Fun**:Life doesn't have to be serious all the time, which is why part of my goals is just to have fun while being enrolled in this internship.

- **Land better Roles**: I joined this internship with the aim of finishing and at the end become better at what I currently do.
I hope to land better roles at the end of this because I believe strongly that after this internship my skills would definitely better.

## Links to Resources for Beginners
- [Git/Github](https://www.youtube.com/watch?v=RGOj5yH7evk) by Freecodecamp.
- [Javscript Tutorial](https://www.youtube.com/watch?v=jS4aFq5-91M) by FreecodeCamp
- [UI/UX](https://www.youtube.com/watch?v=1MbQaYCCzzI) by Zuri Team.
- [HTML/CSS](https://www.youtube.com/watch?v=_Jb2fnEFOm0) by Zuri Team.
Mainframe Testing
Tags: testing, mainframe, programming, testdev
Published: 2021-08-16 05:44:19

**Mainframe**

mainframes are high-performance computers (ASP 400 –IBM) with large amounts of memory and processors that process billions of simple calculations and transactions in real time. The mainframe is critical to commercial databases, transaction servers, and applications that require high resiliency, security, and agility.

**Mainframe testing**
Mainframe testing is connected with two main concepts.
1.	Outbound transfer
2.	Inbound transfer

**Outbound transfer**
As the name suggests outbound transfer means transferring files from mainframe to the outside(Applications). In a real world application we don’t transfer a single file during a transaction mostly it is bulk of files (batch processing).

**Inbound transfer**
This is the opposite of outbound transfer. Files are transferring from outside (Applications) to mainframe.

**Testing Methodologies**
Mainframe testing is like any other testing procedure starting from Requirement gathering, test design, test execution and result reporting. Mainframe application testing is a time taking process. A clear test schedule should be followed for test design, data setup and execution.

In mainframe testing we are using manual testing technique. Because we have to determine files are transferred successfully or not. We can’t necessarily  do this with automation tools. But there are tools we can do this, it depends on our requirements.
According to the requirements we have to choose whether we are testing for a single file or batch of files. In most of the cases it is batch of files. But in some cases you have to perform a test case for a single test file.

In Mainframe testing, the Software or an application are retrieved by end-users in a way, which is diverse from Web applications.
And the application tester should know these significant differences, which are shown below:

**Web Applications**
The web applications are acquired via two-tier architecture [Client/Server] or three-tier architecture [Presentation/apps/DB storage layers]
The web applications retrieve across Browser or UI.
In this, the testing can be performed straight on the application screen.

**Mainframe Applications**
In the mainframe application, the end-user must log into the system directly.
Terminal Emulator must retrieve the web applications.
In this, the tester should have precise knowledge of mainframe operations.

**Test Cases**
•	Outbound transfer
Steps
1.	x.dat is sending from mainframe to application
2.	x.dat file trigger the daemon program
3.	x.dat file send via the gateway
4.	Verify the delivery notifications. 

•	Inbound transfer
Steps
1.	Trigger x.ack file from application to gateway
2.	Verify the file is present in input directory.
3.	Verify the file moved to the Archive directory


**Common issues occurring in mainframe testing**
1.	I/O error
Reading at the end of the file, file length error, attempt to write into read-only file.

2.	Error occurred during OPEN
Gateway is down

3.	Operation Exception
Unable to open file, missing DD card
Extreme programming Principles
Tags: programming, productivity, codenewbie, beginners
Published: 2021-08-16 05:21:38

# Principles of Extreme Programming XP
Xp is based on a set of proven practices that are all designed to work together, although many folks do pick and choose, and adopt only a portion of XP's rules

Here are a few practices.
- Make small, but frequent releases.
- Develop in iteration cycles and not in big-bang models
- Don't put anything that is not in the spec, no matter how tempted you to put in functionality for the future.
- Write the test code first
- No killer schedules, work regular hours
- Refactor (improve the code) whenever and wherever you notice the opportunity
- Don't release anything until it passes all tests
- Set realistic schedules, based around small releases.
- Keep it simple
- Program in pairs, and move people around so that everybody knows pretty much everything about code.


*Adapted from the book [Headfirst Java](https://www.amazon.in/Head-First-Java-Brain-Friendly-Guide/dp/8173666024)*
MY ZURI INTERNSHIP
Published: 2021-08-16 05:07:09

**Zuri Internship**,is an annually operating, large scale virtual internship for people seeking to learn a tech skill or improve on what they already know. It focuses on the post-training phase and creates a virtual work environment for its participants. It is a fast-paced, nerve-racking, challenging and otherwise fun learning experience. At Zuri there opportunities to gain enough knowledge to help scale one through the tech industry for free. That's really Great

You can find out more about Zuri via these links

1. https://zuri.team

2. https://training.zuri.team

3. https://internship.zuri.team
 

In 8 weeks for this new internship I enrolled in, I plan to

1. Get better at my JavaScript Skills

2. Learn how to work with React js

3. Improve on my knowledge of backend dev 

4. Learn how to collaborate with teams of developers.
   Meet with developers I can work with.

these resources for prior knowledge so you don’t get too confused as a novice during the internship. You can also check the resources even if you have the experience or you are a professional because I believe you would learn something new.

1.Tutorial for designing with figma
https://www.youtube.com/watch?v=FTFaQWZBqQ8
2.Tutorial for using Git
https://www.youtube.com/watch?v=8JJ101D3knE
3.Tutorial on the basis of html
https://www.youtube.com/watch?v=88PXJAA6szs
4.Tutorial on Python
https://www.youtube.com/watch?v=_uQrJ0TkZlc
I made an open-source, fun indie game!
Tags: unity3d, gamedev, opensource, contributorswanted
Published: 2021-08-16 04:59:01

## This is Cuboidal Drift
{% youtube 0_qvrFxAGY4 %}

## Downloads: 
- [Google PlayStore](https://play.google.com/store/apps/details?id=com.VirejDasani.CuboidalDrift) 
- [itch.io](https://virejdasani.itch.io/cuboidaldrift) 
- [GitHub](https://github.com/virejdasani/cuboidaldrift)

Cuboidal Drift currently has only 4 levels but because of it being 100% open source, you too can contribute levels on [GitHub](https://github.com/virejdasani/CuboidalDrift)!
The game is made in Unity3D using the C# language

A ⭐ to the [GitHub repo](https://github.com/virejdasani/CuboidalDrift) and a review on the [Google Playstore](https://play.google.com/store/apps/details?id=com.VirejDasani.CuboidalDrift) is highly appreciated!
Mapa mental planificacion de proyectos
Published: 2021-08-16 04:58:19

Este mapa mental fue creado para una tarea de la Universidad Francisco Gavidia, imagenes extraidas de Wikipedia, creado con draw.io

![sq26s7l2cz3gpcssecn5](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qhqjjijwdgverulp2o2j.png)
Stop Using ../../../ While Importing Components, Instead Use This Method
Tags: javascript, react, programming, tutorial
Published: 2021-08-16 04:50:21

### Introduction 📚

When you go to GitHub and see some other developers code, most of them are importing their components like this👇
```jsx
import Button from "../../../components/Buttons/Button"
```
This is called relative import. Relative import will start with either `./`,`/` or `../`.

I am not telling that this is the wrong way and even there is no issue if you import like that, but if you have a very big and complex project, relative imports will look a lot messy similar to this. 
```jsx
import Button from "../../../../../../components/Buttons/Button"
```
However, there is a very better and cleaner way to import these components. This method is called absolute import. An absolute import will look this like 👇
```jsx
import Button from "components/Buttons/Button"
```
### Adding absolute imports to React Apps (CRA) 💡
Open your project in any code editor and create a new file in your project's root directory named `jsconfig.json`. Once you created the file paste the below JSON inside of it. 
```json
{
  "compilerOptions": {
    "baseUrl": "src"
  }
}
```
This will instruct Webpack to use the `src` directory as a base one.

### Conclusion ⌛

I hope you found this short article helpful. If you need any help please let me know in the comment section. 

Let's connect on  [Twitter](https://twitter.com/suhailkakar)  and  [LinkedIn](https://www.linkedin.com/in/suhailkakar/)  

👋 Thanks for reading, See you next time
My Frontend Path with HNG internship.
Tags: javascript, hng, frontend
Published: 2021-08-16 04:07:47

This is my first <a href="http://zuri.com/">HNG</a> internship and I will journey through the  front-end stack. It will be a fun and challenging journey because I have heard how tasking and stressful the internship can be. I hope to make it through till the end while becoming better with every task I am given.

At the end of this internship, after going through the expected rigorous training I hope to become a better developer and gain a lot of knowledge and experience for gaining employment.

<a href="https://youtu.be/Gu1so3pz4bA">Figma Tutorial</a>
<a href="https://youtu.be/xuB1Id2Wxak">Git tutorial by Edureka</a>
<a href="https://youtu.be/hdI2bqOjy3c">Javascript Tutorial by Traversy Media</a>