teleren/devto huggingface dataset:
Internships Goals
Tags: javascript, design
Published: 2021-08-17 11:04:09

It's zuri internship again! And I'm glad to be part of it. It's been two days since my entry on the frontend pathway and my goal is to learn more on frontend web development and be grounded in my career path as a frontend developer. 
     I seek to brighten my design concept and explore many frontend frameworks and frontend tools for making better UI experience. Being able to have the right attitude to work is one important skill for a developer and I will be looking to attain knowledge on important work ethics and how to handle different technical situations I find myself in.
     Most importantly, I would love to connect with a whole lot of awesome people along my field and learn from them. 
     I have been able to ground myself in some helpful frontend tutorials which I will be linking below and I'm glad to run this internship. Go! Zuri!
https://internship.zuri.team

Git
https://youtube.com/playlist?list=PLxuUHF3OiqfVlhMh2XaA7gx_NaavKM7C9

Figma
https://youtu.be/1MbQaYCCzzI

Nodejs
https://youtu.be/fBNz5xF-Kx4

HTML
https://youtu.be/UB1O30fR-EE

Css
https://youtu.be/yfoY53QXEnI

React
https://www.youtube.com/playlist?list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3
Goals For The HNG Internship 
Published: 2021-08-17 10:54:44

By the end of the HNG internship, I hope to have not only connected with like minds but also grown immensely career-wise. I hope to have worked on several projects that will give me more experience as a frontend developer.

Here Are Some Tutorials That Has Helped In My Journey :

Figma - https://youtu.be/Gu1so3pz4bA

Using Github - 
https://youtu.be/Gu1so3pz4bA

Html -
https://youtu.be/UB1O30fR-EE
Javascript Crash Course - 
https://youtu.be/hdI2bqOjy3c

To be a part of the ongoing HNG INTERNSHIP, you can register / find out more here - https://internship.zuri.team/
My Goals For HNG Internship 8.0
Tags: hng, zuriinternship, hngi8, i4g
Published: 2021-08-17 10:53:50

Hello 

My name is Joshua Gbogodor a Software Engineer and here are my goals i which to achieve by the end of the ongoing 8 weeks HNG internship program.

The HNG internship is a 2-3 month remote internship designed to find and develop the most talented software developers. Everyone is welcome to participate (there is no entrance exam). Anyone can log into the internship using their laptop. Each week, they give tasks. Those who complete them advance forward. The intern coders are introduced to complex programming frameworks, and get to work on real world software. The finalists are connected to the best companies in the tech ecosystem and get full time jobs and contracts immediately.

Click on this link https://internship.zuri.team to know more about the HNG internship program.

At the end of the 8 weeks HNG internship program I wish to achieve the following goals:

* Improve my Backend Skills in .NET Core using C#
* Become a HNG Finalist
* Connect with people with similar goals on the HNG platform
* See my self as a problem solver in the Tech world
* Help other upcoming software Engineers achieve their goals too
* Land a good time paying job as a software engineer


Check out this programming tutorials that will be of help to you in kick-starting your programming career:

https://youtu.be/RGOj5yH7evk
**Git and Github for beginners**

https://youtu.be/lg7w3Ntfqy0
**Figma: Figma Crash Course 2021**

https://youtu.be/GhQdlIFylQ8
**C# Tutorial - Full Course for Beginners**
Goals for HNG8 Internship
Published: 2021-08-17 10:47:41

My name is Adekoye Gbolahan. I am a mobile developer developer. I decided  to participate in the HNG Internship just to sharpen my skill in kotlin for mobile development . They  partnered with Zuri Team Here is a link to register if you are interested: https://training.zuri.team .

The goal of the article is to write out my goals , they very simple I'm good with flutter in writing apps , so I just hope to learn kotlin and most importantly how to work perfectly well with a team.
Just incase you are just starting out your tech journey and also confused on what to read, watch or learn. Check out these tutorials:
Figma: https://drive.google.com/drive/mobile/folders/1-1diYjUyC-hFiiQn9cTpmTGVbMB4IvT0?usp=sharing
Git :https://www.tutorialspoint.com/git/index.htm
Python :
https://www.tutorialspoint.com/python/index.htm
HTML. :https://www.w3schools.com/html/
Go : https://www.tutorialspoint.com/go/index.htm

