DEV Community: Sleepless Yogi

How You Can Make Your First $1k Freelancing

Sleepless Yogi — Fri, 20 Jan 2023 15:44:07 +0000

You want to make money as a freelancer? At first, making money online can seem like a huge task. But it doesn't have to be. To get started and make your first $1k as a freelancer, follow these five easy steps.

Determine what type of work you want to do.

You have a lot of options when it comes to deciding what type of work you want to do. What are your interests? What do you like to do? Are there any jobs that sound like they might be fun, or at least interesting?

If you're still not sure, don't worry! There are a lot of resources out there that can help you figure out what type of work is right for you. The first step is just taking some time to think about who you are and what makes you happy, then finding ways to get involved with those things.

Read blogs and websites that pay your particular niche and be on the lookout for new opportunities.

If you're looking for a way to make extra money, you might be tempted to hop on the first gig that comes your way. But before you do that, take some time to consider your options.

If you're in a niche that pays well, then it's worth your time to do some research and find out what kind of opportunities are out there—and which ones are most likely to pay well.

Read blogs and websites that pay your particular niche and be on the lookout for new opportunities. You could also reach out to people who work at those sites, or even join a forum where others who have worked in similar fields discuss their experiences.

Take the time to create high quality, unique and interesting content that attracts clients.

Do you want to be the best?

If you want to be the best, you need to do things differently. You need to take the time to create high quality, unique and interesting content that attracts clients.

You can do this by creating a blog and writing articles that speak directly to your audience. You can also use social media platforms such as Facebook and Twitter to reach out directly to your audience.

The more time and effort you put into creating great content, the more likely it is that people will notice what you have created and come back for more!

Freelancing is a great way to earn money, but it takes work and commitment to succeed.

You must have passion for what you do and be willing to learn if you want to succeed. And you'll need an active social media presence and the ability to network and find new clients, which can be challenging when you're just starting out. All of this is easier said than done, but freelancing opportunities are out there if you want them.

Freelancing is a great, flexible way to earn money on the side, but it takes a lot of hard work, dedication, and smart marketing to make it successful. These tips should help you find success as a freelancer and take your business to new levels. Good luck!

7 Things You Should Know About ReactJS Before You Use It

Sleepless Yogi — Wed, 11 Jan 2023 07:11:16 +0000

ReactJS is a JavaScript library for building user interfaces. It lets you create reusable components so that your code is easy to read and maintain.

React is popular among developers because it speeds up development time and produces high-quality applications.

In this blog post, we'll take a closer look at ReactJS and some of its key features.

Why should you use React?

React is simple to learn
React is efficient
React is fast
React is scalable
React is compatible with other libraries
You can use React in your own

What is JSX in ReactJS

JSX is an XML-like syntax extension to ECMAScript without any defined semantics. It's NOT intended to be used as a general purpose programming language like JavaScript. Instead, it's designed to be used with a special purpose programming environment like ReactJS.

When used with React, JSX produces React "elements". For example, the following JSX code:


<h1>Hello, world!</h1>

Itproduces the following React element:


React.createElement("h1", null, "Hello, world!")

JSX is a syntax extension to JavaScript. It was created to make it easier to write and maintain large React applications.

JSX code looks like HTML, but there are some important differences. For one, you can't use regular HTML tags inside of a JSX code block. Instead, you have to use React's special HTML-like tags, which are called "React elements."

React elements are just like HTML elements, but they have one extra ability: they can be rendered by React. This means that you can use React elements to create interface components that look like HTML, but

What is Virtual DOM in ReactJS

Virtual DOM is a JavaScript library that is used for creating user interfaces and websites. It is used by ReactJS, which is a popular framework for creating user interfaces.

Virtual DOM is a tool that helps to create reactive user interfaces. It does this by creating a virtual representation of the UI, which is then used to update the UI without having to refresh the page. This makes it a very efficient way of creating user interfaces.

ReactJS is a popular framework for creating user interfaces because it uses Virtual DOM. Virtual DOM makes ReactJS very fast and efficient.

The Virtual DOM is a representation of the actual DOM. It is an abstract tree of nodes that represents the structure of the document. React uses this tree to figure out which parts of the DOM need to be updated when the state changes.

React creates a virtual DOM, diffs it with the current DOM, and then applies the changes to the actual DOM. This process is called reconciliation.

What are ReactJS Hooks

ReactJS Hooks are a way to use state and other React features without writing a class. They were introduced in React 16.8.0, and since then they've been gaining more and more popularity.

There are two main reasons why ReactJS Hooks are so popular:

