teleren/devto huggingface dataset:
11th weekly post, everyone is Netscape. Also, the pros and cons of icons.
Tags: javascript, css, design
Published: 2021-09-26 10:35:48

## Items of the week

1. **JavaScript** - The Navigator object (`window.navigator`) got the name from the Netscape Navigator browser. We could use the properties of this object to determine browser states or user preferences but there are deprecated properties to avoid, e.g. `navigator.appName` that always return `"Netscape"`. More details can be found on [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/API/Navigator).

2. **CSS** - `font-smooth` did not make it through CSS3 thus is now non-standard. Browsers might have their own prefixes and implementations and the property is currently only useful for macOS users. More information is available on [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth).

3. **Design** - Icons might be useful in the sense that they are aesthetically pleasing, save space and can be recognised faster when compared to text. However, users derive their understanding of icons from their past experience, so take that into consideration when using an icon. There is [a good article explaining this by NN/g](https://www.nngroup.com/articles/icon-usability/).

## Note of the week

This week saw the release of the 6th generation iPad mini and the announcement of the 5th generation Kindle Paperwhite, their charging ports have been updated to USB C from Lightning and micro USB respectively. These are great devices to read ebooks, so I'm glad that they finally have the same charging ports that many other modern electronic devices use. That's all for 2021 week 38, thank you for reading and if you have got any feedback, do let me know by leaving a comment. Have a nice day!
Taskforce [ week four ]
Tags: programming
Published: 2021-09-26 10:28:26

Hello good people!,

Today marks the end of week four in the Awesomity taskforce, and yet again still getting new and great things being added to our knowledge.

In the beginning of the week, we started the week with a Design thinking soft skill session, where we got to know more on what clients really want on projects.

Proceeding on the next day with a dashboard project called ShowApp to work on that gave us a lot more experience and understanding on Ant design ( A frontend react framework ) .

We had a soft skill session regarding time management and the concepts on setting SMART goals, that helped us as software developers to set realistic and formidable goals.

At the end of the week the ( friyay! ) we had a presentation where we talked about the concepts of survival in the mid center of the ocean after a fire outbreak in our boat. This made me really think about the question... WHAT IF it really happens :)

So in conclustion, this week wore more fun and productive. See you next week :)
TechLead or DevLead ?
Tags: leadership, career, discuss, softskill
Published: 2021-09-26 10:25:50

Hi,

Sometimes i read post about techlead but often oriented to the technical stuff, best practice etc. I think that Leading role can be separate in 2, the tech for one et and well "dev" for the other. In fact, i think the other is more about soft skill. Because being a great developer tech-wise doesn't not necessarily means that you can teach, give some advice with the right word.
I think that Leading demands skill like Patience, Empathy, because you need to deal with different personnalities, and it's not always easy.

What do you think? Do you make that difference, or see that Leading is like 2 jobs in one ?
Happy little accidents when learning Pt. 1
Tags: beginners, javascript, python, node
Published: 2021-09-26 10:17:49

This is not the most technical of all posts but I hope it will help some of you rockstars 🤘 who are learning to code as we speak. 

You have opened the pandora box so massive well done 🙌 but the power you unleashed is wild and taming it is key for your happiness as a learner.

It might sound totally obvious to some but here is what I think in retrospect made some coding sessions way WAY more complicated than they should have been... 

#### PART 1 TUTORIAL NIGHTMARE

##### Versions gone wild 

So you're following a tutorial either on video or web page and you're really excited to learn to build a cool app by mirroring a slightly more experienced dev.

It all goes well until... You just cannot get the app to run. Even locally. So you try and google the error messages but nothing matches your case. It's ok you think, let's start the tutorial again paying attention to every little detail. You do that and... Still not working arghhhhhhh.

