teleren/devto huggingface dataset:
GIT - Corriger une erreur dans un fichier commité (FR)
Tags: git, commit, french
Published: 2021-11-22 10:36:45

Vous venez de commiter un ou plusieurs fichiers mais vous vous êtes rendu compte d'une erreur ou d'un oubli ?

**Keep calm and `git commit --amend`**

En effet, cette commande permet à la fois de modifier votre dernier message commité, mais aussi de rattraper une erreur dans le contenu de votre dernier commit. :heart_eyes:

Imaginons qu'on vous demande de créer un fichier hello.php pour dire bonjour :
```php
echo 'Hello';
```

Vous faites un `git add hello.php` puis un `git commit -m "hello.php say Hello"`. Jusque là tout vas bien.

Sauf qu'on vous a demandé de dire bonjour… Au monde entier…
Zut vous avez mal entendu. :sweat_smile:

Alors plutôt que de modifier le fichier et de créer un autre commit du genre `git commit -m "World! added to index.php because I forgot it"` :unamused:, voici la marche à suivre :

1. Modifiez votre fichier
2. Faite un `git add` du/des fichier(s) modifié(s)
3. Faite un `git commit --amend`
4. Modifiez (ou non) le message de votre dernier commit

*Pour ne pas modifier le message de votre commit, vous pouvez effectuer la commande* `git commit --amend --no-edit` *au niveau de l'étape 3*

Et voilà ! Ni vu ni connu ! Votre erreur est passée inaperçue…

Enfin presque… Le SHA de votre commit sera modifié. Il est recommandé, d'après [la documentation](https://git-scm.com/book/en/v2/Git-Tools-Rewriting-History), de ne pas effectuer cette opération si votre commit a déjà été push sur votre dépôt distant.
eBay Inc. is an American multinational e-commerce
Published: 2021-11-22 10:15:26

eBay Inc. is an American multinational e-commerce corporation based in San Jose, California, that facilitates consumer-to-consumer and business-to-consumer sales through its website. eBay was founded by Pierre Omidyar in 1995, and became a notable success story of the dot-com bubble.<a href="www.ebay.com/usr/jb_treasures/">jb_treasures</a>
Mobile App Development Services
Tags: mobile, appdevelopment, programming
Published: 2021-11-22 09:28:57

ThinkPalm's <a href=“https://thinkpalm.com/services/mobile-app-development-services/”>mobile app development services</a> help organizations to build interactive & user-friendly applications. Our expert engineers & developers can help you craft scalable & reliable mobile app solutions to improve business outputs. ThinkPalm has powered numerous B2B & B2C applications by integrating modern technologies like Artificial Intelligence, Machine Learning, and other cutting edge technologies. We always pay close attention to ensuring client success by creating robust & high-quality software products in sync with their organizational goals. Our service offerings include technology stack consultation, application development, testing, deployment and support.
Next.js + MUI v5 with TypeScript support
Tags: nextjs, mui, typescript, template
Published: 2021-11-22 08:53:24

Since MUI v5 (Material UI) was released, I've started a new project with it. But as it's a brand new version with breaking changes, I couldn't find an example project that I'm fully satisfied with.

