teleren/devto huggingface dataset:
Great VS Code Extensions for Frontend Devs.
Tags: vscode, webdev, javascript, codenewbie
Published: 2021-03-20 12:55:42

## There are a lot of great vscode extensions out there, but in this article I'd like to share 3 that have made a big impact on my coding quality of life:

## 1. Bracket Pair Colorizer 
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ddpgm8lq268x3ffq1nde.png)

* Adding color to brackets and parenthesis is huge in being able to find a missing or closing bracket when you're looking through a larger file or codebase you have been dropped into.

Save yourself countless minutes and hours of trying to pinpoint matching brackets by installing this extension.
 
## 2. Prettier
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0kdmohg2bi90311z60li.png)
 
* Tired of meaningless syntax arguments? Tired of physically having to adjust indentation.

Search no more, Prettier is the extension for you. It can be configured to auto-format your code on save. It fixes indentation, missing semicolons, and gives codebases a uniform look for your team.

One thing to note is there is an extra step or 2 needed (like installing prettier in your project or globally, and changing your settings to use prettier on save) if you want to use this extension.

## 3. Git Blame
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gs2roia4nob2futwwbrz.png)
This one is huge if you're working on an open source project or a team at work.

I mainly use this when I run into a piece of code I don't understand in the work codebase.

I can click on the line or lines of code that are confusing, and it will bring up who wrote them.

I can then contact that person and get a clarification on what the code is doing. (This is also a good moment to mention leaving a comment in the code if you write something you know will be confusing in the future haha)


###### If you enjoyed this article and want more free coding content, come check out my youtube channel where I do in-depth coding tutorials:

https://www.youtube.com/watch?v=oCSMIBrIHZc
DevTools
Tags: chrome, devtools
Published: 2021-03-20 13:00:28

# What are DevTools?

<img width="100%" style="width:100%" src="https://tenor.com/view/songoku-goku-scratching-scratchingmyhead-gif-18415307.gif">

# DevTools

