teleren/devto huggingface dataset:
HNGi8 2021
Tags: beginners, html, javascript, css
Published: 2021-08-15 19:06:41

The most anticipated tech internship in this part of the world is here again. HNG internship is a 2-3 months program organized to show people how to code and design. It extends to post-training phase, and encourages collaboration amongst participants.

Hi, my name is Usenmfon Uko and I am a tech-hungry frontend enthusiast. I have a handful of tools and languages under my belt such as HTML, CSS, JavaScript, git, visual studio code and most recently added react.Js and firebase to the list.

Yeah, enough of the introduction or maybe not. I strongly believe that the HNG internship program organized by zuri team in collaboration with ingressive for good (I4G) is a life changing venture, this is supported with facts garnered from testimonials of past interns. I know the deterministic factor to be a finalist involves great amount of smart work and collaboration, this is something I’m readily keen to shoot my best shot at.

My goals for the internship are as follows:
1. Get the HNG T-shirt (i.e. being amongst the finalist)
2. Ensure that I put the amount of effort required to the achieve point one (1)

Achieving my ultimate goal will unlock doors of greatness; becoming the best version of myself, networking with like minds and building amazing things.

>I envision a bumpy ride; it's what makes the story beautiful.

Below is a list of beginner friendly tutorial which helped me kickstart my journey in tech:
1. Figma - https://www.youtube.com/watch?v=1MbQaYCCzzI
2. Git - https://www.youtube.com/watch?v=SWYqp7iY_Tc
3. HTML - https://www.youtube.com/watch?v=qz0aGYrrlhU
4. JavaScript - https://www.youtube.com/watch?v=PkZNo7MFNFg

I hope the aforementioned tutorial links will be of help to a newbie to kickstart their journey in web development.

Thank you for reading to this point.

More about the internship: https://internship.zuri.team
My notes about Google Course titled "Foundations of Project Management" -Part 2
Tags: management, projectmanager, coursera
Published: 2021-08-15 18:46:25

Hello, 

