DEV Community: Gyanendra Kumar Knojiya

Face detection and blink counter

Gyanendra Kumar Knojiya — Fri, 27 Jan 2023 11:12:11 +0000

Face detection and blink counter
The Face and Eye Detector and Eye Blink Counter is a powerful tool created using Python and OpenCV. This tool can detect faces and eyes within an image or video stream and track the number of times a person blinks their eyes.

Using Python and OpenCV, the tool first detects faces within an image or video stream using Haar cascades. Once a face is detected, the tool then uses a similar process to detect eyes within the face using Haar cascades. The tool then uses a combination of image processing techniques, such as edge detection and thresholding, to determine if the person's eyes are open or closed.

The Eye Blink Counter then keeps track of the number of times a person blinks their eyes, which can be useful in a variety of applications. For example, in a video conferencing app, this feature can be used to detect when a user is paying attention and alert them if they seem to be drifting off. In a security system, this feature can be used to detect when a person's eyes are closed for an extended period, which could indicate that they are sleeping or unconscious.

to run: python main.py

visit: https://github.com/gyanendraknojiya/Face-detection-and-blink-counter

Youtube Channels You Should Follow as a Dev

Gyanendra Kumar Knojiya — Fri, 14 Jan 2022 19:23:23 +0000

20 famous YouTube channels you should watch in 2022

With the fast evolution of web technologies, it is critical to learn and nurture fresh knowledge about these technologies. As a result, in today's essay, I'll reveal 20 famous YouTube channels in 2021 so that we may learn to program ourselves and supplement our income. Incorporate fresh information into the website creation process. Let's go together and find out!

1. Traversy Media:

Traversy Media is a YouTube channel that specializes in delivering classes on new technologies as well as web development programming languages. This channel, in my opinion, is ideal for individuals who are just beginning to learn a new programming language with each course and highly practical examples. This channel offers a wealth of information about web programming languages and technologies such as React, VueJS, NodeJS, HTML, CSS, Python, and more. Also, offer your life experiences, perspectives, and solutions to difficulties that a coder may face.

2. The Net Ninja:

The Net Ninja is a YouTube channel dedicated to delivering courses for web developers such as Modern JavaScript, Node.js, React, Vue.JS, and more, with content updated regularly. It was established by Mr. Shaun, who has over 12 years of programming expertise and a strong interest in Javascript. I believe it will give a wealth of information on new technologies that will help you create your website.

3. Level Up Tuts:

Level Up Tuts is a YouTube channel founded in 2012 by Scott Tolinski and Ben Schaaf to teach people how to code. The goal is to educate you on how to solve common programming problems by providing instructional videos ranging from beginner to expert. With online technologies mostly focusing on CMS (Content Management System), Sketch, and React... With new programmers' lessons, such as phrases How to design your website, often asked questions in interviews... Programming skills and a strong desire to learn Javascript. I believe it will give a wealth of information on new technologies that will help you create your website.

4. Wes Bos:

Wes Bos is a place where you can discover lessons that are primarily focused on the front-end side of things. With technologies such as Javascript, HTML, CSS, React.js, Node, Express, Lambda, Gatsby, and Next.js, we improve our abilities in interface construction, web design, and programming. I'm quite impressed with the 30-day Javascript programming challenge series since it helps you comprehend and put the language's capabilities into reality.

5. Dev Ed:

Dev Ed assists you in adding actual expertise about development, web design, programming hints, and relevant topics surrounding the author to your resume. With Javascript-focused courses, React, CSS, and Nodejs... What I appreciate the most is the in-depth, humorous, and simple explanation of the difficulties. Programming themes are frequently inquired about as crucial things that programmers should be aware of and should select. What front-end framework should I choose for web development...

6. Programming with Mosh:

Programming with Mosh is a channel created by Mosh Hamedani to share his programming expertise with the rest of the world. Python, Javascript, and C# are three programming languages that are primarily focused. In addition, this channel offers thorough video courses for both front-end and back-end web programming, as well as films that address queries for novice programmers regarding common programming and daily life concerns.

7. TheNewBoston:

TheNewBoston is a channel that began broadcasting in 2008 and now has over 2.4 million members. With over 4,200 video tutorials, this channel delivers a wide spectrum of technical courses in programming, web design, networking, computer security, development of phone apps... Although this channel has not been updated with fresh content for a while, I believe you will be able to learn a lot of valuable and fascinating things about web development. And I hope that the author returns one day to provide more appealing courses to a wider audience.

8. programming knowledge:

programming knowledge is a front-end and back-end technical channel. It is equipped with keys. For people who are just getting started with programming languages like Java, Python, React, Bootstrap, and ASP.NET, the course is broken into tiny chunks. This is one of the greatest Youtube channels for learning web programming, with over 1 million followers and dozens of courses.

9. edureka!:

edureka! is a 2012 channel where the majority of the courses are taught by Indians. Bachelor's degree (but still speak English in the video). This is where you may learn more about several hot subjects nowadays, such as Big Data, Web Development, DevOps, Machine Learning, cloud computing certification, and so on. There is, however, one little drawback: some instructors claim that English is difficult to understand.

10. CodingCafe:

This is a site where you will find everyday articles on development. Gyanendra Knojiya created and maintains this website. This is a good website to bookmark if you want to learn full-stack programming.

Learn Web Development: https://bit.ly/3pPJg0d

Learn Node JS: https://bit.ly/3yWpDbd

Learn Python: https://bit.ly/30WE5Do

Learn Java: https://bit.ly/3t5cGuI

How can you make money online?

Gyanendra Kumar Knojiya — Wed, 12 Jan 2022 17:51:09 +0000

These methods might help you earn a good passive income.

Who doesn’t like to make a little more cash? However, everyone has a job, and to make more money, we must devote additional time.

Working extra hours regularly is nearly impossible, and it is also hazardous to your physical and emotional health.

This is where passive income comes into play. It is possible to make money without actively working. There are several ways to generate passive income, but let us focus on how we might do it.

What is the definition of passive income?

According to Wikipedia,

