> For the complete documentation index, see [llms.txt](https://vyspiansky.gitbook.io/introduction-to-web-development/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vyspiansky.gitbook.io/introduction-to-web-development/getting-started/intro.md).
# Вступ
### Мови розмітки
Першим ділом варто вивчити HTML і CSS (актуальні версії CSS3, HTML5). Ця зв'язка дозволяє змінювати розміщення, оформлення елементів на HTML-сторінці.
### JavaScript
Мова JavaScript, яку ще не так давно мало-хто сприймав серйозно, сьогодні перетворилася в одну з найбільш популярних мов. Уявити собі розробку серйозного веб-сайту без неї майже неможливо.
Окрім самої мови, варто також познайомитись з:
* [jQuery](https://jquery.com/) — найпопулярніший JavaScript-фреймворк. Це легкий та гнучкий інструментарій для кросбраузерного доступу до DOM об'єктів за допомогою CSS та XPath селекторів. Також даний фреймворк надає інтерфейси для AJAX-додатків, обробників подій і простої анімації.
* [Bootstrap](http://getbootstrap.com/) — найпопулярніший HTML, CSS, та JavaScript фреймворк для зовнішнього вигляду та інтерактивності веб‑сторінок.
### Серверна мова програмування
Варіантів тут предостатньо — PHP, Python, Ruby on Rails, Node.js та інші. Ми зупинимось на PHP і Node.js:
* PHP — легка у вивченні серверна мова програмування, яка є основою популярної системи управління контентом WordPress, платформи для організації електронної комерції Magento тощо.
* Node.js — це JavaScript-оточення побудоване на JavaScript–рушієві Chrome V8. Node.js використовує подієву, неблокуючу I/O модель, що робить його легким та ефективним.
### Але...
Перед тим, як поринути в мови розмітки / програмування, ми познайомимось з основними поняттями у веб-розробці, а також з корисними інструментами, які допоможуть в роботі.