teleren/devto huggingface dataset:
Now GetFlutter is GetWidget
Tags: flutter, opensource, coding
Published: 2020-08-11 19:07:21

Hey everyone, First of fall thanks for your support and encouragement that you have given to us for our open-source UI libraryGetFlutter.

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

But, now there is a small change in our Library, Due to legal issues with the Trademark of Flutter we got a legal notice from Flutter and Google LLC, USA. to change our open-source name and we can not use Flutter word/name in our UI open-source name.

So now GetFlutter we changed as a GetWidget and here are the details about and resource that we changed.

Important notice for all existing developer who is using GetFlutter. Please change the import package getflutter to getwidget.

import ‘package:getwidget/getwidget.dart’;

Once you changed you will not any issue after that. Everything will work fine.

GetWidget Official Site: https://www.getwidget.dev/
Docs: https://docs.getwidget.dev/
GitHub: https://github.com/ionicfirebaseapp/getwidget
Pub Package: https://pub.dev/packages/getwidget
Blog: https://www.getwidget.dev/blog/
Forum: https://forum.getwidget.dev/
Facebook Page: https://www.facebook.com/getwidget/
Twitter: https://twitter.com/getwidgetdev
Linkedin: https://www.linkedin.com/showcase/getwidget
Facebook Group: https://www.facebook.com/groups/getwidget/
What are the needed qualities to be a tech-lead?
Tags: discuss, career, leadership, webdev
Published: 2020-08-11 19:02:06

Hello everyone, some days ago I was wondering what are the skills that need to have to be a Tech-lead or even if the tech-lead concept is an **obsolete** term.

In my personal opinion, this role is still important in the software development world because we can consider it as a mentor and a source of the truth for the high-level architecture and so on. For these reasons, the following skills are needed to be a good Tech lead.

1. **Communication:** Have good communication with technical and non-technical people.
2. **Delegation:** The Tech lead needs to know when it is necessary to delegate the technical tasks and also have the confidence to the team to avoid Micromanagement.
3. **Good technical knowledge:** Dominate the common good practices such as design patterns and code smells.
4. **Mentor:** Keep the team motivated to improve their skills and do a great quality product following the good practices and also teach them the road.
5. **Conflict Solver:** I think that this point is one of the most important and complicated because the tech-lead needs to resolve conflicts between the members of the team and be impartial to take the better decision for the project and take these desitions with the right arguments.

For sure this is a personal option and I could miss some important topics, but for you What do you think that are the skills that should have a good Tech-lead?
[Part - 2: Array] Questions on Array 
Tags: algorithms, datastructure, codenewbie, 100daysofcode
Published: 2020-08-11 18:56:38



# Questions on Array :blue_book:   

#### Check my [part 1](https://dev.to/kushalseth/part-3-data-structures-and-algorithms-arrays-3cji) for details on the time complexity in Array Operations 

Let's discuss some important questions on array. Common questions to practice. I will be using C# as of now for the questions, but really when it comes to logical questions, language really doesn't holds any importance.

