Сохранен 48
https://2ch.hk/b/res/175827520.html
24 декабря 2023 г. Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Аноним 12/05/18 Суб 08:41:12 #1 №175827520 
slide1.jpg
Суп.
Программирования тред. Первый в этом тысячелетии.
У меня вопрос.
Относительно давно знаком с веб технологиями.
Писал для себя несколько сайтиков.
Стек HTML\CSS\JS\PHP
Верстка. Все дела.
Пробовал осовоить Django, но не мог понять сути происходящего
Тоже самое с Руби и рельсами.
Недавно чет стало скучно, и решил реализовать один свой проект. За вечер сделал, и оно работало. Js в связке с PHP. Все через Ajax. Данные в Json формате.
Следующим шагом было парсинг сайта, дабы заполнить базу(MYSQL ибо с другими особо не работал). Пробовал бьютифол соуп, скрапи, но там питон. И я нихуя не понял.
думаю, ну хуйня потом парсингом займусь.
Решил попробовать связку React и какой-нибудь бекенд.
С nodejs пробовал давно работать, но дальше хеллоуворлд не прошел.
Суть вопроса.
Как разобрать с ReactJs и другими популярными фреймворками в 2018ом?
Я просто не понимаю как оно работает.
Зачем их придумали? Писали бы фронтенд на православной связке HTML\CSS\Js
Зачем так все усложнять?
Как разобраться с работой бекенда? Я понимаю относительно как работает PHP.
Но не могу например заменить PHP на Руби, питон или Nodejs, ибо не понимаю как оно взаимодейстует с фронтендом.
Кто что посоветует?
Как навести порядок в голове и убрать эту вкусную кашу?
Ебаный веб, хз зачем я туда лезу вот уже несколько лет. Но глядя на Си и плюсы, и объем знаний который нужен чтобы писать с использованием Qt мне становится немного легче.
Ах да, заканчивал шарагу на программиста, писали там на Java, delphi, c#. Из этого могу спокойно писать программки на делфи для себя. Писал даже полноценное приложение которое работало с БД и парсило экселевский документ и забивало данные в БД.
Сумбурно написал. Кому что не понятно, или есть вопросы, пишите, объясню подробнее.
Ну и у кого подобные вопросы по вебу, пишите, может чего подскажу.
Ах да, в вебстудии не работал, я слишком тупой для них.
Ах да, использую gnu\Linux. Собирал из исходников программы, настраивал сервера, держал даже ноду в торе.
Ах да, пишу сюда, ибо боюсь в /pr меня на хуй обоссут, я и так на дизморали уже второй день, от непонимания происходящего.
Аноним 12/05/18 Суб 08:45:23 #2 №175827610 
бамп
Может я просто гуманитарий ебаный?
Хотя в той же радиоэлектронике мне все стало ясно сходу
Аноним 12/05/18 Суб 08:45:54 #3 №175827619 
>>175827520 (OP)
Добра тебе и радости
Аноним 12/05/18 Суб 08:49:23 #4 №175827673 
Зачем придумали? Чтоб SPA писать без ёбли. Попробуй Vue.
Аноним 12/05/18 Суб 08:49:26 #5 №175827674 
>>175827619
Спасибо
И тебе
Аноним 12/05/18 Суб 08:51:43 #6 №175827712 
>>175827673
А какая там может быть ебля?
Аноним 12/05/18 Суб 08:52:58 #7 №175827736 
>>175827712
>>175827673
Походу понял.
Тот же ajax и подзагрузки только в более удобном формате?!
Аноним 12/05/18 Суб 08:53:33 #8 №175827751 
>>175827520 (OP)
>Как разобрать с ReactJs и другими популярными фреймворками в 2018ом?
>Я просто не понимаю как оно работает.

Может ты просто даун?

Вот пример хелловорлда Vue:

<div id="app">
{{ message }}
</div>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})

Что тебе блять тут непонятно?
Аноним 12/05/18 Суб 08:54:58 #9 №175827778 
>>175827751
ну тут понятно
у jquery так же примерно
синтаксис один JS жи
Аноним 12/05/18 Суб 08:55:45 #10 №175827792 
>>175827736
Ну просто более крупное приложение на чистом js или jquery писать - заебёшься. Решается вопрос организации кода, вопрос роутинга, да тот же аякс тоже. Компоненты там всякие, динамическое обновление данных, mvc хуйсаси, вот это всё.
Аноним 12/05/18 Суб 08:56:40 #11 №175827811 
>>175827778
Да но логика такая: у тебя не каша из html и js-а , а все аккуратно разложено по компонентам, для каждого прописана своя логика и т.п.
Аноним 12/05/18 Суб 08:59:08 #12 №175827867 
>>175827811
>>175827792
Понятно. Спасибо
По SPA какую литаратуру посоветуете почитать?
Аноним 12/05/18 Суб 09:01:02 #13 №175827916 
>>175827867
Никакую. Просто практикуйся. Мануал по фреймворку - всё что нужно.
Аноним 12/05/18 Суб 09:03:34 #14 №175827967 
>>175827867
Любишь мукулатуру, ну почитай что-нибудь издательства O'Reily .
Хотя хуле там читать, у фреймворков есть доки и примеры, берешь и пишешь.
Аноним 12/05/18 Суб 09:08:09 #15 №175828086 
>>175827520 (OP)

