Это копия, сохраненная 25 августа 2020 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
НЕ КОПИРУЙ КОД ПРЯМО В ТРЕД!
Для программирования на ХТМЛ https://jsfiddle.net/
Для Ноды с консолькой https://repl.it/languages/nodejs
Для фреймворков https://codesandbox.io/
Залить, задеплоить страничку или сервер https://zeit.co/now
Аноны, хочу получить советов мудрых, высераю пару предложений и код на скриншоте, а получаю смехуёчки. Как быть?
Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос:
что я хочу получить, что я для этого делаю, что я вместо этого получаю.
Сделай песочницу по ссылкам выше для ясности и удобства. Если когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.
> Странное приведение типов, комплексные правила, неявные ошибки
Язык разрабатывался с расчётом на доступность Интернета для авторов любого вида. Даже плохой код должен хоть как-то работать. А тебя не обязывает всеми этими странностями пользоваться.
> Почему бы не сделать новую нормальную версию языка
Выгоды сомнительны, а Интернет ломать нельзя.
http://exploringjs.com/es6/ch_one-javascript.html
> Динамика, не компиляется, недоязык
Странно, что у тебя после объявления всех типов и компиляния осталось время кхе-кхекать в этом треде, старичок.
> Что там асинхронно происходит в этом одном потоке Event Loop
https://www.youtube.com/watch?v=8cV4ZvHXQL4
https://www.youtube.com/watch?v=j4_9BZezSUA
> Я могу сделать запрос с сервера к чужому API, почему с клиента такой запрос не работает
Для твоей безопасности в браузерах принудительно работает ограничение доступа к кросс-доменным ресурсам. Требуются специальные заголовки
https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
> Хочу получить доступ к файлам на винте
Тебе бы не хотелось, чтоб произвольный сайт мог получить доступ к твоим файлам.
https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications
В К А Т И Т Ь С Я
Возраст, пол, образование не имеют решающего значения. Всё бесплатно для самостоятельных. Времени потребуется год с нуля, но это не точно.
https://ru.hexlet.io/blog/categories/success
Английский обязательно. Проследуй в /fl за гайдом.
Учись учиться.
https://www.youtube.com/watch?v=5MgBikgcWnY
https://www.youtube.com/watch?v=IhuwS5ZLwKY&list=PL8dPuuaLjXtNcAJRf3bE1IJU6nMfHj86W
Ты помнишь образы и связи, а не конспекты.
https://www.youtube.com/watch?v=gj3ZnKlHqxI
https://www.youtube.com/watch?v=5nTuScU70As
Ты — это то, что ты делаешь каждый день.
https://www.youtube.com/watch?v=eLYNM5QAnpw
https://www.youtube.com/watch?v=JAnNUhWJQI8&list=PL5faAYlGYYoGr49h1WMInNSd5Ya1uu7KT&index=6
https://habitica.com/
Сколько помидорок сможешь сделать за неделю?
https://www.youtube.com/watch?v=H0k0TQfZGSc
https://pomotodo.com/
HTML, CSS. Ничего сложного.
Требует только усидчивости. Как раз подойдёт для того, чтоб в простых условиях выработать правильные привычки и дисциплину.
MDN — сообщество разработчиков Мозила, обширнейшая вики-подобная база знаний по веб-технологиям. По любому вопросу поиски начинать стоит тут. Здесь же и учебник по основам разработки. Есть и на русском, но не в самом актуальном состоянии. Читай-делай тут разделы HTML и CSS, до большого раздела по JavaScript, этот гайд дальше предложит более лучший учебник. Но можешь и этот полистать, тоже достойный, любая информация лишней не будет.
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web
Подробно по каждому элементу с примерами, много практики, много полезных списков:
https://www.w3schools.com/html
https://www.w3schools.com/css
https://www.w3schools.com/howto
Параллельно под чаёк по вечерам посмотри:
https://www.youtube.com/watch?v=Sy_wba7l1UU&list=PLawfWYMUziZqyUL5QDLVbe3j5BKWj42E5
https://www.youtube.com/watch?v=tpIctyqH29Q&list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo
https://www.youtube.com/watch?v=rrRZZ_3licM&list=PLo6puixMwuSMIB7x6MNBTNQA3P3Mqo_33
На этом этапе стоит начать формировать информационный фон. Собирай подписки на рассылки, Ютюб, Твиттер. Но помни, если ты что-то смотришь-читаешь, то стоит потратить минимум столько же времени на написание кода по мотивам (весь написанный код нужно бережно хранить, чтоб было, что показать). Иначе это обычная бестолковая прокрастинация.
https://habr.com/ru/company/everydaytools/blog/322980/
Или же это может быть толковая рекреация — лучше посмотреть интересный доклад, чем очередной сериал.
JavaScript. Шутки кончились.
Очень дружелюбен к ньюфаням и даст тебе хороший старт:
https://javascript.info/
У него есть предыдущая версия на русском, но она безнадёжно устарела. Здесь среди прочего описываются многие тонкости языка, которые полезны для общей картины, но на деле вряд ли пригодятся, не фрустрируй. Задачки обязательно делать. Если задачка совсем (за 10 минут) не получается, то прилежного разбора и воспроизведения готового решения будет вполне достаточно.
Искать каждый раз подробности на MDN ты уже имеешь привычку, не забывай пользоваться.
Как писать для людей:
https://github.com/ryanmcdermott/clean-code-javascript
Ссылкота по понятиям:
https://github.com/leonardomso/33-js-concepts
Тут уже нужно начать искать работку и получать опыт отказов. Удача любит смелых. Только не ври о своём уровне работодателю, а главное — себе. Сейчас ты на уровне ребёнка, который только научился писать, пользы от тебя столько же. Но собеседования это единственный способ для тебя узнать, что требуется сейчас в твоей области (во всех смыслах) и что нужно лично тебе.
Если ещё есть время и хочется подробностей, повторений, закреплений, то
https://www.freecodecamp.org/
годнота, интерактивно обозревает всё с упором на практику.
Задачки и соревнования:
https://www.codewars.com/
Забавные объяснения и проекты:
https://eloquentjavascript.net/
Концептуальный разбор для продвинутых:
https://github.com/getify/You-Dont-Know-JS
https://github.com/getify/Functional-Light-JS
Исчерпывающе подробные справочники:
http://speakingjs.com/es5/index.html
http://exploringjs.com/es6/index.html
http://exploringjs.com/es2016-es2017/index.html
http://exploringjs.com/es2018-es2019/toc.html
Массивнейшая ссылкота по всем темам:
https://frontendmasters.com/books/front-end-handbook/2019/
Дизайн, редактура, прочие смежные дела:
https://bespoyasov.ru/front-not-pain/
Node.js позволит тебе вырваться за пределы браузера, сделать свой сервер, автоматизировать рутину в разработке и жизни.
Нода это уже отдельная среда, человечного MDN’a тут нет. Но ты же уже не боишься серьёзных документаций. Нужно сразу найти доки Ноды “nodejs doc” и сверяться с ними.
https://medium.freecodecamp.org/the-definitive-node-js-handbook-6912378afc6e
https://www.youtube.com/watch?v=WBcHgaoHh1k&list=PLHhi8ymDMrQZmXEqIIlq2S9-Ibh9b_-rQ
На этом этапе ещё нужно разобраться с инфраструктурой:
Linux
https://itsfoss.com/getting-started-with-ubuntu/
https://linuxjourney.com/
shell
https://tproger.ru/translations/bash-cheatsheet/
https://explainshell.com/
https://www.shellscript.sh/
Git
https://tproger.ru/translations/difference-between-git-and-github/
https://githowto.com
https://git-scm.com/book/ru/v2
Docker
https://dev.to/azure/docker---from-the-beginning-part-i-28c6
https://blog.risingstack.com/how-to-debug-a-node-js-app-in-a-docker-container/
https://code.visualstudio.com/docs/remote/containers
Приложение. Всё по-взрослому.
Теперь пора делать что-то серьёзное, применять на практике. Имеется множество готовых приблуд, можно делать приложения любой сложности.
В качестве идеи для проекта стоит брать что-то близкое тебе, чтоб с душой. Можно воспроизвести используемое тобой приложение, что-то улучшить. Можно сделать что-то полезное тебе в быту — учёт просмотренных тайтлов, счётчик калорий, агрегатор новостей.
https://medium.freecodecamp.org/every-time-you-build-a-to-do-list-app-a-puppy-dies-505b54637a5d
https://medium.freecodecamp.org/want-to-build-something-fun-heres-a-list-of-sample-web-app-ideas-b991bce0ed9a
https://medium.freecodecamp.org/summer-is-over-you-should-be-coding-heres-yet-another-list-of-exciting-ideas-to-build-a95d7704d36d
Писать здесь гайды к каким-то приблудам нет никакого смысла, так как каждая вполне достойна отдельного треда и имеет свой сайт, где с гайдами постарались. Жизнь готовила тебя к этому, ты сможешь разобраться самостоятельно. Алгоритм такой:
0. находишь на Ютюбе любой обзорный видос, чтоб страх неизвестного пропал;
https://www.youtube.com/watch?v=xJZa2_aldDs
1. находишь официальный сайт приблуды;
https://reactjs.org/
2. на офсайте делаешь Tutorial / Getting started;
https://reactjs.org/tutorial/tutorial.html
3. на офсайте читаешь доки, АПИшки по диагонали;
https://reactjs.org/docs/hello-world.html
4. начинаешь делать оригинальные нужные штуки, сверяясь с доками;
https://github.com/gothinkster/react-redux-realworld-example-app
5. попробуй поискать “github awesome приблуда”;
https://github.com/enaqx/awesome-react
6. отважно посмотри исходники.
https://github.com/facebook/react
Сейчас с большим отрывом самый популярный стек это React + Express + Mongo. Получается что-то такое:
https://www.youtube.com/watch?v=PBTYxXADG_k&list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE
Оформи такое в портфолио на Гитхабе и можешь уверенно искать работку.
А как же другие приблуды? Сложно и долго осилить только первый язык, фреймворк, что-либо. Следующий ты освоишь в считанные недели, а то и дни.
При перекате не забудь тему и тег. Шапка с разметкой: https://pastebin.com/9yRADC0s
> Странное приведение типов, комплексные правила, неявные ошибки
Язык разрабатывался с расчётом на доступность Интернета для авторов любого вида. Даже плохой код должен хоть как-то работать. А тебя не обязывает всеми этими странностями пользоваться.
> Почему бы не сделать новую нормальную версию языка
Выгоды сомнительны, а Интернет ломать нельзя.
http://exploringjs.com/es6/ch_one-javascript.html
> Динамика, не компиляется, недоязык
Странно, что у тебя после объявления всех типов и компиляния осталось время кхе-кхекать в этом треде, старичок.
> Что там асинхронно происходит в этом одном потоке Event Loop
https://www.youtube.com/watch?v=8cV4ZvHXQL4
https://www.youtube.com/watch?v=j4_9BZezSUA
> Я могу сделать запрос с сервера к чужому API, почему с клиента такой запрос не работает
Для твоей безопасности в браузерах принудительно работает ограничение доступа к кросс-доменным ресурсам. Требуются специальные заголовки
https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
> Хочу получить доступ к файлам на винте
Тебе бы не хотелось, чтоб произвольный сайт мог получить доступ к твоим файлам.
https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications
В К А Т И Т Ь С Я
Возраст, пол, образование не имеют решающего значения. Всё бесплатно для самостоятельных. Времени потребуется год с нуля, но это не точно.
https://ru.hexlet.io/blog/categories/success
Английский обязательно. Проследуй в /fl за гайдом.
Учись учиться.
https://www.youtube.com/watch?v=5MgBikgcWnY
https://www.youtube.com/watch?v=IhuwS5ZLwKY&list=PL8dPuuaLjXtNcAJRf3bE1IJU6nMfHj86W
Ты помнишь образы и связи, а не конспекты.
https://www.youtube.com/watch?v=gj3ZnKlHqxI
https://www.youtube.com/watch?v=5nTuScU70As
Ты — это то, что ты делаешь каждый день.
https://www.youtube.com/watch?v=eLYNM5QAnpw
https://www.youtube.com/watch?v=JAnNUhWJQI8&list=PL5faAYlGYYoGr49h1WMInNSd5Ya1uu7KT&index=6
https://habitica.com/
Сколько помидорок сможешь сделать за неделю?
https://www.youtube.com/watch?v=H0k0TQfZGSc
https://pomotodo.com/
HTML, CSS. Ничего сложного.
Требует только усидчивости. Как раз подойдёт для того, чтоб в простых условиях выработать правильные привычки и дисциплину.
MDN — сообщество разработчиков Мозила, обширнейшая вики-подобная база знаний по веб-технологиям. По любому вопросу поиски начинать стоит тут. Здесь же и учебник по основам разработки. Есть и на русском, но не в самом актуальном состоянии. Читай-делай тут разделы HTML и CSS, до большого раздела по JavaScript, этот гайд дальше предложит более лучший учебник. Но можешь и этот полистать, тоже достойный, любая информация лишней не будет.
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web
Подробно по каждому элементу с примерами, много практики, много полезных списков:
https://www.w3schools.com/html
https://www.w3schools.com/css
https://www.w3schools.com/howto
Параллельно под чаёк по вечерам посмотри:
https://www.youtube.com/watch?v=Sy_wba7l1UU&list=PLawfWYMUziZqyUL5QDLVbe3j5BKWj42E5
https://www.youtube.com/watch?v=tpIctyqH29Q&list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo
https://www.youtube.com/watch?v=rrRZZ_3licM&list=PLo6puixMwuSMIB7x6MNBTNQA3P3Mqo_33
На этом этапе стоит начать формировать информационный фон. Собирай подписки на рассылки, Ютюб, Твиттер. Но помни, если ты что-то смотришь-читаешь, то стоит потратить минимум столько же времени на написание кода по мотивам (весь написанный код нужно бережно хранить, чтоб было, что показать). Иначе это обычная бестолковая прокрастинация.
https://habr.com/ru/company/everydaytools/blog/322980/
Или же это может быть толковая рекреация — лучше посмотреть интересный доклад, чем очередной сериал.
JavaScript. Шутки кончились.
Очень дружелюбен к ньюфаням и даст тебе хороший старт:
https://javascript.info/
У него есть предыдущая версия на русском, но она безнадёжно устарела. Здесь среди прочего описываются многие тонкости языка, которые полезны для общей картины, но на деле вряд ли пригодятся, не фрустрируй. Задачки обязательно делать. Если задачка совсем (за 10 минут) не получается, то прилежного разбора и воспроизведения готового решения будет вполне достаточно.
Искать каждый раз подробности на MDN ты уже имеешь привычку, не забывай пользоваться.
Как писать для людей:
https://github.com/ryanmcdermott/clean-code-javascript
Ссылкота по понятиям:
https://github.com/leonardomso/33-js-concepts
Тут уже нужно начать искать работку и получать опыт отказов. Удача любит смелых. Только не ври о своём уровне работодателю, а главное — себе. Сейчас ты на уровне ребёнка, который только научился писать, пользы от тебя столько же. Но собеседования это единственный способ для тебя узнать, что требуется сейчас в твоей области (во всех смыслах) и что нужно лично тебе.
Если ещё есть время и хочется подробностей, повторений, закреплений, то
https://www.freecodecamp.org/
годнота, интерактивно обозревает всё с упором на практику.
Задачки и соревнования:
https://www.codewars.com/
Забавные объяснения и проекты:
https://eloquentjavascript.net/
Концептуальный разбор для продвинутых:
https://github.com/getify/You-Dont-Know-JS
https://github.com/getify/Functional-Light-JS
Исчерпывающе подробные справочники:
http://speakingjs.com/es5/index.html
http://exploringjs.com/es6/index.html
http://exploringjs.com/es2016-es2017/index.html
http://exploringjs.com/es2018-es2019/toc.html
Массивнейшая ссылкота по всем темам:
https://frontendmasters.com/books/front-end-handbook/2019/
Дизайн, редактура, прочие смежные дела:
https://bespoyasov.ru/front-not-pain/
Node.js позволит тебе вырваться за пределы браузера, сделать свой сервер, автоматизировать рутину в разработке и жизни.
Нода это уже отдельная среда, человечного MDN’a тут нет. Но ты же уже не боишься серьёзных документаций. Нужно сразу найти доки Ноды “nodejs doc” и сверяться с ними.
https://medium.freecodecamp.org/the-definitive-node-js-handbook-6912378afc6e
https://www.youtube.com/watch?v=WBcHgaoHh1k&list=PLHhi8ymDMrQZmXEqIIlq2S9-Ibh9b_-rQ
На этом этапе ещё нужно разобраться с инфраструктурой:
Linux
https://itsfoss.com/getting-started-with-ubuntu/
https://linuxjourney.com/
shell
https://tproger.ru/translations/bash-cheatsheet/
https://explainshell.com/
https://www.shellscript.sh/
Git
https://tproger.ru/translations/difference-between-git-and-github/
https://githowto.com
https://git-scm.com/book/ru/v2
Docker
https://dev.to/azure/docker---from-the-beginning-part-i-28c6
https://blog.risingstack.com/how-to-debug-a-node-js-app-in-a-docker-container/
https://code.visualstudio.com/docs/remote/containers
Приложение. Всё по-взрослому.
Теперь пора делать что-то серьёзное, применять на практике. Имеется множество готовых приблуд, можно делать приложения любой сложности.
В качестве идеи для проекта стоит брать что-то близкое тебе, чтоб с душой. Можно воспроизвести используемое тобой приложение, что-то улучшить. Можно сделать что-то полезное тебе в быту — учёт просмотренных тайтлов, счётчик калорий, агрегатор новостей.
https://medium.freecodecamp.org/every-time-you-build-a-to-do-list-app-a-puppy-dies-505b54637a5d
https://medium.freecodecamp.org/want-to-build-something-fun-heres-a-list-of-sample-web-app-ideas-b991bce0ed9a
https://medium.freecodecamp.org/summer-is-over-you-should-be-coding-heres-yet-another-list-of-exciting-ideas-to-build-a95d7704d36d
Писать здесь гайды к каким-то приблудам нет никакого смысла, так как каждая вполне достойна отдельного треда и имеет свой сайт, где с гайдами постарались. Жизнь готовила тебя к этому, ты сможешь разобраться самостоятельно. Алгоритм такой:
0. находишь на Ютюбе любой обзорный видос, чтоб страх неизвестного пропал;
https://www.youtube.com/watch?v=xJZa2_aldDs
1. находишь официальный сайт приблуды;
https://reactjs.org/
2. на офсайте делаешь Tutorial / Getting started;
https://reactjs.org/tutorial/tutorial.html
3. на офсайте читаешь доки, АПИшки по диагонали;
https://reactjs.org/docs/hello-world.html
4. начинаешь делать оригинальные нужные штуки, сверяясь с доками;
https://github.com/gothinkster/react-redux-realworld-example-app
5. попробуй поискать “github awesome приблуда”;
https://github.com/enaqx/awesome-react
6. отважно посмотри исходники.
https://github.com/facebook/react
Сейчас с большим отрывом самый популярный стек это React + Express + Mongo. Получается что-то такое:
https://www.youtube.com/watch?v=PBTYxXADG_k&list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE
Оформи такое в портфолио на Гитхабе и можешь уверенно искать работку.
А как же другие приблуды? Сложно и долго осилить только первый язык, фреймворк, что-либо. Следующий ты освоишь в считанные недели, а то и дни.
При перекате не забудь тему и тег. Шапка с разметкой: https://pastebin.com/9yRADC0s
>аже плохой код должен хоть как-то работать
Честно, вот этой идеи я никогда не мог понять. Зачем? Как правило, плохой код работает не так, как ты ожидаешь.
Вот весьма свежая статья, где автор часто спамит var-ами:
https://habr.com/ru/company/ruvds/blog/499014/
Васянский перевод васянской статьи по сбору васянских примеров это конечно авторитетный источник.
Тут тебе не дизайнеры с трендами. Если ты даже техническую причину понимаешь, то куда ты ещё въехать не можешь? Почему древняя чушь смогла сквозь интернеты протечь в статью к васяну? Почему инерционния происходит инерционно?
Естественно не пустых.
Норм статья
var несоклько раз показывают полную сжираемость скопа в iife, в остальных примерах ни на что не влияет поэтому почему бы и нет
[{id:0, title:"some text"}, {id:1, title:"another text"}]. 1 вопрос: как добавить новый обьект (через push?)? 2 вопрос: как инкрементировать id?
array.push({id: array.length. title: titleVar})
Маленькое исправление - нужно сделать поле idsCounter приватным, вот так:
static #idsCounter = 0;
И в конструкторе будет:
this.id = ++MyDataType.#idsCounter;
Но он прав, Дима.
Насколько актуальна паста? Я не про индуса с точкой на лбу.
Я только недавно вкатился, прошу подсказать.
Имеет ли у ЖС нечто, вроже require из ПХП?
Потому что писать document.write() это пиздец как долго, проще завернуть в функцию, как заворачивают GetElementById в функцию $ (прочел об этом в книге, не знаю, используете ли вы такое).
Так вот. Могу ли я скидать все эти самопальные функции в один файлик и подключить его в других файлах и вызывать оттуда "свои" функции?
Алсо. Да, document.write() это не то, что надо использовать для вывода, но сейчас я только постигаю ЖС, да и в книге, кроме алертов, ничего другого для вывода не давали, все постепенно учу.
Последние мысли фронтендера всегда должны быть о DOM-е.
create-react-app тупо запускает хттп сервер с хотрелоадными свистоперделками вебпака
Самый умный в треде? Отвечай на вопрос тогда
Если у тебя роутер, то ето будет слажнее.
Тор только за счёт этого и живёт.
сап програмач!
хотел бы узнать мнение жс господ по поводу graphql
я так то вообще по фронтенду чисто, но решил начать вкатываться в бек и тк мой проект на работе написан на графкюеле я естественно тоже решил его навернуть
как считаете, это вообще перспективная технология в плане поиска работы в будущем, или все юзают rest там, или вообще другие языки для бэка?
можно вообще считать себя начинающим бекэнд разрабом, если шаришь только в graphql??
Задачки на литкоде уже решал
О нееет в реакте нельзя мутировать нееееет
А почему б не именовать абсолютно все переменные через CAPS_SNAKE_CASE? Ни на что ж не влияет
Это называется
SCREAMING_SNAKE_CASE
И, да, так рекомендуется именовать константы. И экшены в редюсерах. И когда у тебя константы в экшенах ЭТО ПЕРЕСТАЁТ БЫТЬ СМЕШНО.
блять, они же конченые.
Погоди, или я тупой или что-то делаю не так:
на одной странице у меня есть класс xyi
на другой странице у меня класс dick, но нет класса xyi
жс скрипт у меня один для обеих страниц, где:
querySelector('xyi')
querySelector('dick')
ты, наверное, и сам догадываешься, что если у тебя метод для работы с классами один, а названий классов несколько, то это какая-то логическая дичь. введи ещё один класс penises, добавь обоим, и на него вешай селектор тогда что ли.
Я дико извиняюсь, что ебу тебе мозги, но разумеется разные методы, вот полный код:
index1.html
<div class="xyi"></div>
index2.html
<div class="dick"></div>
js.js
document.querySelector('.xyi').addEventListener(одно действие);
document.querySelector('.dick').addEventListener(другое действие);
На index2.html js скрипт не выполнится, так как остановится на первой строке на ошибке document.querySelector('.xyi') not exists, а точнее can't addEventListener of null
Ну значит оборачивай в условия. Или разделяй скрипты. Что ты, обосрешься от этого? Может ты вообще хотел язык где можно писать с опечатками и все будет нормально?
Во-первых, я не понимаю, почему тебя пугает if(){}. как раз логично, что блок кода не будет выполняться, если на странице нет элемента, к которому он имеет отношение. Ничего не мешает тебе в самом начале js файла объявить консты, в которых будут твои квери селекторы:
const x = document.querySelector('.x')
а ниже
if(x){
xui.addEventListener} или x && x.addeventListener()
И почитай ещё про DOMContentLoaded, он должен быть ещё выше.
const xyi = document.querySelector('.xyi')
xyi && xyi.addEventListener(h)
const dick = document.querySelector('.dick')
dick && dick.addEventListener(h)
Чому ты такой злой?
https://github.com/pkellner/pluralsight-course-using-react-hooks/blob/master/05-Combing-React-Hooks-REST-Example/clip4-adding-useAxiosFetch-custom-hook/src/useAxiosFetch.js
Хуисерам, предложение мне переведи на русский
А при чём тут хуки? Долбоеб просто не знает, что код нужно разбивать на функции. Ну ничего, зато говноконструкцию вида conts func = () => {} лепит везде.
Это из курса, где автор переписывает "традиционное" приложение на хуки, и говорит посмотрите как охуенно стало
>Это из курса
Я не удивлён. Со временем ты поймёшь, что все курсы это говно и учиться нужно по книгам.
Ты какой-то токсик, проходи мимо. Курсы бывают полезные и не очень, так же как и книги.
Ты какой-то токсик, проходи мимо. Курсы бывают полезные и не очень, так же как и книги.
Мальчик, иди нахуй.
> Почему с ХУКАМИ которые вроде бы должны упрощать работу, нужно написать столько хуйни
Почему если ты не токсик, то пишешь про работу целой команды такие унизительные вещи? Также, если твои курсы такие хорошие, то почему ты пишешь такую хуйню про хуки?
>Почему нужно написать столько хуйни только чтобы прочитать данные с веб сервиса
>с ХУКАМИ
Ты даже не можешь отличить хуки от редюсеров, лол
Есть апишка на ноде.
Конфиг:
NodeJS 9.8 на pm2
MariaDB 10.x
Redis
Nginx
Пользователей в пике - до 10к
К апишке подключаются админка и два приложения - андроид и иос.
Проблема: ДИКИЕ ТОРМОЗА.
С серваком все норм, субд в норме, nginx в норме, логи все чистые, загруз по ЦПУ/памяти не супер большой. Такое ощущение, что тормозит именно сама нода, но я хз, как ее профайлить.
Подскажите, с чего начать профайлить ноду, и как это грамотно и относительно быстро можно сделать.
Можешь по-быстрому переписать на кложе
Как ты определяешь то степень этого НОРМ? Единственное, что можно предположить, так это то, что ты не используешь веб-воркеров для распределения задач.
>субд
лог медленных запросов почти пустой - самый медленный запрос 0.2 секунды, повторяется раз в полчаса где-то, объемы гоняемых данных от частых запросов не превышают 10к
>nginx
куча отказов в обслуживании от ноды в error.log
>redis
используется как pubsub и в основном ночью для крон-задач
>Единственное, что можно предположить, так это то, что ты не используешь веб-воркеров для распределения задач
pm2 разве не должен это, условно говоря, на автомате делать, как тот же php-fpm?
>лог медленных запросов почти пустой - самый медленный запрос 0.2 секунды, повторяется раз в полчаса где-то, объемы гоняемых данных от частых запросов не превышают 10к
Это прям сильно предельные случаи, 1-5% от общего числа. Чаще всего запросы выполняются за 0.000x-0.00x секунд, объемы запрашиваемых данных - 10-100 строк.
> Кста мб зашквар топ кун тян хайп хз ля какая ору лол кек ржу кринж чилл флекс чел челик токсик соглы щас бы омг.
Чего ты лопнул, кринжоид? Мало того что ты так неловко подгорел с того поста, так еще и поделился этим с кем то в беседе. После твоих сообщений там наверное получасовое молчание?
>pm2 разве не должен это, условно говоря, на автомате делать, как тот же php-fpm?
pm2 процессами управляет и распределяет системные ресурсы между ними, я же говорю про организацию кода в самих процессах и использовании в них потоков:
https://nodejs.org/api/worker_threads.html
Ок, спасибо за наводку, такого точно нет в коде. А что насчет профайлеров? Ясно, что код написан стремно и довольно давно. Хотелось бы видеть, какие участки кода сильно тормозят - ведь даже если на воркеры переписывать, надо знать, где и что менять в первую очередь.
Ты тут один ебанутый, зачем мне с тобой говорить?
Ты в клауде хостишь? подключи StackDriver, там достаточно легко видно где проблемы обычно
Мимо 21 см
Задачки на литкоде уже решал
Я не мастурбирую и изучаю жс. Планирую дальше развиваться в этом направлении чтобы устроиться на работу джуном, но не знаю что делать сейчас, в текущем положении.
Пости скрины двачей в чат, пусть учатся отвечать
Тебе клауд хаскелль подавай?
Займись освоением инструментов и написанием мини-штук на них. В идеале они должны хотя бы отдалённо напоминать какой-то функционал из реальных продуктов.
Ещё скажи щупал
С функциями, объектами, флоу и домом вроде понятно все.
Сразу переходить к фронтенд либам?
архитектура фронтенда, асинхронное программирование, тестирование, настройка окружения. Если есть время выучи сначало это, потом переходи к react.
Ну и уже начинай дрочить вопросы с собеса и какие-нибудь пет проекты лепить.
клиентский http выдрочи обезьяна бля, что бы xhr от зубов отлетал, что бы каждый статус код знал и каждый заголовок и тд бля
Для тебя первый пост в треде. Сначала индуса посмотри обязательно.
Потом читай гайд на МДН как Интернет работает.
Разберись с Нодой, подними свой сервер со статикой.
Научись асинхронщине, делать запросы и отвечать на них.
Сделай, чтоб состояние страницы без перезагруки менялось и у тебя появится куча идей и вопросов. Вот тут ты готовенький и придёшь к фреймворкам.
Typescript используй, IDE будет за тебя всё проверять.
Т. е. если книге не 10+ лет, значит говнокурс будет лучше этой книги? В чём твоя логика, долбоеб? При чём здесь фундаментальные книги? Взять любую книгу в которой описывается работа с React фреймворком и можно со 100% уверенностью сказать, что она будет лучше чем любой говнокурс.
Но нахуй это надо, в книге ведь страниц много, а курс я в видео формате за пару часиков под пивко посмотрю, а потом буду удивляться почему мой код называют говнокодом и я вообще не понимаю что такое React и как его использовать.
Бля это же каким надо быть долбебом, чтобы тратить время на КНИГИ по реакту. Неудивительно что вы здесь годами безуспешно вкатываетесь, лол
Книга такая же моча говна, видел я эти книги по реакту, просто ебаные пердуны пишут, инфоцыгане, никаких преимуществ с курсами нет НО ИТА ЖИ КНИГА ЗНАЧИТ ЛУЧШИИИ. Более того они все устаревшие, даже книга трехлетней давности уже считай устаревшая потому что в сообществе менялись практики какие-то итд, что-то оказалось переоценено, что-то недооценено, какие-то штуки стали моветон, например как произошло с умными-тупыми компонентами. Видел в доме книги книгу по реакту где вообще не рассказывалось че такое функциональные компоненты, и это в 2020 году, вот кто-нибудь купит наслушавшись тебя и будет читать, лол.
Опытные ребята ищат информацию во всех источниках подряд, читают разных челов, смотрят интересующие штуки на разных курсах и сайтах чтобы посмотреть с разных точек зрения, взвешивают слова разных кудахеров. А основываются в первую очередь на ДОКЕ. Читая одну ебучую книгу или проходя один ебучий курс не думаю что хоть один подобный ебланоид вкатился, потому что это значит полное неумение искать информацию в гугле и полное отсутствие какого-то любопытства дальше рамок курса, да и вообще это значит отсутствие практики.
И да, я забыл, эти книги стоят больше тысячи рублей, что вообще охуеть, если бы я потратил такие бабки на настолько общедоступную информацию я бы убил себя за ничтожность.
google framework_name docs
базовую часть читаешь, приемы смотришь применяемые в фреймворке.
google framework_name tutorial 2020
и все готов творить так сказать)
Именно так, не вижу проблемы сириусли
До этого работал на React + MobX, правильно ли будет использовать сервис в ангуляре в качестве сторы? Судя по описанию, сервис в ангуляре - это прям копия сторы MobX, но тем не менее в ангуляре используется RxJS для отслеживания состояний. Я Redux-подходи не очень люблю, потому и пользуюсь MobX, а RxJS как раз об этом. И я в замешательстве.
>>1008826 (OP)
Решил вкатываться в веб. Осилил https://ru.code-basics.com/ разделы HTML, CSS, на https://ru.hexlet.io курс: Профессия Верстальщик, но только первый раздел за остальное нужно платить. Я бы и заплатил может, но вдруг есть БЕСПЛАТНЫЕ курсы.
Какой порядок изучения веб HTML--> CSS-->?
Пнули к вам.
Мне к вам? Порекомендовайте курсы, сайты.
Читай гайд во втором посте треда, сверху вниз каждую ссылку открывай. Туда заносилась инфа по вопросу после того, как вопрос несколько раз всплывал в треде.
>learn.javascript.ru
>w3schools.com/js/
Тут недавно был анон, который про var спрашивал.
Так вот ты притащил именно такие ссылки. Не то, что бы они были неправильные. Но новичку потом сразу переучиваться придётся.
Актуальные ссылки есть в гайде во втором посте.
Хули там непонятно? Значит это не твое, просто забей.
При этом до сих пор за N лет некоторые области до сих пор не затрагивал (как женерик вещи по типу кручения бафферов, только на жс, так и опяь же исключительно JS специфик говна с тонкой настройкой воркеров)
Обычному вкатывальщику сходу всю эту информацию высрать мозг точно сгорит
Ну я хранил все состояния и данные с бэка в сторах MobX. Нормально это хранить в сервисах angular?
Да я что-то вдруг подумал что RxJS - это аналог MobX для Angular. Возможно понятия observer и observable меня сбили с толку. Судя по описанию, ничем подобным RxJS я никогда и не пользовался.
На каком параграфе учебника тебя заклинило?
https://jsbin.com/netobuwova/edit?html,console,output
Не вкатыш, просто вебом никогда не занимался
ебло да конечно если только ты сделаешь вот так var initializeValues = function(){..} initializeValues();
function CountsByValue(min, max) {
for(let i = min; i <= max; i++) {
this["value_" + i] = 0;
}
}
Вообще это какой-то лютый говнокод и непонятно почему ты написал его именно так.
ах сорян ебло вот так надо было var initializeValues = function() {..}.bind(this); initializeValues();
Нужно было вывести кол-во нагенеренных рандомных чисел для каждого целого числа из диапазона 1-5, например, чтобы посмотреть равномерно ли работает генератор, поэтому заморочился и создал объект, который при своем создании генерит внутри себя столько полей сколько задал юзер.
слишком абстрактный вопрос. ну вероятно векторную графику можно схоронять в свг, из свг дергать массив точек и с ним ебаться. но это прямо таки ебля конкретная и проще отдельно рисовать графен как хочешь, отдельно контуры этого графена
>>671865
Ниже мой пост. Я просто не ебу как тут что устроено. Как бывалые, дайте совет. Мне нужно то бы объект управлялся мышкой и не проходил через стены. Сначала подумал о канвасе, но это мне самому придется ебаться с коллизиями если я правильно понял. Я уверен что есть уже такие библиотеки
>>671682
https://vuejs.org/v2/guide/computed.html#Watchers
ну смотри бля какая сложная ниибаца концепция. есть картинка png без нихуя, например 2д космический корабль. а есть массив точек, абсолютно отдельно объявленный от этой картинки, но в тоже время повторяющий контуры того самого 2д космического корабля. ты скармливаешь этот массив точек физическому движку, физический движок отдает тебе координаты, ты по этим координатам рисуешь блять хоть на канвасе хоть <DIV/> спрайтами тот самый 2д космический корабль.png. и тем самым будет создаваться видимость, будто бы та блять пнг картинка без нихуя имеет физические свойства
>Vue ебанный выкидыш с костыльными темплейтами для немогущих в жс макак
>Ряяяя ты долбаеб неосилятор
@
>Зачем они >this.debouncedGetAnswer = _.debounce(this.getAnswer, 500) засунули в хук created?
Это то, что я хотел услышать. По запросу object collisions js такого не увидел
бшные дебилы набежали, лол
Защо?
Светлошизик тебя видно издалека
Нахуя тебе вообще реакт, если ты так инпуты используешь? Как ты потом с ними работать дальше будешь, как данные хранить?
Заведи себе локальный стейт в компоненте и храни там все инпуты твоей формы в соответствующих полях. На сабмит отправляй весь объект.
Если ты там ничего не понимаешь, значит нужно подтянуть основы. Сначала смотри курс CS50 и пройди на хекслете курс "Введение в проргаммирование", он бесплатный. Это прям для совсем начинающих.
После этого можешь приниматься за learn.javascript.ru.
Есть миллион этих "введение в программирование" курсов, я рекомендую выше те, которые сам проходил.
Реакт мне нужен для реактивности. А с инпутами я работаю нормально и даже с селектами. Могу отправить данные на сервак, потом эти данные могу отредактировать через ту же самую форму. Форм у меня дохуище и все они создаются через одну функцию по объекту.
Просто вчера перетрудился похоже, ведь formData.set() не должна ничего отображать на странице
Все свои я проблемы я решил. А зачем мне в моей ситуации создавать локальный стейт при cdm через пропсы?
В учебники не могу, видосами как-то легче.
Ну или если есть какой-то аналог забесплатно...
Ты есть в каких-то телеграмм-дискорд конфах вкатыльщиков? Поделишься ссылочками?
Нету(
Ёбик, для начала разберись, как работает т.н. "реактивность" в реакте, а уже потом кукарекай.
Ебик, ты для начала прочитай мой вопрос
> Как в среакте заставить элемент вести себя как обычный.
Прочитай вот про это, ебик https://ru.reactjs.org/docs/uncontrolled-components.html
Потом обдумай проблему с которой я столкнулся
> Хочу инпуту через formData.set() добавить значение - инпут не меняется. Вызываю formData.get() получаю то, что до этого передал.
И приди к тому же выводу что и я
> formData.set() не должна ничего отображать на странице
тут не нужен formData.set, используй `useReducer`
захуячь состояние для всей формы и потом через `dispatch` добавляй её куски
Помоги решить задачу.
Есть строка любой длины, нужно перебрать все возможные комбинации символов которые в нее входят
Например строка из двух символов 'hi' будет иметь две комбинции 'hi' и 'ih', а из например трех:
pen
pne
epn
enp
npe
nep
И так далее... Ну в общем смысл понятент. Есть какой-то быстрый оптимизированный алгоритм на дж, чтобы сделать это.
Спасибо
Завтра ищешь в интернете книжку Грокаем Алгоритмы. Похуй если ничего не поймешь. Потом зубришь, именно, сука, вызубриваешь нотацию О большая, чтобы от зубов отскакивало. Когда напишешь свой первый бинарный поиск, по пути изучив логарифмы читать в источнике
похуй
>>672342
должны символы повторяться в любой сгенерированной строке в том же количестве, что и в оригинале, или не должны - хуй его знает, всем на это похуй, начиная от препода, который даже не удосужился накалякать нормальное описание задачи, заканчивая мной, который читает эту ебаную задачу для детсадовца
если юзаю console.log после success: function(json) { то он мне нормально выводит все необходимые мне варианты атрибутов. но почему когда я пытаюсь его поместить в переменную то он просто мне возвращает undefined ? почему он не возвращает мне тот объект который сука он получил в результате запроса?
и? нихуя не понятно. если юзаю async: false в самом запросе то он мне выдает предупреждение что лучше его не юзать т.к. ухудшает юзер экспириенс и затем снов возвращает undefined
у тебя console.лог это синхронный вызов, не будет он твою фцию ждать ни за что
сервак отправляет некий меда-контент зашифрованным
браузер сохраняет его в оперативке
через какое-то время сервер посылает ключ
браузер дешифрует контент и показывает/проигрывает его пользователю
Один чел мне сказал что это хуйня нереализуема, но я не могу понять где я обосрался. В вебе почти совсем нихуя не знаю, тыкните в проблему пожалуйста
Почему не реализуемо? Всё реализуемо. Но схема не очень понятна, зачем так?
В браузере ничто не мешает расшифровывать и некоторые приложения так и делают.
хочу написать переписать "Свою Игру" https://vladimirkhil.com/si/game
Т.к. автор не выкладывает исходники и не правит баг, который меня очень бесит.
Там часто бывает, что в вопросе есть мелодия или картинка, и этот контент у кого-то позже, у кого-то раньше загружается, у кого-то совсем не загружается. И программа не "ретраит" закачку.
Из-за этого одни игроки получают преимущество, и у всех горит жеппа.
Я думаю высылать контент зашифрованным, дожидаться, когда все клиенты его получат, затем высылать ключи для расшифровки.
Таким образом картинка/мелодия заиграет у всех почти одинаково, только от скорости дешифровки зависеть будет.
Принципиальных проблем с таким нет вообще. Есть сложности с тем что сервер не может просто так послать инфу в браузер (только в ответ на запрос) тоесть тебе нужно будет или ебаться с вебсокетами, или с веб-пушами или костылить какую-то хуйню типа "раз в секунду отправлять запрос". Но в общем-то ничего сложного.
Вебсокеты не нужны, можно обычным способом, ничем задача не отличается от того, что высылать обычный текст.
Обеспечивать синхронность можно точно так же, как и в случае текстовых вопросов. Одни и те же проблемы.
Данные декодировать и подставить в видео объект или в качестве картинки можно, но сколько-то помучиться придётся.
Куки хранятся в браузере, на сервере и на машине пользователя?
на машине пользователя, в файловом смысле, привязаны к конкретному браузеру \ профилю.
Мне кажется проще, чтобы каждый из участников отправил сигнал по завершению закачки, и когда придет последний сигнал отправить ключ.
С задачей ознакомься сначала, прежде чем пихать туда свежеосвоенные технологии, потому что типа круто.
У тебя вообще не про быструю синхронизацию спрашивали, а про доставку контента и декодирование его в браузере. Это отдельная задача, не связанная с транспортом.
>каждый из участников отправил сигнал по завершению закачки
Сервер может трекать окончание передачи файла, в таком сигнале попросту нет смысла.
Можно синхронизировать время браузеров перед отправкой, причём лучше через monotonic-время, и просто давать команду, что в такое-то время запускать тест.
Сломать не так просто (если именно monotonic-время) и для игры скорее всего не актуально. Тем более, что тут синхронизация на уровне пары секунд - пары десятков секунд.
>>инпут не меняется
Поэтому я тебе и пишу использовать пропсы. Бля, иди нахуй, надеюсь никому в жизни не придется рефакторить твою залупу
https://jsbin.com/yetafatova/1/edit?js,console
Блять, убогая ебанашка, нахуя мне твои пропсы сдались. Макака, ты че пристала со своими пропсами, блять?
Да все, я сам справункалься, чел.
let names = users.reduce((sum,item)=>{sum.push(item.name);return sum},[]);
Пока сделал так - в props кнопки есть параметр, который говорит что кнопка работает с сервером (чтобы переходить в состояние "ожидание" после сабмита) и еще один параметр, которому страница передает ответы сервера и кнопка при получении меняется в зависимости от статуса.
Это нормальная практика? Есть вариант проще?
Можно зарегаться на стаковерфлоу и отвечать на вопросы. Пойдет в резюме, типа не хуи пинал, а консультировал.
Да? А я вот думал что не так. Теперь буду знать.
Вы посмотрите на него, и сам не работает и другим конкуренцию создаёт поддерживая вкатышей.
Натыкаюсь на этот кусок кода:
let (a = 2) {
console.log( a ); // 2
}
console.log( a ); // ReferenceError
Это вообще что такое? Это планировали засунуть в ES6 и отказались, отрыжка, прошлое, так сказать? Не реализованная фича?
Да, хотели, но отказались.
Прикол просто, не обращай внимания
Глобальный стейт стиля. Как только этот стейт мутирует, происходит ререндер всех компонетов.
Типа этого: https://pastebin.com/Gp5ecq6E
OpenChakra - https://openchakra.app/
Blocks UI - https://blocks-ui.com/demo
пока что не видел html UI редакторов, встречал только привязанные к дизайн системам
Бамп
Да.
https://auth0.com/docs/tokens/concepts/token-storage здесь и тут https://cheatsheetseries.owasp.org/cheatsheets/JSON_Web_Token_Cheat_Sheet_for_Java.html#token-storage-on-client-side не рекомендуется local storage. Плюс, у owasp отдельно есть нежелательность хранения sensitive data в local storage
Ну у меня access/refresh сетап, токены в localstorage живут не больше нескольких часов, а рефреш хранится в куке (потом наверное в redis перенесу). В токенах только роль и id, ну и разумеется по токену только ui элементы тогглит, все запросы на данные на бэке делают verify токенов.
В переменной наверное тоже нормально, какая в общем то разница. Любые данные в клиенте имхо надо рассматривать как по умолчанию скомпрометированные, так что похуй.
>Какого фига бля?
Пиздец. Тупой комьютер нахуй. Сделали говно ебаное, нихуя не работает. Не могли нормально сделать, долбоебы сука тупые. Ну может хоть эти уебки в треде пояснят.
Далеко ходить не надо. Представь первый вызов функции. Если первый иф сработает, то функция что-то вернёт. А если нет? Дальше ни одного ритурна нет. Какие-то вызовы, хуё-моё. Но больше ничего функция не возвращает. В таком случае результат ундифайнед.
Пепепиши, чтоб функция возвращала в каждой ветке условий стремясь к базовому случаю.
Хм, еще раз проверил и уже наоборот показывает. м а г и я
А как у питона с областями видимости, кстати? Лень гуглить просто. Подозреваю что пример был к тому, что у питона нету катавасии с вар/лет/конст.
Можно такое сделать без всяких жквери и подобного говна?
Данный функционал невозможно реализовать средствами Javascript. Только jquery. (шутка).
Что значит заливать картинки парами по две штуки? Поочередно? Опиши подробнее.
Есть контролы file1[] и file2[] для заливки двух файлов. Вот я хочу динамически добавлять или удалять ещё пары таких же по желанию.
Da.
вопрос стар и холиварен - сторадж, сессии и тд. на стаковерфлоу тысячи копий поломали на этой теме.
Нет, я собираюсь стать охуенным специалистом $10к/месяц дабы индусы конкурировали со мной.
Да, сидеть на Гоа в гамаке с ноутом по 4 часа в день за 4к$/мес. Тебе в любом случае придется бороться за первые заказы пока не найдешь постоянного заказчика и мониторить рынок на требуемые технологии, так что регайся сейчас на фриланс биржах и смотри какие задания по каким фреймворкам там вообще предлагают. Из этого выбирай что учить. гайды по html css js есть в шапке.
>Да, сидеть на Гоа в гамаке с ноутом по 4 часа в день за 4к$/мес.
Воооооо, шаришь. Хотя Гоа слишком конъюнктурно, не для меня.
Спс, буду изучать вопрос.
class cell {
constuctor(x, y) {
this.x = x;
this.y = y;
}
}
var dl = new cell(1,7);
console.log(dl.x);
Почему у многих программеров, особенно бекэндеров, такой дроч на терминал? У белого человека есть GUI, нахер ему корячиться в терминале выводя очередное cd .. или nano myfile ? Чтоб сказать "мама смотри я кулхацкер"?
>Терминал: нажатие двадцати кнопок
>ГУЙ: нажатие одной кнопки
Божественность/10. Контраргументы без перехода на личности приведёшь?
мимо бывший эмбеддед, укатившийся в веб
Ну хорошо, вот прижал ты его в угол, и что дальше? Он признается в этом? Нет, он будет срать в треде.
По существу: ничего удобного в терминале нет. Но так учили. Ну и плюс, всё-таки многие вещи проще так сделать. Надо уметь видеть и читать матрицу.
Если кто не играл, то там уровни в Марио, но без большого количества этажей, максимум два. Почти всегда нужно бежать влево или вправо. Минимум взаимодействия с предметами.
Насколько я понимаю, клиентскую часть придется на таком языке программирования, как javascript. Какие фреймворки или библиотеки могут ускорить разработку такой игры?
Насколько я понимаю, серверную часть можно писать на чем угодно, php подойдет для этой задачи? Я его хорошо знаю.
Разрешаю
Сделай на юнити, дебс.
Сасибо, солнишко.
Строить реактивные и оптимизированные приложения без велосипедов на js/jQuery, удобнее взаимодействовать с бекендом, можно хранить/изменять состояние приложения.
Правда я работаю на вью, на реакте не было тасков :(
Веб не очень для такого подходит. Ты страничку с часиками можешь научиться делать очень быстро. А дальше неожиданно начинается бездонный ад.
https://www.youtube.com/watch?v=lhNdUVh3qCc
Тут девочка ДОМ гоняет. Не очень это серьёзно. Но знания тебе точно в дальнейшем пригодятся и можешь прототип для своей поделки сделать.
https://phaser.io/
Целый фреймворк, всё серьёзно. Но я думаю, он скорее тебя отягощать будет, чем поможет.
https://www.pixijs.com/
Более низкоуровневая библиотека. Больше контроля и ответственности, больше мозгов надо. survive.io на ней сделан например
Мне кажется, у тебя будут трудности с таким подходом. Более вменяемым и лёгким для тебя будет долгий путь. Разобраться с ЖС, гайд во втором посте. Разобраться с ООП и ФП, как отделить логику игры от представления, есть в гайде. Начать прототипировать на ХТМЛ, как девочка. Потом открыть для себя канвас. После этого уже смотреть Пикси или Фазер. Иначе ты просто не поймёшь, как они работают и зачем нужны.
А для бека можешь любой язык выбрать. Вряд ли у тебя там планируется интенсивное взаимодействие по сети в реальном времени, так что и ПХП справится. Но раз уж тебе придётся ЖС дрочить для клиентской части, то лучше тогда и бек на Ноде делать, чтоб не распыляться.
Ахуеть, ты на чем там прогаешь? Вам в офис нормальных компов не завезли? Или ты сам с хлеба на воду перебиваешься и не можешь домашний ПК норм купить?
Всё из-за флешплеера.
>купи то
>купи се
>ну купи
охуительные решения, а деньги мне Пушкин на это даст?
в твоем гуе даже кнопка хелп теперь ссылается на страницу в инете, иди со своей облачной парашей в кибергулаги, а мне и с консолью хорошо.
Слева от кода поля есть, клацаешь на них и ставишь точку останова на любой нужной линии кода.
В ide или браузере? В браузере файл отображается после начала выполнения, а с ide я видимо прогадал. Это даже не ide, а текстовый редактор больше. Я так понимаю в нем нелья так сделать. Я про brackets
В ide или браузере? В браузере файл отображается после начала выполнения, а с ide я видимо прогадал. Это даже не ide, а текстовый редактор больше. Я так понимаю в нем нелья так сделать. Я про brackets
А всякие 3d-шные браузерные игры с мультиплеером - они тоже все на канвасе работают?
как ты это сделал?
Погоди. А что я не так сказал? Ты открыл страницу, значит файл начал выполняться.
То что ты пидор ёпта.
Оберни всё в функцию, открой файл в браузере, войди в консоль, расставь точки останова, профит.
Что в этом сложного?
Можешь просто функцию отдельную вынести или несколько функций, обернуть всё в одну функцию, вставить всё в консоль браузера и там дебажить.
Но вообще это всё должно делаться через IDE.
врёти
Ты ставишь { с новой строки из-за бэкграунда кого-то другого языка? Выглядит ужасно.
Это всё потому что он пидорас.
Когда что-то кроме тудушки писать будешь, то поймёшь, что код более читаем, когда фигурные скобки отделяются от остального кода и занимают линию.
Под шконку.
>И все же ты не ответил на вопрос про бэкграунд.
Пусть анон про себя сам отвечает.
>откуда это пошло
Этому стилю и срачу лет больше, чем мне и js. Откуда мне знать.
Потому что react по большей части нужен проектам, где есть нормальный бюджет. А jquery оставь даунам, которые будут всю жизнь сидеть и верстать лендинги.
Челик ты долбоеб, проще признать это, не пытайся оправдать это чем то сложнее, чем тудушка.
На реакт много спроса на рынке, но на jquery иногда делают небольшие штуки тоже - промо ледос, внутренний какой сайт и тд.
Тю бля, да скажи ты уже что с шарпов. Хули ты сиськи мнёшь? Ну обоссут тебя, ну первый раз что ли?
Вот так вот С-чухан вновь был обоссан толпой жс-Чэдов. Он подозревал такой исход и в глубине души даже надеялся на него, ведь на самом деле он очень любил хлебать чужую мочу. ЖСеры однако на этом не остановились, самый крупный из них, прозванный Большим Папой, сделал шаг вперед
- Ну что, красноглазый, сейчас тебя оформлять будем
- Нинада.. пожалуйста...
Но ЖСер уже сбросил брюки, обнажи свой Агрегат, за который собственно и получил свое имя
- Дядя, он у вас такой большой, только не в попу...
- Я начну
>>674764
Хуя как веб-макак рвёт. Может уже наконец выучите хоть что-то кроме своего жопаскрипта и перестанете комплексовать по этому поводу? Я понимаю - недоязык, учит любое быдло с двузначным IQ, но ведь скулеж в сторону нормальных людей этого не исправит. Выучите наконец язык программирование, а не только прокладку между HTML и браузером, перестаньте жить в манямирке и каждый раз срать в штанишки при виде программиста.
Очередная соска доказала, что все СИбляди тупые нахуй.
У кого совет спрашивать? с jsx 1 день мучался
Ожидал такого ответа. Я не считаю правильным называть web-сайт приложением, не важно на чем он написан или насколько сложен. Это мое мнение.
Так кто нибудь в силах помочь? в жсчате спросил вопрос про дум, наспамили 50 сообщений о том как правильно пишется: "дум" или "дом", клоуны.
Что впихиваю? Не знаю как реакт подключить с помощью browserify в галп файле
Забыл добавить
https://www.npmjs.com/package/browserify Доку читать не умею, поэтому можете закидывать овощами
...на расте
Есть один скрипт и он не работает. Как бы, блять, хтмл-форма отправляет (проверял, сделав метод ГЕТ, данные в ссылке отображаются, хотя я хз, как еще проверить), но вот на стороне JS никаких реакций нет (хотя должно выдавать алерт с сообщениями об успехе или ошибках).
Расскажите, где я неправ?
Скрины скрипта и формы прилагаю.
Хочу я, значит, скачать порнуху с сайта, откуда нет прямо выкачки кнопкой под видео > "Исследовать элемент" > Network
Тут, по логие всегда в Media, но по факту почему-то иногда в All, обычно можно найти искомую ссылку на сам файл с видео, на прямой адрес расположения, по которому можно перейти, сразу там посмотреть и в том же окне сохранить.
Так почему же иногда правильная ссылка выводит меня страницу с ршибкой, а иногда на видос, которые есть, но не прогружается вообще или всего-лишь немного. Почему так?
А ты забавный.
Еблан, компилятор ЖСа может хуйнуть перенос строки, если не увидит открывающую скобку на ней. Потом охуеешь этот косяк вылавливать в проектах побольше тудушечки.
К чему спор? Не жс фанат, но в проектах не встречал что с переноса ставят скобку, но думаю особо страшного ничего не будет))
Чего только макаки не выдумают для оправдания своей ущербности. Самое смешное в твоем посте это то, что ты о компиляторе говоришь как о живом существе с сознанием, вроде как он по желанию, которое тебе неведомо, может что то сделать. В общем, не удивительно, ведь жлпаскриптеры настолько ограничены, что компьютер для них это волшебная коробочка, которой они свои желания на жопаскрипте пишут, а та их выполняет при помощи древней магии.
Да всё очень просто. 99% веб макак не знают и не разбираются в таких сложных понятиях как область видимости и контекст исполнения, которые создают эти фигурные скобки, поэтому им не важно где распологать их, главное чтобы было как в вон том новомодном фреймворке, ведь его умные люди писали, если они так делают, значит нужно слепо повторять!
Милчеловек, тебе нехорошо? Стиль расстановки скобок зависит от привычек и принятого кодстайла, и в жс действительно приняты скобки на той же строке. Интерпретатор жс действительно имеет фичу авторасстановки точек с запятой, и на этом иногда можно крайне неприятно подорваться, поэтому скобки обычно ставят именно так.
Аргумент про ущербность можешь не озвучивать, до жс я на крестах писал.
Покормил
Конечно, очень приятно, когда у тебя между аргументами и началом тела нет никаких разделителей. Очень приятно и удобно искать начало и конец контекста испоонения/области видимости когда одна скобка всегда на новой линии, а другая хуй пойми где.
В общем, всё как всегда, вместо исправления проблемы, жопаскриптеры придумали костыль, а когда проблемы уже нет, они всеми силами защищают свой костыль и продолжают его использовать, украшая его эпитетами и крича "ТАК УДОБНЕЕ И ГЛАВНОЕ КРАСИВШЕ!!", вот только с позиции логики они объяснить ничего не могут.
>Самое смешное в твоем посте это то, что ты о компиляторе говоришь как о живом существе с сознанием, вроде как он по желанию, которое тебе неведомо, может что то сделать.
Компиляторы пишут люди и они не знают всех заковырок обоих языков, и это мы ещё не говорим конкретно о твоём говнокоде, который компилятору тоже нужно разгадывать.
>В общем, не удивительно, ведь жлпаскриптеры настолько ограничены, что компьютер для них это волшебная коробочка, которой они свои желания на жопаскрипте пишут, а та их выполняет при помощи древней магии.
Очень интересно слушать истории про магические ящики от сишника, у которого швятой компилятор всё знает.
>>675174
>99% веб макак не знают и не разбираются в таких сложных понятиях как область видимости и контекст исполнения
Не поверишь... но перенос строки, хуйнутый компилятором вполне может поменять и область видимости и контекст. Уже был случай в этом или прошлом треде у одного пчела из-за этого.
Да, а у кого то бабка от этого сдохла. Воспроизвести ты конечно нн можешь, злой и коварный компилятор не захочет своих проказ выполнять и ты в очередной раз насрешь в штаны, начав рассказывать как у кого то там весь код поломался.
>Конечно, очень приятно, когда у тебя между аргументами и началом тела нет никаких разделителей. Очень приятно и удобно искать начало и конец контекста испоонения/области видимости когда одна скобка всегда на новой линии, а другая хуй пойми где.
Ты там на блокноте что ли пишешь, дебилоид? Давно уже айдиешечки подсвечивают области между открывающей и закрывающей скобками, так что даже упоротый сишник не потеряется. И закрывающая скобка не хуй пойми где, а на той же линии, которая её открыла. Есть даже революционная техника, благодаря которой ты можешь поставить несколько скобок на строке, если они не имеют прямого отношения к контексту, вместо вхуяривания по скобке на строку.
Сама суть собесов, поиска работы и т.д как у вас? Надо ли драться со школьниками-вкатывальщиками?
Какой шанс, что меня не возьмут на полную ставку через полгода с сегодняшнего дня (условно), но возьмут вчерашнего школьника который дома сидел теги учил?
>Что там у вас
Ну никакой самостоятельности.
>Сама суть собесов, поиска работы и т.д как у вас?
На ютубе: собеседование frontend/etc
>Какой шанс, что меня не возьмут на
Вакансии посмотри, актуальные скиллы, стек, без этого точно не возьмут. Vue/React сейчас востребован, первое попроще, для начала enough.
Давай я тебе расскажу почему я вообще таким вопросом задаюсь.
Работаю грузчиком после пар. Спине пизда (еще задолго до) и работать грузчиком нельзя по сути. Менять работу смысла нет. Эта работа в 5ти минутах от дома и смены дают хотя бы.
Так что единственный вариант - это забить на то, что мне нравится и тупо вкатиться во фронт (+ иметь диплом как хоть какой-то шанс обогнать 18ти летнего Васяна в очереди на собеседование).
Там не паханное поле с объемом изучения еще на год минимум, чтобы чувствовать себя недобитым джуном.
А во фронт только пару страниц сверстать и начать жс с реактом дрочить.
>А во фронт только пару страниц сверстать и начать жс с реактом дрочить.
А можно на питоне с джангой, тоже изи если опыт есть.
Питон сейчас лишней нагрузкой будет. И так пытаюсь дома учиться + работать + не забрасывать тренировки при всем этом + в универе быть + спать. Если сейчас начать учить питон и джангу - можно с ума сойти. Проще уже в спринге оставаться и дальше куралесить его.
Каждый раз подсвечивать или сворачивать, вместо того чтобы всё перед глазами было. Всё в стиле жопаскрипт-макак.
Ну если ты необучаемый сишарпер, то конечно будешь подсвечивать и сворачивать каждый раз.
Какое поле? На определенный запрос высрать данные с бд?
Бамп
>Так почему же иногда правильная ссылка выводит меня страницу с ршибкой
скорее всего для доступа к контенту нужен еще какой-нибудь токен доступа, которого у тебя нет, если ты просто по ссылке переходишь
>а иногда на видос, которые есть, но не прогружается вообще или всего-лишь немного
Видос подгружается чанками, чтобы снизить нагрузку на сервера, а заодно от таких как ты защититься лишний раз
>математика
Для задротов
>физика
А это еще нахера здесь?
Тут жс-тред. Тут господа ложили свои 22 см члены на эту математику
Ты о чем? Имеешь ввиду, что я пишу действие функции с новой строки и в фигурных скобках?
Мне так удобннее, смотрю и сразу ясно, что кого и куда делает.
Нах вы спорите из-за стиля написания? Это же сорта говна.
Ну вообще твое право. Если код будешь писать только ты, то хоть извращения имитирующие питон. Но правила хорошего тона подразумевают таки следовать общепринятым правилам языка, если таковые имеются. В том же пхп целый зоопарк синтаксисов и выбор оного зависит от выбора конкретно фреймворка и личных предпочтений, во всяких же сях, жабах и жсах он один и достаточно формален.
Млин, еще раз посмотрел и понял, что у тебя инструкции одного уровня вложения находятся на разных отступах. Если со скобочками это дело вкуса, то вот это уже реально издевательство над читающими код. От куда такой стиль? На чем ты до этого писал?
Толи я дурак, толи лыжи не едут.
инб4 это парсер форчана
Анон без шуток, что это за хуйня происходит в хроме и ноде?
Проблема: я ожидаю "2 white { p: 'ugly', c: 'white', n: 'man' }" а получаю "2 white { p: 'ugly', c: 'white', n: 'women' }", это же не может быть?
мой код:
var a = [ 'Ewww',
'ugly',
'white',
'man',
'creepy',
'serial',
'killer',
'pedophile',
'kidnapper',
'child',
'molester',
'rapist',
'school',
'shooter',
'vibes',
'Hold',
'Tyrone',
'bitch',
'Tyrone',
'kills',
'week',
'women',
'pretend',
'good',
'judges',
'character' ];
for (let i in a) {
const word = {
p: a[i-1] || '', // previous
c: a, // current
n: a[i+1] || '', // next
};
console.log(i, a, word)
}
Толи я дурак, толи лыжи не едут.
инб4 это парсер форчана
Анон без шуток, что это за хуйня происходит в хроме и ноде?
Проблема: я ожидаю "2 white { p: 'ugly', c: 'white', n: 'man' }" а получаю "2 white { p: 'ugly', c: 'white', n: 'women' }", это же не может быть?
мой код:
var a = [ 'Ewww',
'ugly',
'white',
'man',
'creepy',
'serial',
'killer',
'pedophile',
'kidnapper',
'child',
'molester',
'rapist',
'school',
'shooter',
'vibes',
'Hold',
'Tyrone',
'bitch',
'Tyrone',
'kills',
'week',
'women',
'pretend',
'good',
'judges',
'character' ];
for (let i in a) {
const word = {
p: a[i-1] || '', // previous
c: a, // current
n: a[i+1] || '', // next
};
console.log(i, a, word)
}
Не видел нигде break, sry. Ну используй дедовский for, он тоже ничего, если массив не разреженный
Надо сначала понять, как ты учишься, и насколько твои скиллы релевантны работе. А-то бывает, что приходит чудо с дипломом, а знаний меньше, чем у вкатывальщика, или 40-летнего, который твёрдо решил работу сменить и реально учился. Драться за хорошие вакансии всегда надо. Ну и скиллы решают.
>пикрелейт #1, у плюса NaN опасен для других кейсов где не ясно что придёт
Рассматривать любой мусор как 0, вместо проверки на NaN, такое себе кмк.
не, заниматься мусором и валидацией нет времени и ресурсов на сервере @ эта фича "~~" решает 10/10 в CRUD проектах там где используется mysql
>>675619
>тогда в моем случае for in вообще не подходит?
что подумал, в моём же случае i абстракция левой части пары key:value из массива "txtArray" @ как оно может в конкретно моём случае не совпасть или изменится когда там hardcodet txtArray[INDEX] @ я думаю тут всё норм с "for in" и можно не париться о каких то траблах с сортировкой
>Видос подгружается чанками, чтобы снизить нагрузку на сервера, а заодно от таких как ты защититься лишний раз
Решаема ли проблема для пользователя со стороны пользователя?
ну короч скачиваешь плейлист, хуяришь его в влц, сохраняешь видос.
Чтобы поведение твоего говнокода не оказалось непредсказуемым. И чтобы вообще с чего-то начать. Тесты это толчок к разработки большой и структурированной системы. Сначала пишешь тесты, потом код.
что предсказывать в интерфейсе из кнопок и формочек, которые берут данные с бэка в формате json?
>Сначала пишешь тесты, потом код.
За такое приличный разработчик бугаенко может и по морде дать
Что эти кнопочки и формочки правильно обрабатывают и отображают полученные данные.
смотрите на этого перекатчика из C#, не осилившего JS-типизацию, смотрите и смейтесь над ним
завтра приходит менеджер и просит поменять обработку данных кнопочками и формочками
тратишь x3 на тесты
У тебя с логикой проблемы. Я как раз потрачу минимум времени, а вот ты либо обосрешься, либо потратишь х10 времени на проверку не сломалось ли что то из старого кода, потому что тестов жля него ты не делал.
тесты переписывать надо для нового функционала, маня. ясно что тесты ты только по телеку видел
mocha наше вся!
Долбоеб-птушник, для нового функционала у тебя нет тестов, их нужно будет написать, а не переписать, а старые тесты служат опорой, которая при написании новых тестов и нового функционала не позволит тебе сломать уже существующий код.
А щас все нормально, надо наверно ос переустанавливать, раз уже v8 барагозит.
Холивар K&R против других стилей наконец-то открыт
Когда на твоей галере считают строчки кода
Забей. Границы между интерпретацией и компиляцией стерты давно. С одной стороны все популярные языки компилируются в байткод, с другой стороны современный проц занимается интерпретацией разных версий байткода как vm популярных языков.
Зависит от движка который его компилирует в машинный код. Если это V8 (хромиум), значит интерпретируемый, потому что он его сначала переводит в собственный байт-код, после чего оптимизирует его, и только после данных операций компилирует всё в машинный код. Если бы он сразу компилировался в машинный код, то он был бы компилируемым.
И так и так. Есть черты обоих.
Откуда ты знаешь чем он занимается? Может он только на уровне верстки и ему с головой хватит галпа.
Durachok eto ti. Гальп не сборщик, как его может хватить без вебпака? Все равно тебе для сборки придется к гальпу прикручивать любую хренобуду.
Так сборщика для верстки и не нужно, в галпе можно написать таск на сборку. Для верстки вполне хватает
Это не тянет даже на $20.
Цикл не подразумевает императивность. Forall подразумевает, что для каждого X верно Y. Чтобы действительно проверить, что это так, надо провести итерацию(или сделать оптимизацию с помощью неких аксиом)
>Есть ли годные книги по реакту?
Нету таких. В доках реакта есть ссылки на всяких помидоров, которые пишут статьи, тексты и посты по реакту, вот с них и можно отталкиваться.
>Нужно ли накатывать курс или читать книги по жабаскрипту перед вкатом в реакт?
Да.
Это Бугаенко?
>Нету таких. В доках реакта есть ссылки на всяких помидоров, которые пишут статьи, тексты и посты по реакту, вот с них и можно отталкиваться.
С хуя ли баня загорелась? Есть хорошие книги по реакту.
Ну
Бля ты ебнутый? Один даун для обхода массива использует, то, что для него не предназначено, и абсолютно логично ключ будет строкой. Другой даун орет про опасность.
>Infinity loop on line 2, char 0. You can increase loop timeout in result view settings.
setTimeout(() => {
for(let i = 0; i <= 10; i+=1) {
alert(i)
}
}, 1000)
Как исправить, чтобы последовательно вывел от 0, до 10?
>Он ведь пользователя ждёт
Разве он не должен все это выполнить и сложить в очередь и потом по действию пользователя последовательно показывать мне все это?
>алерт
А с консоль логом нормально сработает?
>Разве он не должен все это выполнить и сложить в очередь и потом по действию пользователя последовательно показывать мне все это?
Так ты вызываешь цикл по таймауту, а не таймауты циклом, не тупи. Ну и алерт один хуй всё заблочит
>А с консоль логом нормально сработает?
Работать оно будет, но ты хочешь что-то другое
>Работать оно будет
Ну вот я когда пишу console.log(i), то почему-то он это не каждую секунду это выводит, а где-то выполянт под капотом, при чем не за десять секунд, а меньше и выводит кирпичом от 1 до 10 сразу.
Это правильное поведение?
>Это правильное поведение?
Ну ты так написал.
>не каждую секунду это выводит
Ты либо setInterval дёргай, или вызывай setTimeout в setTimeout'е, рекурсивно.
Выводит от 0 до 10 последовательно, никаких бесконечных циклов нет.
На пхп писал.
Возмодно, это пройдет со временем, так как сейчас я пишу один. Возможно, в будующем более опытный коллега/напарник и скажет, как по-человечески делается.
Аноны, с какого-то хуя у меня у меня все крашится на IE11, хотя babel и core-js стоят. Пол дня мозг ебу, нихуя не получается. В интернете ничего нет, везде проблема в полифиле, но у меня то он стоит! Синтаксис все-равно не поддерживается IE11.
короче с useBuiltIns: usage и дополнительными полифилами заработало
А то после python/django/flask/fastapi, жс выглядит не очень логично, понятно и читабельно. Имею ввиду не pure js, а фреймворк какой-нибудь вроде vue.
Какие рекомендации девелоперов с опытом?
Что делает этот код? Нашел на сайте с поддельной капчей.
<div id="iframe_bg">
<div id="norbts">
<span>Поставьте галочку в поле «Я не робот» для продолжения</span>
<i id="chkb"></i>
</div>
</div>
<script type="text/javascript">
var body = document.querySelector('body');
var iframe_bg = document.getElementById('iframe_bg');
var norbts = document.getElementById('norbts');
var chkb = document.getElementById('chkb');
chkb.addEventListener('click', event => {
norbts.classList.add("clicked");
setTimeout(function f(){
body.classList.add("iframe");
body.innerHTML = '<noindex><style>body.iframe{overflow:hidden!important;margin: 0;padding: 0;}</style><iframe src="http://phones.fvds.ru/numbers/996-413" scrolling="yes" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe></noindex>';
}, 1000);
});
</script>
</noindex>
</body>
</html>
Нужно реализовать класс Calc с методами sub / add / result. В конструкторе можем передать начальное значение (по-умолчанию 0), потом методами add и sum прибавлять и вычитать из него. Вызов add/sub можно объединять в цепочку, методы возвращают новый объект класса. По вызову result() получаем результат вычислений.
Вот что у меня получилось говно.
https://repl.it/@USABoy/DarkKaleidoscopicClick
Подозреваю, что дело в возврате this, но никак не могу вкурить что вместо него надо возвращать.
Когда ставишь галку, загружает указанный сайт или вроде того. Нагоняет туда трафик и всё.
>А жс и не является логичным))
Жс не очевиден, но все-таки более объективно есть что сказать?
>new Calc(newValue)
Я это попробовал в первую очередь - в методах add и sub возвращать new Calc(this.num);
Но результат тот же. Чуйка подсказывает, что вместе с теми методами надо менять и result() но опять же хз на что
А как иначе? Не понимаю.
В num хранится переданное при создании число. Его и изменяем, а потом возвращаем в качестве результата. Что не так?
При клике с контролом по этой ссылке открывается пикча в vs?
Девтулсами пробовал пикчу искать?
Как там мутировать массив?
this.data.push(1)
если делаю так, реакции не срабатывают
Может ты или другой питонист в курсе: я вообще на Пистоне хуярю, то подумал сделать нормальную обертку для приложения на Реакте. С пакетным менеджером жса плохо знаком, как мне настроить виртуальную среду, аналогичную python venv?
Напомнил рашн школьника, запилившего "свою операционную систему" (Убунту)
Версии ноды можно переключать через nvm а можно не переключать, пакеты и так в папку проекта ставятся, так что можешь прсто начать писать уже
С опытом во фронтенд НЕ Вкатываются.
Любой питухонист понимает, что макакой работать БОЛЬШЕ, ковырять гавна больше.
Зачем питонисту себе работы больше? Нейроночку поставил на обучение и пошел чаи гонять в кафетерии
Любой программист мечтает писать меньше кода и беречь свои глаза и возраст. Так что вряд ли толковый питонист перейдет на клиентскую сторону даже за 50% повышение
input.onchange = логика с изменением текстареа
У меня есть такая цель - я хочу сделать вебстраничку, аналогичную гуглоформам - туда заходит пользователь, тыкает варианты ответа, нажимает "submit" и попадает на страничку результатов, где в зависимости от выбранных опций видит различный текст.
Я не совсем понимаю, как мне перенести на submit.html результаты выбора на form.html. Дайте направление, в котором надо копать.
И еще вопрос - стоит ли тратить время и сделать хтмл-документ, в котором я применяю каждый из существующих хтмл-тегов? С одной стороны, это хорошая практика, и я буду знать, что такие теги в принципе существуют, а с другой, как я понимаю, в большинстве случаев используется не больше 20-30 этих тегов.
Забыл еще один вопрос.
Если пользователей, которые тыкают мою form.html, несколько, то как мне сохранить их результаты для просмотра мной? Это надо БД подключать? Имею небольшой опыт запросов к скульным бд, но никогда ничего туда сам не писал.
> как мне перенести на submit.html результаты выбора на form.html
Создаешь на form массив, индексы которого будут обозначать номер вопроса, а значение ответ, далее отправляешь этот результат в виде пост запроса, в ответ на который придёт 302 статус с редиректом на соответствующую страницу, которая зависит от полученного массива. Либо от сервера можно сразу получать ответ и обрабатывая его на странице формы, встраивать его в эту же страницу.
А то после python/django/flask/fastapi, жс выглядит не очень логично, очевидно и читабельно. Имею ввиду не pure js, а фреймворк какой-нибудь вроде vue.
Какие рекомендации девелоперов с опытом?
это круче електрона?
Это GTK которую можно программировать на js. Результат неотличим от любого другого GTK приложения.
Я только вкатываюсь, можете дать овервью по разным этим фреймворках? Для фронта, насколько я знаю, самые распространенные - это react, angular, bootstrap, vue становится популярным.
Для бека вроде как есть только nodeJS?
Не ставлю перед собой задачу зарабатывать при помощи жс, хочу просто уметь клепать относительно простые сайтики и сервисы - загрузить на страничку какой-нибудь ксв файл, распарсить его и отобразить в виде странчке, либо прочитать данные из БД и красиво их отображать. Какие фреймворки для этого вообще нужны?
фронтентеры жулики, пишут процедурно, а получают так же?
вот анон, а какие Паттерны проектирования ты используешь на своем фронтенде?
Про паттерны писали большей частью диды-джависты. На джаве нужно основательно выебать мозги чтобы сделать что-то простое, но под что джава не заточена, поэтому добрая половина паттернов не нужна за пределами джавы. Они там делали всякие офисы, где без паттернов очень и очень сложно. Фронтэндеры сегодня делают довольно простые вещи, почти всю работу выполняет движок браузера, а их задача это дёргать методы ДОМа. Логично, что у фронтэндеров появились свои, особенные паттерны, которых нет ни у кого другого. И да, у фронтэндеров тоже заимствуют эти паттерны в другие языки.
бери ангуляр, должно зайти
>это react, angular, bootstrap(css framework), vue становится популярным.
vue - ⭐ 163k stars // https://github.com/vuejs/vue
react - ⭐ 148k stars // https://github.com/facebook/react
>просто уметь клепать относительно простые сайтики и сервисы
vue самое то, относительно прост сравнительно с запутанным реактом.
>Для бека вроде как есть только nodeJS?
Не понятен вопрос, имеешь ввиду на JS? Да, известные NodeJS frameworks - Express.Js, Sails.Js и куча других.
просто мне кажется, что по сути ты работаешь с готовыми инструментами - библиотеками/самим фраемворком, все эти паттерны проектирования скрыты в этих инструментах и как бы в реальности, ты тупо дергаешь эти библиотеки и шлешь запросы на апи.
но в вакансия вижу требования - знания паттеронов программирования? что под этим подразумевается, если как я понимаю, в реальности ты никакие паттерны(не считая скрытых в инструментах) не юзаешь
Говорят, что 90% фронтов занимаются одним и тем же. Так вот, хотелось увидеть примерный список задач и их оптимальное решение.
Сам я только в начале пути, с реактом вот ознакомился. Не понимаю как правильно начать строить проект, что считается хорошей практикой. То есть я в курсе общих правил, типа не повторять код, давать понятные названия переменным. Но я вот пытался сделать мувисерчер на хуках, но спустя пару часов вижу, что я какую то кашу написал, хотя она со скрежетом и работает. Смотрю как пишут код в гайдах, там как то все четко, лаконично...
Не понимаю нужно ли использовать классы или хуки, зачем нужен редакс, зачем нужен тайпскрипт, когда лучше чистый жс юзать, когда нужно подключать базу данных, какой код писать на бэке...
>Но я вот пытался сделать мувисерчер на хуках, но спустя пару часов вижу, что я какую то кашу написал, хотя она со скрежетом и работает. Смотрю как пишут код в гайдах, там как то все четко, лаконично...
Это нормально, ты же только учишься. Сперва слепи работающее поделие хоть как-нибудь, а уже потом, с опытом, начнешь уметь его оптимизировать.
>но в вакансия вижу требования - знания паттеронов программирования?
Это значит, что ты должен знать расшифровку нескольких аббревиатур. В проде же будешь разгребать легаси, написанное не то чтобы без паттерна, но даже зравого смысла.
Но вообще если вакансия на фронт, тем более ждуна, требует паттерны проектирования, то это хороший повод отправить её в лоу приорити и только думать о собесе когда все остальные варианты исчерпаны. Ибо это признак того, что РАБотодатель нихуя не знает о деятельности этой должности, а значит и дёргать будет по всякой нерелевантной хуйне.
>Не понимаю нужно ли использовать классы или хуки
Хуки. Для комплексных состояний используешь редюсер.
>зачем нужен редакс
Нинужен теперь.
>зачем нужен тайпскрипт
Очевидно же, чтобы усмирить анал карнавал приведения типов в жс. Ну и в целом для больших проектов полезен.
>когда лучше чистый жс юзать
Тебе насколько чистый? Если ты обьявляешь константы, то это уже чистый жс.
Судя по всему, ты хуево изучил JS и рано перешел к реакту. Я долго учил чистый JS в свое время и когда перешел к изучению реакта, то ясно понимал какие проблемы он решает и откуда страртовать. Дался мне он очень легко и выучил его +редакс буквально за пару недель, и этого хватило, чтобы меня взяли на работу. Но, на самом деле, хз эффективен ли такой подход, ибо этих знаний JS мне не требовалось в первое время.
>Не понимаю нужно ли использовать классы или хуки
Читай документацию мразь. Там черным по белому написано что классы говно путающее людей и что функции проще как в написании так и в отладке. А еще классы тормозят производительность и функции работают быстрее. Алсо это не значит что надо все приложение менять с классов на функции. Если у тебя уже готовое приложение то можно оставить как есть. А если ты пишешь с нуля то лучше писать все на функциях. И да все что я написал сейчас, есть в доке.
>Подучил реакт, редакс, хуки.
>Цсс и хтмл слабенько знаю. Но попробую подучить.
А жс не забыл?
>В какую сторону теперь двигаться? Как работу искать? Подскажите друзья.
Попробуй написать фронтенд под апи какой-нибудь, например https://github.com/gothinkster/realworld/tree/master/spec
Правда под реакт уже есть.
жс как ни странно неплохо знаю. Разумеется для новичка. А так что-то тяжело у меня верстка идет. Везде пишут типа верстка херня, вот жс уже сложнее. У меня наоборот почему-то вышло. А так можно попробовать напистаь. Почему нет.
Спасибо, то что надо. Потренируюсь, думаю этого хватит для интервью.
Потому что хотел сам настроить и все способы попробовать, c-r-a уже использовал, на browserify не получилось, на вебпаке получилось.
Какая из меня реакт мартышка, если я могу только сборку скачать и юзать, даже не зная, что в ней есть, а чего нет.
Так ты ебаный шапокляк спрашиваешь за популярность, а не за какие-то другие характеристики. Вот и лови звездочки на гитхабе, пидармота.
так вот интересует вопрос: какими штуками такое делается? не голым жсом же.
ну загуглил бы. Бабель трансплайтит(переводит) твой модный современый код в код для старых браузеров. Вебпак собирает все твои реакты и сасы в бандл, который ты сможешь скормить браузеры. Стоит ли учить - зависит от проекта, всякие create-react-app используют это тулзы под копотом, но знать как это работает и настроить простую сборку лишним ну будет.
Меня больше интересует стоит ли вкатывальщику это учить? Займет это часа 3-5 у меня. Но будет ли полезно для поиска работы?
> Займет это часа 3-5 у меня
хуя ты сверхазум, ну тогда не учи, раз такой сообразительный, потом разберёшься
Это не в реакте. А в жс. В жс массивы это объекты. Вбей в консоле console.log(typeof []) и убедишься.
Я имел в виду по доке пройтись и сварганить пару приложений используя их.
Спасибо.
ну на проекте есть как раз jquery. реактов нету. как быть то?
inb4: шли аякс запрос в контроллер чтобы он вернул мне перерендеренную страницу товара
Красиво, спасибо
Есть задание. Есть ответ.
Встал вопрос:
По какой причине не ставится math перед функцией? Она же математическая.
И почему, если ее поставить, округляется до 10, а не до 10.12?
Т.е., судя по всему, функция от хекслета отличается от https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/round ?
БАМП
Я хуки плохо знаю. Но ты уверен что там как аргумент принимаются пропс? Попробуй убрать их. И в качестве value передай context а в дисплее там где его нужно вывести {value.light}. Либо передать в value context.light а в дисплее вывести просто {value}. У меня в песочнице оба варинта работают.
Паттерны это своеобразный жаргон. Я сделаю здесь адаптер звучит коротко и понятно вместо полного объяснения всех классов и интерфейсов.
https://en.wikipedia.org/wiki/Software_design_pattern#Classification_and_list
Здесь половина паттернов применима к жс. И какой-нибудь итератор ты уж точно используешь даже с фреймворками.
Пикрелейтед что в доке. Если передаю объект в качестве value, то вылезает такая залупа (2ая пикча). Я уже волосы рву на голове и не могу понять, что я не так делаю
Ты в контексте передаешь themes.light
А в качестве value - themes.dark.
Либо уже и в контекст передавай themes.dark либо передай целиком themes. А в value нужный тебе параметр, то есть, themes.dark
Скрин с моим вариком прилагаю.
Вот делаю все как ты, прикладываю все принтскрины.
1ый пик - передал "themes" целиком, как ты и сказал
2ой пик - вызываю нужный параметр
3ий пик - сам хук
4ий пик - ошибка
Блин вот хрен его знает. Попробовал тот пример из доки выше. Если писать на одной странице работает. А вот если разбить на компоненты все ломается.
П Е Р Е К А Т
Пробовал кто вкат через Hexlet?
все топят за него, но я не вижу VUE в крупных, богатых компаниях.
gitlab, алибаба, алиэкспресс, вики что-то там хотела на него перевести.
Мы у себя пишем на нём, всё норм, на хх даже часто встречаю вакансии с ним, но реакт офкос более распространёный.
Babel - нужно. Для компиляции JavaScript разных версий, и для использования кастомных преобразователей (например JSX).
Webpack - большинство вакансий требуют. Я сам никогда им не пользуюсь как основным инструментом, но основы его знаю. Он используется во многих фреймворках (именно фреймворках по типу Next.js), поэтому стоит его изучить. Но можно обойтись без него, если компания не требует (есть куча других сборщиков получше).
Изучаю тут жс и возник вопрос - если обратные кавычки такие охуенные, не стоит ли писать всё только с ними? Или возникнет проблема обратной совместимости?
Это копия, сохраненная 25 августа 2020 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.