Passive income is income that requires minimal labor to earn and maintain.

Passive income is money that you earn without having to perform a lot of “active” effort to keep it coming in. As an example, suppose you own a home and make money from the rental revenue. You may profit from rental revenue without actually working.

Here are a few ideas for generating a solid passive income-

1. Affiliate marketing

Website owners, social media “influencers,” and bloggers use affiliate marketing to promote a third-party product by providing a link to it on their site or social media account. Although Amazon is the most well-known affiliate partner, other big brands include eBay, Awin, and ShareASale. Instagram and TikTok, in particular, have grown in popularity among those trying to build a following and market their businesses.

The site owner receives a commission when a visitor clicks on the link and purchases anything from the third-party affiliate. The fee might be anything from 5% to 20%, so you’ll need a lot of visitors to your site to make any money. However, if you can increase your audience or find a more lucrative sector (such as software, financial services, or fitness), you may make a lot of money.

Learn affiliate marketing: https://bit.ly/3K1ieMZ

2. Advertise on the back of your automobile

By Gabriel Gurrola on Unsplash

You might be able to supplement your income by just driving about town in your automobile. Inquire with a specialist advertising firm about your driving patterns, including where you drive and how many kilometers you drive. If you’re a good fit for one of their sponsors, the firm will “wrap” your automobile with adverts for free. Newer automobiles are preferred by agencies, and drivers must have a clean driving record.

While you will have to get out and drive, if you are already doing so, this is a terrific opportunity to earn hundreds of dollars every month for little or no additional expense. Drivers might be compensated per mile driven.

3. Create a blog, website, or YouTube channel

By Corinne Kutz on Unsplash

Are you an expert in Bangkok travel? Are you a Minecraft aficionado? Swing dancing’s sultan? Turn your enthusiasm for a subject into a blog or a YouTube channel, and monetize it with advertisements or sponsorships. Find a popular topic, even if it’s a small niche, and learn everything there is to know about it. You’ll have to build out a content suite and attract an audience initially, but as you become renowned for your engaging material, it may provide a stable revenue stream over time.

You may start with a free (or very low-cost) platform and then grow your audience with amazing content. The more distinctive your voice or area of expertise, the more likely you are to become “the” person to follow. Then you’ll be able to attract sponsors.

Learn to blog: https://bit.ly/3zOXdAl

4. Household objects can be rented out

By PlanetCare on Unsplash

Here’s a different way to rent out an idle car: Begin with other home things that people may require but are accumulating dust in your garage. Lawnmowers? What are the most powerful tools? Tools and a toolbox for mechanics? Large coolers or tents? Look for high-value products that individuals only require for a brief period and where owning the item makes no sense. Then devise a method for customers to locate your goods as well as a method for them to pay for them.

5. Sell your creations on the internet

By UX Store on Unsplash

If you have design skills, you may be able to turn them into a money-maker by selling items with your printed designs on them. Businesses such as CafePress and Zazzle allow you to sell items such as T-shirts, hats, mugs, and more with your designs. You can sell templates on Canva.

You may start with your designs and observe what the market responds to before expanding. You might be able to take advantage of increased interest in a current event by designing a shirt that encapsulates the spirit of the times or at the very least a sardonic perspective on it. You may also use a service like Shopify to create your web storefront to sell your products.

6. Making a Software as a Service (SaaS) Product

By Joan Gamell on Unsplash

“Software as a Service” is what Saas stands for. One of the finest business models is SaaS. You’ll create software and charge a monthly membership fee for it. Adobe software, Microsoft Office, Dropbox, and Slack are all examples of SaaS that we use often in our everyday lives.

You can make a lot of money if you can create helpful things that people want. You don’t have to create such complicated software. You can create some simple yet helpful applications.

Get started: https://bit.ly/3zZ0ywH

7. Make a Real Estate investment

By Jason Dent on Unsplash

For almost as long as real estate has existed, real estate investing has been a well-established means for accumulating wealth. Real estate investment used to be a difficult business to get into, taking a lot of time, effort, and knowledge. Real estate investing apps, on the other hand, have simplified the process and made it possible to become a real estate mogul from the comfort of your own home.

If owning properties is out of your price range, consider investing in a real estate investment trust, or REIT. These investments often pay out large dividends and track the stock market’s success. Your investment value will rise and fall in this manner, much like actual property, but it will be significantly easier to purchase and sell, and you will be able to diversify your portfolio by investing in multiple markets.

Learn Estate Investing: https://bit.ly/3Fk1PPR

8. Invest in stocks that pay out dividends

By Nicholas Cappello on Unsplash

You might gain a lot of money from your investments if you invest in stocks that pay out significant dividends to shareholders. Hopefully, the value of your shares will rise while you own them, allowing you to benefit from dividends as well as capital gains when you sell.

Keep in mind that investing has a significant level of risk, and you might lose more than you put in. Before establishing an investing portfolio, always seek counsel.

Learn To Trade The Stock Market: https://bit.ly/33e05uv

Conclusion

You can’t predict how much passive money you’ll make. This can be beneficial or detrimental. You can make a lot more money than you think, but you might also make a lot less.

But you’ll never know if you never try. You may make 10 times or 100 times more money than you do now. If you make enough money, you may not need to work your normal job!

If you don’t find a way to make money while you sleep, you will work until you die. — Warren Buffett

Thank you for taking the time to read this article. Please leave your opinions in the comments area or contact me personally here.

Published onCodingCafe

OnePlus 10 Pro has been launched with the most powerful Snapdragon processor

Gyanendra Kumar Knojiya — Tue, 11 Jan 2022 00:00:00 +0000

The OnePlus 10 Pro is available in three RAM and storage capacities, as well as two color options.

The OnePlus 10 Pro, the Chinese manufacturer’s latest flagship smartphone, has finally been released in China. This follows months of speculation and rumors about OnePlus’ new flagship, which creates a lot of attention every year. We already know the majority of the smartphone’s specs before its formal release in the United States. The OnePlus 10 Pro is powered by Qualcomm’s newest flagship processor, the Snapdragon 8 Gen 1, and features an LTPO display panel with a variable refresh rate of up to 120Hz.