> :warning: I would suggest, you should try along with me. You can use repl.it and select the language of your choice. Just copy paste the functional methods in the class and use it. Also, you can check my git for more such questions. [GitHub repository](https://github.com/kushalseth/DataStructure)

Will keep on adding questions daily in the same article.

## Is array sorted

Checkout if the given array is sorted. The time complexity is Big O(n). You can paste this function in the default c# template in repl. or use this to directly. [Gist Link](https://gist.github.com/kushalseth/643c4ee6a2566ec251b780e9d81b728e)  

```csharp
public static bool IsArraySorted(int[] array)
{
    bool isSorted = false;

    for (int i = 1; i < array.Length; i++)
    {
        if (!(array[i-1] < array[i]))
        {
            isSorted = false;
            break;
        }
        else
        {
            isSorted = true;
        }
    }

    if (array.Length == 0 || array.Length == 1)
        isSorted = true;

    return isSorted;
}
```

## Reverse the array

Reversing an array is like you want first event to be the last element and second element as the last - 1 element. The time complexity of problem is O(n)

```csharp
        public static int[] ReversedArray(int[] array)
        {
            int j = -1;
            for(int i = array.Length -1; i >= array.Length / 2; i--)
            {
                j++;
                var temp = array[i];
                array[i] = array[j];
                array[j] = temp;
            }
            return array;
        }
```

## Remove duplicates from Array	

Removing duplicates from an array comes up with a tricky part. **Try it yourself** and explore. Time complexity is O(1)

```csharp
        public static int RemoveDuplicatesFromSortedArray(int[] arr, int arrayLength)
        {
            if (arrayLength == 0 || arrayLength == 1)
                return arrayLength;

            int k = 0;
            for (int i = 0; i < arrayLength - 1; i++)
                if (arr[i] != arr[i + 1])
                    arr[k++] = arr[i];

            arr[k++] = arr[arrayLength - 1];
            return k;
        }
```
Abderrahim Oukhrib Portfolio.
Tags: developer, programmer, portfolio
Published: 2020-08-11 18:52:11

---
title: Abderrahim Oukhrib Portfolio.
published: true
description: This is the description.
tags: ["developer", "programmer", "portfolio"]
cover_image: https://oukhrib.github.io/assets/images/background.jpg
---
![Abderrahim Oukhrib's Portfolio](https://dev-to-uploads.s3.amazonaws.com/i/ytxuc1qr5am8382o4pli.png)

I am Passionate about Web Techniques, Dreaming and Leave with Code Everyday.
Seek a Keen Knowledge in this Field by Learning Day and Night.
Coding Everything my Eyes See.

<a target="_blank" title="Abderrahim Oukhrib's Portfolio" href="https://oukhrib.github.io/">Visit website >></a>
Django Same data objects get created every time!
Tags: python, django, sql, webdev
Published: 2020-08-11 18:40:42

Here's the *models.py* file
```
from django.db import models
from django.utils.text import slugify

class News(models.Model):
    title         =   models.CharField(max_length=120)
    datess        =   models.CharField(max_length=120)
    linkss        =   models.CharField(max_length=120)
    slug          =   models.SlugField(blank=True, null=True)

    def save(self, *args, **kwargs):
        if not self.slug and self.title:
            self.slug = slugify(self.title)
        super(News, self).save(*args, **kwargs)

    class Meta:
        verbose_name_plural = "news"

    def __str__(self):
        return f'{self.title}'

    def get_absolute_url(self):
        return f"/news/{self.slug}"
```
Here's the *views.py file*
```
from django.shortcuts import render
from .models import News
from django.core.paginator import Paginator
from django.db.models import Q
# For scraping part
import requests
from bs4 import BeautifulSoup


def news_list(request, *args, **kwargs):
    # fOR scraping part - START::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    response = requests.get("http://www.iitg.ac.in/home/eventsall/events")
    soup = BeautifulSoup(response.content,"html.parser")
    cards = soup.find_all("div", attrs={"class": "newsarea"})

    iitg_title = []
    iitg_date = []
    iitg_link = []
    for card in cards[0:6]:
        iitg_date.append(card.find("div", attrs={"class": "ndate"}).text)
        iitg_title.append(card.find("div", attrs={"class": "ntitle"}).text.strip())
        iitg_link.append(card.find("div", attrs={"class": "ntitle"}).a['href'])
    # fOR scraping part - END::::::::::::::::::::::::::::::::::::::::::::::::::::::::

    # fOR storing the scraped data directly into the dtatbase from the views.py file - START---------------------------------------------------------------
    for i in range(len(iitg_title)):
        News.objects.create(title = iitg_title[i], datess = iitg_date[i], linkss = iitg_link[i])
    # fOR storing the scraped data directly into the dtatbase from the views.py file - END-----------------------------------------------------------------

    queryset = News.objects.all()   #Getting all the objects from the database

    search_query = request.GET.get('q')
    if search_query:
        queryset = queryset.filter(
            Q(title__icontains = search_query) |
            Q(description__icontains = search_query)
        )

    paginator = Paginator(queryset, 5)  #Adding pagination
    page_number = request.GET.get('page')
    queryset = paginator.get_page(page_number)

    context = {
       'object_list': queryset
    }

    return render(request, 'news_list.html', context)
```
With this above code each time I refresh the webpage the same data objects get's created again and again, How to solve this issue?
Understanding Callable in Python
Tags: python, codenewbie, beginners, tutorial
Published: 2020-08-11 18:35:38

Functions and classes are the most common things we use in our daily development. We invoke them, pass them around and yet never wonder what makes them so amazing. Well the short answer is **callable protocol;** for the long answer keep reading!

### **Definition** 📢

Objects defining the `__call__` method is known as callable. Or basically callable is anything you can call using the parenthesis () and pass arguments to it. Yes I am basically talking about a function.

### **`__call__` method** 🤙

`__call__` is one of the most interesting dunder method in Python. It is what most of the built-in functions make use of. If we peek into the type of some of these built-in functions then we often see the result as a class.

```python
>>> range
<class 'range'>

>>> zip 
<class 'zip'>

>>> int
<class 'int'>
```

You get the gist. But how is a class acting as a function? I mean you can just `zip(iterable1, iterable2)` and you get your result without further invoking any other methods of the class.

**Just imagine using zip like if it were a normal class.**

```python
processor = ['Intel', 'Ryzen', 'Apple Silicon']
year = [2018, 2019, 2020]

zipped = zip(processor, year)
zipped.start()
```

This definitely isn’t intuitive to work with. So how does it work?

### **Using `__call__` method** 🔨

Well behind the scenes it’s because of the `__call__` method. This method is used in classes if we want the **instance of the class** to be callable.

What do I mean by that? Let’s take an example of a class that prints the square of a number.

```python
class Square:
    
    def __call__(self, num):
            print(num * num)

>>> sq = Square() # create an instance 
>>> sq(5) # invoke
25
```
This is similar to executing:

```python
>>> sq = Square()
>>> sq.__call__(5)
25
```

But with the `__call__` dunder method we don’t have to do that. We can directly invoke the instance like a normal function.

> You may have noticed, we don’t need to use the `__init__` constructor to pass the value. Since the class instance acts like a function, then it can take arguments like a function without a need of a constructor.

### **Testing callable** 👨‍🔬

A class or a function is callable by default; but the instance is callable with `__call__` dunder method only. We can check this by using the `callable()` function.

Take for example a class without a `__call__` method.
```python
    class Random:
        pass
    
    >>> callable(Random)
    True
    
    >>> r = Random()
    >>> callable(r)
    False
```
On the contrary, let’s take our Square class from earlier example.
```python
    >>> callable(Square)
    True
    
    >>> callable(sq)
    True
```
### **Conclusion** 🚀
Next time when you’re creating a class for something and it needs to return a value in an instant; you can make use of the `__call__` method.

I hope this blog has been a help to understand an underlying concept involved in functions and classes. If you have any queries or suggestions, let’s discuss them in the comment section.
Yerel Pardus deposu nasıl oluşturulur ?
Tags: limanmys, pardus, depo
Published: 2020-08-11 18:25:14

Yerel Pardus deposunun amacı internete erişimin olmadığı yerlerde Pardus paketlerine erişim sağlamak istenmesi ile yerel Pardus deposuna ihtiyaç duyulmaktadır. Liman eklentisi olarak Repository eklentisi ile bu ihtiyacı karşılamak çok kolaydır.

Deponun kurulacağı sunucuya eklentiyi yükledikten sonra eklentiye girilir. Girildiğinde aşağıdaki ekran gelmektedir. Otomatik olarak gerekli paketler yüklenmektedir.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/jrikar4prducg0fjt57e.JPG)

Paketlerin kurulumunda sonra eklentide sağlık durumuna gelip sistemi yapılandır diyoruz. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/5084fbdmpec0yv4aedn0.JPG)