With learning Javascript I knew there would be a learning curve but Chrome Devtools made the journey that much easier.
Devtools is a tool that can be used to debug and test your code. Have an event listener that isn't working go to DevTools, want to see what data is being passed along go to DevTools. 
![](https://developers.google.com/web/tools/chrome-devtools/javascript/imgs/line-of-code-breakpoint.png)

# Breakpoints

Break Points became one of my new best friends. A breakpoint is a point in the code where you want to stop and see what is going on. I would often use a breakpoint to pause my code and go over to the console and console.log a value to see what data was going point to point.

# Stepping Through Breakpoints

Sometimes when writing code I want to see what is being executed so I will go line by line to see if my functions are being called. 

# Closing 
This is just a small breakdown of the power of Devtools here is an article about some more functions [Here](https://developers.google.com/web/tools/chrome-devtools/javascript).
Experience of GeekweekLocal
Published: 2021-03-20 12:57:40

Geek Week Local

A good initiative by GFG VIT Bhopal Chapter. We were asked to be a part of the guild and then solve challenges and tasks which made us learn new things.

The first thing of joining a guild was fun when we searched and interacted with people to join a team. It was  fun to do that and pitch others and persuade them to join the guild.

Then the tasks began and the first day was light. But then the difficulty level of tasks were increased day by day. Day 2 brought some tougher and interesting challenges
Throughout everyday we learnt something new and improves upon ourselves.

I learnt a lot. Learnt to create Portfolio, Github , Bootsrap, firebase, weather api, stackoverflow account, voice recognition software etc.

So for me as a beginner it was a great experience and challenge overall.
#Geek week Local
AI
Published: 2021-03-20 12:56:52


There was a time, not so long ago, when artificial intelligence, machine learning, and natural language processing were only found in science fiction novels. Artificial intelligence, on the other hand, has been around for over 70 years. We were still working on a model of the most basic component of artificial intelligence at the time: artificial neurons. Artificial intelligence (AI) and machine learning had crept into the public's blind spot for a long time after that, all the while becoming smarter. It wasn't until IBM's Deep Blue defeated Garry Kasparov in 1997 that AI technologies gained traction and the data race began.

Of course, today's digital imperative includes AI, machine learning, and natural language processing. The benefits of using AI technologies in all shapes and sizes have prompted companies to invest heavily in their growth and application. Transportation, entertainment, and manufacturing operations have all seen tremendous growth and result of AI adoption.

AI's ability to automate sales and marketing activities has shown great promise in terms of lowering human effort and costs while still boosting top-line growth. Artificial intelligence (AI) reduces the time spent on administrative tasks, improves a brand's ability to provide customized services to consumers, and creates previously untapped revenue streams. This is why AI is at the heart of the most promising marketing automation initiatives.
WI-FI
Published: 2021-03-20 12:56:27

Wi-Fi is a wireless networking protocol that allows devices to communicate without using wires. It's a term used in the industry to describe a wireless local area network (LAN) protocol based on the IEEE 802.11 network standard.

Wi-Fi is internet access through a wireless-capable device such as a phone, tablet, or laptop from the user's perspective. Most modern devices have Wi-Fi capabilities, allowing them to connect to a network and share network resources. Wi-Fi is the most widely used method of wireless data communication in a fixed location. It's a trademark of the Wi-Fi Alliance, a non-profit organization dedicated to the advancement of wireless LAN technology and products. 

Consider a typical house or company to gain a better understanding of Wi-Fi. A device that receives and transmits a wireless signal, typically a router, but sometimes a phone or computer, is the most basic requirement for Wi-Fi.

A router receives and then transmits an internet connection from an internet service provider outside the network in a normal home or small business. It makes that service available to nearby devices that can connect to the wireless network. Most households have a single router, which connects multiple devices such as smartphones, desktop and laptop computers, tablets, and smart TVs to the internet via Wi-Fi. In some situations, a user without a router may set up a phone or computer as a Wi-Fi hotspot, which allows the device to share its wireless or wired internet connection with other devices, much like a router. The result is always the same, regardless of how Wi-Fi is used or what the connection source is: a wireless signal that allows other devices to connect to the main transmitter for communication, entertainment, file transfers, voice messages, or other data transmission.
Incremental and Consistent
Tags: development, learning
Published: 2021-03-09 04:13:36

---
title: Incremental and Consistent
published: true
date: 2021-02-13 09:53:31 UTC
tags:
- development
- learning
canonical_url: https://www.sheldonhull.com/microblog/2021-02-13-incremental-and-consistent/
---

{% tweet 1360389911266820096 %}

It's really hard to prioritize when life gets busy, but it's important that continued improvement is a priority.

[Great at Work: How Top Performers Do Less, Work Better, and Achieve More](https://www.amazon.com/Great-Work-Performers-Less-Achieve/dp/1501179519) was a really interesting book.
The fact that small incremental improvement done daily can make such a difference is pretty interesting.

It's similar to Agile tenets in how to approach software design.
Smaller iterations with rapid feedback is better than large isolated batches work delivered without regular feedback.

If you find yourself saying, "But I don't have time" or "When I have some time" it might be indicative of a failure to grasp this.
When I catch myself saying this I try to reword it and say "Whenever I make time for this" instead.

You'll always have pressure on you.
The further along in your career and life you go, the more pressure is likely to be on you.

You have to "make" time for improvement and learning if it's a priority.
DataSet Magic
Tags: datascience, analytics, geekweeklocal
Published: 2021-03-20 12:54:14

Data Analytics and Visualization is great way to show raw data in an interactive way and narrate a statistical story to others. <br>
Going through data analyzing trends and making meaning out of it do great wonders and help many people via predictions.<br>
This a project  made earlier but during this geekweeklocal, I used this to introduce my juniors to data analytics and they absolutely loved it.<br>
They also gave some awesome ideas which I'll incorporate later in the project. You can try out the project at this link.<br>
<a href="https://patient-dashboard-streamlit.herokuapp.com">https://patient-dashboard-streamlit.herokuapp.com/</a>
<br>
And to know more about it<br>
<a href="https://devpost.com/software/patient-dashboard">https://devpost.com/software/patient-dashboard</a>
GEEK WEEK LOCAL
Tags: codenewbie, computerscience, android, algorithms
Published: 2021-03-20 12:52:59

Geek Week: Local is a week-long hackathon of creating hacks, solving problems, and building profiles both big and small. Choose between daily and week-long challenges that vary in difficulty, so whether this is your first time coding or you’re a seasoned expert, Geek Week has something for you. The more challenges you conquer, the more points you’ll earn and make your position on the leader-board.

Geek Week: Local taking place from 14/03/21 to 21/03/21.

During this time, you can expect challenges for all skill levels. These challenges can be completed on your own time, and new ones will be released each day on our website! Once the daily challenges are announced, you’ll have 24 hours to complete and submit them in order to earn those points on the leader-board.

If the daily challenges aren’t quite your speed, there will also be plenty of week-long challenges you can complete at any time. These will range from quick technical challenges to tasks you can complete with your guild-mates (guild=team), both beginner-friendly and technically advanced so there is something for everyone.

WHAT WE LEARNED ?

Power of Patience
During coding, we got many obstacles. One of the major obstacles is the error in the code. But after we practiced writing enough codes and learned to find out the errors, we developed a quality of patience to calm our minds and think sensibly because this is a critical factor in finding the fault.

Power of Perspective
Coding or solving questions helps us understand the world from a different perspective. While solving coding questions, many problems require a different perspective. With practice, you gain experience, and with experience, you gain perspective; it’s as simple as that.

Power of Logical Thinking
Coding helps strengthen your thinking capability as many difficult questions need healthy thinking to crack it. We also need logical thinking. Before solving a problem, we have to identify the logic used to solve the question and find out the different logical ways, and coding helps us put our brain in that situation.
Geek Week Local
Tags: geekweeklocal
Published: 2021-03-20 12:52:36

Geek Week: Local is a week-long hackathon of creating hacks, solving problems, and building profiles both big and small. Choose between daily and week-long challenges that vary in difficulty, so whether this is your first time coding or you’re a seasoned expert, Geek Week has something for you. The more challenges you conquer, the more points you’ll earn and make your position on the leader-board.

Geek Week: Local taking place from 14/03/21 to 21/03/21.

During this time, you can expect challenges for all skill levels. These challenges can be completed on your own time, and new ones will be released each day on our website! Once the daily challenges are announced, you’ll have 24 hours to complete and submit them in order to earn those points on the leader-board.

If the daily challenges aren’t quite your speed, there will also be plenty of week-long challenges you can complete at any time. These will range from quick technical challenges to tasks you can complete with your guild-mates (guild=team), both beginner-friendly and technically advanced so there is something for everyone.

WHAT WE LEARNED ?

Power of Patience
During coding, we got many obstacles. One of the major obstacles is the error in the code. But after we practiced writing enough codes and learned to find out the errors, we developed a quality of patience to calm our minds and think sensibly because this is a critical factor in finding the fault.

Power of Perspective
Coding or solving questions helps us understand the world from a different perspective. While solving coding questions, many problems require a different perspective. With practice, you gain experience, and with experience, you gain perspective; it’s as simple as that.

Power of Logical Thinking
Coding helps strengthen your thinking capability as many difficult questions need healthy thinking to crack it. We also need logical thinking. Before solving a problem, we have to identify the logic used to solve the question and find out the different logical ways, and coding helps us put our brain in that situation.
Infix to Prefix Conversion USING Stack
Tags: computerscience, codenewbie, beginners
Published: 2021-03-20 12:47:08

Before starting your conversion, make sure you reverse your infix expression and then follow the below mentioned steps.

1)Print the operands as they arrive.

2) If stack is empty or contains a left parentheses on top, push the incoming operator onto the stack.

3) If incoming symbol is '(', push it onto stack.