Price of OnePlus 10 Pro:

The OnePlus 10 Pro is available in three configurations-

8GB RAM + 128GB storage
8GB RAM + 256GB storage
12GB RAM and 256GB storage

The 8GB RAM + 128GB storage model costs about Rs 55,000, the 256GB storage variant costs about Rs 58,000, and the top-end variant costs about Rs 58,000. It is available in two colors- Volcanic Black and Emerald Forest.

Buy on Amazon

Specification of OnePlus 10 Pro:

In terms of features, the OnePlus 10 Pro has a 6.7-inch LTPO AMOLED display with a QHD+ resolution and a refresh rate of 120Hz. The OnePlus 10 Pro’s display can automatically vary its refresh rate from 1Hz to 120Hz. The Snapdragon 8 Gen 1 CPU powers the smartphone, which is combined with up to 12GB of RAM and up to 512GB of internal storage. The phone sports a 5,000mAh battery and 80W SuperVOOC rapid charging technology.

Camera of OnePlus 10 Pro:

The OnePlus 10 Pro comes with a triple rear camera arrangement that features a Sony IMX789 48-megapixel primary sensor, a Samsung 50-megapixel ultra-wide shooter, and an 8-megapixel tertiary shooter. This year’s camera system, like the previous one, was co-developed with Swedish camera manufacturer Hasselblad. The OnePlus 10 Pro comes with a 32-megapixel Sony IMX615 front-facing camera.

Connectivity and software of OnePlus 10 Pro:

The OnePlus 10 Pro has Bluetooth v5.2, Wi-Fi, NFC, a USB Type-C port, and other connection features. ColorOS 12.1 is based on Android 12 and is pre-installed on the smartphone. The firm has informed consumers that the OnePlus 10 Pro would debut in India with OxygenOS 12.

Originally published at https://codingcafe.co.in on January 11, 2022.

How to Become a Backend Developer

Gyanendra Kumar Knojiya — Mon, 03 Jan 2022 08:05:47 +0000

Are you considering a career in backend development?

Companies require superstar back-end engineers to create full-fledged applications that go beyond the user interface.

All of the app’s data is stored and processed on the backend. Back-end development refers to everything that goes behind the scenes. Databases, business logic, the API layer, and pretty much anything else that isn’t linked to the user interface are all part of it.

A back-end developer’s annual pay in the United States is $120,654. Let’s have a look at what it takes to work as a Back-end Developer.

Select a Programming Language:

Before you can begin constructing the backend, you must first decide which programming language you will use for your application. Depending on the programming language you employ, you’ll need a range of skills to become a competent back-end developer.

The following are the top tech stacks to utilize as a backend developer:

The following components comprise the backend stack:

Programming languages: These are used to write the logic for apps and websites. The codes connect the internet to a database. JavaScript, PHP, and Python are a few examples.
Frameworks: it provides application support based on a single programming language. Among the most popular frameworks are Laravel, Django, and Ruby on Rails. The majority of current apps are developed with an MVC framework.
Web Servers: Backend servers are required to manage client requests. The most popular web servers are Apache, Nginx, and Microsoft’s Internet Information Server (IIS).
Databases: Most applications need the use of a SQL or NoSQL database. Databases that are widely used include MongoDB, PostgreSQL, and MySQL.

Let’s take a deeper look at the four most often used back-end programming languages and the technology stack that supports them.

JavaScript Stack:

JavaScript is the most popular programming language for the sixth year in a row, according to a StackOverflow analysis. JavaScript is utilized to construct apps by numerous forward-thinking Fortune 500 businesses, including Facebook, Netflix, and PayPal. To work as a JavaScript back-end developer, you must have a deep grasp of JavaScript as a programming language. Once you’ve learned JavaScript, you’ll need the following abilities to complete the stack.

Skills Required-

Node.js:

On the backend, JavaScript code is executed using the sophisticated open-source server environment Node.js. Before you begin learning node, you must be comfortable with JavaScript. Node.js is the way to go if you’re utilizing JavaScript to construct back-end apps. It is quite popular and has a sizable community following.

Node is built to support asynchronous JavaScript development. It may be used for asynchronous operations such as file system reading and writing, database connection management, and web server queries. Node.js is a server-side programming language capable of interacting with databases and files.

Learn Node JS: https://bit.ly/3xLFffz

Python Stack:

Python has long been a favorite programming language among developers. Because of its easy syntax, many schools are now teaching Python to pupils as their first programming language. Python is an excellent choice if your API requires a large number of computations.

After learning Python, You can learn Django, flask, fast API to develop a webserver.

Learn Python: https://bit.ly/3pmDzYA

C# Stack:

The C# programming language is used by businesses that employ Microsoft technology. To work as a C# back-end developer, you must have a good grasp of C# as a programming language. After you’ve learned C#, you’ll need a few additional skills to create a web application.

Learn C#: https://bit.ly/3mra4TN

Java Stack:

Java is a prominent programming language used by firms such as Google and Amazon in a range of backend development projects. Is Object-Oriented Programming something you love doing? If you answered yes, you should use Java as the programming language for your backend stack.

Learn Java: https://bit.ly/3mt4obT

Select a Database:

Regardless of the programming language you choose for your back-end, a database will always be necessary. Any application you write will necessitate the use of a database. This is where the data is maintained. The two most prevalent database types are SQL and NoSQL.

SQL databases are becoming more popular. SQL-driven databases are utilized by companies such as Facebook, Netflix, Uber, and Airbnb, to name a few. To be a good back-end developer, you must have a thorough understanding of SQL.

Originally published at https://vocal.media.

Best Books for Software Engineers

Gyanendra Kumar Knojiya — Thu, 30 Dec 2021 07:06:19 +0000

List of books that provide a roadmap for software engineers.

I’d want to share some links as well as a brief synopsis of each book on the roadmap. This should make it simple to locate a replacement or simply skip.