They make it easier to share stateful logic between components
They make your code more readable

If you're not familiar with ReactJS Hooks yet, I recommend checking out the official docs.

ReactJS Hooks are a new feature in React 16.8 that lets you use state and other React features without writing a class. They’re currently available in the beta version of React, and will be available in the stable version soon.

Hooks are a way to reuse code between different components. Hooks let you use state and other React features inside functional components. Before Hooks, if you wanted to use state or lifecycle methods, you had to write a class component.

Classes can be hard to understand, and they make code look a lot more verbose. Hook

How do state and props work in ReactJS

In ReactJS, state and props are two of the most important concepts. State is the data that your component will use, and props are the ways in which you can pass data to your component.

State is mutable, which means that it can change over time. Props, on the other hand, are immutable, which means that they can't be changed once they've been set.

In order to understand how state and props work, you need to understand the difference between them. State is the data that your component will use, and props are the ways in which you can pass data

In ReactJS, state and props are two ways that components can interact with each other. Props are passed down from parent components to child components, and state is managed within the component itself.

State is used to store data that is specific to a component, and can be changed by the component itself. Props are used to pass data down from parent components to child components, and cannot be changed by the child component.

In order for a component to access state or props, it must first import them from the React library. Once they have been imported, they can be accessed using the this

Conclusion

ReactJS is a powerful JavaScript library for building user interfaces. It is quickly becoming the go-to library for web development. If you want to stay ahead of the curve, you need to learn ReactJS. This article provides seven things you should know about ReactJS. After reading this article, you will be able to start using ReactJS in your own projects.

ReactJS is one of the most popular frameworks for building user interfaces. This article provides an introduction to ReactJS and explains seven things you should know about it. If you want to become a ReactJS expert, this is a great place to start.

LeetCode Problem 80. Remove Duplicates from Sorted Array II

Sleepless Yogi — Tue, 03 Jan 2023 03:55:00 +0000

Problem

Given a sorted array nums, remove the duplicates in-place such that duplicates appeared at most twice and return the new length.

Do not allocate extra space for another array, you must do this by modifying the input array in-place with O(1) extra memory.


Example 1:

Given nums = [1,1,1,2,2,3],

Your function should return length = 5, with the first five elements of nums being 1, 1, 2, 2 and 3 respectively.

It doesn't matter what you leave beyond the returned length.


Example 2:

Given nums = [0,0,1,1,1,1,2,3,3],

Your function should return length = 7, with the first seven elements of nums being modified to 0, 0, 1, 1, 2, 3 and 3 respectively.

It doesnt matter what values are set beyond the returned length.

Note that the input array is passed in by reference, which means modification to the input array will be known to the caller as well.

Solution


var removeDuplicates = function(nums) {
    if(nums.length < 2) {
       return nums.length
    }

    let i = 0
    let j = 0

    for(let k = 1; k < nums.length; k++) {

        // invalid - we already found 2 instances
        if(i !== j && nums[k] === nums[j]) {
           continue
        }


        // apply to i - first instance
        if(nums[i] !== nums[k]) {
            i = j+1
            nums[i] = nums[k]
            j = i

            continue
        }


        // apply to j - second instance
        if(nums[j] === nums[k]) {
            j = j+1
            nums[j] = nums[k]
        }

    }

    return j+1
};

Explanation

You have to return length of the new array. But, because the array itself is passed by reference the caller knows the new values.

Because we have to sort the array - time complexity would at least be O(n)

We can maintain three pointers

i -> pointing to the first instance of the unique element
j -> pointing to the second instance of the unique element
k -> pointing to the current element being inspected

And finally return j+1

Relation between i and j is that they will either be equal or j will be 1 place ahead of i
This constraint will help us make sure that there are at most 2 instances of the given element

As soon as k finds the third instance - we will simply continue without doing anything
Something like this:



if(i !== j && nums[k] === nums[j]) {
    continue
}

Sample test cases


[]
-> []

[1]
-> [1]

[1,1,2,2]
-> [1,1,2,2]

[1,1,1,2,2,3]
-> [1,1,2,2,3]

[1,1,1,2,2,2,2,2,2,2,2,2,2,3]
-> [1,1,2,2,3]

Highlights

Runtime: 88 ms, faster than 68.14% of JavaScript online submissions for Remove Duplicates from Sorted Array II.

Memory Usage: 38.6 MB, less than 64.88% of JavaScript online submissions for Remove Duplicates from Sorted Array II.

Disclaimer

This may not be the optimal solution. And that's okay. The purpose here is to practice problem solving and have fun with algorithms. I am constantly learning new optimized solutions for these problems.

