Web-технології

Коли ви починаєте створювати вебсайт або застосунок, легко розгубитися через велику кількість доступних технологій. Між мовами, фреймворками та інструментами не завжди просто зорієнтуватися.

Ця стаття пропонує огляд основних технологій, що використовуються в сучасному вебі. Вона не є вичерпною, але висвітлює найпоширеніші та найуживаніші рішення.

Мови програмування

(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

Framework web libre écrit en PHP. Suit la structure MVC et imite le fonctionnement de Ruby on Rails. Il facilite l'utilisation de Bases de données avec Active record.

Apache cordova

Plus anciennement Apache Callback ou PhoneGap, il s'agit d'un framework open-source développé par la Fondation Apache. Il permet de créer des applications pour différentes plateformes (Android, Firefox OS, iOS, Ubuntu, Windows 8...) en HTML, CSS et JavaScript.

Ionic

Framework open-source permettant de construire des applications natives multiplateformes en utilisant les technologies web comme HTML, CSS, Javascript. Ionic est basé initialement sur AngularJS et Apache Cordova.

Joomla

CMS libre et open-source utilisé pour la création de site web (pages, blog, news, flux RSS, sondages, recherches). Joomla est écrit en PHP et utilise une base de données Mysql. Créé à partir du CMS Mambo à la suite de désaccords.

CodeIgniter

Framework libre écrit en PHP suivant le motif MVC. Considéré comme léger et performant, il a été conçu « pour les développeurs qui ont besoin d’une boîte à outils simple et élégante pour créer des applications web complètes ».

Woocommerce

Extension wordpress open-source spécialisée dans la mise en place de boutique e-commerce. À l'heure actuelle, woocomerce est la solution de vente en ligne la plus populaire sur le marché.

Bootstrap

Framework utilisé dans le cadre de création du design des sites et des applications web. Contient un ensemble de codes HTML et propriétés CSS avec des extensions Javascript en option. Un des projets les plus populaires sur la plateforme GitHub

Haml

Le HAML est un langage de balise utilisé pour générer des documents Xhtml sans utiliser la syntaxe Html. Il offre entre autres avantages, un plus grand confort d'écriture du HTML.

Sass

Un des préprocesseur les plus utilisés pour pouvoir gérer facilement les feuilles de style CSS complexes avec des propriétés qui s'adaptent à tous les navigateurs et des facilités d'écriture.

Джерела

Статистика використання PHP для вебсайтів (англійською)
Статистика WordPress 2020

Глосарій

Framework: Набір компонентів, що використовуються для створення основ і загальної структури програмного забезпечення або вебзастосунку

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

Open-Source: Ліцензія, що дозволяє вільне розповсюдження, доступ до вихідного коду та створення похідних робіт

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

Préprocesseur: В інформатиці препроцесор — це програма, що виконує перетворення коду перед компіляцією

Розрахунок витрат на розробку

Зрозумійте різні витрати на розробку та фактори, що впливають на бюджет проєкту. ...

Інтернет

329

Agile-методи

Дізнайтеся про Agile-методи та зрозумійте, як вони допомагають розробляти більш гнучкі, швидкі та орієнтовані на потреби клієнта проєкти. ...

Продуктивність

345

отримайте наші кращі статті