DEV Community: Shadab Ali

[HELP]I want to convert my react/next js component file to text.

Shadab Ali — Tue, 24 Oct 2023 08:16:35 +0000

I want to convert my react/next js component file to text.

let a.jsx

"use client"

import { useState } from "react"

const Test = () => {
const [number, setNumber] = useState(1)
return (

{number}
onClick={() => {
setNumber(number + 1)
}}
>
increment

)
}
export default Test

when the user clicks on show code for some component I want to show the exact file. with all import and hooks and etc

https://stackoverflow.com/questions/77337786/how-to-get-react-next-js-component-file-as-text

Job apply script for hirist and instahyre platform

Shadab Ali — Sat, 12 Aug 2023 12:43:22 +0000

I found this amazing video for job apply automation script

Currying vs Pipe in javascript

Shadab Ali — Mon, 24 Jul 2023 07:02:18 +0000

In JavaScript, both pipe and currying are functional programming techniques that can be used to compose functions in different ways. Here's an explanation of each:

Currying vs Pipe in javascript - Frontendchef

Currying vs Pipe in Javascript Explore the differences between currying and piping in JavaScript. Currying vs Pipe in javascript interview-question Currying vs Pipe in javascript

frontendchef.com

A Journey Through 6 Months of Backend Engineering: Building Robust Foundations

Shadab Ali — Sat, 22 Jul 2023 22:32:47 +0000

Discover the ultimate guide to backend engineering with our six-month roadmap. Learn how to build robust and scalable infrastructures, from planning and architecture design to testing and maintenance. Unlock the secrets of successful backend development and equip yourself with the skills to thrive in the dynamic world of software engineering. Start your journey now!

Month 1: Introduction to Backend Technologies

Week 1: Introduction to Backend Concepts

Understand client-server architecture
Learn about HTTP, APIs, and RESTful principles

Week 2: Setting Up Development Environment

Install necessary software (e.g., text editor, Git, Node.js, etc.)
Familiarize yourself with the command-line interface (CLI)

Week 3: Basics of Database Management

Learn about relational and NoSQL databases
Practice basic CRUD operations (Create, Read, Update, Delete)

Week 4: Web Development Framework

Choose a backend framework (e.g., Express.js for Node.js)
Build a simple API using the chosen framework

read full schedule at

6 Months Backend engineering schedule - Frontendchef

Unveil the 6-month backend engineering roadmap - from planning to maintenance. Build robust infrastructures and thrive in software development. Begin now! 6-month backend engineering schedule backend development roadmap backend engineering guide

frontendchef.com

ESSENTIAL JOB SEARCH TEMPLATES FOR SOFTWARE ENGINEERS

Shadab Ali — Sat, 29 Apr 2023 13:11:24 +0000

If you're a software engineer looking for a new job, you know that job hunting can be overwhelming. But fear not, as Frontendchef has the solution to streamline your job search and help you land your dream job faster.

In addition to providing essential job search templates, Frontendchef added a #job #automation #script specifically designed for job sites like Hirist and Instahyre. With this script, you can save time and effort by automating your job application process.

Say goodbye to job search stress and hello to your dream job!
Look no forward than Frontendchef blog post

link

10 ways to earn as software developer

Shadab Ali — Sat, 31 Dec 2022 13:57:22 +0000

1 : Freelancing: You can offer your software development services on a freelance basis to clients around the world. You can find freelance work through online platforms like Upwork, Freelancer, and Toptal, or you can reach out directly to potential clients through networking and marketing efforts.

Consultancy: Another option is to start your own consultancy and offer software development services to clients on a contract basis. This can be a good option if you have a lot of experience and expertise in a particular area and want to work with a variety of clients.

Product development: If you have an idea for a software product, you can create it and sell it to customers. This can be a challenging and time-consuming process, but it can also be very rewarding if your product is successful.

In-house development: You can also work as an in-house software developer for a company, where you will be responsible for developing and maintaining software for the company's internal use.

Open-source contributions: You can contribute to open-source projects and earn money through donations or by offering paid support and consulting services to users of the project.

Teaching: If you have a lot of experience and knowledge in software development, you can consider teaching others through online courses or in-person workshops.

Writing: You can write technical articles or books on software development and earn money through publishing or by offering your writing services to clients.

Speaking: You can also earn money by speaking at conferences or events about software development. This can be a great way to share your knowledge and experience with others while also earning income.

Contract work: You can work as a contractor for a company on a short-term basis, completing specific software development projects for them.

Starting a business: Another option is to start your own software development business, either as a solo entrepreneur or with a team of developers. This can be a challenging but rewarding way to earn money as a software developer.

How to become css master ?

Shadab Ali — Thu, 29 Dec 2022 09:12:00 +0000

To become a CSS master, you will need to learn and master the following skills:

HTML and CSS basics: You should be familiar with the basic syntax of HTML and CSS and how they are used to structure and style content on the web.

Responsive design: You should be able to design and build responsive websites that look and function well on a variety of devices, including desktop computers, tablets, and smartphones.

Layout techniques: You should be able to create flexible and advanced layouts using techniques such as floats, flexbox, and grid.

CSS preprocessors: You should be familiar with CSS preprocessors like Sass or Less, which allow you to write more efficient and maintainable CSS code.

CSS frameworks: You should be familiar with popular CSS frameworks like Bootstrap and Foundation, which provide a set of predefined styles and layout components that can be easily customized to fit the needs of your project.

Browser compatibility: You should be aware of browser compatibility issues and know how to troubleshoot and fix them.