Please comment below if you have a better solution. Let's learn algorithms and data structures together.

Crunch The Numbers – What You Can Do To Land A High Paying Remote Job

Sleepless Yogi — Wed, 28 Dec 2022 07:23:16 +0000

Before we explore the numbers, I want you to know that landing a high paying remote job requires determination and perseverance. There's no way around it. Not everyone who wants a high paying remote job will land one. But what I also know is that

You can increase your chances of getting hired by a 100X if you're willing to put in the work.

One of the biggest hurdles I see in job-seekers (particularly with those who fall into the “I want a job where I can work from home” camp) is knowing what you can do to be more attractive to prospective employers. When it comes to evaluating your value, there are two things that come to mind: How much do you know about how to do your job, and what do you bring to the table in terms of intangible benefits?

This is what I know about landing high paying remote jobs 👇

📌 Finding what role to target

First things first: you need to figure out what role you want to target. Remote jobs can be anything from customer service to graphic design, so take some time to look at the options available and decide what kind of job is right for you. Once you know what role you want, start searching! The best way to find high-paying remote jobs is through job boards like Indeed and Glassdoor.

Questions I asked myself:

What skills do I have?
What do I have experience doing?
What story can I tell about my past work?
What companies will that story resonate with?
What technical tests can I actually succeed at?

📌 Applying to hundreds of roles

It's not easy to land a high-paying remote job. But it's also not impossible! Here's what I know:

To find the right role, you need to apply for as many jobs as possible. If you're looking for a specific role, like customer service or data entry, do some research and make sure the company is hiring in that area. You can also try posting your resume on job boards like Indeed or LinkedIn.

Once you've found a few companies that are hiring, reach out via phone or email—and don't forget to mention how much you love working remotely! You might be able to get an insider tip or two about the company culture, which will help you decide whether it's worth applying for the position.

I applied to a very broad range of roles:

Different titles
Different seniorities
Different company sizes
Different locations (few job boards had "remote" as an option back then)

📌 Learning from feedback

Learning from feedback is a crucial skill for anyone, but it's especially important in the remote world.

Remote working isn't a one-size-fits-all situation. There are so many different factors to consider when you're working remotely: the type of work that you do, who you work with, how much time you spend collaborating with others, and how much autonomy you have over your workflow.

But there are also some general guidelines to follow if you want to land a high-paying remote job. We've been talking about these tips for years now, and we're excited to share them with all of our readers!

Goes without saying. But this is the usual breakdown:

80%+ of companies don't ever reply.
10% or so reject in written format.

From these, I learned that either I shouldn't apply to such companies/roles or that I should position differently!

📌 Learning from interviews

The best way to learn how to land a remote job is by talking to people who've done it. That's why we've collected interviews with some of our favorite remote workers and included them in this post.

In these interviews, you'll learn about:

What types of jobs are available in remote work?
What are the most common challenges faced by remote workers?
What kind of companies hire remote workers?
How can you prepare for your first interview?

📌 Optimising for the highest possible offer

This is the most important thing you can do to land a high-paying remote job. Remote employers are looking for people who are willing to go above and beyond. The most obvious way you can do this is by doing your research. Know what type of companies you want to work for, what they’re looking for in their employees, and which skills they will expect you to have. This will help you stand out from other applicants and show that you’re serious about getting the job.

As soon as it became clear to me that I could get offers, I wanted to have several on the table at the same time.

Only that way I could:

Chose the one I liked the most
Make sure it was fully remote
Negotiate the salary up

📌 Choosing the "best" offer

The first thing you need to know is that there's no such thing as a "best" offer.

I know, I know—it sounds like you should just pick the highest paying remote job and be done with it. But what if it sounds like a great opportunity but your gut is telling you not to go? Or what if it feels like the money and benefits are too good to be true?

The truth is, you can't base your decision on how much money they're offering you because there are other factors that will make or break your experience. For example:

What kind of support will they give you? Will they provide training, or will they expect you to learn everything on your own? What kind of culture do they have? Are their employees happy? Do they treat each other well? How many employees work in the company? Is there room for growth within the company itself (which means more opportunities for raises and promotions)?

I got a total of 7 offers on the table.

4 offers I dismissed immediately because either salary was below $100k or weren't fully remote
3 offers were "on target": Fully remote and paid above $100k/year. All well funded US-based startups.

Conclusion

In the end, it's about finding a remote job that is right for you. So take these tips and use them to your advantage. There are plenty of remote jobs out there so go out and get one that you love!

How do I deploy my website for free?

