teleren/devto huggingface dataset:
A case for building a tech community in Uganda that harnesses practitioners and leaders in the global technology space.
Tags: coding, community, technology
Published: 2021-02-25 05:36:55

---
title: A case for building a tech community in Uganda that harnesses practitioners and leaders in the global technology space.
published: true
description: 
tags: Coding, community, technology
//cover_image: https://![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kb5tuyl168uw0qtf78cy.jpg)
---
CodeImpact believes in the power of technology and what it can do to change lives and impact communities. In Africa where youth unemployment is high, technology is part of the answer to change the status quo.

We believe that introducing technology early to our children will put them in a better place to compete favorably with their counterparts all over the world.

In a world where technology has demystified geographical barriers, jobs are no longer defined by location but by the availability of talent. 

As Africans, we need to build a critical mass of technology leaders and practitioners so that our generations to come can be global players in the technology space.

CodeImpact was born out of the desire to raise our stake as Africans in the technology space globally and therefore equipping our children with the skills they need is imperative for our sustainable growth. We could have picked any other space to focus on but we chose coding as a literacy skill for teenagers.

Like Steve Jobs said Coding or computer programming teaches you how to think. Most of our education system does not teach us how to think but instead focuses on cramming facts and reproducing them to pass a test. We think differently at CodeImpact.

We encourage our learners to think and tinker and endeavor to create a space where people are free to fail and learn from their mistakes. We do not castigate failure but rather encourage it because it is the only sure way to mastery.

We run weekend coding programs for teenagers and also pre-teens who feel confident and are eager to learn and grow. 

Our program runs for a period of 12 weeks and in those weeks our learners are facilitated to learn and collaborate on projects. Our facilitators are available throughout the week to offer support in-case some learners need clarity on topics or are experiencing challenges on their weekly projects.

Ultimately our main goal is to build a community of over one million technology practitioners and leaders that will continue to learn from each other, build projects together, start companies together and recommend opportunities to each other.

All learners that go through this 12-week program will immediately be legible to join this community and we shall have a strong support system to keep the community active, vibrant, and relevant in the global technology space. 

ALUTA CONTINUA
Ali Sami Farooq: Tiger Woods suffers multiple leg injuries in car accident 
Tags: alisamifarooq, alisamifarooqlondon
Published: 2021-02-25 05:34:12

Tiger Woods was recovering from major surgery on his right leg Tuesday evening at Harbor-UCLA Medical Center after being involved earlier in the day in a “high-speed” single-car accident outside Los Angeles.

Woods suffered “comminuted open fractures” to both the upper and lower portions of his tibia and fibula in his right leg, as well as damage to the ankle bones and trauma to the muscle and soft tissue of the leg, according to an update released via his social-media account on Tuesday night. A comminuted fracture is when a bone breaks into more than two pieces, and an open fracture suggests bone broke the skin.

As part of the procedure, Woods’ right leg was stabilized by inserting a rod into the tibia. Screws and pins were used to stabilize the bones in the foot and ankle. A surgical release of the covering of the muscle was also performed to relieve pressure due to swelling.

To read more this News visit : https://www.golfdigest.com/story/tiger-woods-car-accident-los-angeles
Supercharge Your Mobile Experience with AMP - Here's How!
Tags: webdev, seo, google, amp
Published: 2021-02-25 05:29:05

**Did you know that on an average, smartphone users touch their phones 2,617 times each day?**

With increasing mobile usage the average number of internet searches from mobile devices has also increased. A whopping 33% of electronic device users use their smartphone as their primary device for internet use.

**But are these mobile websites fast enough??**

Let's see the current scenario is -

On an average it takes a whooping 214 server requests per mobile page.

19 Sec is the average page load time of mobile websites.

77% of these mobile sites take more than 10 seconds to load on a 3G network.

**So what can we do to have high performance website loading on mobile phones?**

One of the ways is what Google has come up with a solution to enhance our mobile search experience by launching The AMP Project or The Accelerated Mobile pages.

**What is AMP?**