As mentionned in the title, this is the 2nd part of my notes about Google Course "Foundations of Project Management", [here](https://dev.to/hananekacemi/my-notes-about-google-course-titled-foundations-of-project-management-part-1-2cfk) you can find the 1st part.

#### Exploring the phases of the project life cycle :
The project life cycle has 4 major phases 
![Phases of a Project life cycle](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lf4foo5fav9n0z1xe3o4.png)

#### Introduction to lean and six sigma :
Lean Six sigma are commun for projects that have goals to save money, improve quality and move through processes quickly.
![Phases of Lean & six Sigma](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a4mc74arbi7wxal43449.png)

Six Sigma : Reduce variations by ensuring that quality processes are followed every time. Below the 7 key principales :

* Always focus on client
* Identify and understand how work gets done
* Processes flow smoothly
* Reduce waste and concentrate on values
* Stop defects by removing variations
* Involves & collaborate with team
* Approach improvement in systematic way

#### Overview of classic and matrix structures :

Organizational structure refers to the way a company or organization is arranged or structured. There is 2 type of organizational structure :
* Classic : Top down hierarchy, CEO has direct authority over several department manager
* Matrix : Employees can have 2 or more manager

###### Reporting charts : 
shows relation between people and groups within the organization and details who person or groups reports to.

#### Introduction to organizational culture : 
Organization’s culture provides concepts and acts as a guide for what their people value, how they operate on a daily basis, how they relate one to another…

###### Change management : 
is the process of delivering a project and getting people to adopt. When project managers understand change management and their role in the process, it helps to ensure a smooth rollout and easier adoption.

###### Steering committees : 
Advisory board or council to help the Project Managers and the company make and approve strategic decisions that affect the company and the project.

I Hope that those 2 posts will help you to have an overview of the Coursera Course "Foundation of PM" By Google.
Internship at Zuri Training Team
Tags: firstpost, codenewbie, tutorial, javascript
Published: 2021-08-15 18:45:38

I am writing this to document my experience for my internships at Zuri Training Team. 
My main aim at Zuri Training Team is that it will help me horn my front-end development skills. As a beginner front-end developer, I hope this internship experience will help me improve both my technical and non-technical skills through the guidance of more experienced developers.
At the end of this 8 weeks programme, I hope that I'll gain more confidence and experience to work on more real world projects either solo or in a group setting.

For anyone interested in attending a well credible, internship programme as a software developer, check out Zuri Training Team(https://training.zuri.team). 

For upcomming beginner front-end developers, i recommend the following videos atached below:
HTML - https://youtube.com/watch?v=qz0aGYrrlhU
Javascript - https://youtube.com/watch?v=PkZNo7MFNFg
GIT - https://youtube.com/watch?v=8JJ101D3knE
Figma - https://youtube.com/watch?v=Gu1so3pz4bA
My Goals at Zuri Internship
Tags: developer, goals, zuri, internship
Published: 2021-08-15 18:42:22

##  About Me
Hi, my name is Ife Fatolu, a javascript developer with 3 years of experience. I love programming, mathematics, music, anime, philosophy and photography.

## Zuri Internship

Zuri Internship is designed to surface the very best of candidates out of a large pool of participants. It is fast paced and challenging, and helps people learn how to work in teams, deal with pressure and quickly expand their knowledge.. Find out more about them here (https://internship.zuri.team).


## Goals🎯

At the end of this internship, i plan to achieve the following:

1. Connect with other developers.
2. Improve my communication skills.
3. Improve my problem solving skills by helping others.


## Useful Resources✍

### Want to get started with web development?
Check out this course
https://codewithmosh.com/p/the-ultimate-html-css

### Want to get started with GIT?
Check out this course
https://codewithmosh.com/p/the-ultimate-git-course

### Want to get started with Javascript?
Check out this course
https://ultimatecourses.com/learn/javascript-basics
My HNG Internship Goals
Tags: zuriteam, hng, i4g, webdev
Published: 2021-08-15 18:41:37

When i newly ventured into Web development(Frontend)I always had problems with  a good Learning structure [ i.e What to know? or what skill is required? ] . Luckily enough i enrolled in the first ever Zuriteam Internship (https://internship.zuri.team) which changed my take on the Tech World entirely. It entailed tutorials, task, games and finally Projects which allowed alot participants to get a grasp of Collaborative work in a real world situation.
The basic tools that helped me excel were Google and alot of YouTube Tutorials like:
1. HTML => https://youtu.be/KmGaV12A1x8 

2. Javascript => https://youtu.be/Qqx_wzMmFeA 

3. Figma =>https://youtu.be/FTFaQWZBqQ8 

4. Git => https://youtu.be/RGOj5yH7evkhttps://youtu.be/RGOj5yH7evk 

Therefore, Moving forward I can say my main goals for HNG8 Internship are: 

1. Expand more deeply into Frontend Web Development. 

2. Build a Professional Network.

3. Learn from others and build good communication skills. 

4. Build my Resume. 

5. Have fun while doing it all.
Zuri Internship Training [Goals and Achievement]
Published: 2021-08-15 18:25:16

In this article i will be highlighting what my goals are and what i would like to achieve during the Zuri Internship Training program as a frontend developer which is going to be conducted for 8 weeks, to know more about the internship or to apply you can click <a href="https://internship.zuri.team">Here</a>. 
#Goals#
<ul>
<li>Learn new skills such as communication skills and also learning or getting to know more about frontend technologies such as react.</li>
<li>Build my resume which will be handy whenever i encounter a potential employer in the future.</li>
<li>Meet New Contacts.</li>
<li>And also Get that T-shirt.</li>
</ul>

Below are few tutorials that helped me and might also help you too 👇👇👇.


<a href="https://youtu.be/3q3FV65ZrUs">Figma tutorial by Dev Ed and Brad Traversy</a>

<a href="https://youtu.be/8JJ101D3knE">GIT tutorial by Mosh Hamedani</a>

<a href="https://youtu.be/qz0aGYrrlhU">HTML tutorial by Mosh Hamedani</a>

<a href="https://youtu.be/_uQrJ0TkZlc">Python tutorial for beginners by Mosh Hamedani</a>

Thanks for taking your time to read and i look forward to sharing my experiences every stage i go in this program with you guys, thanks <a href="https://zuri.team">Zuri Team</a> for giving me this opportunity.
My notes about Google Course titled "Foundations of Project Management" -PART 1 -
Tags: management, coursera, projectmanager
Published: 2021-08-15 18:21:48

#### What is a project ? 
A project is a series of tasks, with a beginning and end, that need to be completed in order to reach the desired outcome. 

#### What is the project Management ?
Application of **knowledge, skills, tools and techniques** to meet the project requirement and achieve the desired outcome **with respect of budget and time.** 

#### What does a project Manager do ? 
1. Follow a process that involves : 
   * Planning and organizing
   * Managing tasks
   * Budgeting
   * Controlling costs and other factors.
2. Assure that the project will be completed on time and within budget.
3. Bring value to the company.

#### The value of a Project Manager : 
![The value of PM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o7shtpf14gi30ogpx5op.png)

#### Key Project Manager roles and responsibilities : 
![Roles and Responsabilities of Project Manager](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gx2nm95hpufg7tx2t53a.png)

#### The core skills of a project Manager :
 ![Core skills pf Project Manager](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lp1ru6zm7gd1o2n58xw6.png)
'hashnode' App
Tags: sideprojects, app, opensource
Published: 2021-08-15 18:08:52

Hey folks, just as a side project, I have created a simple, quick, and FOSS *'hashnode'* community app to visit this beautiful community quickly from our smartphones.

Open to improvements and suggestions  
 [GitHub Repo](https://github.com/varungujarathi9/Hashnode-App)  
 [.apk download URL](https://exp-shell-app-assets.s3.us-west-1.amazonaws.com/android/%40varungujarathi9/hashnode-f6dcf0007e9c41f0b4a6dd9d8c6d3ca4-signed.apk)
HNGi8 - My journey to becoming a worldclass developer 
Tags: html, javascript, webdev, github
Published: 2021-08-15 18:02:45

The HNGi8 x Zuri internship https://internship.zuri.team is an 8-week internship which takes place once every year and I'm absolutely ecstatic to be a part of the front-end track of this year's cohort. I relish the challenge to and opportunity to improve my skills and network with other newbie and experienced devs alike. 

However, in order to survive the competition, it is important to learn a couple of the basics of front-end web development. A good place to start would be learning about the Figma design tool 

 {% youtube FTFaQWZBqQ8%}, HTML - the basic markup language of a webpage -

 {% youtube UB1O30fR-EE%}, Javascript - for additional functionality -

 {% youtube PkZNo7MFNFg%}, and finally GIT - for version control - https://blog.devgenius.io/git-github-for-a-complete-beginner-95a901973687 .

I hope to make it to the finals and be one of the top performers of this cohort. Let the journey begin!
CSS flexbox made simple!
Tags: css, frontenddev, flexbox, flexboxhelp
Published: 2021-08-15 17:58:24

Do you ever think why is body flexibility important? Because it helps in improving posture, balance and overall performance. Similarly, FLEXBOX or FLEXIBLE BOX LAYOUT in CSS helps us to balance the overall design effectively. Thus, it provides a more efficient way to layout and distribute space among the flex-items.

But first, why flexbox and not the old box model for CSS?

For instance, if you want to arrange let's say, 3 columns in a single row. Using the old box model, you use the property called float and specify a %(percentage) or a fixed width.

Flexbox provides an easy way to arrange items without having to rely on a combination of floats and widths to make things responsive. By specifying parent properties, flexbox makes easy to CSS components like columns, navigation bars and menus. The flex layout goes for flex-directions rather than block and inline flow.

Usually, a flex-container which carries all the items is known as a Parent Property and the items in flex-container are called the child properties.

### Parent Properties


#### Display
can be inline or it can also be inline flex.
```
.container {
  display: flex; /* or inline-flex */
}
```

#### flex-direction
used to determine the direction of the items within the container itself.
```
.container {
  flex-direction: row | row-reverse | column | column-reverse;
}
```

#### flex-wrap
Used to wrap items in a single line(by default)
wrap: flex items will wrap into multiple lines starting from top to bottom.
wrap-reverse: flex items will wrap into multiple lines but in a reverse order. (i.e. bottom to top)
```
.container {
  flex-wrap: nowrap | wrap | wrap-reverse;
}
```

#### flex-flow
Use to set both flex-wrap and flex-direction altogether.
```
.container {
  flex-flow: column wrap;
}
```

#### justify-content
It aligns the items across the main axis as required.
```
.container {
  justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;
}
```

### Child Properties


#### flex-items
It controls the order in which they appear in the container. '0' being the default value.
```
.item {
  order: 5;
}
```

#### flex-grow
It is the ability for a flex item to expand if required. Again, '0' being the default value.
```
.item {
  flex-grow: 4;
}
```

#### flex-shrink
This defines the ability for a flex item to shrink if necessary. Basically, opposite of flex-grow. '1' is the default value.
```
.item {
  flex-shrink: 3;
}
```

Hang in there dev, there's much more to this. If you want to know more Parent and Child properties, comment down it will be there soon!!
Internship goals 
Published: 2021-08-15 17:58:23

Hello, my name is Musa Zainab Peace, a graduate of computer science at Madonna University and a frontend developer. I currently applied for the frontend track for HNGi8.

You can enroll and find more information concerning the internship using this link (https://internship.zuri.team).

My goals for this internship is to:

- Learn and expand my capabilities: I should be able to solve challenging problems after the end of the internship and I should be able to relate with excellent developers that can push me to become better developer and I will be able to ask questions when I’m stuck.

- Reaching the final stage: I will be very proud if I get to the final stage of this internship, it’s going to be an achievement for me.

-Improve on my skills: I will achieve this goal by being hardworking and very optimistic, procrastination should not be a priority for me. 

What I will like to achieve:

By the end of this 8 weeks internship I should be able to achieve the following;

Work in a competent way by achieving maximum productivity in anything I do.

Perform excellently in JavaScript and React etc.

Work with people and relate more with their.

These are beginners friendly links if you wish to learn figma, Git, Html(to help in your development journey), JavaScript(one of the required programming language to learn) and Nodejs

Figma: https://m.youtube.com/watch?v=jk1T0CdLxwU

Git:
https://m.youtube.com/watch?v=8JJ101D3knE

Html:
https://m.youtube.com/watch?v=88PXJAA6szs

JavaScript:
https://m.youtube.com/watch?v=W6NZfCO5SIk

Nodejs:
https://m.youtube.com/watch?v=TlB_eWDSMt4

I used the above tutorial links to learn everything I listed and I hope that it guides you through your journey.



Thank you for reading this article.
Tipos de dados primitivos
Tags: javascript, number, string, data
Published: 2021-08-15 17:50:40

Oi! Esse é o meu primeiro artigo aqui. Esse será o meu caderno de anotações de JS que estará disponível para quem quiser ver. 

Vamos dar uma olhada nos tipos de dados primitivos suportados pelo JS. Mas antes, precisamos saber onde devemos guardar esses dados.

## Variáveis

Variáveis são espaços reservados na memória no computador dedicados a um determinado valor. Imagine que você tem uma caixinha. Dentro dessa caixinha, você deve guardar apenas um único objeto. É o que a variável faz. Temos três tipos de variáveis utilizadas no JS: `var`, `let` e `const`.

```javascript
var nome = "Ana";
let nome = "Ana";
const nome = "Ana";
```

Agora que vimos o conceito de variáveis, podemos examinar cada um dos tipos primitivos.

## Strings

***Strings*** são dados que representam textos ou cadeias de caracteres. Cada elemento de uma cadeia de caracteres ocupa uma posição. O primeiro elemento está no índice 0, o segundo no índice 1 e assim por diante. O comprimento de uma string é o número de elementos contidos. Dentro do JS, podemos colocar os caracteres dentro de aspas simples, duplas ou crase (ou ***template strings***).

```javascript
var nome = 'Ana'; // aspas simples
let nome = "Ana"; // aspas duplas
const nome = `Ana`; // template strings
```

##Number (Número)

Os números são... os números (duh!). Podem ser inteiros (***integer***) ou flutuantes (***float***).

```javascript
const num = 30;
const media = 9.75;
```

##Undefined

Toda vez que criamos uma variável que não é declarada (ou seja, não recebeu um determinado valor), sempre retornará um valor indefinido (`Undefined`) determinado pelo motor do JS. É um valor que não aponta para lugar algum na memória.

```javascript
let nomeAluno; // undefined
```

##Null

Valores nulos também não apontam para lugar algum na memória, com a diferença de que esses valores são declarados nas variáveis. Ou seja, uma variável pode ter um dado nulo porque foi intencionalmente criada dessa forma.

```javascript
let sobrenomeAluno = null; // null
```

## Boolean (Booleanos)

São dados lógicos que retornam dois valores: verdadeiro (`true`) e falso (`false`).

```javascript
const isThisNumberEven = true;
const isThisNumberOdd = false;
```

##Symbol

***Symbol*** é um tipo de dado que serve para criar identificadores únicos.  Quando comparamos símbolos entre si, o valor retornado sempre será falso porque são únicos.

```javascript
const id = Symbol(); // Symbol()
const id2 = Symbol();
console.log(id === id2); // false
```

##Objetos

Objetos são entidades independentes que guardam uma chave e um valor.

```javascript
const pokemon = {
  nome: "Pikachu",
  tipo: "elétrico"
}
```

E aí? Gostaram? Até a próxima anotação!
Var, let e const: Qual é a diferença?!?!
Tags: javascript, var, let, const
Published: 2021-08-15 17:50:18

Quem estuda / trabalha com JS sabe que pode usar `var`, `let` e `const`. Entretanto, você sabe a diferença entre esses tipos de variáveis,  já que todas elas guardam um determinado valor?!

##Diferença entre `var` e `let`

Quando uma variável é declarada com `var`, torna-se uma variável de escopo global, isto é, ela pode ser utilizada em várias partes do nosso código, o que pode ser um problema. 

##Espera. O que é um escopo?!

Pode-se dizer que escopo seria um bloco de código que tem alguma funcionalidade. Basicamente é um espaço limitado. Quando uma variável está dentro de uma função, está em um escopo local (restrito àquela função) e quando uma variável está em um escopo global, quer dizer que ela está fora da função (e portanto pode ser usada em qualquer cantinho do nosso código).

##Por que pode ser um problema?!

Pode ser uma problema porque se alguém modificar o código onde não deve ser mexido por causar um montão de ***bugs***.

##E quanto ao `let`?

O `let` é um pouquinho mais limitado que o `var`, isto é, ela pode existir dentro daquele bloco (função). Se essa variável for chamada fora da função, vai dar erro. 

```javascript
function qualquerCoisa() {
  let a = 123;
}

console.log(a); // ReferenceError: 'a' is not defined
```

##Entretanto, `let` e `var` têm algo em comum...

Se eu declaro a mesma variável com `let` e `var` mais de uma vez, posso colocar qualquer valor nela que nada vai acontecer. O máximo que vai acontecer é chamar a variável com o valor mais recente.

```javascript
// Exemplo com let
let qualquerCoisa = "Aninha";
qualquerCoisa = 1000;
qualquerCoisa = true;
console.log(qualquerCoisa); // true
```

```javascript
// Exemplo com var
var qualquerCoisa = "Aninha";
qualquerCoisa = 1000;
qualquerCoisa = true;
console.log(qualquerCoisa); // true
```

##É por isso que devo usar `const`?!

Sim, porque se por acaso você modificar o valor que está em uma variável com const, vai receber uma mensagem de erro.

```javascript
const numero = 50;
numero = 20; // Não pode!!!!!
```

E aí? Gostaram? Até a próxima anotação.
Internship Goals
Published: 2021-08-15 17:50:06

Starting to write this publication might seem a little way out of my line but everyone has to write, right?
I started my journey in Tech early this year 2021 and I haven't regretted my decision ever since, at first, it seemed a bit complicated but then having guidance is all anyone needs to move up the ladder. I got down on researching, joined lots of telegram Tech groups and my search brought me to ZURI, I originally registered as a UI/UX intern but due to late entry I switched to Front-end Dev. 
My Goals and aim for this program is to be able to incorporate my little knowledge of UI/UX design into my current stack, and to also be able to deliver the best interface that would be user friendly. 
"worth doing is worth doing well"
Achieving my purpose in this internship would be fueled by the above quote and giving my best to come out top is a priority.

To join ZURI: https://zuri.team
        Link to beginner friendly tutorials
Figma Link: https://www.youtube.com/watch?v=FTFaQWZBqQ8&t=619s
GIT Link: https://www.youtube.com/watch?v=8JJ101D3knE
HTML Link: https://www.youtube.com/watch?v=UB1O30fR-EE
Python Link: https://www.youtube.com/watch?v=_uQrJ0TkZlc
MY GOALS FOR HNG INTERNSHIP 8.0
Tags: javascript, internship
Published: 2021-08-15 17:46:30

HNG INTERNSHIP 8.0 is an opportunity for me to become a better frontend developer. HNG is a three month internship designed to find and develop the most talented software developers.it is an ambitious attempt to change the way education is done in Africa, it's the bridge between learning code and becoming the best in the world. learn more https://internship.zuri.team/

I Joined this internship to be able to improve my skills in frontend and at the end of it I should be able to help people who are just starting their career. https://internship.zuri.team/

My goal for HNG internship program
1. To be part of the finalist
2. Improve and learn new skills
3. Complete projects for my portfolio
4. Gain as much experience as possible
5. Meet and connect with people 

These are some basic tutorials that will help you get started:
HTML https://www.youtube.com/watch?v=qz0aGYrrlhU&t=3s
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kuz9oavv73ao2117ot8v.png)
CSS blob:https://www.youtube.com/7d1223c6-31a4-4d69-b81c-953a89b0e6bb
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r6vksejckffos6vdl584.png)

JAVASCRIPT https://www.youtube.com/watch?v=W6NZfCO5SIk&t=2s
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ihy3gaek5td8z06f3wf6.jpg)

Here are also some frameworks you need to learn that will help you-Bootstrap, Vue, React and so on.