Sleepless Yogi — Tue, 20 Dec 2022 07:35:17 +0000

You've just finished creating your website, and now you're ready to share it with the world. But before you do, there are some things you need to know.

As anyone in the web design business knows,

the hardest part about building a website isn't the coding — it's the deployment!

You have to make sure that there is no broken code, that all of your links work correctly, and most importantly, you have to find a free hosting account!

In this guide, I'll show you how to deploy your website for free. You will learn how to publish your website on various platforms in a few simple steps from the comfort of your computer. There are many benefits to deploying your website yourself, one of which is cost savings. This method is not only free but provides you with full control over how and where your website is hosted.

Hosting it on your own server.

First, let's get some things straight: there are two ways to publish your website: by hosting it on your own server and by using a platform like WordPress or Blogger.

Hosting means that you have an actual physical server (which can be expensive), while platforms like WordPress or Blogger require that you pay for their services (which can also be expensive).

So, which way should you go?

If you're looking for something simple, hosting may be best for you.

Hosting will give you more control over how your site looks and feels, but it also means that you'll need to do all of the work yourself when it comes to content management systems (CMSs), security threats, etc.

Hosted sites can also be slower than platforms because they tend not to offer as much bandwidth and processing power for their users—if this is important to you then hosted may not be the right option.

Host your website on GitHub or Netlify.

All you need to do is create a repository on GitHub. Create a branch on GitHub called G H pages, put all your code on that branch, and follow the instructions.

After you create your branch called a G H page, those are the called Kita pages. You want to push your code to your repository, to the GH pages branch, and that's it.

So your website is now online, essentially. So if you have your index page in the root folder of your repository on that brand, you and that index page, meaning index HTML, which has all the contained of your website. It could just have a div, and it could just say hello, world.

That could be your website for now, too, just to get started and testing. After you've pushed that index file to the GitHub repository, all you need to do is go to github.io and put your username at the start of your website.

So it can be your username dot GitHub dot. And that should take you to whatever you have pushed in that index. HTML. Once you have the index.HTML you have built on top of it, you can simply add other pages like the about me homepage, contact me, testimonials, anything your projects, anything you want, you can.

Upload your media on GitHub. I would suggest using a CDN-like content delivery network, essentially, where you can upload your videos and images and then serve those media files through a CDN server instead of hosting it yourself. That has many benefits using CDN.

Netlify is one of my favorite tools. You can create an account for yourself, and there is an option to drop your website files. If you create an index relay stream and drop that integral HTML on Netlify in that toolbox, it will host it.

It will also give you an online URL. So basically, you can share that URL with your friends and family, and they can see what you've written on that index HTML, and that's it. Once you have your index, you need to build on top of that.

Using a web-based IDE such as CodePen

Many online apps allow you to add HTML, CSS, and JavaScript and then show the finished product as a website — all in the same browser tab.
These apps simulate a website building environment.

In general, these tools are simple, excellent for learning, wonderful for sharing code (for instance, if you want to share a technique with or request debugging assistance from coworkers in a separate office), and free (for basic features).

Your rendered page is hosted there at a special web address. However, these apps typically don't offer hosting space for assets, and the functionalities are limited (like images).

Try playing with some of these examples to find out which one works best for you:

JSFiddle
Glitch
JS Bin
CodePen

To sum it up

As a whole, there are many hosting providers who either offer free hosting (or a very low cost) to encourage new users to try out their platform. The best thing to do is use an independent review service to find the cheapest and best options for your organization.

Coding Bits: Applying programming knowledge X Algorithms and data structures for web dev

Sleepless Yogi — Tue, 13 Dec 2022 12:44:58 +0000

Applying Programming Knowledge

Another most frequently asked question that I always get is how do I actually apply the knowledge. So basically when I'm trying to learn a new language, a new concept in a language, how do I actually apply that knowledge? The simple answer to this question is essentially you need to practice as much as possible.

So the first step you should take is to start small.

Don't try to learn all of the together. Start small, take bite-sized lessons, learn them and try to play around with whatever you're learning.

So for example, if you are learning JavaScript arrays - build a project, build a small project which deals with lists, list of students, list of planes our list of schools, employees, anything, and just play around with the with the array functions like map, filter, and reduce.

And see what you get after using those method, how do you use them? What is the output, what are the pros and cons of each function? How does, how does each array method actually modify the array and how you can use it in your application?

Learn Web Development - FREE Training

Algorithms and Data Structures for web developers

Should a web developer study algorithms and data structures?

Well, if you ask me, I believe every web developer or for that matter every program, or should have at least a basic understanding of algorithms and data structures.

