DEV Community: Deep Bag

NODEJS IMPORTANT THINGS!

Deep Bag — Tue, 24 May 2022 13:00:34 +0000

1. What is Nodejs?
Node.js is an open-source and cross-platform runtime environment built on Chrome’s V8 JavaScript engine for executing JavaScript code outside of a browser.

2. What is Middleware?

Middleware framework for handling the different routing.
it works between the request and response cycle.
Middleware gets executed after the server receives the request and before the controller actions send the response.

_Advantages of using middleware: _
Middleware can process request objects multiple times before the server works for that request.
Middleware can be used to add logging and authentication functionality.
Middleware improves client-side rendering performance.
Middleware is used for setting some specific HTTP headers.
Middleware helps for Optimization and better performance.

3. What is Node Package Manager?
Node Package Manager (NPM) is a command line tool that installs, updates or uninstalls Node.js packages in your application.
In another words:
NPM (Node Package Manager) is the default package manager for Node.js

JAVASCRIPT IMPORTANT!*

Deep Bag — Tue, 24 May 2022 12:22:32 +0000

https://www.freecodecamp.org/news/async-await-in-javascript/

**
1. What is Async/Await?
Async/Await makes it easier to write promises. The keyword 'async' before a function makes the function return a promise, always. And the keyword await is used inside async functions, which makes the program wait until the Promise resolves.

2. What is promises?
Promises are used to handle asynchronous operations in JavaScript.
In another words:
A promise is a value that may produce a value in the future. That value can either be resolved or unresolved (in some error cases, like a network failure). It works like a real-life promise.

Benefits of Promises

Improves Code Readability
Better handling of asynchronous operations
Better flow of control definition in asynchronous logic
Better Error Handling

A Promise has four states:

fulfilled: Action related to the promise succeeded
rejected: Action related to the promise failed
pending: Promise is still pending i.e. not fulfilled or rejected yet
settled: Promise has fulfilled or rejected

var promise = new Promise(function(resolve, reject) {
  const x = "DEEPBAG";
  const y = "DEEPBAG"
  if(x === y) {
    resolve();
  } else {
    reject();
  }
});

promise.
    then(function () {
        console.log('Success, You are a GEEK');
    }).
    catch(function () {
        console.log('Some error has occurred');
    });

3. What is Callback Functions?
A callback is a function passed as an argument to another function. This technique allows a function to call another function
In another words:
Callback functions are those functions that have been passed to another function as an argument.

function myDisplayer(some) {
  document.getElementById("demo").innerHTML = some;
}

function myCalculator(num1, num2) {
  let sum = num1 + num2;
  return sum;
}

let result = myCalculator(5, 5);
myDisplayer(result);

4. What is Synchronous and Asynchronous?
Synchronous communications are scheduled, real-time interactions by phone, video, or in-person.

Asynchronous communication happens on your own time and doesn't need scheduling.

5. What is higher order function?
A higher order function is a function that takes a function as an argument, or returns a function.
The map function is one of the many higher-order functions built into the language. sort, reduce, filter, forEach are other examples of higher-order functions built into the language.

COMPLETE CONFIGRATION NODE + MONGODB + AWS + DOMAIN + SUBDOMAIN | HOST API SERVER!

Deep Bag — Tue, 24 May 2022 08:12:30 +0000

In this post I can give you complete information about the deploy nodejs api server in aws!

We need to run commands and install packages!

sudo apt update
sudo apt upgrade
sudo apt install nodejs
sudo apt install npm
sudo apt install git
sudo apt install nginx
Install mongodb OFFICIAL WEBSITE
sudo npm install pm2

PROCESS TO LIVE
AWS CONFIGRATIONS:

1. LAUNCH EC2 INSTANCES
2. UPDATE SECURITY GROUP - ADD PORT 
[ 22, 80, 443, 27017, <BACKEND-PORT> ]
3. GENERATE ELASTIC IP
4. POINT YOUR MAIN DOMAIN TO EC2 PUBLIC IP A RECORD
5. CREATE A SUBDOMAIN THAT NEED TO POINTING A SPECIFIC PORT

EC2 CONFIGRATION:

