Introduction To web

Introduction To web

Prior to delving into the subject matter, it is crucial to understand code editors, which are essential resources for web developers.

what is Code Editor?

  • Code editors are indispensable tools for developers, enabling efficient coding with features like syntax highlighting, automatic indentation, error-checking, and code snippets.

  • Understanding the use of code editors is crucial for careers in software engineering and web development

Types of Code Editors

Although there are many code editors available, the ones that are most likely to be used include

  1. Visual Studio Code

    • Supported languages: JavaScript, TypeScript, Python, and C++

    • Supported platforms: macOS, Windows, Linux (Debian, Ubuntu, Red Hat, Fedora, SUSE)

    • Best for: beginners who are learning to code

    • Price: free

  2. Sublime Text

    • Supported languages: C++, Python, PHP, Rails, and more

    • Supported platforms: Windows, Linux, macOS

    • Best for: developers who need a high level of customization and plenty of shortcuts

    • Price: freemium ($99/license)

  3. Notepad++

    • Supported languages: Over 70 programming languages including HTML, CSS, JavaScript, PHP, XML, C++, and Swift

    • Supported platforms: Windows, Linux, UNIX

    • Best for: developers who prioritize speed

    • Price: free

  4. Atom

    • Supported languages: programming languages and file formats such as C, C++, COBOL, HTML, CSS, Java, PHP, Ruby, Scala, and SQL

    • Supported platforms: Windows, macOS, Linux

    • Best for: users who prioritize Git and GitHub integration

    • Price: free

What is the use of Emmet in VS Code?

Emmet is a plugin or developer tool kit that helps make your work faster and substantially enhances HTML and CSS workflows. It comes pre-installed in VS Code and allows you to write your code quickly

what is Web Server and Web Browser?

  • Web Browser:- It is a type of software that we use for browsing and displaying web pages that might be available over the internet.

Example:-

  1. Mozilla Firefox

  2. Google Chrome

  3. Microsoft Internet explorer

  4. Apple Safari

  5. Opera

    Web Server:- it is a type of software that searches, finds, and provides documents to the browsers, as requested by them.

Example:-

  1. Apache HTTP Server Web Server.

  2. Internet Information Services (IIS) Web Server.

  3. Nginix

  4. Node. js Web Server.

well most probabably i use Apache, where Apache is a web server software that is responsible for accepting HTTP requests from visitors and sending them back the requested information in the form of web pages.

what is cpanel?

  • Purpose: cPanel is a web-based control panel that provides a graphical interface for managing and configuring various aspects of a web hosting environment.

  • Functionality: It allows users to easily manage their websites, domains, email accounts, databases, and other hosting-related features without needing to use command-line interfaces.

Example:-

Imagine you have a magical treehouse where you keep all your favorite toys and snacks. Now, cPanel is like a special remote control for your treehouse. With this remote control, you can easily organize your toys, decide who gets to play with what, and make sure everything is neat and tidy.

On the other hand, Apache is like a friendly robot that brings toys to your friends when they ask for them. This robot listens to your friends' requests (like when they want to play with a specific toy) and makes sure they get what they asked for.

So, cPanel helps you manage and arrange things in your treehouse, while Apache is the helpful robot that makes sure your friends get the toys they want to play with. Both work together to make your treehouse a fun and well-organized place!

What is Local Host?

  • You might be using it to test websites and web applications locally without knowing what exactly it is. Well, “127.0.0.1” is localhost.

  • If you’ve served a website on your computer so you can test it without connecting to the internet, what you’re dealing with is a localhost.

  • If you’ve put a website on the internet before, then you’ve dealt with hosting companies like Heroku, Hostinger, Netlify, and many others. These are what I refer to as “remote hosts” or virtual servers.

What is the IP Address127.0.0.1?

This 127.0.0.1 IP address is reserved for local servers on computers, so you will never find another IP address that starts with 127.

If you want to visit a website, you type the website address to your browser’s address bar, for example, http/freecodecamp.org.

The Domain Name Server (DNS) matches the address to a numeric IP address corresponding to that name. In the case of freeCodeCamp, this IP address is 104.26.2.33. This is how it is done for every website you visit.

what is metadata?

  • The head of an HTML document is the area that isn't displayed in the web browser when the page loads.

  • It has the information such as page(title), css(link),custom favicon(link)

  • Web browsers use information contained in the head render the HTML document correctly.