![Arghhh](https://reactiongifs.me/wp-content/uploads/2013/11/the-smile-man-willen-dafoe-creepy.gif)

Why is that ? Does the tutorial author have magic powers 🧙‍♂️ ? Are they hiding secrets from us 🤔 ? Are they simply faking it 😈 (sneakyyyy) ? 

Most likely it's another very simple reason... 
⁉️ You are not using the exact same versions of the frameworks and libraries (aka dependencies) used in the tutorial. 

##### JavaScript

If you are following a `Javascript`/`Node` based tutorial you really want to go through the `package.json` in the repo to ensure you are using the right [NPM](https://www.npmjs.com/) dependencies (for instance 'react' and 'react-dom' for a Frontend Client). And also you want to also have the same version of [Node](https://nodejs.org/)! You can easily manage multiple versions using [NVM](https://github.com/nvm-sh/nvm) by the way.

##### Python

The same applies for `Python` fans out there with the `requirements.txt` libraries file for [PIP](https://pypi.org/project/pip/) and the version of [Python](https://www.python.org/) or the web Framework in use if any (e.g. [Django](https://www.djangoproject.com/) themselves.

I always assumed that when following a tutorial I just had to upgrade the software I used to the latest stable version (LTS) and everything would even go smoother than in the tutorial that is automatically using older versions of the stack. 

##### Closing thoughts

Well some of you reading this might think it sounds obvious especially when one understands [Semver](https://semver.org/) but no one told me that clearly when I was learning and it made me almost lose hope sometimes. 

Be safe out there and use the exact same versions of every layer of the stack in any tutorial.

That's all for today folks! Hope at least one fellow developer will find this useful. In the next part of this nano-series I will be discussing source control disasters so stay tuned ! 

Happy coding 🥷
pypi packages with GitHub actions
Tags: github, githubactions, python, devops
Published: 2021-09-26 10:16:40

---
title: pypi packages with GitHub actions
published: true
description: build pypi packages using that package using GitHub actions
tags: #github #githubactions #python #devops
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o532jr01u9wakvdd6bq3.png
---
GitHub actions are a great way to get your ci/cd done.

In this post we will see how we can run ci flow with lint, package, test and publish a python package. Using the sample repo 
```
https://github.com/uptownaravi/encoder
```
This will help you get started on a simple GitHub action for a pypi package.

Refer to [GitHub Workflow Syntax](https://docs.github.com/en/actions/learn-github-actions/workflow-syntax-for-github-actions) for documentation.

Workflows have jobs and steps under that, our workflow is defined in the file 
```
https://github.com/uptownaravi/encoder/blob/main/.github/workflows/pythonaction.yml
```

This is configured to run when a commit happens on the main branch.

The steps in the workflow include 
* checkout (using predefined action actions/checkout@v2 )
* Install dependencies required in the workflow
* run pylint for linting
* build the pypi package
* get version from version file in the repository ( this will be used with the test step )
* install the package from dist/*
* run unit test
* publish package to pypi ( using pypa/gh-action-pypi-publish )
* install package from pypi URL to verify

Version is read from the version file both on the setup.py and in the workflow during install/test

Once we make a commit on the main branch, we can see the workflow run on the actions tab of the repository

![GitHub action tab](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/okjot2qx6jjsovv72es5.png)

After the job run we can see our package in pypi webpage. 
![pypi webpage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nvf78mqlan7iyfupklu7.png)
 
| Note: if you notice the workflow file we can see a secret being used with in package upload. Add a GitHub secret called  PYPI_TOKEN which has the token from pypi account. 

| Check https://pypi.org/help/#apitoken for steps to generate the token
What kind of sorting method it is?
Published: 2021-09-26 10:06:46

let arr=[57,2,3,12,43,23,23,43,56,98,03,77,23]
let insertion= a=>{
    if(a.length<2){return a}
    for(var i=0; i<a.length; i++){
        //console.log(" value of i=",i, "move to ", a[i])
        let temp
        if(a[i]<a[i+1]){
            //console.log( a[i], a[i+1])
            temp=a[i]
            a[i]=a[i+1]
            a[i+1]=temp
            i=i-2
        }//else{console.log("nothing to do")}
    }
    return arr
}
console.log(insertion(arr))
Task Force 3.0 Week 4
Published: 2021-09-26 10:05:30

This is the end of week 4 of our task Force and it is amazing to realize how you can accomplish many things with a small period of time.
Good developers are not those who can code and develop a site in one or two days but those who also knows how to communicate to outside world of his/her field.

**Agile communication World**

communication in agile world we have seen different ways agile  methodology uses to convey message
we have looked into 2 methodologies and compared them.
    1.**Scrum**
    2.**Kanban**

**Scrum**

scrum is method a where we have sprint depending on your team you decide how long the sprint would take and each sprint should have a scrum master scrum master is responsible to know that team mates are working on their tasks and he/ is supposed to review his/ her teammates codes.

![alt text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0mlfjxaqxotl6aklwz4v.png)
 
**Kanban**
  on the other hand there is kanban it is also an agile methodology where we have boards with tickets.

![alt text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uy920keajube1aw1oovy.png)
 
most of the time taking advantage of both scrum and kanban methodology is very efficient. 
For the boards you can use trello board,![trello  board](https://www.trello.com).

**Time Management**
Managing your time helps you understand well the priority matrix
and when you manage your time well you get to do all your tasks on planned time deadlines are no longer problems and you can not take a lot of tasks since you have a routine of how your day starts and ends,
I also helps to avoid procrastination and imposter syndrome.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hhqph6pi572deb3ur0nt.png)

**complex UIs**
complex UIs sharpening skills is something you got do a lot if you want to grow that why in this week we have been introduced to another complex UIs to build.
It is amazing to have great team around you to review your codes and give you feedback to help you grow your skills and think out of the box to accomplish the challenge.

Communication skills is always the first thing you need to be notice in the community and when combined with better time management you can achieve a lot.

thanks next week it is.
Fourth week in Taskforce 3.0
Tags: agile, timemanagement, frontend
Published: 2021-09-26 10:00:58

This last week was kind not stressful because i tried to manage my time well, we started a week with new tasks where i was required to develop new dashboard, so far i have started to be ok with working on pressure, but also working on this dashboard taught me to pay more attention to details because as a frontend developer this highly recommended skill to have and I am still improving on that.


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

The week continued with design thinking session, where i really learned what to develop based on client's personas, it is a bad idea to develop a product without doing a deep research on the client, for example: the client experience on technology, languages he/she is familiar, devices he/she uses,  with all of this search on the client, help to design a product that will give her/him a good experience on the product.


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

On thursday i learned more about agile methodology, from the past i had difficult to understand how agile works, but thanks to Joseph he demonstrated how it works and it's importance and that time i really understood agile.

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

Friday was awesome in the morning we learned about time management, but to be honest this is a thing i have learned since high school and from my experience the only thing i found that makes people to not stick to their plans and goals, is lack of willpower to push against all odds because to have a high willpower requires a lot energy from the body and it requires a lot self discipline. and in the evening we had a really interesting game to play with team mates and this game helped me to be more open minded and it increased my critical thinking.

Looking forward week 5.
Complex UI implementations and Soft skills Takeaways in week 4
Tags: awesomitylab, codeofafrica, complexuis, devops
Published: 2021-09-26 09:59:56

Today is the end of week 4 of task force 3.0 at Awesomity Lab and Code Of Africa, this week was very energetic and fantastic.
 
We started the week with Lionel, reviewing our work on LOT dashboard implementation. I enjoyed talking to other group members, discussing challenges and how to fix them.
On the next day, we continued with complex UI implementations. We had to build the Show App Application which was not difficult because we already knew how to fix bugs that appeared because we did a LOT dashboard implementation.

We had a session with Mutombo who was reviewing our codes, we learnt about Good practices in UI implementations.
In soft skills, we learnt about User persona in Design thinking with Olaf, User Persona is a detailed real or hypothetical description of a typical end-user of the product the team is developing. Personas usually take the form of a written document with a photo, name, profession, style of living, and other important details.

![We created this persona](https://res.cloudinary.com/dpqasrwfu/image/upload/v1632652707/Screenshot_2021-09-26_123352_rbqqgh.png)


We also studied about Client communication in Agile World, we learned basics on Agile Methodology and its frameworks including Scrum and Kanban, the session was very interesting.

![communication over documentation](https://agileprague.com/pool/vzor/upload/Agile%20Communication%20PATTERNS.png)

We also studied Time Management with Braise. Even though I missed the session, it was very interesting. I read documents shared so I learned a lot.

In soft skills, everything was not hard because I did scrum master certificate, All soft skills sessions were about brainstorming.




This week was interesting, it prepared us to be ready for agile teams and companies. I am expecting to be in the Top most front end developers in Agile World at the end of this taskforce.
See you next week :)
TaskForce.3 Week 4
Tags: design, programming, productivity, taskforce
Published: 2021-09-26 09:47:41

Hello good people :)

Today marks the end of week 4 of **taskforce.3**.This week was amazing and it involved new experience not only Technically but also Professionally.

The week started with review of how previous week was like and introduction to a new task which was building a new web application front-end. 

This challenge of building the front-end of a web application helped me to improve on certain aspects like paying attention to details when developing and increasing the efficiency.

![design codes](https://res.cloudinary.com/amanis/image/upload/v1632647276/Public/ferenc-almasi-NzERTNpnaDw-unsplash_yw9gaa.jpg)

Making a simple mistake in design can mess your intended design/look of your application.

It's always better to make a good project structure at the beginning of your project as it makes it easy for you to develop app efficiently.

Next thing was about professional skills. I learned about design thinking. 
Basically, **design thinking** is a process for solving problems by prioritizing the consumer's needs above all else.

Design Thinking provides a solution-based approach to solving problems. Before jumping on a project, first you have to understand your clients needs, challenges they are facing, why they might use your product and so on. This will help you to come up with a product that satisfies your end-users needs. 

I also learned about Agile methodology and it's importance.
**Agile software development** refers to  software development methodologies centered round the idea of iterative development, where requirements and solutions evolve through collaboration between self-organizing cross-functional teams.

![agile methodology](https://res.cloudinary.com/amanis/image/upload/v1632648954/Public/Screenshot_from_2021-09-26_05-35-24_s2okfk.png)


**Agile methodology** helps in increase of the quality of deliverables , cope better with changes , provide better estimates while spending less time creating them and be more in control of the project schedule and state.

Generally this week was interesting because I learned some new things and also was able able to improve on things I was doing wrong.
How I developed growth mindset this week
Tags: mindset, growthmindset
Published: 2021-09-26 09:36:14

> “Great works are performed, not by strength, but by perseverance.” *Samuel Johnson*

Today I would like to write about how I pushed myself to develop a growth mindset. By the way, I just started with Samuel Johnson's quote because it strengthens me and helps me to never give up.

Let me talk about the topic of today *“How I developed growth mindset this week”* Before joining Awesomity Lab & Code of Africa's bootcamp; I used to think that I don't need to know how to do mockups, but now I have realized that to be a good frontend dev I need it.

Before applying to this bootcamp I was not into making mockups, but yesterday I challenged myself to do a design of [YouTube](https://www.figma.com/file/9mDluXSkzD56ykNrPSaH74/Aka-YouTube) in [Figma](https://www.figma.com/)! and I did it even though it does not look great yet but 'Great works are performed, not by strength, but by perseverance' as [Samuel Johnson](https://en.wikipedia.org/wiki/Samuel_Johnson) said. So I'm gonna keep on learning. 

I believe that having a growth mindset will be a key to success and make my designing skills better. As I have realized that being the best frontend developer requires a little bit of designing mockups skills, So, effort, and persistence are all important for me to know how to do mockups.

In general, I just wanted to mentioned that I have learned a lot so far since I have applied to join this bootcamp, I have been working on different challenges and enjoying them.

This week I did not face so many challenges, the only challenge was internet connections when I had to work from home; but I improvised and overcome this by changing my internet provider.

Thank you for reading and sharing from my experience.
Goopensource.dev Next Generation Job Search
Tags: jobs, career
Published: 2021-09-26 08:35:43

---
title: Goopensource.dev Next Generation Job Search
published: true
description: Goopensource.dev empowers job seekers with deep insights
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ln3ailg2qo85qky2uhp.jpg
tags: jobs,careers
---

Goopensource.dev empowers job seekers with source code insights from Github, reviews from LinkedIn, and insight from other social networks, so you can make your next career move with total confidence and deep insight.

Our platform allows members (employers, freelancers and recruiter) to scan company profiles and connect with those companies. Members can quickly search for companies to apply for new jobs. Goopensource.dev can also be used to find new team mates.

Our platform also allows users to anonymously search and view content of each company, no sign up required but it will improve your search experience.

Website: https://www.goopensource.dev/
Week four as a taskforce
Tags: taskforce, awesomitylab, codeofafrica
Published: 2021-09-26 08:34:33

Hello again!!

As we wrap up week four, I’m amazed by how fast time can be😅. I remember day one of week one vividly and we’re already at the end of week four. Anyways, this week was interesting, as I said last week we are having sessions about things we usually need in real life and that is basically why task force is a mentoring program to me.

Monday started off with Lionel’s technical review of the implementation of the dashboard and I have to admit I was impressed. These whole tech sessions made me work closer to the developers, it taught me that we see things in different ways, how to closely take care of the details while reviewing their implementation because as I saw they are things they don’t catch real quick so that the whole implementation looks exactly like the mockup. 

![UiUX to Dev](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tvmkz5qhhwhbd1jluqd8.jpeg)

With the soft skills we had a session with Olaf about design thinking, where we learned about stages of design thinking and how they can impact the outcome of the project. We also learnt about the creation and use of personas, where you create a person with as much details as possible, I was amazed by how you find yourself thinking like that persona you just created and this helps to know who you are really creating for and adjust to their different needs. 

We also had a session about Time management and how to be productive. In this session we learnt how to formulate our goals using the SMART technique, and immediately saw that this is already a step to completing effectively your goal.

![TM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4wsu8v8g0phpcqo7beie.png)

Briefly, this week was interesting, we learned so many techniques that will help us be more professional and more focused to the product itself.

See you :)