This is because when you study algorithms on data structures and when you do some competitive programming and stuff like that, you, that basically develops logical thinking in you.

You start to develop that knack of breaking down bigger problems into smaller problems and then solving each small problem problem. It just becomes easier to solve small problems and combine the solutions to come up with a solution for your problem that you started with - the big problem.

And if you're a web developer and if you're developing an application. And if your app has data - then more often than not, you are going to use some data structures. And when you, when you are using data structures, you need basic knowledge of algorithms to actually use those data structure in a more optimized way.

Check out these 7 HTML Tips and Tricks

Follow me on Twitter for more secrets and helpful tips for programmers.

Coding habits you need to stop right now

Sleepless Yogi — Mon, 05 Dec 2022 06:49:40 +0000

How often do you find yourself coding the same thing over and over again. Or hit your finger against the monitor because you've made the same silly syntax or logic error every time?

I was a junior Web Developer in 2016.

3 years later:

I found my dream job
Senior Web Dev
$250K+ salary
Make money online using programming skills

Coding habits are formed over years.

If you've been doing it for a while, there are probably certain things you do without thinking which might be bad habits.

This blog aims to help you fix these habits so you stop breaking the promises of your team mates and deliver better code!

Working on your own all the time

It is important for you to share your progress and ideas with the team. Building something the right way isn’t always possible, so constant communication is very important.

Working alone can make you feel like you're getting more done, but in reality, you're missing out on important feedback and collaboration that can help you take your work to the next level.

Having excessive confidence in your own code

Do you ever feel like you can't really trust anyone else's code? That it's always better if you do it yourself, because no one else is as smart as you are?

The truth is that this kind of attitude can be dangerous—it's what leads to having a lot of bugs and security issues in your system. The best thing to do is get help from other people and build relationships with them so they can give you feedback on how your code works, and how it could be improved. This will help you grow as a programmer and improve the quality of your work.

Refusing to write bad code

There are times when developers will write horrible code because of deadlines. It is therefore important for a programmer to be versatile and that he or she can write good and poor code at the same time. In this way, you can revisit and eliminate your technical debt.

Writing bad code is not always a bad thing—it can actually be a great way to learn from your mistakes and improve.

The problem comes when you refuse to write bad code because you're afraid of what other people will think about your abilities. It's important to remember that it takes time to become good at something, and having someone say "wow" when they see your work doesn't necessarily mean anything about your actual skill level. So don't let fear of being judged stop you from doing what needs done!

Blaming others

Arrogance is a common trait among technical professionals such as developers. Being able to admit your mistakes makes you stand out. Do not shy away from apologizing when you make mistakes.

Blaming others for your own mistakes is a bad habit that will make you look untrustworthy and unprofessional.

The best coders know that there's no such thing as a "computer error"; there are only human errors. So if something goes wrong with the code you're working on, don't blame it on your computer or the programmers who wrote it.

Instead, take responsibility for what happened and figure out how to prevent it in the future.

Overvaluing your personal style

Ensure that your working style and environment setup are coordinated with your team. Each member of your team should follow the same coding style and work under similar conditions.

I know, I know—you want to be different from the rest of the pack. You want to stand out with your unique coding habits and techniques. But here's the thing: it's not going to get you anywhere. As a developer, you should focus on writing code that works and is readable by other people, not just yourself.

Think of it this way: if everyone wrote code like you do, we'd have an awful lot of bugs in our software! And nobody wants that.

Being too slow on giving feedback to managers/clients

When you're working on a project, you need to be able to give your clients or managers feedback quickly—otherwise, how will they know what's going wrong?

But if you always wait until the end of the day or week before giving them this feedback, it can be hard for them to adjust their schedule accordingly. Instead, try giving them regular updates throughout the week and set up regular meetings where you can discuss any issues that arise during development.

Giving up as soon as something goes wrong.

Should you give up so quickly? Despite getting so close to a solution, too many programmers give up before they arrive at a solution.

This is the worst habit of all, because it's a way of telling yourself that you don't have what it takes to succeed in this field—and that's not true!

You'll run into roadblocks and challenges, but the only way to get better at programming is by working through them, not by giving up and going home because there was one problem you couldn't solve on your own.

To sum it up

I think the most important thing to take away from this article is to listen to your body and not push yourself too far. Take breaks, get some sleep, stretch, etc. We spend so much time at a keyboard or mouse that we sometimes don't remember how taxing it can be on our bodies. It's easy to forget when you're so immersed in a project, but the more you can moderate the way you work, the better off you'll be in the long run.