1. Building a Career in Software by Daniel Heller:

Building a Career in Software: A Comprehensive Guide to Success in the Software Industry

There is a problem with software engineering education: colleges and boot camps train aspiring engineers to write code, but then leave grads to learn the many supporting tools necessary to survive in actual software organizations. Building a Career in Software is the answer, a comprehensive guide to the essential skills that instructors don’t need and professionals never think to teach: landing jobs, selecting teams and projects, asking good questions, running meetings, going on-call, debugging production problems, technical writing, making the most of a mentor, and much more.

What You Will Discover:

Learn about every major non-technical aspect of professional programming, as well as numerous critical technical practices required for the move from student to professional.
Develop relationships with your boss.
Improve your communication skills, such as technical writing, excellent questioning, and public speaking.

Who Should Read This Book?

All graduates of computer science or software engineering university programs, as well as all software engineering boot camp participants, are software engineers who are either early in their careers or are ready to make the shift to the professional sector.

2. The Passionate Programmer by Chad Fowler:

The Passionate Programmer: Creating a Remarkable Career in Software Development

In today’s IT climate, success necessitates viewing your profession as a commercial venture. This book will teach you how to become an entrepreneur and steer your career in the direction of your choice. You’ll learn how to create your software development profession step by step, just like you would if you were creating, promoting, and selling a product. After all, your abilities are a product in and of themselves.

3. You Don’t Know JS by Kyle Simpson:

https://amzn.to/3eAylmd

No matter how much JavaScript expertise you have, chances are you don’t completely comprehend the language. “You Don’t Know JS” is a book series that delves further into JavaScript kinds.

This series’ novels are as follows:

You Don’t Know JS: On the Rise
You Don’t Understand JS: Types and Grammar
You Don’t Understand JS: ES6 and Beyond
You’re Not a JS Expert: Async and Performance
You’re Not a JS Expert: This and Object Prototypes
You’ve Never Heard of JS: Scope and Closures

4. Elements of Computing Systems by Noam Nisan, Shimon Schocken:

https://amzn.to/3pmUxWO

The easiest way to learn how computers operate is to construct one from the ground up, and this textbook walks students through twelve chapters and tasks that gradually develop the hardware platform and software hierarchy for a small but powerful computer system. Learners receive hands-on experience with hardware, architecture, operating systems, programming languages, compilers, data structures and algorithms, and software engineering along the process. Using this constructive method, the book introduces readers to a large amount of computer science knowledge while also synthesizing essential theoretical and applied approaches into a single constructive framework. The result is known as Nand to Tetris: a trip that begins with the most basic logic gate, named Nand and finishes with a general-purpose computer system capable of executing Tetris and any other application that comes to mind, twelve projects later.

5. Design Patterns by Gamma Erich, Helm Richard, Johnson Ralph, Vlissides John, Grady Booch:

https://amzn.to/3H9sCQs

This might come up in an interview, but it’s more probable that you use patterns at work — and sometimes you don’t even realize you’re doing so. Memorizing all of them is probably not the ideal method, but understanding a couple and when to utilize them will improve the quality of your codebases.

6. Grokking Algorithms by Aditya Bhargava:

Manning Publications Grokking Algorithms: An illustrated guide for programmers and other curious people

Cracking the Coding Interview is an excellent resource for algorithms, however, I believe it is primarily geared for engineers who need to master technical interviews. Grokking Algorithms is a shorter book with easier explanations. This will ultimately be required learning material (algorithms and data structures), whether for an on-the-job assignment or an interview.

Thanks for reading this article. I hope you like this.

Highest Paid Programming Languages in 2022

Gyanendra Kumar Knojiya — Thu, 16 Dec 2021 00:00:00 +0000

Programming languages that are exploding right now and in the coming years to which you should pay attention.

If you are a programmer, you should be aware of which programming languages will be in demand in the future. Every year, programming languages evolve, and as a result, the market for programming abilities evolves as well. Knowing what companies want today and in 2022 might assist you in making an informed decision about your future schooling or career path. Here are the highest-paying programming languages that you should be aware of!

1. GO Lang:

Go is a simple, trustworthy, and efficient open-source programming language that allows you to create simple, dependable, and efficient programs. Google invented Go in 2009, and it has since been used by Uber, SoundCloud, Netflix, and Dropbox. This language was designed in the style of the well-known C programming language.

Despite the fact that this programming language is still relatively young, it has quickly gained popularity among many coders due to its ease of use. It’s akin to Python and JavaScript, and it’s just as powerful as C++.

Go programmers earn between 110,000 and110,000_and_115,000 per year on average.

2. Objective-C:

This language was the first to allow the development of programs for macOS and iOS-based devices. Objective-C was derived from C and, like Go, incorporated Smalltalk-style messaging components. As a result, Objective-C is an object-oriented programming language. Swift, a more sophisticated version of the same language, took its place in 2014.

Despite this, Objective-C is fairly popular since there are several IOS programs on the market that were created in it and require maintenance. As a result, if you hire an iOS developer, they will almost probably be familiar with Objective-C.

Objective-C programmers earn between 100,000 and100,000_and_110,000 per year on average.

3. JavaScript:

JavaScript is the most popular programming language at the moment. It’s commonly used in web development, front-end design, and back-end programming. JavaScript programmers are in great demand and will remain so in 2022. With JS, you can create nearly anything, from a web application to a neural network.

Previously, JavaScript was seen as a “minor language” that may be used to enhance websites. However, with the advent of NodeJS and its enhanced capability, JS has evolved into more than simply a supplement. It is now feasible to construct full-fledged applications or even a web browser using contemporary frameworks such as React or VueJS using JS.

JavaScript programmers earn an annual salary of $100,000 on average.

Learn JavaScript: https://codingcafe.co.in/

4. Python:

Python is a powerful programming language that may be used for scripting, data analysis, machine learning, and other tasks. As more firms use Python for their projects, the need for Python developers is rising. This language allows you to construct server-side web applications, desktop programs with graphical user interfaces, and machine learning algorithms. In addition to being easier to use for developing scripts than other programming languages such as C++ or Java, it is also a very effective tool that allows you to write fewer lines of code.