4) If incoming symbol is ')', pop the stack and print the operators until the left parentheses is found.

5) If the incoming symbol has higher precedence than the top of the stack, push it on the stack.

6) If the incoming symbol has lower precedence than the top of the stack, pop and print the top. Then test the incoming operator against the new top of the stack.

7) If the incoming operator has equal precedence with the top of the operator , use Associativity rule.

8)If associativity is Left -> Right (^), then push the incoming operator.

9)If the associativity is Right -> Left (+,-,*,/) , then pop and print the top of the stack and then push the incoming operator.

10) At the end of the expression, pop and print all operators of stack.

Now reverse back the obtained expression. Your conversion should be ready.
Thank You!
Geek Week : Local
Tags: geeksforgeekscomputerscience
Published: 2021-03-20 12:39:34

Geek Week: Local is a week-long hackathon of creating hacks, solving problems, and building profiles both big and small. Choose between daily and week-long challenges that vary in difficulty, so whether this is your first time coding or you’re a seasoned expert, Geek Week has something for you. The more challenges you conquer, the more points you’ll earn and make your position on the leader-board.

Geek Week: Local taking place from 14/03/21 to 21/03/21.

During this time, you can expect challenges for all skill levels. These challenges can be completed on your own time, and new ones will be released each day on our website! Once the daily challenges are announced, you’ll have 24 hours to complete and submit them in order to earn those points on the leader-board.

If the daily challenges aren’t quite your speed, there will also be plenty of week-long challenges you can complete at any time. These will range from quick technical challenges to tasks you can complete with your guild-mates (guild=team), both beginner-friendly and technically advanced so there is something for everyone.

WHAT WE LEARNED ?

Power of Patience
During coding, we got many obstacles. One of the major obstacles is the error in the code. But after we practiced writing enough codes and learned to find out the errors, we developed a quality of patience to calm our minds and think sensibly because this is a critical factor in finding the fault.

Power of Perspective
Coding or solving questions helps us understand the world from a different perspective. While solving coding questions, many problems require a different perspective. With practice, you gain experience, and with experience, you gain perspective; it’s as simple as that.