If you want to be successful at programming, you need good habits. Good habits will give you good foundations and allow you to focus on bigger things. The tips above should help you start a great life with programming!

I love jotting down my thoughts on my blog Sleepless Yogi.

Follow me on Twitter [@sleeplessyogi]

Contributing to open source can open doors to your future programming job

Sleepless Yogi — Thu, 24 Nov 2022 07:12:58 +0000

Contributing to open source can be a great way to get your foot in the door for an internship or job at a big company.

Contributing to open source is something that many people do when they're trying to get into the field of software development.

It shows you are passionate about the field and want to give back to the community, and it's a great way to show off your skills in a real-world setting.

If you're looking for work as a software engineer, make sure that you include your contributions in your portfolio. If you include some of your best projects in detail and provide links so potential employers can see what you've done, it will help them understand how much experience you have with different types of technologies. It also demonstrates that you're capable of working on teams and making use of feedback from others while still completing tasks successfully and on time.

1. Choose a project

It's a good idea to select one that you use yourself and wants to see something improved
Make sure it uses technology you understand and can build on
Make sure it has active maintainers & a healthy community

2. Decide on a bug or a feature

The next step is to decide what you want to improve

Fixing a spelling mistake in a repository is ok to get started, but not enough to impress a job interviewer. Find an interesting problem that also impacts a lot of the project users

3. Understand the project code flow

It's important to understand the project code, at least the part you will be making an impact in Clone the project, use debuggers, and understand how the data is flowing and what different functions/classes are doing

4. Code a prototype

Now that you understand the code, you are ready to start coding the problem you want to solve. Write simple, short code as a proof of concept that what you are thinking works and wire everything up

5. Code with proper conventions

Now follow proper project & language guidelines and convert your prototype code into quality code. Make sure you read the contributions guide if present in the project readme

6. Create a PR & address feedback

The next step is to create a PR and wait for feedback from the project maintainers
If you receive any feedback, make sure to address it and communicate well with the reviewers. Wait for the approval & finally merge it in!

Conclusion

Open source is definitely among the greatest values of the IT world. With numerous software applications out there, open-source software should definitely be included in your shortlist of valuable software that you should use. Nowadays, a lot of tech jobs and IT companies offer an opportunity to work with open source or contribute to it in their job descriptions.

Instead of using paid resources and applications, we should look for alternative ways like trying out new open-source software, contributing to its development without forgetting our full-time job, and so on.

8 Free Sites to Master Frontend Development

Sleepless Yogi — Tue, 15 Nov 2022 15:06:15 +0000

When you're learning to master frontend development, you might feel like you're in a vacuum. It's easy to feel isolated, especially when you're just starting out.

Frontend development is a knowledge that you build your sites around, from the foundation to the final product.

If you are looking for free resources to master this skill, I have got you covered. There are so many free websites that can help you strengthen your frontend skills in no time. It doesn't matter if you're a backend developer. You'll surely find something useful here whether you want to start learning or improve your existing skills.

In this article, I'll talk about some of the best free sites on the internet that teach frontend development—even if they don't necessarily advertise themselves as teaching it.

Free Sites to Master Frontend Development

1. Scrimba

Scrimba is a fun and fast way of learning to code!

Scrimba is an online video platform for coding courses that has gained over 120K monthly active users in the last year. The interactive screencasts make it easier for students to understand the material, and more accessible for teachers to create.

Their platform is a highly effective resource for learning frontend development.

Learning HTML, CSS, JavaScript, and React are all available on the free tier 🔥

2. FreeCodeCamp

Over 9,000+ tutorials and tons of challenges to complete along the way to test what you've learned.

FreeCodeCamp is a non-profit organization that seeks to make web development accessible to everyone. Its interactive learning platform includes tutorials on HTML, CSS, and JavaScript, as well as project assignments that students complete either alone or in pairs. Upon completing all the project tasks, students are partnered with other nonprofits to build web applications, giving them practical development experience.

Anything and everything web development. Whatever skills or technology you’re looking to build, there’s sure to be a tutorial.

3. W3Schools

Arguably the largest web development site on the internet.

3 billion pages displayed each year.
60 million visitors each month.

Their library for learning HTML, CSS, & JavaScript is simple, comprehensive, and effective.

Learning web development should be easy to understand and available for everyone, everywhere!

4. JavaScript.info

This tutorial covers everything you need to know to get started with JavaScript. It includes the basics and goes into depth with advanced topics.

This is a great resource for mastering JavaScript.

The main course contains two parts. The first part is focused on JavaScript as a programming language and the second part covers how to work with a browser. There are also additional series of thematic articles.

