Welcome all of you to the Public App. On this website, you can read technical blogs every day which are being updated in the latest world. The goal of our website is to connect you all with technology.<img src="https://s3-ap-south-1.amazonaws.com/media.publicapp.in/media%2F1700835627525-public+app.webp" class="fr-fic fr-dib" alt="Public App">On our website Public App, you will get difficult technical things in easy language and Hindi which you will understand very well and quickly.Thank you all wholeheartedly for visiting our website. You can give us your response in the comments.

On Public App ( पब्लिक अप्प ) website you can read technical blogs every day which are being updated in the latest world.

Bhanu Stark

About Public App - Where tech meets knowledge

<img src="https://s3-ap-south-1.amazonaws.com/media.publicapp.in/media%2F1700395320774-Setup+Local+Web+Development+Environment.webp" class="fr-fic fr-dib" alt="Setup Local Web Development Environment">Hey guys, this is Bhanu Stark. This is the fourth post on Full-stack web development.In this post, we will know which tools we need for web development on the local machine.Mainly, I will use 2 tools:<ul><li style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:19.2pt;vertical-align:baseline;"><a href="https://www.google.com/intl/en_in/chrome/">Google Chrome (A web browser)</a></li><li style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:19.2pt;vertical-align:baseline;"><a href="https://atom.io/">Atom (IDE)</a></li></ul>We will complete our course with only these two tools, later we will install some advanced tools and software like command-line tools, or database management software, But mostly we will use Google Chrome and Atom IDE.So you may already have a Google Chrome browser on your PC but you may not have Atom editor.<h2 style="margin-top:24.0pt;margin-right:0cm;margin-bottom: 0cm;margin-left:0cm;line-height:normal;mso-outline-level:2;vertical-align:baseline;">Why do we need Google Chrome for web development?</h2>The simple answer is &quot;to see what you have made&quot; but not only for that. Google Chrome is the best browser for development because it has its own developer tools.<h2 style="margin-top:24.0pt;margin-right:0cm;margin-bottom: 0cm;margin-left:0cm;line-height:normal;mso-outline-level:3;vertical-align:baseline;">Google Chrome developer tool includes:</h2><ul><li>Elements - where you can see the rendered HTML in Google Chrome.</li><li>Console - where you can see javascript echos, logs, and errors.</li><li>Sources - where you can see the all downloaded files from the server to Google Chrome.</li><li>Network - Here you can see that when your browser is connecting to the website and what is requesting.</li><li>Performance - Here you can see the speed of loading assets or files from the website.</li><li>Security - Here you can see if the page is secured with SSL or not and which type of SSL is.</li><li>Memory - Here you can see that how your PC memory is used by the web page.</li><li>Application - Here you can see the cookies, cache, tokens, local variables, and storage</li><li>Lighthouse - The lighthouse is for generate the report of your web page&#39;s performance, accessibility, and user experience.</li></ul><h2 style="margin-top:24.0pt;margin-right:0cm;margin-bottom: 0cm;margin-left:0cm;line-height:normal;mso-outline-level:2;vertical-align:baseline;">Why do we need the Atom IDE for development?</h2>IDE stands for Integrated Development Environment. An IDE provides features auto-complete, auto intends, errors just right after writing wrong code, and more. So there are many great IDE available on the Internet like:<ul><li style="mso-margin-top-alt:auto;margin-bottom:0cm;line-height: 19.2pt;vertical-align:baseline;"><a href="https://atom.io/">Atom</a>&nbsp;</li><li style="mso-margin-top-alt:auto;margin-bottom:0cm;line-height: 19.2pt;vertical-align:baseline;"><a href="https://code.visualstudio.com/">VS Code</a>&nbsp;</li><li style="mso-margin-top-alt:auto;margin-bottom:0cm;line-height: 19.2pt;vertical-align:baseline;"><a href="http://brackets.io/">Brackets</a>&nbsp;</li><li style="mso-margin-top-alt:auto;margin-bottom:0cm;line-height: 19.2pt;vertical-align:baseline;"><a href="https://www.sublimetext.com/">Sublime Text</a></li></ul>If you like any other than the Atom IDE you are free to download and use that for this course.And I am going to use Atom for this course.You may be thinking that I don&#39;t need an IDE, I will do that with a notepad! then yes, of course, you can do this but notepad doesn&#39;t provide so many features as an IDE provides.So it is better to choose an IDE from the four above for coding.In every post of this course, you will see only Atom screenshots because I will use Atom IDE in the full course. This is because I live Atom IDE most and I have been using this for a long time.If you have been using any IDE for a long time and you have experience in that then you should use that IDE without hesitating a second.Atom IDE is totally free to download and use.<h2 style="margin-top:24.0pt;margin-right:0cm;margin-bottom: 0cm;margin-left:0cm;line-height:normal;mso-outline-level:2;vertical-align:baseline;">How to download and install Atom IDE?&nbsp;</h2><ol><li style="margin-top: 24pt; margin-right: 0cm; margin-bottom: 0cm; line-height: normal; vertical-align: baseline;">First, you have to go to <a href="https://atom.io/">Atom&#39;s official website</a>.&nbsp;</li><li style="margin-top: 24pt; margin-right: 0cm; margin-bottom: 0cm; line-height: normal; vertical-align: baseline;">Then click on the big DOWNLOAD button. After clicking on the download button, that software will be downloaded.&nbsp;</li><li style="margin-top: 24pt; margin-right: 0cm; margin-bottom: 0cm; line-height: normal; vertical-align: baseline;">After downloading go to your downloads folder then double click on the Atom setup file. Then it will be installed automatically.</li></ol><h2 style="margin-top:24.0pt;margin-right:0cm;margin-bottom: 0cm;margin-left:0cm;line-height:normal;mso-outline-level:3;vertical-align:baseline;">Important thing:</h2>There are a lot of Atom packages that increase its functionality. It has more than 8 thousand packages and they have different functions. And its packages are developed by different programmers for better code writing.You can also install some of Atom&#39;s packages to improve its functionality as your need.I have chosen some of Atom&#39;s packages that are most useful for this course.&nbsp;<ul><li style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:19.2pt;vertical-align:baseline;">atom-beautify&nbsp;</li><li style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:19.2pt;vertical-align:baseline;">atom-ternjs&nbsp;</li><li style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:19.2pt;vertical-align:baseline;">emmet&nbsp;</li><li style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:19.2pt;vertical-align:baseline;">autoclose-html&nbsp;</li><li style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:19.2pt;vertical-align:baseline;">csslint pigments&nbsp;</li><li style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:19.2pt;vertical-align:baseline;">language-ejs&nbsp;</li><li style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:19.2pt;vertical-align:baseline;">atom-html-preview&nbsp;</li><li style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:19.2pt;vertical-align:baseline;">sublime-style-column-selection&nbsp;</li><li style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:19.2pt;vertical-align:baseline;">linter-eslint</li></ul><h2 style="margin-top:24.0pt;margin-right:0cm;margin-bottom: 0cm;margin-left:0cm;line-height:normal;mso-outline-level:2;vertical-align:baseline;">How to download a package in Atom IDE?&nbsp;</h2><ul><li style="margin-top: 24pt; margin-right: 0cm; margin-bottom: 0cm; line-height: normal; vertical-align: baseline;">First, you need to open Atom IDE</li><li style="margin-top: 24pt; margin-right: 0cm; margin-bottom: 0cm; line-height: normal; vertical-align: baseline;">Then go to File Menu -&gt; Setting -&gt; Packages (for Windows OS)</li><li style="margin-top: 24pt; margin-right: 0cm; margin-bottom: 0cm; line-height: normal; vertical-align: baseline;">Then copy the package name from above and paste it into the search box</li><li style="margin-top: 24pt; margin-right: 0cm; margin-bottom: 0cm; line-height: normal; vertical-align: baseline;">Then you&#39;ll see the list of packages that you have searched, then click on the install button(you need to install only these packages that have the same name as in above)</li></ul>If you have any problem in installing and using Atom IDE, you can use <a href="https://code.visualstudio.com/">VS Code</a>.Because VS Code is best alternative IDE to Atom.VS code&#39;s full name is Visual Studio Code.So if you have successfully downloaded Google Chrome and Atom IDE. Then we will continue this course in the next postOr if you have any issue in installing these tools, you can comment without any hesitation.<h2 style="margin-top:24.0pt;margin-right:0cm;margin-bottom: 0cm;margin-left:0cm;line-height:normal;mso-outline-level:2;vertical-align:baseline;">Here is the video of How to set up the local web development environment</h2>Set up Local Web Development EnvironmentThis video is in the Hindi language. If you have any issues in installing browser or IDE or Atom packages, you can watch the video. It will be very helpful for you.