Python programmers get paid an average of $110,000 per year.

5. C/C++:

Although C++ has been around since 1985, it remains one of the most popular programming languages today. Because of its ability to generate quick and efficient code, C++ is used to program many video games. C++ developers are in great demand now and will be in 2022.

C++ can be found everywhere, including your computer, mobile phone, and toaster. As a result, you may create your microcontrollers and fully customized desktop apps, among other things. This is a lower level than the same Python or Javascript, which means it virtually directly talks with the computer and has tens of times the speed of its competitors.

C++ programmers earn an annual salary of $105,000 on average.

Thanks for reading this article.

Originally published at https://codingcafe.co.in on December 16, 2021.

18 Must-Visit Websites For Developers

Gyanendra Kumar Knojiya — Fri, 10 Dec 2021 00:00:00 +0000

DevDocs organizes API documentation into a single, searchable interface. You’ll discover documentation for a variety of programming languages and technologies all in one spot.

1. DevDocs

DevDocs organizes API documentation into a single, searchable interface. You’ll discover documentation for a variety of programming languages and technologies all in one spot.

2. ray.so

This website allows you to take gorgeous code screenshots. It also has a dark mode and preset themes for several programming languages. You may also utilize its Visual Studio Code plugin.

3. Poet.so

This website is helpful for developers who want to share photographs of their tweets on social media. The website converts your tweet into a beautiful, editable design.

4. roadmap.sh

This website offers roadmaps, guidelines, and other instructional information to help developers decide on a course of action and direct their learning. It is quite beneficial to both a beginning and a student who needs coaching.

5. LambdaTest

LambdaTest is a cloud-based cross-browser testing tool that allows you to test web applications across over 2000 browsers, operating systems, and devices. LambdaTest allows you to manually and automatically test cross-browser compatibility.

6. daily.dev

It is a site where you can find a plethora of interesting things to read on a regular basis. It displays the finest items from many platforms in your feed. By utilizing its extension, you may stay up to date with great material from numerous platforms straight in your browser.

7. Showwcase

Showwcase is a new social networking platform designed just for coders to interact, establish community, and discover new possibilities. It’s a site similar to LinkedIn, but it’s solely for developers.

8. CSS Tricks

You may improve your web development abilities by studying the fundamentals of CSS from this website. CSS is what makes web pages appear lovely if you didn’t already know.

9. Medusa

An open-source Shopify substitute. Medusa is a fast and adaptable open-source headless commerce engine. It’s completely free.

10. smartmockups

Why waste time learning how to use Photoshop? Smartmockups enable you to create stunning high-resolution mockups directly in your browser and across several devices using a single interface. The most rapid web-based mockup tool accessible, There is no prior experience or ability necessary, and the collection of professional mockups is always expanding.

11. Code Beautify

Make your source code more beautiful and easier to read by beautifying it with code. AI technology will make your source code more appealing and easy to read.

12. overAPI

OverAPI is one of the most attractive and useful websites for developers. Cheatsheets for the majority of programming languages may be found on this website. Check it out right now.

13. Responsively

This is an open-source website that speeds up web app development by 5 times. In a single window, all target screens are presented side by side. Reduces the amount of time it takes to grow!

14. Color Hunt

Colorhunt is a website that https://colorhunt.co/allows you to choose beautiful color palettes. Web designers would benefit greatly by selecting attractive and appealing colors, as well as accepting color recommendations from other artists and art projects.

15. Carbon

This website will assist you in creating and sharing stunning source code pictures. You may also make adjustments to the photos. You should try it right now.

16. Profile Pic Maker

This website generates a professional and visually appealing profile for each photo in your Web developer portfolio. You will be exposed to social media as a developer. All you have to do is upload any of your photographs, and it will edit and improve them for you. Now is the time to give it a go.

17. Small Dev Tools

This website provides free development tools such as encoders/decoders, HTML/CSS/Javascript formatters, minifiers, fake or test data generators, and more. You may also share codes with others.

18. resume.io

This website enables you to construct a professional resume. It will assist you in creating a professional resume by presenting you with tried-and-true templates. Give it a go.

Thanks for reading this article.

If you have any queries, feel free to contact me here

Buy a coffee for me here https://www.buymeacoffee.com/gyanknojiya

Originally published at https://codingcafe.co.in on December 10, 2021.

GoLang — Introduction | Create REST API with Auto Reload

Gyanendra Kumar Knojiya — Thu, 02 Dec 2021 00:00:00 +0000

GoLang — Introduction | Create REST API with Auto Reload

Go is a High-Level, Strong ( you can not change variables type ) and Statically (All variables should be declared at compile time ) typed, complied programing language created by Google.

Key Features

Simplicity — Go have only very useful and necessary features.
Fast Compile — Go have very little compile time.
Garbage Collection — Garbage collection is a type of memory management that is automated.
Built-In-Concurrency — The capacity for functions to operate independently of one another.
Compiled into standalone binaries

Gin — Web Development Framework

Gin allows you to create Go web apps and microservices. It includes a set of frequently used capabilities (e.g., routing, middleware support, rendering, etc.)

In this article, I am going to create a simple GO server using Gin that will allow you to perform CRUD (Create, Read, Update, Delete) operations. I will also implement auto-reload so you do not need to restart the server again and again after making some changes.

Create a server using Gin

Steps are included in this process-

Create a GO project.
Install and import Gin in the project.
Add AIR config for auto-reload.
Add get, post, put, and update APIs.
Validate responses using postman.

So, we are going to start with the very first step-

Create a GO project

First, we need to initialize GO in the project.

go mod init gin-example-project

It will create a go.mod file in the root folder of ours project.

Now, we can create main.go file to start writing code.

To test everything working, paste hello word program in main.go file and run it.

package main
import "fmt"

func main() {
    fmt.Println("Hello, World!")
}

To run this code, simply command-

go run main.go

_// expected output: Hello, World!_