5. Frontend Mentor

Work on real-world HTML, CSS and JavaScript challenges whilst building projects. Join 468,166 other developers who are solving challenges and getting better at coding.

FEM provide the style guide, static assets & everything else needed to focus on building🙌

6. MDN Docs

MDN Web Docs provides a comprehensive source of documentation for the web. It covers both HTML, CSS and APIs for Web sites and progressive web apps.

MDN's goal is to provide developers and content creators with a blueprint for making the internet a better place.

7. YouTube

Whether you’re a beginner or seasoned dev, these are some of the top channels for Frontend Development.

Traversy Media, FreeCodeCamp, Programming With Mosh, Web Dev Simplified, The Net Ninja, Developed By Ed, plus many more.

8. Odin Project

A free full stack curriculum supported by a passionate open source community.

Odin Project is absolutely amazing 🔥

They combine teaching concepts & project implementation very well.

I wish I'd known about OP when I was learning.

To sum it up

In the end, there are plenty of free educational resources available on the web. You just need to know where to look. Before you dive right in and start learning, do some research and consider the methodologies that you want to use.

A mix of free content at different skill levels will work best, but be sure to branch out once in a while. No matter how good you get, never stop learning—the same philosophy applies to programming as it does any other craft.

Top Skills That Will Get You Hired in 2022

Sleepless Yogi — Wed, 09 Nov 2022 09:13:49 +0000

It seems that employers are becoming pickier with every passing year, to the point where you can't even get a decent interview without having some of the top skills for the job. But don't worry! I've devised a list of skills that will satisfy your future employers and make you attractive to their hiring managers.

Next year is only a few days away. And what does that mean for you? A whole new year of trends, hires and skill sets.

Not sure if you are up to date on the most sought after skills in the job fields? Want to learn some new skills to become an asset in the job market?

Here are the top skills that will get you hired in 2022.

1. Data analysis and interpretation

Involves using statistics and mathematical techniques to identify trends and draw conclusions from data sets.

2. Systems analysis and design

Involves analyzing how people interact with computers as well as designing computer systems that will be easy to use and maintain.

3. Information security

Involves ensuring that information remains secure while also complying with regulations like HIPAA or Sarbanes-Oxley

4. Computer network support specialists

Responsible for the maintenance and repair of computer networks. They are typically employed by businesses, but they may also work in the public sector.

5. Computer software engineers

Develop new software or adapt existing software for use in new environments (like mobile devices)

6. Computer programmers/software developers

Write computer code in order to create programs that can be used by other people (like websites)

7. Network systems and data communications analysts

Design networks that send information throughout an organization or between organizations (like email servers)

8. UI/UX design

Involves thorough research and an understanding of the target audience to create meaningful and easy-to-use digital products. Leave those tasks to professionals, but a master at least the basics of UI/UX design to keep the conversation going with professionals.

Conclusion

With technology growing in prominence every year, employers are placing a greater focus on employees' abilities to utilize various forms of technology and software in their jobs at a faster rate than they did in years past.

Two skills that have become more and more critical to this effort are web design and database management, both of which can be learned and perfected with time. While certainly a boon to people who have these specific skill sets, it may end up hurting those who lack them if employers take their newfound power for granted!

I love jotting down my thoughts on my blog Sleepless Yogi.

Follow me on Twitter [@sleeplessyogi]

7 Platforms To Prepare You For Programming Interviews

Sleepless Yogi — Wed, 02 Nov 2022 15:27:28 +0000

Learn How To Program Like A Pro

Don't be intimidated by the notion of getting a programming job. Even if you've never programmed a day in your life, there are ways for you to learn how to program like a pro on your own time.

If you're looking to land a programming job, it's important to be prepared for the technical interview. In fact, many companies use this interview as a way to screen out candidates who are unqualified for the position.

Technical interviews usually involve a short written test and/or an in-person coding exercise. These tests can be intimidating, but with practice, you can learn how to program like a pro!

Here are 5 platforms that will help prepare you for programming interviews:

1. LeetCode

LeetCode is arguably the best platform practice technical interview questions.

Interview prep? This is where you want to be!

Developers preparing for jobs at the largest of companies, Facebook, Google, use LeetCode.

2. InterviewBit

I highly recommend this platform for technical interview prep.

They have the exact questions that are used in various large tech companies.

Interview guides for different tech companies.

They even have free mock interviews.

check this out: https://www.sleeplessyogi.com/posts/8-free-sites-to-master-frontend-development

3. CodeWars