Setup your local web development environment simply with Google chrome, Atom and some important Atom packages to get started for web designing.

Setup Local Web Development Environment

<img src="https://s3-ap-south-1.amazonaws.com/media.publicapp.in/media%2F1700394620544-How+does+the+Website+Work.webp" class="fr-fic fr-dib" alt="How does the Website Work?">Hey guys, this is Bhanu Stark. In the previous post, we knew that <a href="https://www.publicapp.in/how-does-the-internet-really-work/">How does the Internet work</a>. In this post, we will know that how does the website work.As we knew (in <a href="https://www.publicapp.in/how-does-the-internet-really-work/">How does the Internet work</a>) we download data from the server on our web browsers.<h2>What type of file is that downloaded data from the Internet?</h2>That is HTML, CSS, and JavaScript, what we see on the web browser. Apart from this images, videos, gifs (animations), and sounds can come on the web browser.Because of these things, web page design is done.You may already know about&nbsp;images, videos, gifs, and sounds&nbsp;but you may not know about HTML, CSS, and JavaScript,&nbsp;what is it, and what does it do?<h2>What is a web browser?</h2>So first of all we need a web browser to open any website or web app. That web browser can be:Browsers are software that downloads data from IP addresses and shows you them in the web browser. And the data is downloaded in the form of HTML, CSS, and JavaScript.The browser renders that HTML, CSS, and JavaScript and show it in the browser. Any website&#39;s design and behavior depend on these files.But the question is:<h2>What do HTML, CSS, and JavaScript do?</h2>You may have also a question, why there are 3 types of files? Why can&#39;t one file be used to create a website?Because different files have different functions.<h3>What does HTML?</h3>HTML is responsible for the structure of your website. The HTML files create the structure of web pages.For example&nbsp;- If we suppose that your house is a website then HTML&nbsp;will be window, gate, wall, and roof.So you can add images, buttons, text boxes, heading using HTML&nbsp;on your website.<h3>What does CSS?</h3>CSS&nbsp;is used to design or style your website that how it will looking or be visible.For example - If you are building a house then CSS will be like a painter or a decorator.Like you paint the walls of your house or you style your floor and roofs. The same work is done by CSS&nbsp;for websites.If you will use CSS on your website then it will specify the design of your website.So if you have used CSS on your website and you have added a button&nbsp;to it and you want to set the background color&nbsp;of that button should be RED&nbsp;and text color should be white&nbsp;then you can do it easily using the CSS.<h3>What does JavaScript?</h3>The final component of any web page is JavaScript. JavaScript code defines the behavior of any website like how your website will work.Example -&nbsp;If you are creating a house. Then how electricians and plumbers do work for your house then the same thing JavaScript does for your website.JavaScript makes working what you see on the front-end (what you see on the screen) of any website.Even JavaScript can modify the front-end in front of you and can do anything with the HTML.That&#39;s all in this post.<h2>Watch video of How does the website work on YouTube</h2>We will be coding HTML, CSS, and JavaScript in upcoming posts.Then we will host them live on the internet.Bye-bye, see you soon :)