Install and Import Gin in Project

To install Gin, Go v1.13+ is required. To install gin, run-

go get -u github.com/gin-gonic/gin

After installing, you can import gin in your main.go file.

import "github.com/gin-gonic/gin"

We also need net/http to send status.

import "net/http"

Add AIR config for auto reload

Create a .air.conf file in the root folder of the project and add this config in that file.

import _ "github.com/joho/godotenv/autoload"
root = "."
tmp_dir = "tmp"

[build]
_# Just plain old shell command. You could use `make` as well._
cmd = "go build -o ./tmp/main ."
_# Binary file yields from `cmd`._
bin = "tmp/main"
_# Customize binary._
full_bin = "APP_ENV=dev APP_USER=air ./tmp/main"
_# Watch these filename extensions._
include_ext = ["go", "tpl", "tmpl", "html"]
_# Ignore these filename extensions or directories._
exclude_dir = ["assets", "tmp", "vendor", "frontend/node_modules"]
_# Watch these directories if you specified._
include_dir = []
_# Exclude files._
exclude_file = []
_# It's not necessary to trigger build each time file changes if it's too frequent._
delay = 1000 _# ms_
_# Stop to run old binary when build errors occur._
stop_on_error = true
_# This log file places in your tmp\_dir._
log = "air_errors.log"

[log]
_# Show log time_
time = false

[color]
_# Customize each part's color. If no color found, use the raw app log._
main = "magenta"
watcher = "cyan"
build = "yellow"
runner = "green"

[misc]
_# Delete tmp directory on exit_
clean_on_exit = true

Now, you have to run your project using AIR. So you need to command-

air run main.go

Add GET, POST, PUT, and UPDATE APIs

I have added some sample data for this. You can copy it from here https://github.com/gyanendraknojiya/GO-Gin-REST-API#get-all-users

Create a main function in main.go file, and run your server a port 8080 (Port can be any).

func main(){
    router := gin.Default()
    router.Run("localhost:8080")
}

Now you can see the server running. We need to create user json.

type user struct {
    ID string `json:"id"`
    Name string `json:"name"`
    UserName string `json:"userName"`
    Email string `json:"email"`
    Phone string `json:"phone"`
    Website string `json:"website"`
}

var users = []user{
    {
        ID: "1",
        Name: "Leanne Graham",
        UserName: "Bret",
        Email: "Sincere@april.biz",
        Phone: "1-770-736-8031 x56442",
        Website: "hildegard.org",
    },
    {
        ID: "2",
        Name: "Ervin Howell",
        UserName: "Antonette",
        Email: "Shanna@melissa.tv",
        Phone: "010-692-6593 x09125",
        Website: "anastasia.net",
    },
}

Add all APIs in main function-

func main() {
    router := gin.Default()

    router.GET("/", getAllUsers)
    router.GET("/user/:id", getUserById)
    router.POST("/addUser", addUser)
    router.PUT("/updateUser", updateUser)
    router.DELETE("/deleteUser", deleteUser)

    router.Run("localhost:8080")
}

getAllUsers

func getAllUsers(c *gin.Context) {
    c.IndentedJSON(http.StatusOK, users)
}

getUserById

func getUserById(c *gin.Context) {
    ID := c.Param("id")
    for _, i := range users {
        if i.ID == ID {
            c.IndentedJSON(http.StatusOK, i)
            return
        }
    }
    c.IndentedJSON(http.StatusNotFound, gin.H{"message": "user not found!"})
}

addUser

func addUser(c *gin.Context) {
    var newUser user

    if err := c.BindJSON(&newUser); err != nil {
        fmt.Println(err)
        return
    }

    users = append(users, newUser)
    c.IndentedJSON(http.StatusOK, users)
}

updateUser

func updateUser(c *gin.Context) {
    var updateUser user

    if err := c.BindJSON(&updateUser); err != nil {
        fmt.Println(err)
        return
    }
    if updateUser.ID == "" {
        c.IndentedJSON(400, gin.H{"message": "id is missing!"})
        return
    }

    for i, user := range users {
        if user.ID == updateUser.ID {

            if updateUser.Name != "" {
                user.Name = updateUser.Name
            }
            if updateUser.Email != "" {
                user.Email = updateUser.Email
            }
            if updateUser.Phone != "" {
                user.Phone = updateUser.Phone
            }
            if updateUser.Website != "" {
                user.Website = updateUser.Website
            }
            users[i] = user
            c.IndentedJSON(http.StatusOK, users)
            return
        }
    }
    c.IndentedJSON(400, gin.H{"message": "id is not found!"})
}

deleteUser

func RemoveIndex(s []user, index int) []user {
    return append(s[:index], s[index+1:]...)
}

func deleteUser(c *gin.Context) {
    var deleteUser user

    if err := c.BindJSON(&deleteUser); err != nil {
        fmt.Println(err)
        return
    }
    if deleteUser.ID == "" {
        c.IndentedJSON(400, gin.H{"message": "id is missing!"})
        return
    }

    for i, user := range users {
        if user.ID == deleteUser.ID {
            users = RemoveIndex(users, i)
            c.IndentedJSON(http.StatusOK, users)
            return
        }
    }
    c.IndentedJSON(400, gin.H{"message": "id is not found!"})
}

That’s all. We can now utilize these APIs to get, add, update, and remove data from the server.

Source code: https://github.com/gyanendraknojiya/GO-Gin-REST-API

Buy me a coffee here https://www.buymeacoffee.com/gyanknojiya

If you have any queries, feel free to contact me here

Originally published at https://codingcafe.co.in on December 2, 2021.

Higher-Order Functions, Callback Function, and Closures in JavaScript

Gyanendra Kumar Knojiya — Sat, 20 Nov 2021 00:00:00 +0000

We’ll look at the HOF (Higher-order function), Callbacks, and the wacky JavaScript Closures in this post, which have all made us pull our hair out at some point throughout our learning path.

1. Higher-Order Functions(HOF)