1. UPDATE NODEJS TO NEWEST LTS VERSION
2. CLONE BACKEND REPO TO [ VAR/WWW/HTML ] PATH
3. START PM2 [ SUDO PM2 START <FILENAME> ]
4. START MONGODB [ SUDO SYSTEMCTL START MONGOD ]
5. START NGINX [ SUDO SYSTEMCTL START NGINX ]

>> ACCESS VIA IP IN YOUR BROWSER

[ EC2 PUBLIC IP EXAMPLE 1.201.10.2 - NGINX MAIN SERVER ]
[ 1.201.10.2:<BACKEND-PORT> - BACKEND SERVER ]

CONFIGURE NGINX FOR POINTING DOMAIN:

1. EDIT NGINX CONFIG FILE [ /ETC/NGINX/SITES-ENABLED/DEFAULT ] 
   { COMMAND : SUDO NANO /ETC/NGINX/SITES-ENABLED/DEFAULT }
2. ADD THIS LINES IN YOUR SITE-ENABLES/DEFAULT FILE:

server {
    listen 80;
    server_name <DOMAIN OR SUBDOMAIN NAME>;

    location / {
       proxy_pass http://127.0.0.1:<BACKEND-PORT>;
    }
}

What is LinkedIn? - professional networking and career development

Deep Bag — Thu, 03 Jun 2021 07:17:33 +0000

LinkedIn is the world's largest professional network on the internet. You can use LinkedIn to find the right job or internship, connect and strengthen professional relationships, and learn the skills you need to succeed in your career. You can access LinkedIn from a desktop, LinkedIn mobile app, mobile web experience, or the LinkedIn Lite Android mobile app.

A complete LinkedIn profile can help you connect with opportunities by showcasing your unique professional story through experience, skills, and education.

You can also use LinkedIn to organize offline events, join groups, write articles, post photos and videos, and more.

What you can do with LinkedIn

It should be clear that LinkedIn is a tool you can use to enhance your professional networking and job searching activities.

Many people use the site to grow their contacts and find career opportunities, and the Jobs section of the site is a powerful tool for finding and applying for jobs. There are settings on LinkedIn that let you alert recruiters that you're actively job searching as well.

Some people use LinkedIn to enhance their professional reputation by making posts in the news feed, and commenting on other people's posts.

Who should be joining LinkedIn?

LinkedIn is a platform for anyone who is looking to advance their career. This can include people from various professional backgrounds, such as small business owners, students, and job seekers. LinkedIn members can use LinkedIn to tap into a network of professionals, companies, and groups within and beyond their industry.

What Is LinkedIn Used For (As an Individual)?

Now you know what LinkedIn offers and what kind of people typically use it, but that probably doesn't give you any specific ideas for how to start using it yourself. In fact, many users create an account and then abandon it because they have no idea how they should be using LinkedIn.

Here are some tips for beginners.

Get back in touch with old colleagues. You can use the My Network section to find old colleagues, teachers, people you went to school with and anyone else you might think is worth having in your professional network. Just enter or connect your email to sync your contacts with LinkedIn.
Use your profile as your resume. Your LinkedIn profile basically represents a more complete (and interactive) resume. You can include it as a link perhaps in an email or your cover letter when you apply to jobs. Some websites that allow you to apply to jobs will even allow you to connect to your LinkedIn profile to import all your information. If you need to build a resume outside of LinkedIn, there are apps for that.
Find and apply to jobs. Remember that LinkedIn is one of the best places to look for job postings online. You'll always get recommendations from LinkedIn about jobs you may be interested in, but you can always use the search bar to look for specific positions too.
Find and connect with new professionals. It's great to get back in touch with old colleagues and connect with everyone at your current workplace who may also be on LinkedIn, but what's even better is that you have the opportunity to discover new professionals either locally or internationally that may be able to help out with your professional endeavors.
Participate in relevant groups. A great way to meet new professionals to connect with is to join groups based on your interests or current profession and start participating. Other group members may like what they see and want to connect with you.
Blog about what you know. LinkedIn's very own publishing platform allows users to publish blog posts and gain the opportunity to have their content read by thousands. Published posts will also show up on your profile, which will increase your credibility in related fields that are relevant to your professional experience.

As a final note, don't forget to take advantage of LinkedIn's mobile apps. LinkedIn has its main apps available for free on iOS and Android platforms.

What Is GitHub and How Do You Use It?

Deep Bag — Thu, 03 Jun 2021 06:57:49 +0000