А нахуй оно тебе надо?
Пили проект на том что умеешь, делай его популярным. Потом наймёшь обезьян с инвесторского бабла, они тебе его перепишут хоть на c++

/тхеареад
Аноним 12/05/18 Суб 09:08:18 #16 №175828093 
>>175827520 (OP)
Анон, поясни как вкатиться в погромирование? Хочу стать фрилансером.
Аноним 12/05/18 Суб 09:09:50 #17 №175828135 
>>175827520 (OP)
>у кого подобные вопросы по вебу, пишите, может чего подскажу.

Комет-сервер - перспективная тема, если пользоваться в бесплатном режиме? Или при малейшей активности начнут на бабло разводить? Копать в сторону подъёма собственного комет-сервера, или хуй с ним, пусть пушится с бесплатного?
Аноним 12/05/18 Суб 09:09:55 #18 №175828140 
Главный профит JS фреймворков - возможность иметь единый "источник правды" (source of truth) т.е. один источник данных, от которого "танцует" все приложение. Ты строишь во фреймворке структуру данных (модель), и привязываешь её части к разметке, и при изменении данных в объекте разметка автоматически обновляется. Как это происходит:
Например, у тебя есть объект с данными -
var huy = {
huyName: 'OP'
}

Данные приходят с сервака, или генерятся пользователем, неважно, важно что huyName может быть не только 'OP', а любое произвольное.

Ты привязываешь имя хуя к разметке:
<div>{{ huy.huyName }}</div>

JS фреймворк компилирует это все примерно в такую хуйню (опишу очень упрощенно, на деле все сложнее)
data: {
huy: {
huyName: 'OP'
}
}
dom: {
'div': {
textContent: this.huy.huyName
}
}

и при загрузке страницы проходится по объекту dom, берёт каждый элемент и создает РЕАЛЬНЫЙ dom-элемент из него, с помощью document.createElement(), и вставляет в страницу. Если ты знаешь, как рендерится 3Д в играх (каждый кадр отрисовывается с нуля при изменениях) - то тут очень похожий принцип.

Аноним 12/05/18 Суб 09:13:49 #19 №175828245 
>>175828135
Не знаю. У меня пара проектов на гитхабе лежит.
В команде не работал, не имею представление как там проходят коммиты и куда все комитится
Аноним 12/05/18 Суб 09:16:03 #20 №175828303 
>>175828140
И все?
Понятно, что ты все упростил, но логика есть, да.
Аноним 12/05/18 Суб 09:16:39 #21 №175828329 
Разница между 3Д и браузером будет в том, что JS фреймворк будет стараться с помощью всяких оптимизированных функций отрендерить не все с нуля, а только те куски, которые поменялись. Это экономит количество памяти, сжираемой браузером, и дает возможность делать нетормозящие приложение вроде Твиттера, Gmail, Ютуба (последней его версии).
Аноним 12/05/18 Суб 09:17:23 #22 №175828343 
>>175828140
Сейчас много сайтов по такому принципу делают?
Если я приду в веб студию, сайт заказчику они например будут на react делать?
А бекенд обычно на чем?
Аноним 12/05/18 Суб 09:17:52 #23 №175828354 
>>175828303
Вот это "и всё" избавляет тебя от изобретения велосипедов. Вместо огородов createElement ты занимаешься бизнес логикой.
Аноним 12/05/18 Суб 09:19:00 #24 №175828385 
>>175828303
Нет, не всё, много разных профитов, но это главный профит, который спасает от лютого пиздеца при внесении правок и навешивании дополнительного функционала.
Аноним 12/05/18 Суб 09:20:10 #25 №175828412 
>>175827520 (OP)
Раз тут собрались эксперты по вью, посоветуйте годный UI-фреймворк. Чтоб было дохуя всяких кнопочек и таблиц искоропки. Начал ковырять Vuetify, а там нет возможности зафиксировать хэдер и футер таблицы чтоб они были вверху и снизу страницы, а сами строки прокручивались. Ну можно ручками конечно накостылить, но лень...
Аноним 12/05/18 Суб 09:20:19 #26 №175828418 
>>175828343
Не стоит путать просто сайт и Сингл Пэйдж Аппликэйшн. Для простой страницы серьёзный фреймворк избыточен, там пока что всё ещё рулят jquery макаки, как мне кажется. Бэкенд на чём угодно, обычно PHP.
Аноним 12/05/18 Суб 09:22:26 #27 №175828477 
>>175828343
На JS фреймворках делают именно приложения, т.е. как десктопные приложения (браузер, календарь, почтовый клиент), только проще, и внутри браузера. Обычные сайты делают на Wordpress/Laravel/Magento, и в хуй не дуют. Так что двочую вот этого >>175828418
Аноним 12/05/18 Суб 09:22:34 #28 №175828481 
>>175828343
Для просто сайтов jquery достаточно, где надо чтоб кнопка мигала или слайдер ездил. +водрпресс или какая другая cmsка
Аноним 12/05/18 Суб 09:23:34 #29 №175828510 
>>175828418
>>175828477
>>175828481
Ааааа
Понятно, спасибо
Аноним 12/05/18 Суб 09:25:27 #30 №175828563 
>>175828343