AMP is a google backed project designed as open-standard for any publisher to have their page load quickly on mobile devices. It makes websites really fast . An average AMP page takes 0.7 second to load. This is Google's answer to Facebook's instant articles.AMP websites are pretty easy to build. You can start developing your own AMP Page in just five minutes.

[Click Here to create your first AMP.](https://amp.dev/documentation/guides-and-tutorials/start/create/basic_markup/?referrer=ampproject.org)

**See what AMP looks like-**

* Open up your Google app and type in " XT summit 2017 ".
* Click the very first result.
* Pretty fast loading speed, right?

As you also probably noticed, the lightning bolt icon on the website. AMP also puts result on top without much of hassle. In some cases, you don't require to use webmaster tool at all. And your AMP page will be in the top of the search engine results page.

The previous website was a little too small for you to feel the difference.

* Now try searching "XT summit 2017 demo"

**Summary-**

From the above examples you can see how AMP makes your website load much faster than normal websites. It really feels like instant.

**Following links are for further reading and it has everything that is required to get one started -**

* [The AMP Project : The Official AMP page](https://amp.dev/)

* [AMP Test – Google Search Console](https://search.google.com/test/amp) : To test if your page is AMP compatible or not. You can also index your page to google once your page passes the test.

* [Google Webmasters](https://developers.google.com/search#?modal_active=none) – Support, Learn, Connect & Search Console – Google : A better approach to index your AMP page.

**PS: This post is an extract of the talk i had presented on AMP & PWA at Sapient's XT summit 2017 organized in the month of June.**
Consonant value - COdewars
Tags: 100daysofcode, python, codenewbie
Published: 2021-02-25 05:16:07

### Day1 - Codewars Python

Kya - 5

Coding problem - [Consonant value](https://www.codewars.com/kata/59c633e7dcc4053512000073)

Here is my solution with the necessary comments. Please suggest if any method to optimize the code.

```python
def solve(s):
    
    # Form dict for a-z with 1-26
    import string
    alpha_dict = {}
    i = 0
    for letter in string.ascii_lowercase:
        i += 1
        alpha_dict[letter] = i
    
    list_word = []
    
    # For first iter, temp is empty string.
    temp =''
    for letter in s:
        if letter not in 'aeiou':
            temp += letter
        else:
            # The end of consecutive consonant words.
            list_word.append(temp)
            temp = ''
            
    
    # Remove empty strings
    if '' in list_word:
        list_word.remove('')
    
    print(list_word)
    
    # Get the coresponding leter value, and add for 
    # consecutive values.
    word_value = []
    for word in list_word:
        temp = 0
        for letter in word:
            temp += alpha_dict[letter]
        
        word_value.append(temp)
    
    return max(word_value)
```
Kata-Eveyrday
Tags: 100daysofcode, python, programming
Published: 2021-02-25 04:54:10

Hey, guys as part of learning and upskilling myself in Python programming and problem-solving. I have taken a challenge to solve at least 1 Kata every day from CodeWars.

My CodeWars profile: [Nischay Gowda](https://www.codewars.com/users/Nischay%20)

With this hope to be consistent and proactive in solving.
WebAssembly: Digging a Bit Deeper
Tags: webassembly, javascript, webdev
Published: 2021-02-25 04:46:37

Unlike JavaScript, WebAssembly is distributed in binary form, not source form. In this talk, Steve will show you the inner workings of the WebAssembly format, talk about some challenges with debugging WebAssembly code, and talk about possible future improvements in this area.

{% youtube zC_q3AR_Gr0 %}
Testes reais de integração 
Tags: teste, integracao, nlw, rocketseat
Published: 2021-02-25 04:39:47

Hoje terminei a terceira aula da trilha de NodeJS da semana nlw04 da rocketseat e algo que me chamou bastante atenção é que mesmo sendo um conteúdo introdutório a equipe da rocketseat teve a preocupação de passar conceitos extremamentes importantes na construção de um software maduro e com qualidade. O tópico que aborda os testes são sempre um ponto de atenção para mim e em outros cursos que fiz eu sempre ficava me perguntando: por que os testes de integração estão sendo mockados ? Pois isso no meu ponto de vista fere totalmente o core do conceito de teste de integração. E na aula de hoje foi feito um teste de integração sem mocks tornando o teste o mais próximo possível do ambiente real. Recentemente eu li em um artigo da Thoughtworks(link abaixo) que falava exatamente sobre isso, o uso demasiado e indevido de mocks apenas para se justificar que esta "testando" não irá garantir um resultado 100% confiável para um teste de integração.

https://www.thoughtworks.com/pt/insights/blog/mockists-are-dead-long-live-classicists
Burnout
Published: 2021-02-25 04:35:16

  I have stalled on major projects because of a lack of motivation. In this moment, I'm just burntout.

  This isn't going to be some well formatted, header filled post with a 5 minute youtube video at the end. I need to rant in hopes I'll regain motivation.

  Burnout in programming is the worst kind of burnout in my eyes. Burnout as a content creator sucks, but you can usually pick back up where you left off. If you walk away from a project, you have to relearn what your program does before working on it again. And that's the biggest issue. One reason programmers find it so difficult to go back to a project is that hurdle. Smaller projects it's not as bad. But multi file, multi language projects? I've been away from a Django site for months because of this hurdle.
  And then there's the other issue. I'm afraid this project will fail, so why build it? Why spend the time in development for a project that I'll burn later. I don't have millions of dollars to throw at rockets that explode in the final moments. I am a single student, trying to take on a project that is too big for one professional developer alone. 
  Back to the topic at hand, burnout. What can we do about it?
  Please let me know.
  I would love to get back into programming.

-JAlbert
Current song: Miracle - Stripped; The Score


Edit: Maybe finding that one piece of technology to overcome a hurdle is all we need.
Forget Silicon Valley! 5 reasons to relocate to work in the leading country of e-governance!
Tags: siliconvalley, webdev, career
Published: 2021-02-25 04:10:33

Estonia, my birth country, celebrated its 103rd independence day on the 24th of February! That's why it seemed like a great idea to share my enthusiasm for our awesome country and how we use technology to it's fullest in order to strive as a nation through a video.

{% youtube 2t3dkAVlF0c %}

Some quick fun facts:
- Estonia, officially the Republic of Estonia, is a country in Northern Europe. It is bordered by  Finland, Sweden, Latvia and Russia. The territory of the country is 45 227 km2 and the population of the country is 1.3 million. The official currency of the country is the EURO and today we're celebrating our 103 birthday! Oh, and the capital's Tallinn!
- President(Kersti Kaljulaid) and Prime minister(Kaja Kallas) are both women
- Our capital, Tallinn was the European Capital of Culture in 2011
- Online voting already since 2005
- We've got 4G coverage even in the middle of the woods. And yes, I've tried it out!
- We've got a thing called "E-Residency" so you could become a resident...right away to make business etc.

Timestamps:
00:00​ Intro
01:07​ - Fun facts
02:38​ - Reason 1 - The country of innovation and e-governance
03:50​ - Reason 2 - Unicorns! Unicorns everywhere!
05:08​ - Reason 3 - The work-life balance
06:35​ - Reason 4 - The beautiful and accessible nature
07:55​ - Reason 5 - IT talent! We're looking for you!
08:45​ - Conclusion

In case you want to read more about the things I spoke about:
Fun facts about Estonia - https://www.workinestonia.com/living-...​
Work in Estonia website - https://www.workinestonia.com/​
Living costs - https://www.studyinestonia.ee/living/...​
E-Estonia website - https://e-estonia.com/​
5 unicorns - https://investinestonia.com/world-lea...​
E-residency website - https://e-resident.gov.ee/​
Software engineering jobs insights - https://app.meetfrank.com/insights/so...​
Article about Pisa rankings - https://www.bbc.com/news/education-50...​
Estonia's Wikipedia website - https://en.wikipedia.org/wiki/Estonia
How to Stay Fast and Fresh with Angular
Tags: angular, javascript
Published: 2021-02-25 03:53:43

Watch a live coding demo walking through the top principles and tools you can use to make your applications shine when it comes to startup performance and bundle size.

{% youtube 3fnta1_4tHI %}


Resources:
Angular → https://goo.gle/3dEhA6o
Angular on web.dev → https://goo.gle/2Zb2uQR
Angular Update Guide → https://goo.gle/2ZhOhBs

Speaker:
Stephen Fluin
Box Layout In Reusable Components for Mobile App Development
Tags: react, flex, grid
Published: 2021-02-25 03:49:05

Hello everyone, I am Ahmad. It's my second post and my first post about React. Here's my thought:

## How I design the layout of react.js app?
Before, I always use anything convenient to make all elements fit the screen. I use grid, flex, and absolute positioning anywhere without rules.

But recently I stuck to this rule( especially for mobile development ):
>Grid for layout and flex for reusable components positioning

## Grid for Layout
You can use one column grid layout for group-box of components in general. Then you can specify the inner layout of a group-box, if there is a horizontal( read: grid-column ) layout or even a vertical( grid-row ) layout.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eh4c6lzw7qqoecgeyd58.png)
Alternatively you can combine vertical and horizontal layout using grid-span or grid-template-areas. Just do what convenient to your app.
```css
/* Template_Example: css */
.view  { display: grid; grid-template-rows: 1fr 2fr 9fr 3fr; }
.modal { display: grid; grid-template-rows: 1fr 2fr 2fr 3fr; }
.nav   { display: grid; grid-template-columns:  1fr 1fr 1fr; }
.control {
  display: grid;
  grid-template-areas: "left right" "left right" "footer footer";
}
```

## Flex for Component Positioning
I wrapped every small component or composite component in a box( div ), and add flexbox to the box so we could positioning its content relative to the box.
```javascript
/* Component_Pattern */
function Component(props) {
  return (
    <div className={props.boxClass}>
      <ChildComponent  />
    </div>
  )
}
```

See picture below, I made nine flex class for component positioning from top-left to bottom-right. **It doesn't have to be all nine**, it depend on your app.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mj8hdlydoutzxczse71c.png)
```css
/* Template_Example: css */
.f1 { display: flex; justify-content: flex-start; align-items: flex-start; }
.f2 { display: flex; justify-content: center;     align-items: flex-start; }
.f3 { display: flex; justify-content: flex-end;   align-items: flex-start; }
.f4 { display: flex; justify-content: flex-start; align-items: center;     }
.f5 { display: flex; justify-content: center;     align-items: center;     }
.f6 { display: flex; justify-content: flex-end;   align-items: center;     }
.f7 { display: flex; justify-content: flex-start; align-items: flex-end;   }
.f8 { display: flex; justify-content: center;     align-items: flex-end;   }
.f9 { display: flex; justify-content: flex-end;   align-items: flex-end;   }
```
Here's an example in CodePen.

{% codepen https://codepen.io/madrafj/pen/poNpWax %}

That's it. Feel free to leave a comment below.

**Edit:**
Actually There's a better solution for better readability (minimize div usage) using Grid only and *place-self* property. Check this [article]{% link https://dev.to/joyshaheb/css-grid-cheat-sheet-illustrated-in-2021-1a3 %} on *place-self* section. By using place-self, flexbox for positioning won't be necessary.
🐳 Docker: comandos básicos
Tags: docker
Published: 2021-02-25 03:29:08

Se você é iniciante nesse mundo de containers assim como eu, este guia de será muito útil para dar esses primeiros passos e relembrar alguns comandos.

```
docker images
```
- Lista todas as imagens existentes na máquina, exceto as intermediárias.

```
docker images -a
```
- Lista todas as imagens existentes na máquina, inclusive as intermediárias.

```
docker rmi <IMAGE-ID>
```
- Apaga todos os containers dependentes da imagem e só depois remove a imagem.

```
docker rmi -f <IMAGE-ID>
```
- Usamos o force(-f) para forçar os containers dependentes da imagem ser apagado e depois remover a imagem, mesmo que ele esteja em execução.


<strong>Guias:<strong>
- Instalando um container docker SQL Server no windows: https://medium.com/@renato.groffe/net-sql-server-2017-parte-1-executando-o-sql-server-em-um-container-docker-83abbed8eb7e
Hot & cold
Published: 2021-02-25 03:14:24

Some days, I've got a fire lit underneath me, and it feels like I can plug away at my learning for hours on end. And on other days (like today), I'm just plain tired or unmotivated, and I don't get a whole lot done.

I hit a wall this evening, both physically and mentally. When my bootcamp lesson transitioned into self-guided learning (*read these docs and figure out how this works*), my brain shut down. That was a pretty good sign that I should do something else for a while and come back to that project when I'm feeling fresher. It won't be tonight, but hopefully tomorrow I'll be ready to tackle it.

- I am incorporating databases into my projects now, using sqlite and Flask-SQLAlchemy. I constructed a simple-looking 'Top 10 Movies' web app that uses API calls to search for movies and get their details, and a flip-card interface for displaying movie posters, overviews, and user ratings.
- I am back to working on my Blog Capstone Project, and in addition to adding a backing database, it will also make use of CKEditor to allow a user to add styling to their blog post.
- Little or no AWS progress this week. My goal is to try to make more progress this week, an hour at a time. It's still quite interesting to me, but my 100 Days Of Code bootcamp usually wins when it comes to deciding what I want to work on. I think this is mostly because I am producing real projects with it. I'd like to find a way to incorporate some of those into my AWS learning as well.
Get your (freelancer) sales process/presentation reviewed and improved for FREE this Friday
Tags: webdev, beginners, career, iknowguacisextra
Published: 2021-02-25 02:23:40

#ARE YOU STRUGGLING TO CLOSE CONTRACTS AND MAKE $$?
We had a meeting cancel Friday which opened up a time slot. 
So this Friday, February 26th at 11am MST, let's hop on a Zoom call and help you guys out.  We'll put this on the YouTube channel as well so more people see it.  

We're only taking 3 freelance web developers who will also be provided our Sales Framework which I used (and developed with help) to close my very first freelance web design job for $19,950 USD. 

In this Zoom call we'll go over:
*How to market yourself
*How to find clients
*How to approach companies
*Improve your sales process
*Practice presentation??

##Like what you hear?  
Comment your website/portfolio and what you need help with.  

Pending response to this, I'm thinking this could be a semi normal event so let's see who we can help!

More information: www.codersales.io
Object Storage & NextCloud
Tags: cloud, storage, nextcloud, object
Published: 2021-02-24 21:16:09

If you are like me, I am obsessed with cloud storage spaces. I even have a Lifetime 2TB storage where I am nowhere close to using that amount of space, but I like to know that I have that space available. But it isn't a site that I can call my own.

I wanted to have my own URL focused on cloud. 

A big help from the Fosstodon community to help me pick a good reliable Storage server to use. I already have my shared webhosting which is very limited in storing files because it's not really allowed when they offer unlimited space.

I also didn't want to use Google Drive or Dropbox or the likes anymore. 

I am a complete noob on this whole thing. I felt like I was constantly missing pieces of the information.

I am using a S3 as my primary Object Storage and using NextCloud as the platform as you can see in the screenshot
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m4ujebra3rrsoyjiydqv.png)

A few things you will need:
1. get a S3 account
2. get a domain name
3. get a web hosting server
4. download nextcloud server
5. download nextcloud client on your desktop and/or mobile to auto-upload.

Extract the zip to your web server and edit the config.php. Also create a storage.config.php to linked your s3 account to the nextcloud. This way s3 will be your primary storage and not your web server.

For a limited amount of users, I am offering free 10GB cloud storage through [tekniq.cloud](https://tekniq.cloud)
I will create the account for you, just follow me and message me or email me.
I am not making this available to the public.