CodeWars is extremely popular for learning programming.

It's also great for technical interview prep. There are a ton of good questions here.

And they have over 55 languages that you can work in, so go nuts.

4. CodeChef

CodeChef has a wide difficulty rating with 3,000+ questions. So you can build yourself up step by step.

— Beginner friendly
— Expert friendly

If you're feeling really courageous you can also compete with others on technical questions.

5. HackerRank

Solve computer programming challenges to get hired.

It’s actually an employment platform.

Demonstrate how skilled you are here and you might end up with a job offer.

6. HackerEarth

8,000+ questions.

2,000+ challenges.

1,000+ hackathons.

Join over 3 million other developers.

Trusted by over 1,000 companies for hiring.

7. Edabit

Edabit is new kid on the block that is really good.

It's great for learning to code or learning a new language.

Apply a filter to only see difficult challenges and you will be given a plethora of Qs you can use for interview prep.

To sum it up

If you think you have what it takes to learn to code like a pro, these 7 platforms are some of the best online resources for you. But before you get started with learning the fundamentals, be sure to do your research and prepare for the practical application that is about to come your way. Good luck!

I love jotting down my thoughts on my blog Sleepless Yogi.

Follow me on Twitter [@sleeplessyogi]

10 Project ideas to fetch you your dream job.

Sleepless Yogi — Tue, 25 Oct 2022 14:58:05 +0000

People build 1000s of useless apps.

Right now you may be looking for a job or may have just started an awesome, cool and fulfilling job. But, I think, you are always on the lookout for something more. Something that might suit your skills better. Something that can lead you towards your dream job.

You only need these 10 Project ideas to fetch you your dream job.

1. Create a Landing Page

We’ve yet to create a full webpage in one go, so as a next project, we can look into building a landing page. We can also integrate the contact form we’ve built previously into the bottom of the page. There’s not so much JavaScript involved with the project, rather it’s about learning how to structure your HTML and layout your elements with CSS. But to get some JavaScript into the mix still, we can add smooth scrolling for anchors.

2. Create an Image Slider

An image slider is heavy in JavaScript, and if you want to make it customizable, then you have to go the extra mile. In this challenge, you’ll learn about transitioning between elements and handling user interaction on desktop, as well as on mobile.

3. Create a Bookmarklet

If you rather want to improve your workflow while learnings JavaScript instead of building components, a great way to do that is to build a bookmarklet. A bookmarklet is like a bookmark that holds a piece of JavaScript code.

4. Create an Autocomplete Search

We’ve looked at working with chips before, but there’s also a similar component we haven’t touched yet. Creating an autocomplete search is a great way to learn more about how you can search through a dataset and filter it based on some user input.

5. Create a Sortable and Filterable Table

Building upon the previous project, we can go one step further, and look at building a sortable and filterable table with a pagination component on the bottom. Along the way, you can deepen your knowledge on pagination, and also gain new skills on how to work with tabular data, or sort and filter a resultset.

6. Create a Face Recognition App

Another great machine learning project that involves images is an app that can recognize faces and emotions. Here, we will take a look into how face-api works, and how you can use its models to detect faces on images, draw facial landmarks or even use it for emotion detection.

7. Create a Weather App

Probably the most common project you will come across is a weather app. The reason for that is that it’s simple even so that it can be built in a matter of hours, but it has all major technical challenges you can come across during your daily work. These include things such as requesting data from an API, displaying it to the user, or be able to search for weather forecasts.

8. Create a Desktop Application

If you want to think outside of the browser, you can also look into building an actual desktop application. With the help of Electron, you can use technologies you are already familiar with: HTML, CSS, and JavaScript.

9. Create a Mobile App

Of course, you can not only build apps for the web or desktop with JavaScript but also build mobile applications. With this project, you will learn how you can make a checklist app with React Native with saving and loading functionality. You will also learn how to create list elements, how to handle their state, and how to store everything on your device’s storage.

10. Create a Random JSON Response Generator

Rather want to create a tool that helps other developers or even your own workflow? Probably you will work a lot with JSON responses. Building a random JSON response generator can not only help you learn JavaScript through a project but can also help your own journey along the way.

Conclusion

Since the end goal is getting hired, you want to make sure your project showcases your skills and expertise. An impressive portfolio goes a long way in getting a prospective employer to take notice of you, especially when taking into consideration that first impressions are usually based on what we see. Of course it doesn't guarantee that you get into the company you've applied for … but it certainly gives you an edge.

I love jotting down my thoughts on my blog Sleepless Yogi.

Follow me on Twitter [@sleeplessyogi]