Power of Logical Thinking
Coding helps strengthen your thinking capability as many difficult questions need healthy thinking to crack it. We also need logical thinking. Before solving a problem, we have to identify the logic used to solve the question and find out the different logical ways, and coding helps us put our brain in that situation.
Rawbits- A Guild of Nerds
Published: 2021-03-20 12:38:06

Geek Week Local

A great initiative by GFG Vit Bhopal Chapter. We were asked to be a part of the guild and then solve challenges.

The first thing of joining a guild was fun when we searched and interacted with people to join a team. It was really fun to do that and pitch others and persuade them to join the guild.

Then the tasks began and the first day was light. But then it was escalated. Day 2 brought some tougher and interesting challenges
Throughout everyday we learnt something new and improves upon ourselves.

I learnt a lot. Learnt to create Portfolio, Github , Bootsrap, firebase and what not.

So its a hell of a experience till now and expecting more such events by GFG.

#geekweeklocal
GeekWeek:Local
Published: 2021-03-20 12:33:33

A week-long event that's about to end but still has improvised my social and technical skills. Such an amazing event. Started from knowing nothing about the AI-ML branch but near the end knows Buzzwords about the AI-ML branch along with a Voice Assistant project based solely on Ai-Ml techniques. An event where I learned and Implemented my skills consistently.
Infix to Postfix Conversion using Stack
Tags: computerscience, codenewbie
Published: 2021-03-20 12:33:20

1. Print the operands as they arrive.

2. If stack is empty or contains a left parentheses on top, push the incoming operator onto the stack.

3. If incoming symbol is '(', push it onto stack.

4. If incoming symbol is ')', pop the stack and print the operators until the left parentheses is found.

5. If the incoming symbol has higher precedence than the top of the stack, push it on the stack.

6. If the incoming symbol has lower precedence than the top of the stack, pop and print the top. Then test the incoming operator against the new top of the stack.

7. If the incoming operator has equal precedence with the top of the operator , use **Associativity** rule.

8. If associativity is Left -> Right (^), then pop and print the top of the stack and then push the incoming operator.

9. If the associativity is Right -> Left (+,-,*,/) , then push the incoming operator.

10. At the end of the expression, pop and print all operators of stack.

Your conversion should be ready.
Thank You!
Sidebar Menu Using Only HTML and CSS
Tags: html, css, webdev, javascript
Published: 2021-03-20 12:29:25

Hello readers, Today in this blog you’ll learn how to create a Sidebar Menu using HTML and CSS only. Previously I have shared a Responsive Navigation Menu Bar using HTML & CSS only, now it’s time to create a Side Navigation Menu Bar that slides from the left or right side.
As you can see in the image, this is a Side Navigation Menu Bar that is based on only HTML and CSS. The <input> checkbox tag is used to show and hide the sidebar. That means when you click on that ‘X’ button the sidebar will be slide on the left side and the only menu button is shown (3 lines bar) and again when you click on that 3 lines bar the Sidebar will be slide-right side.
When you click on that three-line bars, the checkbox will be checked and the Side Menu Bar is shown and when you again click on that bars, the checkbox will be unchecked and that shown menu bar will be hidden. This process is only done by HTML <input type=”checkbox”> tag and <label> tag.
If you’re feeling difficult to understand what I am saying. You can watch a full video tutorial on this program (Side Navigation Menu Bar).
# Video Tutorial of Sidebar Menu using HTML and CSS
{% youtube swcqZbjlooM %}

I hope you’ve understood the basic concept of this Sidebar Menu after watching this video tutorial. I think this video can help beginners to know CSS in depth. You can use this program or design on your website or project after a few changes according you want. Also, you can redesign this program to take this sidebar menu to the next level.
If you like this Login Form Design and want to get source codes. You can easily get the source codes of this program. To get the source codes you just need to scroll down.
# Side Navbar using HTML & CSS [Source Codes]
Before sharing the source codes of this program (Side Navigation Menu Bar). Let’s a few talks about the main tags and codes of this program. To create this Side Navigation Menu Bar I had used HTML & CSS only which means this is a pure CSS program.
As you can see in the video, this program is a fully ul and li based program, that’s why we can create a menu easily. You can call this CSS Side Navigation Bar without the use of Javascript. I’ve used input type=”checkbox” and label for=” tag to toggle Menu Bar for the mobile version. I also used the Fontawesome icon to show a 3-line bar and the ‘X’ button. Generally, font-awesome is a website where we can get thousands of free icons for our projects.
You can also download the source code files through the given link. In the source files, there you also get a background image of this program. 

[Click here to demo and Video tutorial.](https://youtu.be/swcqZbjlooM)