Каким стеком умений надо обладать, чтобы делать подобные сайты?

Question

[ne_pes]

сайты похожие на этот acme-experience.com
например (HTML5, CSS3, three.js и тд,) названия библиотек и подобное

Comments

[Rustam Bainazarov]

Ну вы и перечислил нужные технологии + GSAP ещё.

[Rustam Bainazarov]

storm_r1der, часть кода чего? Backend? Если про frontend -- не понимаю, зачем там они. Более того, для исполнения C++ в браузере его нужно преобразовать в JS (не знаю, как этот процесс называется), ибо в браузере нативно только JS.

Для анимаций там GSAP используется.

[ThunderCat]

storm_r1der,

там часть кода на C / C++

ого, ну ка, ну ка, кусочек кода на с в студию! А то гугловцы со своим хоромом не знают что в нем кроме js еще и С запускается...

[jeruthadam]

storm_r1der,

GLSL (GLslang) is a short term for the official OpenGL Shading Language. GLSL is a C/C++ similar high level programming language for several parts of the graphic card.

[ThunderCat]

jeruthadam, и?

WebGL (Web Graphics Library) - программная библиотека для языка JavaScript предназначенная для визуализации интерактивной трехмерной графики и двухмерной графики в пределах совместимости веб-браузера без использования плагинов.

И да, она имеет похожий на С синтаксис, но это просто еще кусок js. Про выполнение С в браузере пока можно забыть )

[ThunderCat]

jeruthadam, спасибо, прям пошел смывать позор )

[jeruthadam]

ThunderCat, человек видимо не слышал что существует Webassembly, ну ок, простим. Позорище, конечно, ну ничего.

[ThunderCat]

jeruthadam, ничего что WA - не язык программирования, отдельный от JS, а только байткод для VMJS? то есть мы все еще выполняем js, минуя стадию трансляции. Ну ок, человек не знает что такое байткод, простим.

[jeruthadam]

ThunderCat, вы видимо никогда не писали на ассембли? Какое отношение он имеет к JS?

[ThunderCat]

jeruthadam, ну, допустим выполняется в среде JS.

Формально, WebAssembly исполняется JavaScript-движком, а не самим браузером, поэтому есть и другие варианты исполнения, например, под NodeJS.

Answer 1

[grinat]

acme-experience.com/humans.txt

Standards: HTML5, CSS3, Javascript
Components: Vue.js, GSAP, pixi.js, three.js, page.js
Software: Gulp, Sass, Git, Sublime Text, Creative Cloud

По факту кроме французов никто такое больше не делает. Если заходишь на лэндос и там из-зо всех щелей прет 3d, либо какой-то очень простой сайт, но нашпигован шейдеров под самое не балуй, то это 100% французы.

Comments

[Andrej Sharapov]

индусы тоже такие делают) встречал пару раз ссылки на дрибле)

Answer 2

[Andrej Sharapov]

vue.js, потому что сайт на vue

Answer 3

[strelok011]

названия библиотек в стек умений слабовато подходят :)

хорошее знание html, глубокое знание css, неплохое знание нативного js, + умение искать библиотеки, подобные greensock.js и tree.js (не обязательно этих монстров задействовать)

библиотеки имеют свойство устаревать либо умирать, появляются новые, прогрессируют браузеры... Главное - быть на волне. И искать подобные проекты. Без интересных задач знания - просто информационный шум.