[The one on the official MUI's Github repo](https://github.com/mui-org/material-ui/tree/master/examples/nextjs-with-typescript) featuring Next.js with TypeScript (my framework of choice) didn't follow [standard Next.js folder structure](https://dev.to/vadorequest/a-2021-guide-about-structuring-your-next-js-project-in-a-flexible-and-efficient-way-472), as of this writing.

So I felt inclined to create one with the most basic features that I would use myself. The result is on my Github (link below).

Here's a screenshot of the About page:
![About Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/et449xhczgb5cwjycdgy.PNG)

It features a standard folder structure as generated by `create-next-app` and the leanest usable ESLint + Prettier configs for linting/formatting.

[View on Github](https://github.com/huydhoang/next-mui-emotion)

If you like my work, please give it a star to let me know it's useful to you :)
如何利用sourcemap debug
Published: 2021-11-22 08:48:35

今天遇到个sentry错误告警，只有min.js的报错的行数和列数，想通过sourcemap找到源代码的对应的文件，行数和列数，还真的可以：
```js
const SourceMap = require('source-map');
const fs = require('fs');

const data = fs.readFileSync('./xx.js.map').toString();
new SourceMap.SourceMapConsumer(data).then((consumer) => {
  const line = 2;
  const column = 5027;
  const pos = consumer.originalPositionFor({ line, column });
  console.log(pos)
  console.log(
    consumer.sourceContentFor(pos.source)
    .split('\n')
    .splice(Math.max(0, pos.line - 10), pos.line + 10)
    .join('\n')
  )
})
```
Our first intensive week,The fourth in TaskForce 4
Published: 2021-11-22 08:39:25

---
title: Our first intensive week,The fourth in TaskForce 4
published: true
description: 
---
Last week was the fourth in Taskforce 4, and the last week of a month, we have been in bootcamp. I can say that last month was very educative either soft skills or project analysis skills.

We are now starting the firth, but let me first talk a bit about the last week. Which was also intensive than others.

The week started by structuring and naming the project folder and files with right convention. From that we have to work by ourselves with in team.

The task was to have all endpoint working by friday. Which in my insight wasn't that easy, cause we had to first learn by doing the structure of project, which took us 3 days to get it done. and the rest of week was to work on endpoints. gladly we did it team.

I can't end without saying interesting soft skills sessions we had, about stress management, and client communication in agile world.

By the end of the week, we also had a demo.
How To Check Array Is Empty Or Null In Javascript
Tags: javascript, laravel, php, jquery
Published: 2021-11-22 08:33:49

In this example i will show you how to check array is empty or null in javascript or jquey. When we are working in javascript and you want to loop the array that time we need to check whether array is empty or not. To check if an array is empty or not, you can use the .length property. The length property sets or returns the number of elements in an array. empty array will have 0 elements inside. so, it doesn't return error.

There are many ways to check javascript array is empty or not. JavaScript provides in-built functions to check whether the array is empty or not.

1. isEmptyObject

2. length

> Using JQuery isEmptyObject()

 This method is reliable to check whether array is empty or contains elements.

```
<script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>
<script type="text/javascript">
    var Array1 = [1, 2, 3];
    var Array2 = [];

    console.log(jQuery.isEmptyObject(Array1)); // returns false
    console.log(jQuery.isEmptyObject(Array2)); // returns true
</script>
```

> Checking by array length

We can check array with length, if array length is 0 then array is empty.

```
<script type="text/javascript">
    var Arraylegnth = [1];

    if (Arraylegnth && Arraylegnth.length > 0) {
        // Arraylegnth is not empty
    } else {
        // Arraylegnth is empty
    }
</script>
```

---

You might also like :

- **_[Read Also : Laravel AJAX CRUD Example Tutorial](https://techsolutionstuff.com/post/laravel-ajax-crud-example-tutorial)_**

- **_[Read Also : How To Get Current User Location In Laravel](https://techsolutionstuff.com/post/how-to-get-current-user-location-in-laravel)_**
Virtual dressing room
Tags: ai, machinelearning
Published: 2021-11-22 08:33:14

Grow eCommerce revenue with virtual dressing rooms
Dressing Room by VueModel allows shoppers to visualize and style products on relatable models of various shapes, sizes, ethnicities in real time.
Make your eCommerce site come alive with a virtual dressing room
Dressing Room by VueModel helps retailers deliver personalized, inclusive dressing room experiences in their eCommerce stores. Shoppers can mix & match looks, and visualize how they fit on models that most resemble them.
[Virtual dressing room](https://vue.ai/products/virtual-dressing-room/)
Pretty System Specs
Tags: specs, linux, ubuntu
Published: 2021-11-22 08:23:32

### Intro

One thing i spotted when i started using Tech Twitter was people would post screenshots of there system specifications in terminals with pretty logos etc and i wanted to know how it was all done!...... its actually SUPER simple.

### NeoFetch

NeoFetch is a free, easy to install application which gathers system information and prints it to the terminal in a "pretty way". It pulls together all of your system information and strips out the crap and displays it in a way that doesnt hurt the brain....

### Installation

Installing NeoFetch is as easy as typing the following two commands....

 ```
sudo add-apt-repository ppa:dawidd0811/neofetch

```

and

 ```
sudo apt update && sudo apt install neofetch

```

this add the official NeoFetch PPA to your ubuntu installation and means you will always get the most up to date version.

after that simply type `neofetch` in your terminal and you will get a screenshot like below.

![](https://www.raspada-blog.co.uk/storage/wink/images/YboANKtlpf5muz3vriQ1JaYcfV7X7KZl3w8lnhPN.jpg)

Another app you can use is screenfetch which does near enough the exact same thing!.

Install it with the following command:

 ```
sudo apt install screenfetch

```

and then just type `screenfetch` in your terminal to get your system specs like below.

![](https://www.raspada-blog.co.uk/storage/wink/images/T2O8GxyPwHVtF5NXroZ1g1WBvB191J7taz9kLjR3.jpg)

Well thats going to do it today hope this quick blog post will be of interest and help you out. as a side note you can also get Screenfetch for MacOS.<br><br> <h2>Raspada-Blog</h2>  I post on my blog primarily and share the posts via API, please check out [Raspada-Blog](www.raspada-blog.co.uk) for more posts and information. If you have any questions please message me on twitter or use my website contact form.
GitHub Workflow
Tags: github, git
Published: 2021-11-22 08:19:51

I recently learned more about the popular GitHub workflow through GitHub Minesweeper, a gamified tutorial created by Johannes Ketteman that teaches devs about the entire GitHub workflow, CI/CD integration, and how to approve PR requests.

The game can be easily completed in an hour and I would say it was worth the time to learn about an important dev skill because it's a common workflow in the industry. It can be applied to BitBucket and GitLab as well.

One thing I would like to see in the future advanced course is the GitHub workflow applied to a more complex app with more than 2 developers to better simulate the real world environment where I will likely use this skill.

You can play the game here: https://profy.dev/project/github-minesweeper
Tomato Media Vietnam - Translation website with 2 languages, how to process the code?
Published: 2021-11-22 08:18:36

Tomato Media Vietnam - Translation website with 2 languages, how to process the code?
https://tomatotranslation.com/
https://tomatotranslation.com/en/
Công ty TNHH Truyền Thông Tomato Việt Nam
Tomato Media là công ty dịch thuật hàng đầu Châu Á về dịch vụ ngôn ngữ bao gồm: bản địa hóa, biên dịch, phiên dịch, thu âm, lồng tiếng, dịch phụ đề, thuyết minh, biên dịch phim/video, chép dịch audio & video, dịch thuật kịch bản với hơn 50 cặp ngôn ngữ.
"Địa chỉ: 
Trụ sở chính Hà Nội: Phòng 504, tòa nhà Kinh Đô, 292 Tây Sơn, Phường Trung Liệt, Quận Đống Đa, Hà Nội, Việt Nam. 
VP Đại diện TP Hồ Chí Minh: Lầu 3, Tòa nhà Thanh Niên Media Coporation, 345/134 Trần Hưng Đạo, Phường Cầu Kho, Quận 1, TP.Hồ Chí Minh, Việt Nam. 
Chi nhánh tại Bangkok: 362 Krungthep, Nonthaburi 2, Bangkok, Thailand. 
Chi nhánh tại Jakarta: 12th Floor, Wisma 46 Tower, Karet Tengsin, Jakarta, Indonesia."
Website: https://tomatotranslation.com/
Hotline: 0938 596 333
Email: info@tomatomediavn.com
New React Tasky App
Tags: javascript, html, css, reactnative
Published: 2021-11-22 08:10:01

Hi Guys,

https://www.youtube.com/watch?v=Sf8Fn0jfcaQ

This Project helps the create, edit and delete Tasks. Tasks fall into many categories and one category can have many tasks. In this version of the application, one can do Crud operations on Tasks. 

Tasks also persist on localStorage. User will find tasks, when he comes back. This project uses Knowledge of HTML, CSS, Javascript.

Please find the project, full source code on - https://github.com/radharamanaa/Tasky ... I am still yet to follow best practices in react. Kindly help me.

Thanks
increasing the anonymity 
Published: 2021-11-22 08:07:54

When it comes to "increasing the anonymity of virtual currencies", people tend to have a bad image that it is used for money laundering (money laundering), but the original <a href="https://bitmixr.biz/">Best Bitcoin mixing services</a> was not created for that purpose. .. Since all virtual currency transaction history is recorded on the blockchain, transaction history may be tracked or personal information and address may be linked if mixing is not performed.
Contact Us Form In Materialize CSS
Tags: css, html, webdev, codenewbie
Published: 2021-11-22 08:02:34

Contact us form is mostly used in web pages for users to send messages. So here we made Contact Us Form In Materialize CSS with the help of CSS.

In this element, we modify CSS classes with CSS properties. To make Contact Us Form responsive we used CSS media quires. Here we used the image on the left side and customize colors.

Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

[Source code](https://w3hubs.com/contact-us-form-in-materialize-css/)
Week 4 booming knowledge
Tags: codeofafrica, awesomitylab, taskforce
Published: 2021-11-22 08:00:40

Hello, my good people! after all five days, I am back with a new experience. This fourth-week code of Africa pertaining to Awesomity Lab helped me a lot to boom my knowledge in designing API in a new technology called Nestjs with is really fantastic all teams were waiting this period concentrating in coding.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/psrvaavm4tbs38dllqyx.jpg)
Our engineer mentor Regis told us we should have a working APIs of a project in one week, honestly, we laughed at him because we didn’t understand how it can be possible to learn new technology and implement it in a real project, but that is what it’s mean to be a good software developer. But it comes to be enjoyable for everyone because learning by doing is aggressive in software development I remember we all start diving into coding on the third day in a week and we all came up with working endpoints.

We also had soft skills called stress management and resilience maybe it was coincidentally with this intensive learning by doing, but it’s ok because it helped us shapen our brain. We have seen many ways you can manage stress in our daily life. Thank you again Code of Africa, Awessomity Lab, and taskforce for your energy and consideration.

Thank you for leading, cheers
Flytekit: Create a Conda package for flytekit
Tags: flyte, flytekit, conda, condaforge
Published: 2021-11-22 07:56:33

## Flyte and Flytekit

[Flyte](https://github.com/flyteorg/flyte) is a large open source community and project, which is mainly developed and maintained by Lyft. This a production-level project with hundreds of developers working on a significant sized code base spread across several repos. This type of work is often characterized by longer review cycles, stricter guidelines on what your contribution must be, and fixes that take a long time to make due to the need to read and understand big code.

[Flytekit](https://github.com/flyteorg/flytekit) Python is the Python Library for easily authoring, testing, deploying, and interacting with Flyte tasks, workflows, and launch plans.

## Issue

This [issue](https://github.com/flyteorg/flyte/issues/1679) was to create a Conda package for flytekit, now is `pip install flytekit`, the goal is to apply `conda install flytekit`.

## Solution

The first step was to propose a proper plan to publish this package on conda. Initially, I wrote a comment addressing this issue with a [draft plan](https://github.com/flyteorg/flyte/issues/1679#issuecomment-943851196). Finally, as the first [PR](https://github.com/flyteorg/flytekit/pull/731) submitted, the [plan was settled](https://github.com/flyteorg/flyte/issues/1679#issuecomment-966795132).

Then, I recieved very useful comments from the project maintainers and submitted a follow up [revision](https://github.com/flyteorg/flytekit/pull/731/commits/ae358ef648f66ddd53a9bedffa1e38da42ab9529). This PR is still under review, but the picture is very clear right now. The `meta.yaml` file will eventually submit to `conda-forge` channel via the flyteorg fork of https://github.com/conda-forge/staged-recipes, following the steps in this guide: https://conda-forge.org/#add_recipe.
Code review
Tags: seneca, opensource, codereview
Published: 2021-11-22 07:55:13

## Overview

This blog is to summarize what I have done in code review for internal open source projects of Seneca College. 

Overall, this is my first GitHub code review experience, which is very exciting and educating. Code review is an important stage in the completion and merge of a pull request. 

## Code Review 1

This is the one I used as the template and example to learn from. In this [code review](https://github.com/Seneca-CDOT/telescope/pull/2503#pullrequestreview-811866432), our instructor demonstrated the whole process from request a code review, add reviews to changed file (code), add comment to finish a review, and request changes as follow up.

## Code Review 2

This is a simple [code review](https://github.com/Seneca-CDOT/telescope/pull/2508#pullrequestreview-812181494) I did for the [Telescope](https://github.com/Seneca-CDOT/telescope) project. This pull request (PR) was to update the version of a dependency in `package.json` file. The changes applied in the PR were successfully deployed. In addition, I checked the changed file (raw code) and it looks good to me. In summary, my opinion is that this PR is good to be merged.
Seneca Telescope: Update Traefik
Tags: docker, telescope, traefik, dockercompose
Published: 2021-11-22 07:54:21

## Telescope

[Telescope](https://github.com/Seneca-CDOT/telescope) is a tool for tracking blogs in orbit around Seneca's open source involvement. In more details, Telescope is an open source web server and client application for aggregating and presenting a timeline of Seneca's open source blogs. Telescope makes it easy to see what's happening with open source at Seneca right now. In this way, blogs posted on a variety of platforms are aggregated on one [site](https://telescope.cdot.systems/).

## Issue 
The issue here is to update Traefik to newer version. [Traefik](https://traefik.io/) is a cloud native edge router. And Traefik is a modern HTTP reverse proxy and load balancer that makes deploying microservices easy. The challenge to me is to understand the framework and structure of this project. Because Telescope uses microservices, Docker and Docker-compose. Those are frameworks I have never used.

## Fixes

I followed the [contributing documentation](https://github.com/Seneca-CDOT/telescope/blob/master/docs/CONTRIBUTING.md), and tried to setup this project both [locally](https://github.com/Seneca-CDOT/telescope/blob/master/docs/environment-setup.md) and on [Gitpod](https://github.com/Seneca-CDOT/telescope/blob/master/docs/gitpod.md). Gitpod is a convenient automated development tools supporting cloud development. The challenge of local setup is to install, setup, and run docker and docker-compose properly on Mac system.

## Summary

Finally, I checked the [changelog](https://doc.traefik.io/traefik/migration/v2/), and felt confident to migrate to v2.5 from v2.4 for Traefik. The final [PR](https://github.com/Seneca-CDOT/telescope/pull/2495) was simple, just changed the image in `docker-compose.yml` file. The newer version was tested good on Gitpod and locally by reviewers ang got merged successfully.
Taskforce 4.0 week 4
Published: 2021-11-22 07:53:34

Hello my good people!

Here I am again sharing with you my journey in Back-end Taskforce bootcamp, honestly let me tell you that now I 'v felt in love with this program. this was the fourth week among the six weeks of the program.

And the good news is that now we started  implementing the project that we are supposed to present on our graduation. 

Starting this week, I checked on this week's timetable and I found that there is a session on stress management, the first thing that came on my mind was that it was going to be a stressful week, yet I was wrong cz the skills and techniques acquired form this session helped me to manage and control the situation.

Frankly speaking, if it weren't for Axel's session on stress management and resilience, it would have been a hell of stressful week🤯🥵.
I say so because we had to start coding in new stacks that the whole team had no idea of. These were #typescrips & nestJs.

_“If I were given one hour to save the planet, I would spend 59 minutes defining the problem and one minute resolving it,”  Albert Einstein said._      [read more.](https://hbr.org/2012/09/are-you-solving-the-right-problem) 

This beautiful Quote was shared by Olaf (CoA cofounder) in week 2, but the reason why I brought this now is that that's really what happened to us during this week, we spent almost the whole week knowing what's really happening behind the doors of typescript and nestJs, and the actual work was done few hours before weekly demo.
Fortunately we made it and we were able to demo our progress to the whole #AwesomityLab and #CoA team and the feedback was really nice.

I can't forget to mention the beautiful sessions on teambuilding culture and client communication in an agile world that we had with Anja and Joseph respectively (both are co-founders of CoA).
They were really helpful and we learnt a lot from them.

To cut a long story short, let me say that it was really an amazing week and I can't wait to see what the next week will bring!

Thank you and have a productive week y'all! ✌
18 best programming quotes to motivate yourself
Published: 2021-11-22 07:50:39

1) Every Programmer is an Author.

2) While( !( succeed =  try() ) );
3) The best error message is the one that never shows up.

4 Any fool can write a code that computers can understand, good programers write a quote that humans can understand

5 Technology is best when it brings people together.”

6 It has become appallingly obvious that our technology has exceeded our humanity.

7 “It is only when they go wrong that machines remind you how powerful they are.”

8 The Web as I envisaged it, we have not seen it yet. The future is still so much bigger than the past.

9 If it keeps up, man will atrophy all his limbs but the push-button finger.”

10 If future generations are to remember us more with gratitude than sorrow, we must achieve more than just the miracles of technology. We must also leave them a glimpse of the world as it was created, not just as it looked when we got through with it.”Lyndon B. Johnson, Former President of the United States of America

11 “Once a new technology rolls over you, if you're not part of the steamroller, you're part of the road.”

12 It's not a faith in technology. It's faith in people.”

13 The advance of technology is based on making it fit in so that you don't really even notice it, so it's part of everyday life.”

 14 “Technology is a useful servant but a dangerous master.”

15 Talk is cheap show me the code

16 Coding is not difficult. Its a weapon.

17 Measuring progress by lines of code is like measuring aircraft building progress by wieght. 

18 The most important aspect of software development is to be clear about what you are trying to build.