teleren/devto huggingface dataset:
Alias for git add, commit and push all together.
Tags: tutorial, github, webdev, beginners
Published: 2022-08-09 11:49:30

As we are developers we love to automate stuff. However, I feel that our use of git is quite a manual process and takes our time. In this article, I am going to discuss how I use alias to help me. Hope this is useful to you.

---

## Alias for add, commit and push

So we all remember the tedious commands for pushing our code to a remote git branch whenever we make any changes to our code we have to use, 

```bash
git add . //To add all your changes 

git commit -m "my commit" //commit the changes that are made with a message

git push //push the commit to your repo 
```

It seems like small but it is a very tedious process once you do it over and over again. Thus, comes the following alias to do add, commit and push it all in one command

```bash
git config --global alias.cmp '!f() { git add -A && git commit -m "$@" && git push; }; f'
```

After running this command in your cmd. You can just do the following to add, commit and push your changes.

```bash
git cmp "my commit"
```

---

## Alias for add and commit

However, sometimes we just need to do a local commit.

```bash
git add . //To add all your changes 

git commit -m "my commit" //commit the changes that are made with a message
```

No worries, I am lazy too,

```bash
git config --global alias.ac "!git add -A && git commit -m "
```

After running this command in your cmd. You can just do the following to add and commit your changes.

```bash
git ac "my commit"
```

---

Thanks for reading, and happy coding!
1 year of learning full-stack development 💻
Tags: javascript, webdev, programming, beginners
Published: 2022-08-09 11:40:00

Hello, I am Youssef Michael a 12-year-old who grew fond of programming in the last 3 years in 2020 in the pandemic we were all in our houses (in Syria we stopped going to school on 14 March 2020) I was bored like really bored so I searched for something to learn and I found programming this super place where you can control the computer, etc. I searched and scratched until I stumbled upon Python the “Best language” with easy-to-read syntax. I opened an 11-hour youtube video that taught Python I didn’t finish it and I walked into During the tutorial hell, I started to copy-paste code and I made some programs but none of them was written by myself then I went to learn kivy the cross-platform Python development tool it was too heavy for the internet in Syria so, I also tried learning Django, telling you that I understood something would be truly generous.
Then, I quit for a while.
But after a bit, I discovered JavaScript the language of the web. I learned it but again tutorial hell and copy-pasting code made me not know a thing, then with reactjs, I did the same thing (I never learn bro). The second character in our story was a relative of mine and one of the best people I know Suhail Yazijy, he is a data scientist, and in his free time, he was my mentor. Although he is in Germany we constantly contacted each other, and he kept pushing me forward.
He introduced me to the final character Mr.Sultan till now I don’t know his full name, but he is a reactjs developer, and he told me to relearn HTML/CSS/JS and then approach reactjs I followed his advice and I learned HTML/CSS from Youtube on a channel called bro code and javascript for Codecademy(Which I partially regret) and reactjs from scrimba.org and then I learned Nextjs from the net ninja on youtube. Now I am creating a project for students called studysef and I thank God for all those fascinating and kind people who helped me along the way.
How to replace whitespaces in A String with underscore without using replace function in python?
Tags: python, string, index, forloop
Published: 2022-08-09 11:20:17

In this blog we will discuss on how to replace all occurrences of whitespaces with underscore in a _string_ in python .
I have a string as below.

`string = 'Lets start coding in python'`

To replace the particular _character_ like _empty space_ of all occurrences in a _String_

loop through the characters of the string and check for the _empty space_.

If found _empty space_ at particular _index_ replace the _character_ by dividing into substrings and appending _underscore_

Below is the example syntax

```
string = string[:pos] + '_' + string[pos+1:]
```
In the above syntax _pos_ is the index at which we replace empty space with _.

Below is the example code.