In the previous post, we knew that How does the Internet work. In this post, we will know that how does the website work.

How does the Website Work?

<img src="https://s3-ap-south-1.amazonaws.com/media.publicapp.in/media%2F1700393696943-howinternetwork.webp" class="fr-fic fr-dib">In this post, we will know how does the Internet actually work? Because this is a thing that we use every single day.Hey guys, This is Bhanu Stark. And this is the second post of full-stack web development course.So, before developing any website or web app, we need to know that how does the Internet actually works?A lot of people think,&nbsp;&quot;there are satellites in the sky and they make the Internet work. And it&#39;s so complicated to understand&quot;.But this is not true.Internet is a simple thing.There are a lot of long wires they are connected to many computers (servers) together for data sharing.So if you have a computer in London and the second computer is in New Delhi and both are sharing data with each other (or one-sided sharing), So this happens because of these long wires.And this connection is called the&nbsp;Internet connection.<h2>What are servers and clients?</h2>Some of the computers are online 24x7, who are always ready to share data and files online.Whenever you try to access any website online, these computers share with you the data and files they have for you. After that, you are able to see the data or information of that website.So these type of computer, who provides data or information to you, is called Server.And which computers are used to access the data from servers then these computers are called Client.You can think that a web server is a huge library, which is open 24x7. Where you can go any time of a day and you can read any of book that library has.<h3>For example:</h3>If I want to open Google.com on my PC or I want to read news on AajTak.com then these website&#39;s servers will share the their data and information, so that I can see the data (or I can see the news). Which data my computer requested to see.You might be thinking that there are a lot of websites on the Internet in this world. And the website I want to open opens very soon. How does this happen?And on the other side, if I have to find a file in my computer, then it takes a lot of time.How does the internet solve this problem after all?Well, you think that you are at your home and you are using your PC.And then you are typing Google.com and you are open the homepage of Google.In between, you are typing Google.com and your browser showing homepage of Google, there are a lot of things that happened:You can see that there are a lot steps between requesting and getting response from server. And sometime hackers hack the data in the middle of these steps.But this long process takes only some milliseconds to be done.Now you can understand, how your data rounding across the world.Now you may be thinking that:<h3>can I access google directly by its IP address?</h3>Yes, you can. Try to open the 172.217.14.78 IP address in your web browser. You will see Google&#39;s homepage.<h2>What is the Internet backbone?</h2>As you saw the use of the usage of the Internet backbone. You can understand that there are long wires and data routes between the interconnected computer networks.Nowadays Internet backbone uses fiber optics connection to increase the speed of the Internet.<h2>What is ISP (Internet Service Providers)?</h2>ISP is an Internet Service Provider like in India, you can see JIO, Airtel and VI is the ISP. Who provides the Internet service to people and users.Who gives you the Internet connection to your wi-fi or router or to your computer is an ISP.Elon musk is creating Star-link to provide high speed internet to users, then the ISP will be Star-link.<h2>What is a DNS server?</h2>DNS server&#39;s full form is Domain Name System server. This is a server that has a database and this server knows which domain name is assigned to which IP address.<h3>For example:</h3>It&#39;s hard to remember every server&#39;s IP address like if I want to open google, I need to remember its IP address or if I need to open Microsoft&#39;s website then I need to remember Microsoft&#39;s server IP address and they are in number form.It will be so hard so that the DNS server makes it easy.Because of Domain Name System, we don&#39;t need to remember the IP address of every single website. We can just remember the domain name of that website.Then instead of typing 172.217.14.78, we can type google.com in our web browser and Google&#39;s homepage will be opened.<h2>What is a Domain name?</h2>The domain name is an alphabet name that is used to assign to the IP address of any server. After assigning the&nbsp;domain name to any IP address, we don&#39;t need to remember the IP address of that server.We can use domain name at the place of IP address.As you know IP address is unique to every internet connection. The domain names are also specific on the internet.<h2>Watch the video of this post</h2>I hope, you understood that How does the Internet work.Comment down if you have any questions or suggestions for this post.