Writing code can be complex, but it’s a lot easier with the right support and tools. In order to become an elite programmer, you need version control support and also the support of others who code. Whether they are members of your team, or are just generally familiar with the type of problem you are trying to solve, finding helpful individuals who can give you guidance and help you elevate your work is essential in the world of programming.

GitHub brings together teams and coding experts onto one collaborative platform where they can share ideas and methods and make awesome software together. But just what is GitHub, what is GitHub for, how does it work, and what makes it so beneficial? This brief GitHub tutorial will help you get started as you learn how to use GitHub.

What is GitHub?

GitHub is one of the world’s largest community of developers. It’s an intricate platform that fosters collaboration and communication between developers. GitHub has a number of useful features that enable development teams to work together on the same project and easily create new versions of software without disrupting the current versions, but it doesn’t stop there.

Once new additions to a program are complete, for example, they can easily be incorporated into existing programs. GitHub also makes it extremely simple to work together on strings of code to really dial in and perfect even the smallest parts of a program. With GitHub, you can collaborate and work on projects with others anywhere in the world.

Of course, that’s only scratching the surface, because when it comes to the question “What is GitHub?” the answer is all about what it can do for you.

What are the Benefits of GitHub?

Why use GitHub? There are a number of reasons.. The first is that it enables slick and easy collaboration and version control. This allows you to work on code with anyone from anywhere. Additionally, many employers use GitHub. So, if you plan on getting a job, you’ll look really good if you already know your way around GitHub. And don’t forget about the connections, learning, and portfolio aspects. GitHub is a robust learning and collaboration platform. Take time to explore it and see just how much it can expand your programming knowledge.

How do I Use a GitHub?

GitHub is complex, but understanding a few basics will help you get started. In order to use GitHub, you’ll need to first be able to complete these few steps. How to use GitHub:

Sign up for GitHub
Install Git
Create a Repository
Create a Branch
Create and Commit Changes to a Branch
Open a Pull Request
Merge Your Pull Request

More About GitHub: The Open Source Community

There’s a lot to explore in GitHub. We’ve only scratched the surface so far, but we hope that brief GitHub tutorial was beneficial. You’ll quickly come to learn that GitHub is much more than just a version-control platform. You’ll find it’s almost a type of social media platform for programmers. The GitHub open source community gives you access to millions of open source projects. There you can get involved with a project or start one of your very own. Working on open source software is an awesome way to learn new skills and collaborate with bright programmers from whom you can learn a lot.

Promoting Your GitHub Profile

GitHub is a great place to not only expand your programming knowledge, but also showcase your best work. Your GitHub Profile is a great place for recruiters to find you and reach out about potential jobs and projects. Many people strive to gain GitHub followers by writing engaging and helpful blog posts, or even by creating podcasts or YouTube GitHub tutorials. The more followers you have, the more opportunities will be open to you, and the greater ability you’ll have to become a thought leader in the programming space.

Learning and Growing With GitHub

The best programmers are always learning. The world of computer programming is constantly evolving and new problems are being solved with code every day. In order to stay sharp, you need to be consistently discovering new ways to tackle problems. You need to be trying new things and collaborating with other programmers. The coding community is a tight-knit one, but it’s also large. There are so many people to learn from. GitHub has a wealth of features that enable you to collaborate with and learn from the best in the industry. Take some time to explore GitHub and discover how you can unlock your full potential and become an expert programmer.

How to deploy react app on github

Deep Bag — Tue, 01 Jun 2021 08:01:57 +0000

In this tutorial, we'll introduce you to how you can deploy a react app on Github.

Check Git Status

The step below is important! If you skip it, your app will not deploy correctly. Open your git bash cmd and apply this cmd:

git status

Initialize git

git init

add all files

git add .

Commit your files

git commit -m 'any word'

create a new repository in github without readme and other files only repository name

put this cmd on your git bash cmd

git remote add origin https://github.com/deepbag/your-repository-name.git

push your react app on github

push -u origin main

Add homepage on your package.json in the to

The step below is important! If you skip it, your app will not deploy correctly. or for a GitHub user page:

"homepage": "https://gitusername.github.io/your-repository-name",

example: https://deepbag.github.io/your-repository-name
Create React App uses the homepage field to determine the root URL in the built HTML file.

Install gh-pages and add deploy to scripts in package.json