PHP: https://www.w3schools.com/php/
Kotlin : https://www.w3schools.com/kotlin/index.php
I started KodeCamp internship program. What I look forward to in 16 weeks.
Published: 2021-08-17 10:43:04

Hmm...my quest for finding a designer school has truly been solved through the 2021 KodeCamp internship program. The KodeCamp internship program is one aimed at training seasoned web graduates in the tech world. It has several channels such as the UI/UX design(which I signed up),web development(front end and back end),android development and general technology.

I have always dreamt of being a UI/UX designer and I'm really excited to know that my dreams will soon be achieved through the 16 weeks in-depth tutorials and tasks. I'm very elated to learn under the wonderful mentors who do not only hand-hold us but also drive us to be proactive in all the tasks.

I'm looking forward to building-up my skills in these tools;figma, Adobe Photoshop and Adobe Illustrator as well as networking with like-minds. At the end of the program,I hope to use the skillset acquired to help SMEs and young entrepreneurs build and promote their brand designs.
Salesforce customer 360: Quick Overview and Top Features
Tags: salesforce, crm, customer360, startup
Published: 2021-08-17 10:39:47

#Salesforce Customer 360 Highlights 

With the famous functionalities and aspects of MuleSoft, the Salesforce Customer 360 tool was launched in 2018. 

