Кои са основните технологии, използвани в Уеб страниците?

(Hyper Text Markup Language / Език за маркиране на съдържание)

Ако HTML беше на разбираем език, то той щеше да казва следното: "Това е видео, то се намира 'тук' и ще го наричаме 'моето видео1'. След него ще има текст и ще го наричаме 'текст1'. След това пък има картинка а тя намира 'тук'"

(Език за програмиране на страници. Script - защото се праща на броузъра като чист текст, а не компилирани машинни инструкции)

Javascript би казал " Когато страницата се зареди напълно, пусни видео 'моето видео1' и 10 секунди след това покажи картинката която се намира след 'текст1' . А пък ако някой отиде върху 'бутон 3' ще му пуснем 'ефект 1' "

(Cascading Style Sheets / Стилове които се добавят към елементите от нашия HTML спрямо различни видове правила)

CSS би казал " 'моето видео1' ще се намира точно на тези координати в страницата ми, ще има рамка от 5 пиксела и тя ще е зелена. А пък 'текст1' ще е с големина 15 пиксела и болднат. 'ефект 1' ще сменя цвета на бутона с оранжев. И всички снимки в страницата ще имат отстояние 20 пиксела от елементите около тях." 

(Създаване на отзивчиви страници визуално)

Adobe Edge Reflow: "Съвсем нов съм, на няколко месеца, така че не е ясно колко проблеми ще имаш с мен. Но би трябвало лесно да създаваш страници и променяш стиловете, големините и позициите на елементите в страницата и то визуално. Да задаваш как те трябва да изглеждат на различни устройства. Интегриран съм добре с Photoshop" https://html.adobe.com/edge/reflow/

Stylizer: "Можеш да правиш същото като Adobe Edge Reflow, но HTML-а ще си го създаваш сам. А пък за да ме направиш responsive ще трябва да използваш някои трикове или да изчакаш да ме update-нат със CSS media queries"

(Twitter Bootstrap, https://getbootstrap.com/  Прави HTML по-лесно да изглежда добре. Има вградена грид система и е responsive/отзивчив)

Bootstrap: "Тук искам да сложиш голям основен бутон, картинка с рамка. А тук форма за попълване на данни. Искам страницата ми да има три снимки на този ред и текстове под тях. Няма да трябва да им слагаш безсмислени скриптове или собствен CSS, аз съм направил всичко вече, дори страницата ти ще работи на всички устройства и ще изглежда добре. Ако искаш да изглежда по различен начин, можеш да си смениш bootsrap темата "

(Система на PHP за уеб сайтове)

Wordpress: "Избери си тема. Вкарай съдържанието под формата на текст, снимки, видео и продукти. Ако ти трябва някаква по-специална функционалност, то си намери plugin, има десетки хиляди. Ако искаш обаче страницата ти да е по-нестандартна, трябва или сам да си направиш темата, или да ползваш тема с готови [shortcodes] като Avada. Така ще можеш да разделиш страницата си на различни карета и във всяко от тях ще сложиш каквото решиш, с по един [shortcode] който изтегля съдържанието ти от базата ми данни"

Flash / Silverlight: "Можеш да създаваш векторни и растерни форми и да ги раздвижваш лесно по моя timeline / времева линия. Можеш дори да си направиш цяла игра като програмираш на моя собствен език. Но няма да работят на мобилни устройства"

HTML5 Canvas: "Можеш да направиш всичко което и Flash може, ще върви на всякакви устройства, но ще трябва да го анимираш на ръка със скриптове. Освен ако не ползваш нещо подобно на Google Web Designer https://www.google.com/webdesigner/  или Adobe Edge Animate https://html.adobe.com/edge/animate/ "

(Система за създаване на мобилни апликации)

PhoneGap: "С мен може да създадеш мобилна (app) апликация с HTML, Javascript и CSS, която да изглежда страхотно и да има достъп до всички функции на мобилното устройство. Няма да трябва да програмираш на objective C и да се мъчиш с нови различни технологии за всяка мобилна операционна система"

(Видеото което се вижда на всички устройства. Ако някой ден попаднете на програма, която ви пита като какво искате да си запишете видеото. Това са 3-те неща които трябва да изберете. Контейнер, аудио и видео компресия)

MP4 : "Аз съм контейнера на видеото, в мен трябва да сложиш аудио и видео с избрана от теб компресия"

H264 : "Най-добрия алгоритъм за компресия в уеб. Поддържа всякакви резолюции и устройства, а големината и качеството му са перфектни"

ACC : "Алгоритъм за компресиране на аудио с високо качество"

HTML5 Canvas + Javascript  :  "Ще работя на всички устройства и то без добавки. Можеш да видиш тук: https://threejs.org/ "

Unity3D : "За мощни интерактивни визуализации към всички устройства и настолни уеб броузъри. Ще ти трябва допълнение към броузъра, за това ставам само в определени случай. Ще трябва да си направиш моделите на някоя 3D програма, а пък с моя помощ, ще ги направиш интерактивни. Виж пример тук: https://nvyve.com/portfolios/nuovo/ "