Now, whenever you run npm run build, you will see a cheat sheet with instructions on how to deploy to GitHub Pages.
To publish it at https://myusername.github.io/my-app, run:

npm install --save gh-pages

Add the following `scripts` in your package.json:

"predeploy": "npm run build", 
"deploy": "gh-pages -d build",

The predeploy script will run automatically before deploy is run.

Deploy the site by running npm run deploy

npm run deploy

For a project page, ensure your project’s settings use gh-pages

Finally, make sure GitHub Pages option in your GitHub project settings is set to use the gh-pages branch:

Thank You!

Create direct download link from Github Files

Deep Bag — Tue, 01 Jun 2021 07:51:43 +0000

You can create direct download link from github files like pdf, zip etc. You can use this link for web development.

Create Direct Download link

Go to Your repository and create a new branch
Upload your file in gh-pages branch ( Deep Bag CV pdf )
Click and and your file and copy URL
Change You URL ```

https://github.com/deepbag/git-cloud-storage/blob/gh-pages/Deep%20Bag%20CV.pdf

`TO`

https://deepbag.github.io/git-cloud-storage/Deep%20Bag%20CV.pdf

Yehhh! You can use this link in your web development for direct download link. `<a href="downloadURL" target="_blank" />`

How to use Github as a Cloud Storage For Web Development

Deep Bag — Tue, 01 Jun 2021 07:29:14 +0000

Github provider of Internet hosting for software development and version control using Git. It offers the distributed version control and source code management functionality of Git, plus its own features.

GitHub is where over 65 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories.

You can use anywhere this link like Website Development.

Access or use Files Directly via link From Github

First You need Github account
Create new Repository
Fill all given info prefer below image
Create new file - path foldername/readme
Upload your images in your path foldername/
Click Your image which image you want to access directly via link
Right click in your image Open in a new tab
Copy Link and Use where you Web Development ( <img src="examplelink" alt="example" /> )

yeahh! now i have github for multiple uses.

How to deploy react app on Firebase

Deep Bag — Mon, 31 May 2021 08:58:05 +0000

With the rise of cloud computing, hosting web apps on services like Heroku, AWS, Azure, and many more has been on the rise. Amidst all these options, Firebase has emerged as a great solution to host serverless web apps. It's easy, pretty fast, and Free!

Getting Started

In this tutorial, I'll take you through all the steps involved in deploying a React app on firebase.

Prerequisites:

A firebase project set up. If you don't have one, create one using the firebase console.
A React app set up that you wish to deploy. Configuring Firebase Install Firebase CLI To host your site with Firebase Hosting, you need the Firebase command-line tool (CLI). Run the following npm command to install the CLI on your system globally:

$ npm install -g firebase-tools

Login to Firebase

Make sure you're in the root directory of your React app and run the following command to login to firebase in your terminal:

$ firebase login

If you're not logged in, you'll be asked to enter the credentials for your google account. Initiate your project Now that you've got the firebase CLI configured, it's time to initialize firebase in your react app. Run the following command:

$ firebase init

You will now enter the firebase tools shell and will be prompted with a sequence of questions and various configuration options. Let's go through these questions together step by step to achieve our desirable configuration.

Select - Hosting: Configure and deploy Firebase Hosting sites.

Select - Use an existing project

Select the firebase project that you created (e.g. demo-tutorial-project in mycase)

Specify the build that we created in the previous section, to be used as your project's public directory.
Select whether or not you need your firebase app to be configured as a single-page app. I'm selecting YES in my case.
As we've already created a build directory in our previous section, therefore build/index.html already exists. We would want to let it be as is and enter No for this question.

This marks the end of our configuration process and our app is now ready to deploy!

To verify the successful completion of the initialization process, simply check the presence of .firebasercand firebase.json files. These are automatically created by firebase during the initialization process.

Run the following command to create a build directory with a production build of your app:

$ npm run build

Inside the build/static directory will be your JavaScript and CSS files. To know more about React production builds, refer to the production build section of the create-react-app docs.

Deploy to Firebase

Just run the following command to deploy your app:

$ firebase deploy

Firebase will now run the deploying process and will give you a unique URL where your app is deployed. For e.g. in my case, it was - https://yourapp.web.app/.
yeahh! Your ReactApp is now deployed with Firebase hosting.