![Salesforce Customer 360 Overview](https://cdn-images-1.medium.com/max/800/1*01T6ppeJC4VQ7-DjVeEdFw.png)

To build connections between other applications and data sources, this Salesforce customer 360 allowed that for different business enterprises. 

#What is Salesforce Customer 360?

The world's best and only top customer management tool is Salesforce customer 360. With the single IDs of the customers, salesforce customer 360/ customer 360/ salesforce 360 aid in relating the salesforce applications. It supports the creation of single unique IDs of your customer for every client.

![What is Salesforce Customer 360](https://cdn-images-1.medium.com/max/800/1*ELhyDo9LwgmgsF_0Qz5Ipg.png)

With the aid of all the latest customer 360 features, you can fulfill the way in your customer and business, which automatically guides to the productivity and offering of all customer engagement services. 

#Salesforce Customer 360: Features

• Consent Management and Data Unification 
• Advanced Audience Segmentation
• Personalized Customer Engagement
• Provision of Universal ID
• Excellent Optimization with Einstein Insights
• Use cases of customer 360
• In just a single click interface, Data management 
• Artificial intelligence Optimization

#Key Takeaways

Salesforce customer 360 is the best support and customer experience platform in the world. With the help of the salesforce customer 360, not only can you improve your customer experience, but also you can improve the organization's internal operations. You can also leverage the [salesforce consulting services](https://www.bacancytechnology.com/salesforce-consulting-service) to make your business more efficient and powerful.
Javascript: Implement your own setInterval using setTimeout
Tags: javascript, node
Published: 2021-08-17 10:10:45

In one of my recent interview I was asked to implement `setInterval`.

Here is the question definition:

Let's assume there is no `setInterval` available to us, but you do have `setTimeout` and using `setTimeOut` you have to implement `setInterval`. It should satisfy these two conditions:
* It should be able to take `callback` and `delay` as parameter.
* There should be a way to clear the `interval`.

This is what I was able to come up with (_`NOTE: This is a brushed up code similar to what I wrote in interview`_):

```javascript
function mySetInterval(callback, delay) {
  let clears = [];

  // NOTE: A recursive function which gets called after **delay**
  (function recFun() {
    clears.push(setTimeout(() => {
      callback();
      recFun();
    }, delay));
  }())


  return  () => {
    for (let i = 0; i < clears.length; i++) {
      clearTimeout(clears[i]);
    }
  };
}

// To Test
let count = 1;
let clear = mySetInterval(() => {
  console.log("hello world", count++);
}, 1000);


setTimeout(() => {
  clear();
}, 5000);
```

There might/will be different ways to solve this, the one thing that I love about the above code is, it gives a practical example of using `closures` in `javascript`.

If you have any other way to solve it or you find something wrong with above, please do let me know me in comments.

### Approach II: This can handle multiple setInterval
```javascript
(function(window) {
  let interval = {}
  window.setInterval = function(fun, delay) {
    let rndId = Math.floor(Math.random() * 1000);
    const execute = function() {
      let id = setTimeout(() => {
        fun();
        execute();
      }, delay)

      if (!interval[rndId]) {
        interval[rndId] = []
      }

      interval[rndId].push(id)
      console.log(rndId, interval[rndId])
    }

    execute();

    return rndId;
  }

  window.clearInterval = function(rid) {
    console.log("Rid and Interval", rid, interval)
    while (interval[rid].length > 0) {
      console.log(interval[rid])
      clearTimeout(interval[rid].pop());
    }
  }
}(window))


const pid = setInterval(() => {
  console.log("Hello world");
}, 2000);

console.log("PID", pid)


setTimeout(() => {
  clearInterval(pid)
}, 10000)
```

-- Thanks, Ravi
Apple privacy
Published: 2021-08-17 10:26:58

Privacy is a fundamental human right. At Apple, it’s also one of our core values. Your devices are important to so many parts of your life. What you share from those experiences, and who you share it with, should be up to you. We design Apple products to protect your privacy and give you control over your information. It’s not always easy. But that’s the kind of innovation we believe in.

Your data. Your choice.
App Tracking Transparency lets you control which apps are allowed to track your activity across other companies’ apps and websites.



<code>
<privacy>Apple</Privacy>
</code>
What Can I Do If the onShow Lifecycle Function Is Not Triggered?
Tags: huawei, quickapp
Published: 2021-08-17 10:22:43

#Symptom
When a user is redirected to a quick app page that references only a single custom element through the router.push API, the onShow lifecycle function for that page cannot be triggered, as shown in the following figure.

The code where the exception occurs is as follows:

{% gist https://gist.github.com/devwithzachary/c30df74c50bb8931e04fb589cec3acec %}

Code of the custom element (aa.ux):

{% gist https://gist.github.com/devwithzachary/ef6f58ca0df5b0ae50982dfe64903158 %}

#Cause Analysis
Huawei Quick App Loader does not trigger the onShow lifecycle function if the root node of the page is a custom element. However, the function can be triggered for a subelement.

#Solution
Add the div element, instead of a custom element, as the root node.

The modified code is as follows:

{% gist https://gist.github.com/devwithzachary/dfdd79f700e41fa30ded1f3d8ef82c19 %}
Writing typescript on the server side with nodejs
Published: 2021-08-17 10:02:02

#### Prerequisites
You should have basic knowledge of :
- Typescript syntax
- Interfaces
- types


When developing and testing a server in Nodejs you normally always have to restart your server on every change made to your file. Nodemon is a great and useful tool for restarting your server on every change to your file. This tutorial will introduce you to the setup and shows you how to restart your Nodejs code written with TypeScript using Nodemon.


#### Restart Your Server When Changing Your TypeScript Code

First, add nodemon and ts-node as devDependencies to your project. Adding them as dependencies allow you to use both executables in your project without having them installed globally on your machine:  `yarn add -D nodemon ts-node typescript` 

you can also install these packages with npm using:  `npm install -D nodemon ts-node typescript` 

The ts-node package allows you to run your TypeScript code directly without compiling it to JavaScript. It is just like the node executable but for typescript files.

Then, create an npm script combining the nodemon and ts-node executables to run your Nodejs server written with TypeScript: `"scripts": {
    "server": "nodemon --watch './**/*.ts' --exec \"ts-node\" server.ts"
  }`

The sample server script from above watches for changes in .ts files. 
That’s all! Happy hacking!
My goals for the HNG internship
Published: 2021-08-17 09:58:25

Having a goal is a vital quality, it provides focus and motivation needed to achieve what I have set out. In this article, I am writing about my objectives of joining the HNG Internship 8 program.

## What is the HNG internship?

HNG internship is one of the biggest remote internship for developers in Africa, it aims at changing the way education is done in Africa, however it does not aim to train others to become developers but it does shape them into becoming one. The internship last for about two to three month. It is not for beginners but beginners can give it a try, the organizers would however assume that you already know how to code.

## Why I Enrolled For the Internship
I applied for HNG internship because I heard about how intense it was. I'm really just looking to learn a lot.

I've always yearned for a hands-on learning opportunity, and I believe this will provide me with "experience." It may be argued that it is a necessary method of learning rather than being informed overtly.

## My goals for the internship

The goals I set up at the end of this program are:

### 1. Career Development and Challenging myself.

Working with other awesome developers around the world make one better, one get to learn a lot of things quickly and HNGi  provides a fast paced environment with the talent for such.
I have always considered HNG internship a challenge and I don’t take challenges lightly, and I am completing the program. I aim to be generally better.

### 1. Networking with amazing minds.

HNG Internship provides the opportunity to meet professionals, mentors, and co-participants that certainly involve people with great minds which aids making new friends.

### 1. Winning the T-SHIRT 
Winning the T-SHIRT is really on my mind, the T-shirt symbolizes all the hard work and resilience I have shown through out the program.
### 1. Work on awesome products.
Building software is every developers’ joy, even better when you’re building it with great developers, which will help in boosting my confidence.

With the above goals being set out, am happy to start my journey as an intern at HNG.

Helpful links

- Register for the internship [here](https://internship.zuri.team)
- Learn Designing with Figma [here](https://www.figma.com/resources/learn-design/)
- Become a git guru [here](https://www.atlassian.com/git/tutorials)
- Start Learning HTML & CSS [here](https://html.com/)
- Learn Node.js [here](https://nodejs.dev/learn)

P.S: This blog post is part of the entry project to advance into level 1 of the HNG Internship program.
My Internship Goals for joining Zuri -HNG 8.0 
Published: 2021-08-17 09:51:44

I switched career into tech April 2020 - during the CoronaVirus Pandemic Stay-at-home order and I must confess that most of the knowledge I acquired in Front-end development were through self-learning  and it was quite difficult journeying the path alone coupled with the fact that I was pregnant with my second baby.

I started looking for where to intern a couple of months after I birthed my baby in February and in July 2021, I met someone on Facebook who introduced the HNG cohort 8.0 to me. Immediately, I signed up the internship which was set to begin in August .

I am glad to announce that the Zuri team - (https://zuri.team) selected me as one of their interns for the 3-months internship training. And here are some of my goal list I should achieve by the end of the 3rd month of my intern with the team.
By the end of the mo
	1. I should be proficient in various software tools that are germane to the Front-end development skill
	2. I should have mastered the soft skills needed as a software developer
	3. I should be good at working with teams
	4. I should have the knowledge of how to gain financial freedom through the skill
	5. I should have build my network of contacts.
	
In order to demonstrate my application to this team for this opportunity rendered to me, I therefore promise to stick to these goals, so Help me God.

Here are some beginners tutorial links to learn any of this:
Figma link - 
https://youtu.be/FTFaQWZBqQ8
Git tutorial link -
https://youtu.be/8JJ101D3kn
HTML tutorial link:
https://youtu.be/qz0aGYrrlhU
JavaScript beginner link
https://youtu.be/W6NZfCO5SIk
How to use Luos with Arduino? Step 1 - Setup the IDE
Tags: embedded, opensource, arduino, luos
Published: 2021-08-17 09:51:08

[Testing the new dev.to video feature]

🎥 Here is a "quick and dirty" video tutorial I just made, showing how to set up the Arduino IDE to use Luos with your Arduino and Genuino boards... 🎓 Luos is an open-source project working on "how to bring modularity and flexibility to embedded systems", like @SpaceX, @Tesla, or @Dyson do. Luos is a kind of "Docker" dedicated to embedded systems.
auto generate subtitle for local video / audio 📃
Tags: ai, chrome
Published: 2021-08-17 09:49:25

Ni Hao!

If you wondering how to show subtitle automatically from your local video like you are watching youtube video, or how to show subtitle from your favorite podcast/audio which does not provide subtitle feature, this is it.

Did you know that our lovely web browser **Google Chrome** had a features to make us able to recognize text from audio using Google AI? It's already in there and no need to install something like 3rd party. Alright, so watch this step.

1. Open **Chrome**.

2. Move your local video to **Chrome**.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uo1uk1xftrlvot0j23mv.png)

3. Open **Chrome Settings**.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zfz4vuzrj1wz5rm4yxk5.png)

4. Scroll down -> Click Advanced -> On accessibility panel, click Captions. Simple doing, just type **live caption** on search bar.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5sn51vvv8r09nxggfsbc.png)

5. Turn on **Live Caption**. It will download AI Audio to Text if you do this for the first time.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2c22otuuig7rbwgqgpv3.png)

6. Back to your video and play it! You can see the subtitle on bottom of screen.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/viup26gvywfyvcpavgaz.png) 
 
You can change the language based on your needs.

This feature will show up everytime Chrome detect audio. Just easily change the switch button if you want to turn this feature off or on.
Intl Date and its uses
Tags: javascript, webdev
Published: 2021-08-17 09:47:00

The Intl new adding to ECMAScript Internationalization API, has made a lot easier for developer to formatting and comparison of date, number and show on. In this blog will only talk date and its uses.

**new Date()** has been used in code so when you will run it, result will different but format will remain same.

#### Localisation of Date

```javascript
new Date().toLocaleDateString('en-IN', {
    month: 'long', 
    day: '2-digit', 
    year: 'numeric'
})

// 15 August 2021
```

Lets convert it into Spanish

```javascript
new Date().toLocaleDateString('es', {
    month: 'long', 
    day: '2-digit', 
    year: 'numeric'
})

// 15 de agosto de 2021
```
Just one change made it to show in Spanish, there are numbers of language it supports.


#### Time

```javascript
new Date().toLocaleTimeString('en-IN', {
    hour: 'numeric', 
    minute: 'numeric', 
    timeZoneName: 'short', 
    hour12: false
})

// 20:41 IST
```

We have addd timezone and asked to only show 24 hour format. You can also include `timeZoneName` short and long.

Let get the time in 12 hours format

```javascript
new Date().toLocaleTimeString('en-IN', {
    hour: 'numeric', 
    minute: 'numeric'
})

// 8:43 pm
```

By default Intl will show 12 hour format.

#### Get Weekday

```javascript
new Date().toLocaleTimeString('en-IN', {
    hour: 'numeric', 
    minute: 'numeric',  
   weekday: 'long'
})

// Sunday, 8:49 pm
```

#### Timezone
Get time of CET, you can pass any timezone to get time.

```javascript

new Date().toLocaleTimeString('en-IN', {
    hour: 'numeric', 
    minute: 'numeric', 
    timeZone: 'CET'
})

// 5:46 pm
```
Top QA Pain Points & Ways to Improve Software Testing
Tags: testing, test, devops, writing
Published: 2021-08-17 09:46:11

Testing is a vital part of the development life cycle, and it is most effective when implemented at the start of the development process. By testing early and continuously, you can reduce the amount of time and money spent fixing bugs. Modern QA best practices provide improved processes, better quality, and optimization, and increased productivity. However, there are still some key challenges in QA testing and pain points that testing professionals face.

[In this article,](https://evrone.com/qa-pain-points) we cover the most common software quality assurance team challenges and share some QA process improvement ideas. We also clear up some myths about software testing outsourcing and show you how to manage your outsourced #QA teams.
Joining Zuri internship.
Published: 2021-08-17 09:14:59

Hey guys I am Rasaq Jamiu, I heard about an internship that will hold for eight (8) weeks. Am so excited because I want to change my career path which https://zuri.team is presenting to me. You can click on the on the click and check them out .
I have gathered some resources to learn from to fast track my learning path at Zuri, check them out and make some contribution:
1.	https://www.w3schools.com/python/default.asp  for python tutorial.
2.	https://www.tutorialspoint.com/git/index.htm  for Git Tutorial.
3.	https://www.figma.com/resources/learn-design/ for figma tutorial.
4.	https://www.freecodecamp.org/news/ui-ux-design-tutorial-from-zero-to-hero-with-wireframe-prototype-figma/  also figma tutorial.
I hope yo will find this helpful, you can also add yours to the comment below.
Also guys I love cars so much and you can explore different types of cars here, feel free to visit https://cars.ng/ you will love it.
Thanks for your time and comments. If there is any way you can help in my learning feel free to contact me. Thank you for your time and I appreciate your anticipated contributions.
My react app for managing kindle clippings
Tags: react, showdev
Published: 2021-08-17 09:09:59

![App dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iuualkujx3mnmfwygu2f.png)

[Live demo]( https://karlosos.github.io/kindle_clippings_webapp/#/demo) • [Source code](https://github.com/karlosos/kindle_clippings_webapp)

[![Star my project](https://img.shields.io/github/stars/karlosos/kindle_clippings_webapp?style=social)](https://github.com/karlosos/kindle_clippings_webapp)

## About

With this app you can import Kindle Clippings and show them in accessible way. The app divides clippings into books and gives an option to delete and like highlights.

Functionality:
- import clippings
- browse clippings
- create backup and load from backup (saved to json file)
- export all clippings from book to txt file
- save application state in `localStorage` (app state is persistent)

## What I Have Learned

This project was more goal oriented rather than education oriented. I wanted to have a simple desktop (electron) application for managing my kindle clippings.

## I would be grateful for any kind of feedback