Bu işlemlerden sonra eklenti kullanılabilir hale gelmektedir. Ardından *Ayna Depo Listesi > Depo Listesi > Depo Ekle* işlemlerini takip ederek depo ekleme modal'ına ulaşılır. Depo ismi ve deponun kurulacağı dizin belirlenerek depo dosyaları oluşturulur.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/4ocp15qmwedy8vwhj7td.JPG)

Oluşan görsel aşağıdaki gibidir. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/bojgrug8is4vht3jcrdp.JPG)

Ardından *Listeyi Gör > Kayıt Ekle * diyerek deponun içerisine indirilecek depo adresi eklenir. 

Adres aktif veya pasif olarak eklenebilmektedir.
*Depo* kısmına indirilecek depo adresi yazılır.
*Link Adı* kısmına ise sunucuda apache üzerinden hangi uzantı ile erişim sağlanacağı belirlenir.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/7tb5l46rz7fom47gcbdo.JPG)

Bu işlemlerin ardından anasayfaya gelerek eklenen depoda indirme ikonlu butona basılarak deponun indirilmesine başlanır. Arayüzden indirilen boyut, indirme durumu ve son çalıştırma zamanı görülebilmektedir. Ayrıca cron tanımlanarak istenilen zamanda indirme işlemi yaptırılabilmektedir.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/zhegch77zi7n0f2y7qcq.JPG)
AzureFunBytes Short - Create an @AzureCosmosDB @Azure Database for @MongoDB