Functions can be assigned to variables in Javascript in the same manner that strings, numbers, booleans, and arrays can. They can be supplied as arguments to other functions or returned from them.

A function that accepts functions as parameters and/or returns a function is referred to as a “higher-order function.”

For example

const isEven = (x) => x > 0 && x % 2 === 0

const logger = (Fn, Num) => {
  const isEven = Fn(Num)
  console.log(isEven)
}

logger(isEven, 6)

Because it accepts the isEven function as an input, “logger” is the Higher-Order Function in the preceding excerpt.

Some JavaScript methods like map, filter, reduce, etc are higher-order functions.

2. Callback Function

A callback is a function that is supplied as an input to another function and then runs later. isEven is the callback function in the last code snippet.

A callback is a function that is sent to another function as an argument.

After another function has been completed, a callback function can be called.

For example

const logger = (output) => console.log(output)

const add = (x, y, callback) => {
  const z = x + y
  logger(z)
}

add(51, 96, logger)

In this code snippet, the logger is a callback function that is passed to add function as an argument and called after adding two numbers to display the result.

Async JavaScript can be handled via callback functions.

3. Closures

Variables in JavaScript can be in the local or global scope. Closures can be used to make global variables local (private).

A closure is a function that continues to have access to the outer variables after the outer function has been returned.

let countryCode = '+1'

function getPhoneNumber() {
  let phone = '2354687262'
  function encryptedPhone() {
    _// A closure function_
    let encryptedNumber = phone * 5
    return countryCode + encryptedNumber
  }

  return encryptedPhone
}
getPhoneNumber()() _// +111773436310_

The closure function encrypted phone in the following code snippet has access to the outer variables (countryCode and phone).

Because of Lexical Scoping, closures are possible in JS. If a variable is not discovered in the local scope, it is searched in the outer scope, and so on until it reaches the global scope.

Note: Except for functions created using the “new Function” syntax, every function in JavaScript is a closure.

Thanks for reading this article.

Buy me a coffee here https://www.buymeacoffee.com/gyanknojiya

If you have any queries, feel free to contact me here

Originally published at https://codingcafe.co.in on November 20, 2021.

JavaScript — All About Local Storage, Session Storage, and Cookies

Gyanendra Kumar Knojiya — Thu, 18 Nov 2021 00:00:00 +0000

JavaScript — All About Local Storage, Session Storage, and Cookies

What are the advantages and disadvantages of localStorage, sessionStorage, session, and cookies from a technological standpoint, and when should we utilize one over the other?

On the client-side, today’s Web applications process massive volumes of data. They may even need to be able to work without internet access. These requirements help to explain why client-side data storage is so important for next-generation Web-based applications.

https://codingcafe.co.in/post/javascript-all-about-local-storage-session-storage-and-cookies/

What is Client-side storage?

Client-side storage, as the name implies, allows the user to store data on the client (i.e. the user’s browser). And Server-side storage, on the other hand, keeps data on the server (i.e. an external database).

The image is taken from Wikimedia

Nowadays, Pages are dynamically loaded in many browsers. This means they retrieve data from the server and render it in the browser using server-side storage. Client-side storage can, nevertheless, be advantageous in some circumstances.

When does it come in handy?

The following use scenarios may benefit from client-side storage:

Data may be accessed quickly and without the need for a network.
User preferences can be saved (i.e. font size, theme, etc.)
Save the previous activity’s session (i.e. auth token, user details, shopping cart, etc.)

Client-Side Storage Types

Here are types of client-side storage-

Cookies
Local Storage
Session Storage
Indexed DB

1. What is the localStorage?

localStorage is a feature that allows JavaScript sites and applications to save key-value pairs in a web browser without having to worry about them expiring. This indicates that the data stored in the browser will survive the closing of the browser window.

Where we find this stored data

Web storage data is saved in an SQLite file in a subdirectory in the user’s profile in Google Chrome. On Windows PCs, the subdirectory is stored at \AppData\Local\Google\Chrome\User Data\Default\Local Storage whereas, on macOS, it is found at ~/Library/Application Support/Google/Chrome/Default/Local Storage.

Methods for adding and removing data from Local Storage

There are five different ways to use localStorage in your web applications:

localStorage.setItem('Key', 'value')
localStorage.getItem('Key')
localStorage.removeItem('Key')
localStorage.clear() _// Clear all localStorage_
localStorage.key() _// Pass a number to retrieve the key of a localStorage_
Object.keys(localStorage); find all keys

2. What is Session Storage?

The Session Storage saves data in the form of Keys and Values for a single session. When the browser is closed, the data stored in Session Storage will be removed.

Methods for adding and removing data from session storage

sessionStorage.setItem('Key', 'Value') _// Save data to sessionStorage_
sessionStorage.getItem('Key') _// Get saved data from sessionStorage_
sessionStorage.removeItem('Key') _// Remove saved data from sessionStorage_
sessionStorage.clear() _// Remove all saved data from sessionStorage_

Local Storage vs Session Storage

The expiration date is the difference between Local Storage and Session Storage-

localStorage data will survive until

Deleted by function (clear or remove).
The browser data is cleared by the user.

If the user is using incognito or private browsing, Local Storage data will be lost.

When a tab or browser is closed, the session storage is removed.

3. Cookies

Image Source Unsplash

A cookie is a term that most people are familiar with. They’re the most common sort of client-side storage, and they’ve been there since the dawn of the internet.

The server sends cookies to the client, which are subsequently stored on the client. When the client makes another request to the server, the saved cookie can be retrieved and delivered back to the server. Cookies are commonly used to track user statistics, manage account sessions, and save user information.

Cookies, on the other hand, are the oldest types of client-side storage, and as such, they have several security and storage constraints, making them an undesirable option for storing client-side

document.cookie = 'username=Gyanendra'
document.cookie = 'username=Gyanendra; expires=any upcoming date and time; path=/'
document.cookie = 'username=Gyanendra; expires=passed date and time; path=/;'

Written by Gyanendra Knojiya.

Buy a coffee for me here https://www.buymeacoffee.com/gyanknojiya

