EnglishEn

EspañolEs

УкраїнськаUk

Deux-ClicsAgence web digitale

Веб-технологии

Когда вы начинаете создавать сайт или приложение, легко растеряться из-за множества доступных технологий. Среди языков, фреймворков и инструментов не всегда просто сориентироваться.

Эта статья дает обзор основных технологий, используемых в современном вебе. Она не является исчерпывающей, но представляет наиболее распространённые и популярные решения.

Языки программирования

(x)Html

Язык разметки, используемый для структурирования и придания смысла веб-контенту. Происходит от «HyperText Markup Language», сокращённо HTML. Позволяет создавать формы, вставлять ссылки, изображения и видео.

CSS

Используется для оформления веб-документа, например HTML-страницы. Происходит от «Cascading Style Sheets» или «каскадные таблицы стилей». Это список свойств внешнего вида и позиционирования (цвета, шрифты, границы…). Цель — отделить содержимое страницы от её визуального отображения.

PHP

PHP — это язык программирования, который позволяет создавать динамические веб-страницы. Около 3 из 4 сайтов используют PHP так или иначе.

Javascript

Используется для добавления анимаций и эффектов на веб-страницу. Также применяется для создания интерактивности и улучшения удобства или интерфейса пользователя.

Jquery

Библиотека JavaScript с открытым исходным кодом, упрощающая написание JavaScript на веб-страницах. Позволяет работать с HTML, обрабатывать события и упрощать взаимодействие со страницей.

Другие технологии

Mysql

Система управления реляционными базами данных с открытым исходным кодом. Позволяет хранить и организовывать данные сайта, такие как пользователи, статьи или товары.

Ajax

Техника, позволяющая загружать данные с сервера без перезагрузки страницы. Используется для того, чтобы сделать сайты быстрее и более интерактивными.

Nodejs

Среда выполнения, позволяющая использовать JavaScript на стороне сервера. Позволяет создавать быстрые веб-приложения, особенно в реальном времени.

React

Библиотека JavaScript с открытым исходным кодом, разработанная Facebook. Используется для создания пользовательских интерфейсов, особенно в одностраничных веб-приложениях.

Wordpress

Бесплатная система управления контентом (CMS) с открытым исходным кодом. Написана на PHP и использует базу данных MySQL. Позволяет легко создавать сайты с помощью множества плагинов. Более 40% сайтов используют её.

Prestashop

Открытая CMS, предназначенная для электронной коммерции. Позволяет легко создавать и управлять интернет-магазином.

Angular

Фреймворк с открытым исходным кодом, разработанный Google. Позволяет создавать веб-приложения, управляя страницами, взаимодействиями и данными.

Python

Универсальный язык программирования с открытым исходным кодом. Используется для создания сайтов, автоматизации задач и разработки приложений.

Vue.JS

Фреймворк JavaScript с открытым исходным кодом (также просто Vue). Используется для создания пользовательских интерфейсов и веб-приложений.

Symfony

Фреймворк PHP с открытым исходным кодом. Позволяет создавать сайты и веб-приложения, упрощая организацию и разработку кода.

Laravel

Фреймворк PHP с открытым исходным кодом, частично основанный на Symfony. Позволяет создавать сайты и веб-приложения, упрощая разработку.

Ruby

Объектно-ориентированный язык программирования с открытым исходным кодом, разработанный для простоты и удобства. Используется для создания веб-приложений и программ.

Zend

Фреймворк PHP с открытым исходным кодом. Предоставляет инструменты для создания сайтов и веб-приложений, структурируя код и упрощая разработку.

Cakephp

Веб-фреймворк с открытым исходным кодом, написанный на PHP. Следует архитектуре MVC и упрощает разработку веб-приложений, в частности благодаря инструментам для работы с базами данных и организации кода.

Apache cordova

Фреймворк с открытым исходным кодом от Apache Foundation, позволяющий создавать кроссплатформенные мобильные приложения с использованием веб-технологий, таких как HTML, CSS и JavaScript.

Ionic

Фреймворк с открытым исходным кодом, позволяющий создавать кроссплатформенные мобильные и веб-приложения с использованием таких технологий, как HTML, CSS и JavaScript.

Joomla

Бесплатная CMS с открытым исходным кодом, используемая для создания различных типов сайтов, таких как сайты-визитки, блоги или контент-порталы. Joomla написана на PHP и обычно использует базу данных MySQL.

CodeIgniter

Фреймворк с открытым исходным кодом, написанный на PHP по модели MVC. Он ценится за лёгкость, скорость и простоту использования при разработке веб-приложений.

Woocommerce

Открытое расширение для WordPress, предназначенное для электронной коммерции. Позволяет превратить сайт на WordPress в интернет-магазин и является одним из самых популярных решений для онлайн-продаж.

Bootstrap

Front-end фреймворк, используемый для создания дизайна и структуры сайтов и приложений. Предлагает готовые к использованию компоненты HTML, CSS и JavaScript.

Haml

Язык разметки, используемый для генерации HTML с более лаконичным синтаксисом. Его цель — сделать написание шаблонов быстрее и удобнее для чтения.

Sass

Широко используемый CSS-препроцессор, добавляющий такие возможности, как переменные, вложенность и миксины, чтобы упростить написание и поддержку таблиц стилей.

Источники

Статистика использования PHP для веб-сайтов (на английском)
Статистика WordPress 2020

Глоссарий

Framework: Набор компонентов для создания основы и структуры программного обеспечения или веб-приложения

CMS: Происходит от аббревиатуры « Content Management System »

Open-Source: Лицензия, позволяющая свободное распространение, доступ к исходному коду и создание производных работ

MVC: Также известен как «Model View Controller», популярный архитектурный шаблон для веб-приложений

Préprocesseur: В информатике препроцессор — это программа, изменяющая код перед компиляцией