Web Development ماهو ؟

Web Development What is it?

Web Development components or web development

• Front end development

Front-end development of a website is the overall appearance of a website that a user sees. It is the practice of producing HTML, CSS, and JavaScript for a website or web application so that the user can see and interact with it directly. The challenge associated with front-end development is that the tools and techniques used to create the front-end of a website It is constantly changing and so the developer needs to always be aware of how the field is evolving.

• Back-end developer

Backend development of a website is the technical part that focuses on everything you can't see on a website. Backend developers ensure that the website performs properly, focusing on databases, backend logic, application programming interfaces (APIs), and servers.

Steps in the web development process

• Make plan

The first thing to do before developing a website is to make a plan. You shouldn't just start creating a homepage right away. You should take the time to figure out what you want for the site. The best way to do this is to list specific goals. Some common goals are things like "allow For users to purchase products on the Site and “inform users about the Site’s products and services”, there may also be objectives such as “introducing users to members of the Site team”.

• Create a site map

Once you have come up with some general goals for the site, the actual planning of the site can begin. The best way to do this is to create a site map, where you simply plan out all the different sections and pages that will make up the site. A site map can be made online, or you can simply use a pen and paper. In an attempt to provide a visualization of how all the pages on the site are organized and interconnected.

Ultimately, this sitemap will be the key to creating an effective navigation setup on the site.

• Buy a domain name

The next step is to register the domain name. The domain name of the website is the URL of the website. For a business website, the best way is to simply use the business name.

When creating a domain name for the site, you should try to make it clearly related to the brand, and it is best to make it short if possible, as it is difficult for users to remember longer site names. If you are using a website builder such as WordPress, the private domain name can also be registered from there.

• Building the back end of the site

Once we know the layout of the website we start using a CMS such as WordPress to build the site. If so, pre-existing building templates can be used, but keep in mind that the website will not be as unique as if you had built it from scratch. Template options The site includes the following: 

• It's not best to just take a template and change the words on the page, templates should act as a starting point, so they should be modified into something new and original to help create a unique design.
• If you decide to write code manually, three web development tools are most likely being used – HTML, CSS, and JavaScript. These three programs enable the creation of a website without code, with HTML forming the building blocks and the other two tools augmenting the core code.
• Once you've finished the initial coding, you'll want to start optimizing other elements of the site's backend, which includes deciding where you'll host the site, how it will be organized, and retrieving data. The backend optimization process is detailed and technical, but there are a few things you can expect to do in this process. The step is:
  • Preparing forms to collect data.
  • Store image files.
  • Setting cookies on specific pages.

Optimizing the backend is a very important step in the development process, especially if users can make purchases on the site and the data they enter must be stored somewhere.

• Build your own front-end

After creating the backend of the site comes front-end development. This means preparing the part of the site that users will see when they visit it.

Some common site front-end elements include:

• • Colors.
  • Font choices.
  • Mobility planning.

• • Launch your own website

All that remains now is to launch the site! Of course, some tests will initially be done to check that everything is working properly first, but once you are sure that everything is fine, you can make the site public.

 Examples of languages ​​used in programming

• JavaScript, JavaScript is a very prominent markup language for websites that first appeared in 1995. It is a high-level interpreted scripting language, whose main platform is web browsers.
• Python: Python is a high-level interpreted coding language that runs on a range of different platforms. It was created in 1991 by Guido van Rossum.
•  PHP: PHP is a coding language for producing dynamic web pages. It was created by Rasmus Lerdorf in 1995.

What is the difference between a web developer and a web designer?

• Web designer

 He is the person who makes the website look good. The main responsibility of web designers is to focus on the overall look of the website by using different software like Photoshop, Corel Draw, etc. to make the website more attractive.

• Web developer

 Web developers are generally called programmers. They take the design created by web designers and turn it into a fully functional website and use different software and tools like Javascript, jQuery, Node.js, PHP, ASP.NET Python , etc., to achieve their goal. The main one is to create a website that works well and is easy to operate.