Tags: database, beginners, azure, tutorial
Published: 2020-08-11 18:05:17

AzureFunBytes - A Twitch show on how to use all the fundamentals that are Microsoft Azure.

This time we look at how to create a MongoDB Database for Azure Cosmos DB

{% youtube H9wFFaytKLM %}

AzureFunBytes! - Byte-sized content with a live Twitch show!

Learn about Azure fundamentals with me!

Live stream is available on Twitch at 2 pm EDT Thursday. You can also find the recordings there as well.

https://twitch.tv/azurefunbytes
https://twitter.com/azurefunbytes

Join me, ask questions, and learn about Azure!

[Microsoft Azure: $200 Free Credit](https://cda.ms/1tj) 
[Welcome to Azure Cosmos DB](https://cda.ms/1wR)
[Azure Cosmos DB's API for MongoDB](https://cda.ms/1wS) 
[Quickstart: Migrate an existing MongoDB Node.js web app to Azure Cosmos DB](https://cda.ms/1wT)
infinite scoll gallery
Tags: react, javascript
Published: 2020-08-11 18:04:30

---
title: infinite scoll gallery
published: true
description: react app
tags: react, javascript
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/yiox00fnsox6fglghb8q.png
---

Demo: 
http://reactinfinitegallery.surge.sh/
Code: https://github.com/GiandomenicoRiceputi/react_unsplashAPI_infinite_gallery
Job Searching? 3 Tips on how to make your Github standout.
Tags: github, codenewbie
Published: 2020-08-11 18:00:13

Recently, I attended a webinar on 'What Makes a Strong Github?' and was compelled to share some of the information I felt most useful to other job seekers.

1:Git commit, at least once per day. 

I know, maybe this is obvious, but it's so important. Potential employers will be looking at your activity and can see how often you commit and code. Even if you are working on some local project, always create a repository and commit! I created a repo for my CodeWars exercises, that way I am practicing and can also get my commits in.

2:ReadMe's and Pinned Projects are essential!

Make sure that your Pinned Projects are projects you are proud of because employers will look at those first! If they are just labs or minor exercises it will not look as professional and will not showcase your work effectively. Always put your completed projects in the Pinned section. That brings me to ReadMe's-- if you are a full stack dev be sure to link your backend repo in your frontend ReadMe and vice versa. This will be helpful when employers look to get the full scope of your project. Additionally, always include screenshots/demo video in your ReadMe. People are visual and if you are a full stack or frontend dev, this can be extremely influential on the employer and a great chance to show off your work!

3:Remember to remove your console.logs! 

Wow, why did I not realize this? In my mind I thought "oh, yeah, look I'm checking my work!". Nope, employers see this as messy code. Same with indentation, always make sure that your code is clean before you commit! Best practices is to get a linter for your source-code editor!

Here is the full video, there's a wealth of good information in here! https://www.youtube.com/watch?v=jUYQPI2RUpw&feature=youtu.be 

Happy committing!
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2020-08-11 17:59:44

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week. ❤️

---

### Mistakes were made -- and solutions were found!

“Chill out a bit an focus on what’s important,” says @wceolin to their former self in regards to code reviews

{% link https://dev.to/wceolin/mistakes-i-made-in-code-reviews-and-what-i-do-now-kk6 %}

### The value of technical writing (and writers!)

@radiomorillo shares an important look under the hood of technical writing and why it’s a role to be respected in tech.

{% link https://dev.to/radiomorillo/a-brief-introduction-to-technical-writing-53bh %}

### Certifiably helpful

Thanks for this great run-through on setting up HTTPS in development for a create-react-app with an SSL certificate, @ganeshagrawal!

{% link https://dev.to/ganeshagrawal/how-to-setup-https-locally-with-create-react-app-e46 %}

### ADHD, Coding, and Quarantine
@bekahhw opens up about a topic that's important and relevant to many people: how to "feel like yourself" as a coder that is newly-diagnosed with ADHD during a pandemic.

{% link https://dev.to/bekahhw/adhd-the-quarantine-and-me-4apa %}


### Our type of cheat-sheet

If you need a straightforward reference for understanding TypeScript types on React hooks, @ibrahima92 is here to save the day!

{% link https://dev.to/ibrahima92/react-typescript-how-to-set-types-on-hooks-cheat-sheet-gll %}

### Tech is for you

@lauracharvey’s series on breaking into tech isn’t just reassuring words about why you belong in this industry (although it’s that, too) -- it’s a repeatable formula for _proving_ you belong to **yourself**. 

{% link https://dev.to/lauracharvey/breaking-into-web-dev-the-no-jargon-guide-article-2-deploying-your-first-website-13nn %}

### Big O, big opportunity

Thanks for reminding us why Big O is a game-changer, @adafia!

{% link https://dev.to/adafia/big-o-notation-3oi6 %} 



_That's it for our weekly wrap up! Keep an eye on DEV this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Tuesday!_
Make Your Readme Better with Images and GIFs ✨
Tags: github, readme, markdown
Published: 2020-08-11 17:59:42

How many of us struggle with writing **Readme.md** files? I definitely do! 😩 Today I’d like to discuss the quick and easy way to add an image (screenshot) or a GIF of your project to the readme to make it more interesting, visually appealing and most importantly, easier for anyone to understand your project right away since **Readme.md** is the first thing other developers will see if they come to check out your project 👩‍💻 👨‍💻

###Step 1.
Pick an image, or record a quick GIF of your project (I prefer GIFs because they’re more interactive). For images, I usually just take a screenshot and for GIFs, I use GIPHY Capture. [GIPHY Capture](https://giphy.com/apps/giphycapture) is the best way to create GIFs on your Mac. Simple, powerful, free, and easy enough for pretty much everyone and even a few small mammals. 😃

###Step 2.
To be able to use the screenshots and GIFs for your readme later on you have to:
- git add .
- git commit -m "adding a gif/screenshot for the readme"
- git push

These commands will save the GIF/screenshot to your master branch. When you go to your project’s repo on Github you should be able to see it among all the other files and folders of the project.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/78whrp16qnksfyv81apq.png)

###Step 3.
Now that you have the GIF/screenshot saved in the project folder you can click on it, which will open it in a new window where you can copy the URL address. The URL address will be necessary for the next and last step where will finally add it to our readme file.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/6zrmk826fs6mnf0u78av.png)

###Step 4.
We’re ready for the final step! 🥳 &nbsp; After saving the URL of your GIF/screenshot you will go to the edit page of your readme. Click on the pencil icon in the right top corner of the readme section. It will bring up the raw markdown where you can edit and commit changes to your readme.

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

Once you’re in the editing screen just add this bit of code that will make the image/GIF appear on your readme (substitute the link with yours):

<pre><code>![vino map gif](https://github.com/AlenaNiku/vino-map/blob/master/vino-giphy.gif)
</code></pre>

In square brackets, you have to put alternate text describing the image for accessibility purposes, and in the parenthesis next to it you’ll add the URL of the image you saved to your clipboard in step 4. Make sure not to forget the exclamation point in the beginning! This is how adding an image works in markdown, which is the language all **Readme.md** files are written in, hence the extension **.md** 👉 **markdown**.

And there you have it! A quick and simple way to make your **Readme.md** instantly better! 🤩

###Resources

[Giphy Capture](https://giphy.com/apps/giphycapture)

[Github formatting syntax](https://docs.github.com/en/github/writing-on-github/basic-writing-and-formatting-syntax)
#30DaysOfCJS: Why I Chose to Modularize the Ducks in My React App
Tags: community, ducks, react, redux
Published: 2020-08-11 17:44:40

---
title: #30DaysOfCJS: Why I Chose to Modularize the Ducks in My React App
published: true
description: #30DaysOfCJS Day 10, Why I Chose to Modularize the Ducks in My React App
tags: community, ducks, react,redux
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/zgqvhe2zynkmhhi79oad.png
series: 30DaysOfCJS
---

*This is a follow up post for Day 10 of* **#30DaysOfCJS**, *learn more about* **#30DaysOfCJS** *here* {% link jimcalliu/30daysofcjs-1jd3 %}

**Why I Chose to Modularize the Ducks in My React App // Lauren Lee // CascadiaJS 2018**

If you'd like to watch the talk, here is the Youtube link.
{% youtube jr7D4VAzNig%}

Further readings:
- [Github](https://github.com/erikras/ducks-modular-redux)