# Web Development Git & Github Web development is the process of creating a website & web application which people can access on internet. ## **components of website** **frontend :** Frontend development is the part of web development that deals with the user interface and user experience of a website or web application. It involves using languages such as HTML, CSS, and JavaScript to create the layout, appearance, and interactivity of a website or web application. Frontend developers also use frameworks and libraries such as Bootstrap, React, and Angular to enhance their frontend development skills and productivity. **backend :** Backend development is the part of web development that deals with the server-side and database aspects of a website or web application. It involves using languages such as PHP, Python, Java, and Node.js to create the logic, functionality, and security of a website or web application. Backend developers also use frameworks and tools such as Laravel, Django, Spring, and Express to simplify their backend development tasks and improve their performance and scalability. **database :** It is that part of a website which is responsible for organizing and sorting the data of users. Famous Databases are: - SQL, MongoDB. **Difference between Website and Web Application-**

WEBSITE

WEB APPLICATION

1. Content that is available on the website will not change after refresh.

1. Content that is available on web applications will change after refresh.

2. Users of the website can only read the content available on the website . They can’t manipulate the content i.e available on the website.

2. Users of the website can read the content available on the website and they can also manipulate the content i.e available on the website.

3. Website may or may not have authentication

3. Web applications mostly require authentication.

4. Websites can be created with the help of HTML , CSS , JAVASCRIPT.

4. Web application can be created with the help of PHP , RUBY , PYTHON , HTML , CSS

5. Example : alpha intern website, wikipedia website etc.

5. Example: Linkedin , Instagram etc .

`Types of website` there are two types of website: **Static website :** A static website contains web pages with fixed content. Each page is coded in HTML and displays the same information to every visitor **Dynamic website :** Dynamic websites contain web pages that are generated in real-time. **Responsive website** A responsive website is a website that adapts to different screen sizes and devices, so that it **looks good and works well on different devices** like desktops, tablets, phones etc. A responsive website uses HTML and CSS to automatically resize, hide, shrink, or enlarge its elements, depending on the browser window size of the user. ## **STACKS** We use stack in web development to refer to a combination of technologies that are used to create a web application. A web development stack typically consists of a front-end, a back-end, and a database. The front-end is the part of the web application that the user interacts with, such as the web page, the user interface, and the design. The back-end is the part of the web application that handles the logic, the data processing, and the communication with the database. **MERN Stack :-** MERN Stack is a JavaScript Stack that is used for easier and faster deployment of full – Stack web application. **M : Mongo DB -** Mongo DBS is a NoSQL database in which data is stored in documents that consists of key-value pairs. **E : Express -**It is used as a backend API server which interacts with mongoDBS database to serve data to a user. **R : React -** React is an open source JavaScript library that is used for building user interfaces specifically for single-page applications. **N : Node JS -** React is an open source JavaScript library that is used for building user interfaces specifically for single-page applications. **MEAN Stack :-** The MEAN stack is a JavaScript-based framework for developing web applications. **M : Mongo DB -** MongoDBS is a NoSQL database in which data is stored in documents that consists of key-value pairs. **E : Express -** It is used as a backend API server which interacts with mongoDBS database to serve data to a user. **A : Angular JS -** Angular JS is a structural framework for dynamic web apps. **N : Node JS -** React is an open source JavaScript library that is used for building user interfaces specifically for single-page applications. ![](https://lh7-us.googleusercontent.com/k5_9oqssJfDBqQft6yRJjI0k8AwvRqzCsrPBm7v6jMKkhN6mYdyLiSXFcxIt1X_32Mk1AjkK_Ttq5Cw4Ah8hdDy0m2utA3w8VykbnLfu58HKO1mC-jAqgUdrfj2wB-5RPr4TuXURvAA4Jn9EjiggbMo align="left") git and git hub **Git :** Git is a popular version control system. It was created by Linus Torvalds in 2005, and has been maintained by Junio Hamano since then. **It is used for:** • Tracking code changes • Tracking who made changes • Coding collaboration **GitHub :** GitHub is a code hosting platform for collaboration and version control. GitHub lets you (and others) work together on projects. **UPLOADING FILE FROM SYSTEM TO GITHUB** **command steps are following** 1\. Git init 2.git add . 3.git commit -m “message” git remote add origin link of repo 4.git push origin main **PUSHING CHANGES TO GITHUB** 1.git add . 2.git commit -m “message” 3.git push origin main 10 ## **Please Subscribe to my newsletter** Read articles from **WEB DEVELOPMENT BASICS AND GIT & GIT HUB** directly inside your inbox. Subscribe to the newsletter, and don't miss out.