Accessibility: You should be familiar with web accessibility standards and know how to create accessible websites that are usable by people with disabilities.

To develop these skills, you can start by learning online through tutorials and online courses, or by working on small projects on your own. As you gain experience and become more comfortable with CSS, you can take on more complex projects and challenges to continue improving your skills.

is Data Structures and Algorithms necessary for frontend developer ?

Shadab Ali — Thu, 29 Dec 2022 09:10:09 +0000

DSA, or Data Structures and Algorithms, is not necessarily a requirement for frontend developers. However, having a strong understanding of DSA can be beneficial for frontend developers in a number of ways.

For example, DSA concepts such as searching and sorting algorithms can be useful for optimizing the performance of frontend code, particularly when working with large data sets. In addition, a deep understanding of DSA can help frontend developers design and implement more efficient and scalable solutions to problems that they may encounter in their work.

That being said, it is not necessary for all frontend developers to have a deep understanding of DSA. It really depends on the specific requirements of the job and the individual developer's interests and goals. Some frontend developers may choose to focus more on design and user experience, while others may be more interested in the technical aspects of the job and want to develop their skills in DSA and other areas of computer science.

How to become frontend developer

Shadab Ali — Thu, 29 Dec 2022 09:06:42 +0000

Becoming a frontend developer typically involves learning how to build and maintain the user-facing side of websites and applications. Here are some steps you can take to start your journey towards becoming a frontend developer:

1 : Learn HTML, CSS, and JavaScript: These are the core technologies used to build the frontend of websites and applications. HTML is used to structure content on the web, CSS is used to style and layout that content, and JavaScript is used to add interactivity and dynamic behavior to web pages. There are many online resources and tutorials available for learning these languages, such as Codecademy and freeCodeCamp.

2 : Practice building web pages and applications: As you learn the core technologies, put your skills into practice by building small web pages and applications. This will give you a chance to apply what you've learned and see how the different technologies work together.

3 : Learn about modern frontend frameworks and libraries: There are many frameworks and libraries available that can help you build more complex and interactive web applications more efficiently. Some popular choices include React, Angular, and Vue.js.

3 : Stay up to date with the latest developments: The field of web development is constantly evolving, with new technologies and best practices being introduced all the time. Make an effort to stay up to date with the latest developments in the field by reading blogs, attending meetups and conferences, and following industry leaders on social media.

4 : Consider earning a degree or certification: While it's not strictly necessary to have a degree or certification to become a frontend developer, earning a formal education in computer science or a related field can help you develop a strong foundation in the underlying principles of computer science and give you a competitive edge in the job market.

5 : Build a portfolio: As you build web pages and applications, be sure to document your work and add it to a portfolio. A portfolio is a great way to demonstrate your skills and experience to potential employers and clients.

I hope this helps! If you have any other questions about becoming a frontend developer, feel free to ask.

Default vs Named exports

Shadab Ali — Sat, 15 Oct 2022 14:47:09 +0000

There are two primary ways to export values with JavaScript: default exports and named exports. But you can use one or both of them in the same file. A file can have not more than one default export, but it can have as many named exports as you like

Export Statements:
export default function Button() {} // default export export function Button() {} // named export

Import Statements:
import Button from './button.js'; // default export import { Button } from './button.js'; // Named export

When you write a default import, you can put any name you want after import.
For example, you could write
import Banana from './button.js'
and it would still provide you with the same default export.
In contrast, with named imports, the name has to match on both sides. That’s why they are called named imports!

How to make projects as a fresher

Shadab Ali — Fri, 30 Sep 2022 17:21:37 +0000

Hello all

If you are freshers or just learning things don't just directly jump on your idea of creating Facebook or another LinkedIn

🔥 Start with an easy project then slowly move towards complex projects (make 6 to 7 projects)

🔥 List down all the functionality you want literally all

🔥 Then sort on the basis of "MVP", "must have", "good to have"," time Raha to bna duga",

🔥 Draw a bare minimum design on paper or Figma So that you don't have to refactor every time And have a clear idea of what you are building

🔥 Host your project somewhere no one is going to look them on your localhost

🔥 Prepare a demo video host on YouTube (give a demo like you are giving a demo to clients believe me in the industry this is a very good skill and every developer has to give a demo to an actual client)

🔥 Challenge your friends to find bugs in it (bug nikaal dia to party duga)

🔥 Make projects in a timely manner (another very good trait of developers, in your job you have to give timelines for features, make sprints, and plan everything) don't demotivate yourself if you fail to develop in the sprint in the job , developers also fail to deliver the project on time

🔥 Make a readme file the impact of the readme is very good when the interviewer look at the project this shows that you care about your project and haven't developed it just for the sake of the job

Follow me on LinkedIn for more content https://www.linkedin.com/in/shadab-ali

Creates an array with all falsy values removed. The values false, null, 0, "", undefined, and NaN are falsy.

Shadab Ali — Wed, 28 Sep 2022 06:57:41 +0000

Q: Implement lodash compact function

INPUT:
const array=[1, null , 0 , 2 , 3 , 4 , 5 ," " , undefined , NaN];

OUTPUT : [1, 2, 3, 4, 5]

======================================

function compact(ar){
let newArr=[];
for(let i=0;i< ar.length;i++){
if(!(ar[i] === false || ar[i] === null || ar[i] === 0 || ar[i] === "" || ar[i] === undefined || (typeof ar[i] == 'number' && !ar[i]) ))
{
newArr.push(ar[i])
}
}
return newArr
}

====================================

The best and easy approach in the comment