У нормальной студии свои cms-ки обычно есть.
Васяны юзают вордпрессы и джумлы.
Аноним 12/05/18 Суб 09:25:54 #31 №175828575 
>>175828412
Ничего конкретного не посоветую, т.к. всегда пилю все руками, но можешь глянуть здесь:
https://github.com/vuejs/awesome-vue
Аноним 12/05/18 Суб 09:26:40 #32 №175828596 
>>175828563
Я джумлу лет 5 уже не использовал
Водпресс? Ну тут уже ближе к реальности
Аноним 12/05/18 Суб 09:27:50 #33 №175828617 
>>175828563
Из какого манямирка ты вылез? Ни одной студии не нужен геморрой поддержки и разработки собственной CMS. Либо опенсорс, либо энерпрайз, позволить себе свои CMS/фреймворки могут только всякие фейсбуки и гуглы.
Аноним 12/05/18 Суб 09:28:41 #34 №175828638 
>>175828596

Вордпресс - для типовых задач.
Если надо что-то, что маломальски отличается от стандартного - начинается строительство адовых велосипедов просто.
Аноним 12/05/18 Суб 09:29:01 #35 №175828646 
>>175828617
Знакомый использовал битрикс
Херачил сайты, и в хуй не дул
Аноним 12/05/18 Суб 09:30:12 #36 №175828671 
>>175828093
https://medium.com/russian/frontend-dev-%D1%85%D0%BE%D1%80%D0%BE%D1%88%D0%B8%D0%B9-%D0%BF%D0%BB%D0%BE%D1%85%D0%BE%D0%B9-%D0%B7%D0%BB%D0%BE%D0%B9-%D1%87%D0%B0%D1%81%D1%82%D1%8C-1-%D1%85%D0%BE%D1%80%D0%BE%D1%88%D0%B8%D0%B9-%D0%BF%D1%83%D1%82%D1%8C-865b640d5d18
Аноним 12/05/18 Суб 09:30:21 #37 №175828675 
>>175828617
>не нужен геморрой поддержки и разработки

А вот и разработчики пабликов во вконтакте и сайтов в одноклассниках подтянулись.
Аноним 12/05/18 Суб 09:31:21 #38 №175828701 
>>175828638
90% потребностей WP перекрывает
На modx можно вообще что угодно слепить почти, но лучше уже взять php-фреймворк
Аноним 12/05/18 Суб 09:35:14 #39 №175828827 
>>175827520 (OP)
Опыт. Просто без задней мысли берешь и разбираешься, да. Когда перекатился из админов в джависты, голова первые полгода болела жестко от объемов, в которых приходилось разбираться. Читай туториалы, смотри готовый код. Со временем видишь паттерны и понимаешь, где что искать.
Аноним 12/05/18 Суб 09:49:59 #40 №175829260 
>>175827751
Больной ублюдок.
<html>
hello world
</html>
Аноним 12/05/18 Суб 10:03:28 #41 №175829567 
>>175828675
Ты просто очередная маня, не имеющая представления о сложности и стоимости разработки ПО, о чём с тобой говорить?
Аноним 12/05/18 Суб 10:05:05 #42 №175829620 
>>175829567

Оче толсто
Аноним 12/05/18 Суб 10:43:28 #43 №175830811 
>>175829260
Там приложение, пусть и простое, у тебя статичная страница
Аноним 12/05/18 Суб 10:45:56 #44 №175830882 
>>175829260
Хелоу ворлд приходит с api сервера.
Хелоу ворлд должен быть отображен на языке пользователя.
Пользователь должен иметь возможность поменять хелоу на факоф или что угодно другое и зафиксировать изменения на сервере.
Изменения должны быть отвалидированы и отображены без перезагрузки страницы.
При изменении пользователя на факоф вместо главной страницы на вебсокетах открывается чат с психологом.
Фичу нужно было выкатить вчера.

Enjoy.
Аноним 12/05/18 Суб 12:58:07 #45 №175835723 
Бамп. Тред еще живой.
Посмотрел сегодня пару скринкастов по React, я правильно понял, что он отвечает за View? Т.е. алаог jquery?
Аноним 12/05/18 Суб 13:06:59 #46 №175836088 
>>175828671
>погромироване
>фронтенд
)
Аноним 12/05/18 Суб 13:08:03 #47 №175836121 
>>175836088
JS
Не? не ЯП?
Аноним 12/05/18 Суб 13:36:24 #48 №175837049 
>>175828093
https://github.com/kamranahmedse/developer-roadmap
comments powered by Disqus

Отзывы и предложения