There are a lot of long wires they are connected to many computers (servers) together for data sharing. Because of this Internet works.

How does the Internet actually work?

Hey guys, This is Bhanu Stark.Welcome to the full-stack web development course.<img src="https://s3-ap-south-1.amazonaws.com/media.publicapp.in/media%2F1700389227982-webdevelopment.webp" class="fr-fic fr-dib">I am developing websites since 2014. At this time, we can find a lot of web development courses on the Internet.But on Public App, you can read blog posts of web development and see videos on the YouTube of every single blog post in the Hindi language.Yes, so it&#39;s easy to learn now :)In this course, I am going to explain everything from scratch, so if you haven&#39;t coded ever, you will not find any issue.In this course, I am going to use the latest technologies and tools like HTML5, CSS3, JavaScript ES6, MongoDB, Node JS, Express JS, Git, Heroku, React, etc.As you can see this course will be based on the latest technologies, so you will become a master from beginner after the end of this course.If you will complete a full-stack web development course from here, you will save both time and money.Because you&#39;ll nowhere find a course structured like this. When you see other courses, you&#39;ll find that they are separated into different languages in different courses and they are made so complicated&nbsp;to understand.Or if you&#39;ll try to do this course at any institute, you&#39;ll spend a lot of money on that institute.After completing this course, you will be able to create any kind of website or web app like:The annual package of jobs of this course is starting from 7 LPA. You can search on Google &quot;MERN JOBS&quot;.<h2 style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:normal;">MERN&nbsp;mean:</h2>After the research years, I understood what things are necessary for web development nowadays.The programming languages I have covered in this course, are still using by companies like Facebook and Uber.Basically, there are three types of developers in this world:<h2 style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:normal;mso-outline-level:2;">Front-end developer</h2>Front-end developers create a design of web pages that users see on their screens (in the browser or in any apps). They basically design a user interface for any program.End-users can see this because its come on the screen in front of users<h2 style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:normal;mso-outline-level:2;">Back-end developer</h2>Back-end developers do coding of database and API of any program ( program means websites, apps, or any kind of software). They basically try to store and process data in a structured and secured way.End-user can&#39;t see this because this is an internal process.<h2 style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:normal;mso-outline-level:2;">Full-stack developer</h2>And the third one is full-stack developers, they do both of the works. They do both front-end and back-end development of any software or app.So, after completing this course, you will be a full-stack web developer.<h2 style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; line-height:normal;mso-outline-level:2;">Watch it on YouTube</h2>So keep it up, keep reading, keep asking, keep feedbacking&nbsp;of this course and posts.See you in the next post: <a href="https://www.publicapp.in/how-does-the-internet-really-work/">How does the Internet actually work?</a>Bye-bye :)

In this course, I am going to use latest technologies like HTML5, CSS3, JavaScript ES6, MongoDB, Node JS, Express JS, Git, Heroku, React etc

Complete full-stack web development course with MERN

क्रिसमस डे: यहाँ पाएं क्रिसमस के त्योहार की महत्वपूर्ण जानकारी, क्रिसमस क्यों मनाया जाता है और पहली बार कब मनाया गया था ?

Recommonded for you

About Public App - Where tech meets knowledge

Setup Local Web Development Environment

How does the Website Work?

How does the Internet actually work?

Complete full-stack web development course with MERN

क्रिसमस क्यों मनाया जाता है ? 2023!