```
string = 'Lets start coding in python'
for pos in range(0, len(string)):
if(string[pos]==' '):
		string = string[:pos] + '_' + string[pos+1:]
print(string)
```
Output
```
Lets_start_coding_in_python
```
**Related Blogs**
[https://kodeazy.com/python-replace-character-in-string/](https://kodeazy.com/python-replace-character-in-string/)

**Originally Published at**
[https://kodeazy.com/](https://kodeazy.com/)

Follow us [https://twitter.com/bugsanalyze](click here)
Responsive Navbar Tutorial – React JS Project
Tags: react, javascript, beginners, webdev
Published: 2022-08-09 11:19:00

Hi everyone, in this react tutorial we will **create a responsive navbar using react js**. Also we are going to learn how to use codesandbox.io as an online code editor. We will create our complete project on [codesandbox.io](https://codesandbox.io/).

## Get Free Logo
Also, we will see some free logo site, from where you can get free dummy logos to use in your project. Get the free logos from here, [Logoipsum.com](https://logoipsum.com/).

## Deploy Your Project
After creating our professional looking responsive navbar, we will deploy it on [GitHub](https://github.com/) & [Netlify](https://www.netlify.com/) for free.

We have added a label “Difficulty level: 0“. Because we are going to create this responsive navbar using basic react js syntax. After this tutorial, we are going to create another navbar using advance react js techniques. We will learn how handle dynamic properties, how to properly use components etc.

But if you are a beginner, then I will suggest you to practice this beginner friendly tutorial first.

## Video Tutorial:
{% embed https://youtu.be/23BHwAFIZmk %}
Our navbar will be well responsive. We can use our navbar in any kinds of devices. We have used css media queries to make this navbar responsive.

## To get started,
If you are using codesandbox with me, then you don’t need to follow this steps. But after completing this project, if you want to edit/moderate this project in codesandbox then you can follow this steps.

1. Visit our [GitHub](https://github.com/tech2etc/React_Navbar_1) repo & download it. Its a empty starter template.
2. Open your VS Code if you are using vs code instead of code sandbox. Otherwise you can follow the [tutorial](https://youtu.be/23BHwAFIZmk).
3. Drag and drop the project in vs code.
4. Open a terminal & run this command.

```
npm i && npm start
```

## Support Us
You can buy the source code from here.

1. Source Code 1(Card): [React Navbar](https://www.buymeacoffee.com/tech2etc/e/83769)
2. Source Code 2(PayPal): [React Navbar](https://ko-fi.com/s/3219c3644a)

After purchasing the source code, follow this steps.

1. Drag and drop the project in vs code.
2. Open a terminal & run this command.

```
npm i && npm start
```
It will install all the necessary react dependencies & start your project on your browser.

Already created the navbar? Then don't stop now. We will create another responsive navbar using react js. This time we will use advance react features to create this navbar.

## Here is the advanced Navbar Using React JS.

{% embed https://youtu.be/q4mr71mFBr4 %}

**Feel free to visit my YouTube channel:
[@Tech2etc](https://www.youtube.com/c/Tech2etc/)**

**Follow me on Instagram where I'm sharing lots of useful resources!
[@fahimulkabir.chowdhury](https://www.instagram.com/fahimulkabir.chowdhury/) 😉**

## More Useful Articles:
{% embed https://dev.to/fahimulkabir/7-javascript-projects-for-beginners-d3m %}
makefile:2: *** missing separator. Stop.
Published: 2022-08-09 11:12:03

example my folder have python file:
  p1.py
  makefile

inside makefile:
    run: 
        python p1.py

in terminal: 
       make run
its showing error
error:makefile:2: *** missing separator.  Stop.
pls use your in your  keyboard tab button don't use space button
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wd3m3i9zu5vbruqwzyy0.png)
example:
inside makefile 
run: enter 
(give tab space)python p1.py 
if you using space its showing error
Top 46 Learning Sites for You 💖
Tags: javascript, beginners, webdev, productivity
Published: 2022-08-09 11:06:00


# Course Content & Certification :
 
1. www.primetechie.com 
2. www.lynda.com 
3. www.udemy.com 
4. www.udacity.com 
5. www.coursera.org 
6. www.w3schools.com 
7. www.thenewboston.org 
8. www.programmr.com 

# Coding Gamification :

9. www.codeavengers.com 
10. www.codeschool.com 
11. www.learnstreet.com 
12. www.teamtreehouse.com 
13. www.sqlzoo.net 
14. www.codehs.com 
15. www.teamtreehouse.com 
16. www.html5rocks.com 

# Practicing Online Coding :

17. www.codepen.io 
18. www.sitepoint.com 
19. www.tutorialspoint.com 
20. www.javatpoint.com 
21. www.cplusplus.com 
22. www.learncpp.com 

# Writups for your coding help :

23. www.tutorialspoint.com 
24. www.cprogramming.com 
25. www.stackoverflow.com 
26. www.learncodethehardway.org 
27. www.bloc.io 
28. www.howtocode.io 

# Self-paced Materials / Documentations :

29. www.edx.org 
30. www.instructables.com 
31. www.developer.apple.com 
32. www.developer.android.com 
33. www.developers.google.com 
34. www.developer.mozilla.org 
35. www.msdn.microsoft.com 
36. www.dev.opera.com 
37. www.www.developphp.com 
38. www.quackit.com 
39. www.htmlite.com 

# Learn Coding by being Creative :

40. www.siteduzero.com 
41. www.dreamincode.net 
42. www.phpbuddy.com 
43. www.php.net 
44. www.microsoftvirtualacademy.com 
45. www.professormesser.com .
46. www.techiegen.com

#### If you found it helpful then let's connect [keshavgbpecdel](twitter.com/keshavgbpecdel) (🙂)
Where it all started
Published: 2022-08-09 11:01:27

Technology is increasing day-by-day. There are different fields in IT. As being an IT student, I chose to become a web-developer. I am a quick learner so, I felt so excited to solve the problems as quickly as I can.

When I started coding, I was little bit nervous. At first I was confused from where to start my development career. I tried to learn from different internet resources i.e. from YouTube and also from different sites. But instead  of helping me it made me more confused. So at one point I was completely stuck. One-day when I was using reedit, I saw different developers have suggested to start development career from the website named “The Odin Project”. After that I went to the site, I saw that it provides us complete road-map to become a Full-stack web developer. Also I looked at the success story of the developers who have learned from the Odin project which has motivated me a lot. Then I started to learn from it. After few days of learning I found that the Odin project  is the best resource in the internet to become a full-stack developer.

After few days of hard-work I started to understand how all those codes are running. I started my development career by learning HTML. After completing HTML project confidence has built up in me. So I started to encourage myself. After that things got easier for me. After completion of HTML I started to learn CSS. While learning CSS I faced different challenges and I tackled it well. Also I built a complete website which encouraged  me to work hard for the success.

Currently, I have completed a project called “Landing page” where I made a complete website. I have used HTML and different CSS style. I used Flex-box which helped me to code less and made me more easier to  complete my website.

If you want to take a look, this is my GitHub repo for the landing page:
https://github.com/Avashghimire/landing-page
and the live version is here:
 https://avashghimire.github.io/landing-page/ .

Till now, I know two languages which are: HTML and CSS, now I am going to learn a programming language:  JavaScript and I am sure I will learn and complete it perfectly and will  handle it well.
How to set page title in angular 14
Tags: angular, webdev
Published: 2022-08-09 11:01:00

In the new version of angular 14 a new cool feature has been added that allows to set the page title easily based on the current route that is rendered.

The [Route](https://angular.io/api/router/Route) interface has been expanded with a new property called `title`. 

This property can be either a static string or a custom resolver to set a dynamic title.

Example:

```javascript
export const routes: Routes = [
  {
    path: 'hello',
    title: 'Hello!',
    ...
  }
]
```

With Resolver:

```javascript
@Injectable({ providedIn: 'root' })
class HelloTitleResolver implements Resolve<string> {
  constructor(private randomEmoji: RandomEmojiService) { }

  resolve(route: ActivatedRouteSnapshot) {
    return this.randomEmoji.emoji().pipe(
      map(e => `Hello ${e}!`)
    );
  }
}
```

```javascript
export const routes: Routes = [
  {
    path: 'hello',
    title: HelloTitleResolver,
    ...
  }
]
```

Angular also provides a `PageTitleStrategy` that allows to set a global strategy to handle the title for all routes.
My First Quiz App
Tags: beginners, javascript, css, html
Published: 2022-08-09 10:54:57

...And my first blog post, too! 

My name is Briana and I am currently a software engineering grad student and bootcamp attendee. Over the last few months, I have been hit with many hurdles regarding my personal life, which heavily impacted my life as a student. However, after many trials, a multi-day no-sleep binge, and good ole' coffee, I HAVE OFFICIALLY CREATED AN APP/ PROJECT! 

Now although the gist of the project was not all that bad, it was definitely a struggle for me on multiple levels. Primarily it is that my current employer bands git and all things remotely open-source (but not Amazon? Give me a break!)
So although I can sometimes view certain materials, working on them during my downtime is a an absolute "no". ALso, because us lower level employees have been put in a position to wear "many hats", everything that I seem to finally learn or pick up on once I finally get home seemingly goes right out the window, further contributing to my struggles. 

This is the inspiration behind why I chose to build my first project as a quiz app- specifically geared towards computer science trivia. It gives myself and others like me a way to quiz ourselves and stay up on technical insights, history, and terminology without it being draining or uninteresting. Here's a quick breakdown of how it works:

The entire quiz is merged from a multi-page HTML to a SPA HTML, so the first page goes right to the quiz;

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bagnrgj1z74zneubom04.png)

Questions are generated using Open Trivia DB API via a JSON file. When you answer correctly, the selected answer turns 'GREEN', and the displayed score goes up;

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/geqosl7d55113meqkgum.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ge3c945xc6iwgc71fpzn.png)

Otherwise, the answer turns 'RED' and no points are earned. However, the progress meter still loads until it's full, which triggers the app to refresh and load a new quiz.

I did face a few challenges building the app aside from trying to merge multiple HTML files into one. One issue in particular was that although I was able to successfully build an animated spinning loader, it only appears sporadically. It is supposed to appear every time the questions or the overall quiz needs to reload, but it does not appear consistently.
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6bojdki2hlj3yn6aguu6.png)

I am assuming it's because my internet speed at home is too fast, but I still would like it to work regardless of user internet speed. This is also a similar issue with my 'New Quiz' button call, which also works sporadically. Little bugs like this are ones that always get me stuck and distracted from an overall task, which are skills that I am sure this app project and other projects moving forward will help me to hone in on, practice, and become better in real time!
Getting Started With TypeScript
Tags: typescript, beginners, tutorial, javascript
Published: 2022-08-09 10:52:00



> I'll proceed with the blog assuming you have previously worked with JavaScript. Knowing JavaScript would have you catch on to TypeScript concepts pretty easily.

Typescript has gained a lot of popularity over the years since it was made.
![graph](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2dsfhajf5k1vepwpv5ru.PNG)
credits: [The State of the Octoverse](https://octoverse.github.com/#geographical-distribution-of-active-users)

## Looking at issues you might run into in JavaScript

Let's start with a simple problem. Say we have a object that has these properties.

```javascript
    const person = {
        name: 'John',
        age: 30,
        hobbies: ['Sports', 'Cooking']
    }
```
After writing plenty of code we wanted to access a property of this object. We forgot the object doesn't have a property called "lastName" but we tried to access it anyways.

```javascript
    const lastName = person.lastName;
```

JavaScript won't throw an error but it will return `undefined`. Now imagine, the variable getting passed through multiple layers of functions .
Locating the point of error would drain the life of our finitely mortal life.

We can solve this problem by using TypeScript.

    being able to access a variable not present.
    multiple null.

fixes JavaScript problems with types.

## Types
Types are basically the kind of data that a variable can hold. Some primitive types of types are: Integers, Strings etc.

If anyone comes from a C++, C or a Java background, they would know about types.

In JavaScript when we declare a variable 
```javascript
    let name = 'John';
    const age = 30;
```
Here in both `age` and `name` any kind of data can be stored. While this may seem convenient to  a developer in the beginning is a nightmare while debugging if you input a wrong type of data.

## Static type checking
Typescript is what we call a static type checker. It
checks for errors relate to types before we run our code.
TypeScript doesn't really run our code. It performs this type checking before we run our code using JavaScript.

After compiling Typescript is compiled to JavaScript which can be executed as usual.

If we take the above example in TypeScript we can see the compiler warn us before even running our code.

![Typescript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ax1j2yvinc2mgh09r6f.PNG)

## Running TypeScript
TypeScript cannot be run directly through the browser or node. TypeScript is compiled to JavaScript. To do so, we install typescript globally using npm.
```
npm i -g typescript
```
Once we have installed TypeScript globally, we get access to the `tsc` command.

We'll look at running TypeScript and it's many features in the next blog.
Taking Interviewing candidates
Tags: inspration, webdev, programming, career
Published: 2022-08-09 10:07:00

> When interviewing for a certain position. I found it a little like this.

- For a leader to succeed, they have to be able to hire the right people for their team. Nothing is more important.
- And while leaders are told to recruit the right people, they have never been taught how to recruit the right people. That is why most leaders spend 10% of their time recruiting, and 90% of their time making up for recruiting mistakes.
- The result of this is huge inefficiencies, unhappy people, and results below what is possible for leaders to achieve, not to mention very expensive and disruptive processes for the organization when the wrong people are hired.
 
Billionaire John Caldwell once said, “If I’m lucky, I only get recruiting wrong 70% of the time”. But how is it that we accept being wrong so much of the time?
When your job hinges on how well you talk to people, you learn a lot about how to have great conversations – and most of us don’t converse very well. A great conversation requires a balance between talking and listening. This balance is important because bad communication leads to bad relationships, at home, at work, and everywhere.
Try learning more about your jobs learn from youtube,udemy, and Udacity.
When we look over a resume it is only qualified to do not what your job is.
Happiness in a job is what you do to be you become.
Chase your dreams not to be what to do it for your leaving.
"Career satisfaction doesn't come from what you do. It comes from who you get to be while doing it"
**- Key points to success **
- Reduce Stress
- Prepare more 

- Practise online practice interview
All the best Prepare the best and land your dream job.
Flutter D/EGL_emulation( 6380): app_time_stats [Solved]
Tags: flutter, webdev
Published: 2022-08-09 10:08:00

> Hey guys!
Have you been looking for a quick way to hide D/EGL_emulation( 6380): app_time_stats flutter logs?

> 
This short tutorial will solve the log problem.

> 
Enjoy! 😎


{% embed https://www.youtube.com/watch?v=rH2nnxz_fPE %}