4 things you need to build a web application

4 things you need to build a web application


Welcome to LEAD The other day a startup founder asked me Dr. Lau, what is Full Stack Development ? Why do we need to know about it ? Today, I am going to to discuss this question. First of all, before we look into full stack development Let’s look at how website works. Imagine today you go to a browser You want to visit Google You enter Google.com at the address bar But your browser will not go to the Google server first. It will actually go to a Domain Name Server (DNS) and translate Google.com to an IP address. our browser will connect to the IP address and download a set of files such as HTML, CSS, JavaScripts and the supporting files like image files render it, and display on your local browser. This is how a website and web applications work and also known as theclient-server architecturewhether you are browsing Google, Facebook, Ebay or smaller scale websites like LEAD or my website drhanlau.com we all use the same architecture. Now, you have understood how websites and the Internet works Let’s look at the Full stack development consists of four major components. Which are front-end, back-end, databases and the server. Let’s first talk about front-end. Front-end is everything that your users see and interact. For example: the text, videos, and images. Every single website that you see on the Internet is using the same languages to build the front-end. which are HTML, CSS and JavaScript. No more, no less. Front-end languages alone are sufficient for us to build a static website. For example, a profile for your cat or the menu for a restaurant website. If you are building a dynamic website like AirBNB, Lazada and Taobao You need backend development In short, backend is the part where your users can’t see. and we use programming languages like PHP and NodeJS to help us to write functionalities that handles your business logic such as browsing products, place bookings orders and accept payments. After we have set up our backend and front-end what we need to do is to find a place to store our data. This is where databases come in. For databases, we have the common ones like the relational databases such as Microsoft SQL, and MySQL. If you are storing something that is non-relational, you may use unstructured databases like MongoDB, Firebase that helps us to store texts, documents, messages product reviews and user comments. Full stack developers don’t really have to master the database design at the very beginning. But you definitely need to know how to read and write data to the database at the minimum. Lastly, we will need a place to host our web applications. At the beginning, when you don’t have a huge traffic volume. You may start with shared hosting solutions like Exabytes, Hostgator, or GoDaddy. Once you have more traffic, and required advanced functionalities. Then you might opt forcloud based hosting solutionslike Google Cloud Platform, AWS, or Microsoft Azure. What I have covered here are four key components in full stack development. Remember, every website, web application that you use be it giants like eBay, Facebook, Google or smaller ones like LEAD or personal website. We are all using the same client-server architecture and HTML, CSS, and JavaScript to build our front-end. The things that are different here are the frameworks, databases, and backend languages we choose that are suitable for our website functionalities and the amount of traffic that we are handling. Mobile applications are using a similar architecture as well. I will cover it when we have time in future videos. Thanks for watching this video. Don’t forget to LIKE and SHARE with a friend who is currently learning full stack development. Like our Facebook page subscribe to our Youtube channel for future videos like this. Thank you and I will see you in the next video.

Danny Hutson

Leave a Reply

Your email address will not be published. Required fields are marked *