Исходный код вики Промежуточные языки
Редактировал(а) Alexandr Fokin 2023/01/06 16:55
Последние авторы
| author | version | line-number | content |
|---|---|---|---|
| 1 | В процессе развития технологического стека Frontend образовались промежуточные языки, располагающиеся поверх обычного языка. | ||
| 2 | Данный язык обычно используется чтобы изменить/упростить какой-то из аспектов разработки, сделать его более удобным, добавить какой либо подход (его возможности и ограничения). | ||
| 3 | Некоторые фреймворки требует (или рекомендуют) при своем использовании именно определенный промежуточный язык. | ||
| 4 | |||
| 5 | ---- | ||
| 6 | |||
| 7 | Схема: | ||
| 8 | |||
| 9 | Разработчик -> Код на промежуточном языке -> Компиляция -> код на языке, понятном исполнителю | ||
| 10 | |||
| 11 | ---- | ||
| 12 | |||
| 13 | (% style="width:1431px" %) | ||
| 14 | |(% style="width:158px" %)**Основной язык**|(% style="width:218px" %)**Промежуточный язык**|(% style="width:942px" %)**Комментарий**|(% style="width:110px" %)**Расширения** | ||
| 15 | |(% colspan="1" rowspan="4" style="width:158px" %)[[JavaScript>>doc:Разработка.Frontend.JavaScript.WebHome]]|(% style="width:218px" %)Babel|(% style="width:942px" %)((( | ||
| 16 | [[https:~~/~~/babeljs.io>>https://babeljs.io]] | ||
| 17 | |||
| 18 | Используется в фреймворке [[ReactJS>>doc:Разработка.Frontend.Библиотеки.Frameworks.ReactJS.WebHome]] | ||
| 19 | )))|(% style="width:110px" %).jsx | ||
| 20 | |(% style="width:218px" %)[[TypeScript>>doc:.TypeScript.WebHome]]|(% style="width:942px" %) |(% style="width:110px" %).ts | ||
| 21 | |(% style="width:218px" %)ReasonML|(% style="width:942px" %)[[https:~~/~~/reasonml.github.io>>https://reasonml.github.io]]|(% style="width:110px" %) | ||
| 22 | |(% style="width:218px" %)Fable|(% style="width:942px" %)[[https:~~/~~/fable.io>>https://fable.io]]|(% style="width:110px" %) | ||
| 23 | |(% colspan="1" rowspan="2" style="width:158px" %)[[CSS>>doc:Разработка.Frontend.HTML и CSS.CSS.WebHome]]|(% style="width:218px" %)SASS|(% style="width:942px" %) |(% style="width:110px" %) | ||
| 24 | |(% style="width:218px" %)LESS|(% style="width:942px" %) |(% style="width:110px" %) | ||
| 25 | |||
| 26 |