Originally published at https://codingcafe.co.in on November 18, 2021.

10 Awesome JavaScript One-Liners

Gyanendra Kumar Knojiya — Mon, 08 Nov 2021 19:34:38 +0000

I’d like to share some mind-blowing javascript one-liners with you today that can save you a lot of time.

Good day, everyone! Gyanendra here, 2 years of experience as a Full Stack developer. I’d like to share some mind-blowing javascript one-liners with you today.

1. Reverse a string

We can split a string. As a result, we’ll have an array. We can revert this array and join to get a string.

let str = 'codingcafe'
str = str.split('').reverse().join('')
console.log(str)

// efacgnidoc

2. Get query parameters from the URL

To obtain query parameters, we must first divide the URL at “?” and then replace “=” **with “:”** and “&” *with *“,”. As we did here-

function getQueryParams(URL) {
  console.log(decodeURI(URL.split('?')[1]))
  URL = JSON.parse(
    '{"' + decodeURI(URL.split('?')[1]).replace(/&/g, '","').replace(/=/g, '":"') + '"}'
  )
  return URL
}
getQueryParams('https://codingcafe.co.in?name=gyan&age=24')

// {name: 'gyan', age: '24'}

3. Check Odd/Even

The remainder becomes 0 when we divide an even integer by two. Otherwise, it’s an odd number.

function isEven(num) {
  return num % 2 === 0 ? true : false
}
isEven(5)

// false

4. Clipboard API

To copy a text, we can use JavaScript navigator.

const copy = (text) => navigator.clipboard.writeText('Hello world!')

To paste text:

const text = navigator.clipboard.readText()

5. Remove duplicate from an Array

We can make a set from an array to get rid of duplicates.

const removeDuplicates = (ary) => {
  return [...new Set(ary)]
}
removeDuplicates([5, 6, 1, 2, 3, 6, 3, 5, 1])

// [5, 6, 1, 2, 3]

6. Shuffle an array:

We can use array.sort() with (Math.random() — 0.5). **Math.random() — 0.5 **is a random number, which may be positive or negative.

function shuffle(array) {
  array.sort(() => Math.random() - 0.5)
}
shuffle([3, 7, 6, 5])

// [7, 5, 3, 6]

7. Check to see if the current tab is visible or focused

we can **document.hidden **to check-

const inView = () => document.hidden
inView()

// Result: returns true or false depending on if tab is focused

8. Check to see if the Element is focused

we can **document.activeElement **to check-

const inView = (el) => el === document.activeElement
inView(element)

// Result: returns true or false depending on if element is focused

9. Scroll to top

The x- and y-coordinates to scroll to will be sent to the window.scrollTo() function. We’ll scroll to the top of the page if we set these to zero and zero.

const scrollToTop = () => window.scrollTo(0, 0)

scrollToTop()

10. Scroll to the bottom

The x- and y-coordinates to scroll to will be sent to the window.scrollTo() function. We’ll scroll to the bottom of the page if we set these to zero and the height of the page.

const scrollToBottom = () => window.scrollTo(0, document.body.scrollHeight)

scrollToBottom()

Conclusion

Thanks for reading this article. I hope you like this article.
buy a coffee for me https://www.buymeacoffee.com/gyanknojiya

DEV Community: Gyanendra Kumar Knojiya

Face detection and blink counter

Youtube Channels You Should Follow as a Dev

20 famous YouTube channels you should watch in 2022

1. Traversy Media:

2. The Net Ninja:

3. Level Up Tuts:

4. Wes Bos:

5. Dev Ed:

6. Programming with Mosh:

7. TheNewBoston:

8. programming knowledge:

9. edureka!:

10. CodingCafe:

More:

Learn Web Development: https://bit.ly/3pPJg0d

Learn Node JS: https://bit.ly/3yWpDbd

Learn Python: https://bit.ly/30WE5Do

Learn Java: https://bit.ly/3t5cGuI

How can you make money online?

These methods might help you earn a good passive income.

What is the definition of passive income?

1. Affiliate marketing

2. Advertise on the back of your automobile

3. Create a blog, website, or YouTube channel

4. Household objects can be rented out

5. Sell your creations on the internet

6. Making a Software as a Service (SaaS) Product

7. Make a Real Estate investment

8. Invest in stocks that pay out dividends

Conclusion

OnePlus 10 Pro has been launched with the most powerful Snapdragon processor

The OnePlus 10 Pro is available in three RAM and storage capacities, as well as two color options.

Price of OnePlus 10 Pro:

Buy on Amazon

Specification of OnePlus 10 Pro:

Camera of OnePlus 10 Pro:

Connectivity and software of OnePlus 10 Pro:

How to Become a Backend Developer

Are you considering a career in backend development?

Select a Programming Language:

JavaScript Stack:

Node.js:

Python Stack:

C# Stack:

Java Stack:

Select a Database:

Best Books for Software Engineers

1. Building a Career in Software by Daniel Heller:

2. The Passionate Programmer by Chad Fowler:

3. You Don’t Know JS by Kyle Simpson:

4. Elements of Computing Systems by Noam Nisan, Shimon Schocken:

5. Design Patterns by Gamma Erich, Helm Richard, Johnson Ralph, Vlissides John, Grady Booch:

6. Grokking Algorithms by Aditya Bhargava:

Highest Paid Programming Languages in 2022

Programming languages that are exploding right now and in the coming years to which you should pay attention.

1. GO Lang:

2. Objective-C:

3. JavaScript:

4. Python:

5. C/C++:

18 Must-Visit Websites For Developers

DevDocs organizes API documentation into a single, searchable interface. You’ll discover documentation for a variety of programming languages and technologies all in one spot.

1. DevDocs

2. ray.so

3. Poet.so

4. roadmap.sh

5. LambdaTest

6. daily.dev

7. Showwcase

8. CSS Tricks

9. Medusa

10. smartmockups

11. Code Beautify

12. overAPI

13. Responsively

14. Color Hunt

15. Carbon

16. Profile Pic Maker

17. Small Dev Tools