développement web - SUZALI Conseil

What is web development?

Web development Consists of programming websites or web applications (mobile web) intended to be published on servers. This discipline is done using programming languages.

Web development requires mastery of certain tools such as CMS: WORDPRESS, JOOMLA or SPIP for example.

In addition, web development also requires mastery of languages ​​such as:

HTML and CSS, JavaScript or PHP. All this in order to be able to respond favorably to the needs of the client of a web agency. As is the case at SUZALI CONSEIL.

Coding and designing are the day-to-day life of a web developer. Which are what makes them a staple in building websites and all kinds of web applications?

The different languages in web development

-HTML:

As a major lever on the web development .Hypertext makeup language, abbreviated as HTML or, in its new version HTML 5, is a markup language designed to represent web pages.

This language makes it possible to:

-Write hypertext, hence the name

– Semantically structure the page

-Form the content

-Create input forms

-Include multimedia resources (images, videos) as well as computer programs.

-Create interoperable documents with a wide variety of equipment in accordance with web accessibility requirements.

The latest version is HTML5 which is more efficient and offers new advantages.

What’s new in HTML5?

– Management of persistent errors.

-Improving the semantics of the elements.

-Improved support for web application functionality.

-the web on mobile simplified.

-Canvas element.

– Menu tag.

– Customizable data attributes.

-More cookies.

This version supports SVG and other vector image formats. In addition HTML5 uses SQL web databases for temporary cached storage. Another big difference: HTML doesn’t allow JavaScript to run natively in a web browser. While HTML5 provides full support for JavaScript to run in the background (thanks to HTML5’s JS API).

–CSS:

Cascading Style Sheets is a computer language describing the presentation of HTML and XML documents.

In general CSS allows you to define the rendering of a document according to the rendering media and its capabilities. That of the browser (text or graphics), as well as the preferences of its user.

According to CSS2 we differentiate between stylesheets for the following media:

All: whatever the medium is;

Screen: desktop computer screens;

Print: for paper printing;

Handheld: very small screens and clients with limited capacities;

Projection: when the document is projected;

TV: when the document is displayed on a television device;

Speech: for rendering via speech synthesis (replacing aural, initially planned by CSS2.0 then deprecated by CSS2.1).

Style waterfalls:

The cascade designates a combination of different sources of styles applied to the same documents. According to their respective degree of priority. Different types of waterfalls can be combined:

-by origin of styles.

-by media.

According to the architecture of a set of web documents.

-depending on the architecture of the leaves themselves.

The latest CSS3 version is more efficient and allows more freedom in the design. Let us mention some novelties such as:

-Border-radius: allow representing differently the layout from a browser to another with rounded corners or even circles.

-Box shadow: This immediately gives depth to the elements.

-Text shadow: from now on, it is quite possible to apply the same effects to any text. And this, with the same parameters: (x offset, y offset, the radius of the blur, the color of the shadow).

-Text outline: also offers the same option as box-shadow. Although web kit offers the same possibility with stroke (but which is not as elegant).

-the plurality of backgrounds: in order to allow having several backgrounds in CSS3, the background property has also been modified.

–The flexbox

(Flexible box model):

Finally a model that allows us to do without floats. Of course, it takes a little work to understand these new properties, but then everything will become logical.

-Transitions:

Is by far the most exciting property of CSS3. It gives the possibility of being able to animate elements without needing to mobilize JavaScript.

-PHP:

Recursive acronym for (Hypertext processor).

PHP is a general-purpose, open-source scripting language. It’s specially designed for the development of web applications. It’s mainly used to produce dynamic web pages via an http server. It can also function as any language interpreted locally. It is an object-oriented imperative language that has allowed the creation of many websites such as Facebook or Wikipedia.

FUNCTIONALITY

It is easily integrated with html; PHP is considered one of the bases for creating sites and web applications.

PHP is part of the large family of C descendants whose syntax is very similar. Its syntax and construction resemble those of the JAVA and PERL languages.

PHP code can easily be mixed with HTML within a PHP file.

As an example for use on the Internet, the execution of the PHP code is as follows. When a visitor requests to consult a web page, his browser sends the request to the corresponding HTTP server. If the page identifies itself as a PHP script (generally thanks to the PHP extension).

The server will therefore call the PHP interpreter which will process and generate a final code. The page (generally made up of HTML or XTML). But also Cascading Style Sheets and (JS). This content is sent back to the http server which will send it back to the client.

JAVASCRIPT:

JAVASCRIPT is a lightweight, object-oriented computer scripting language known primarily as the language of web pages. It’s used in many environments outside of web browsers such as:

Node.js, Apache Couch DB, and even Adobe Acrobat.

JavaScript code is interpreted or compiled on the fly.

This object-oriented language uses the prototype concept. This has a weak and dynamic typing allowing programming according to different programming paradigms.

Contrary to popular belief JAVASCRIPT is not interpreted JAVA.

What happens when running JavaScript on my page?

It all starts when a web page loads in the browser. The HTML, CSS, and JAVASCRIPT codes run in the same environment which is the browser tab. This can be very much like a factory taking the raw materials (the code) into a product (the web page).

JavaScript is executed by the browser’s JavaScript engine, after the html and CSS have been combined into a web page. So that the structure and the style of the page are already in place when the java starts its execution. This sequence is essential. Since frequent use of JavaScript is to dynamically modify HTML and CSS to update the user interface. Loading the JavaScript and trying to run it before the HTML and CSS are in place could lead to errors.

The usefulness of web development:

It is quite possible to split the discipline of web development into two very distinct parts. Namely the frontend and the backend:

Frontend:

A front-end developer, or web integrator developer, is responsible for defining the web design of a website. Its task is to carry out all the work inherent in the user interface with a reflection on the user experience. Responsive design or even ergonomics.

Backend:

The backend developer is responsible for providing technical solutions for the work relating to the back office part. Consisting of work which must develop functional interfaces for the administration of a website. A backend developer may need to create an intranet, for example.

It is always necessary to appeal to the complementarity of the technical skills of the two types of web developers. Especially when it comes to developing a project bearing technical specifications for the implementation. Instead of a tailor-made platform. Web development has a considerable place in the context of a web agency; by handling the programming language. Web development allows you to create a website or even a tailor-made web application. That fits perfectly to the needs of professionals.

Leave a Comment

devis gratuit et sans-engagement