НЕ КОПИРУЙ КОД ПРЯМО В ТРЕД!
Для программирования на ХТМЛ 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
>>1669275 →
промазал
Вот весьма свежая статья, где автор часто спамит var-ами:
https://habr.com/ru/company/ruvds/blog/499014/
Васянский перевод васянской статьи по сбору васянских примеров это конечно авторитетный источник.
Тут тебе не дизайнеры с трендами. Если ты даже техническую причину понимаешь, то куда ты ещё въехать не можешь? Почему древняя чушь смогла сквозь интернеты протечь в статью к васяну? Почему инерционния происходит инерционно?
Естественно не пустых.
[{id:0, title:"some text"}, {id:1, title:"another text"}]. 1 вопрос: как добавить новый обьект (через push?)? 2 вопрос: как инкрементировать id?
Я только недавно вкатился, прошу подсказать.
Имеет ли у ЖС нечто, вроже require из ПХП?
Потому что писать document.write() это пиздец как долго, проще завернуть в функцию, как заворачивают GetElementById в функцию $ (прочел об этом в книге, не знаю, используете ли вы такое).
Так вот. Могу ли я скидать все эти самопальные функции в один файлик и подключить его в других файлах и вызывать оттуда "свои" функции?
Алсо. Да, document.write() это не то, что надо использовать для вывода, но сейчас я только постигаю ЖС, да и в книге, кроме алертов, ничего другого для вывода не давали, все постепенно учу.
сап програмач!
хотел бы узнать мнение жс господ по поводу graphql
я так то вообще по фронтенду чисто, но решил начать вкатываться в бек и тк мой проект на работе написан на графкюеле я естественно тоже решил его навернуть
как считаете, это вообще перспективная технология в плане поиска работы в будущем, или все юзают rest там, или вообще другие языки для бэка?
можно вообще считать себя начинающим бекэнд разрабом, если шаришь только в graphql??
Задачки на литкоде уже решал
блять, они же конченые.
Я дико извиняюсь, что ебу тебе мозги, но разумеется разные методы, вот полный код:
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
document.querySelectorAll
forEach
Во-первых, я не понимаю, почему тебя пугает if(){}. как раз логично, что блок кода не будет выполняться, если на странице нет элемента, к которому он имеет отношение. Ничего не мешает тебе в самом начале js файла объявить консты, в которых будут твои квери селекторы:
const x = document.querySelector('.x')
а ниже
if(x){
xui.addEventListener} или x && x.addeventListener()
И почитай ещё про DOMContentLoaded, он должен быть ещё выше.
Почему ты решил это высрать? Воняет пиздец.
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
Мальчик, иди нахуй.
> Почему с ХУКАМИ которые вроде бы должны упрощать работу, нужно написать столько хуйни
Почему если ты не токсик, то пишешь про работу целой команды такие унизительные вещи? Также, если твои курсы такие хорошие, то почему ты пишешь такую хуйню про хуки?
Есть апишка на ноде.
Конфиг:
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
Ок, спасибо за наводку, такого точно нет в коде. А что насчет профайлеров? Ясно, что код написан стремно и довольно давно. Хотелось бы видеть, какие участки кода сильно тормозят - ведь даже если на воркеры переписывать, надо знать, где и что менять в первую очередь.
Мимо 21 см
Задачки на литкоде уже решал
С функциями, объектами, флоу и домом вроде понятно все.
Сразу переходить к фронтенд либам?
Для тебя первый пост в треде. Сначала индуса посмотри обязательно.
Потом читай гайд на МДН как Интернет работает.
Разберись с Нодой, подними свой сервер со статикой.
Научись асинхронщине, делать запросы и отвечать на них.
Сделай, чтоб состояние страницы без перезагруки менялось и у тебя появится куча идей и вопросов. Вот тут ты готовенький и придёшь к фреймворкам.
Т. е. если книге не 10+ лет, значит говнокурс будет лучше этой книги? В чём твоя логика, долбоеб? При чём здесь фундаментальные книги? Взять любую книгу в которой описывается работа с React фреймворком и можно со 100% уверенностью сказать, что она будет лучше чем любой говнокурс.
Но нахуй это надо, в книге ведь страниц много, а курс я в видео формате за пару часиков под пивко посмотрю, а потом буду удивляться почему мой код называют говнокодом и я вообще не понимаю что такое React и как его использовать.
30 гигов оперативки есть? А если найду?
Книга такая же моча говна, видел я эти книги по реакту, просто ебаные пердуны пишут, инфоцыгане, никаких преимуществ с курсами нет НО ИТА ЖИ КНИГА ЗНАЧИТ ЛУЧШИИИ. Более того они все устаревшие, даже книга трехлетней давности уже считай устаревшая потому что в сообществе менялись практики какие-то итд, что-то оказалось переоценено, что-то недооценено, какие-то штуки стали моветон, например как произошло с умными-тупыми компонентами. Видел в доме книги книгу по реакту где вообще не рассказывалось че такое функциональные компоненты, и это в 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 специфик говна с тонкой настройкой воркеров)
Обычному вкатывальщику сходу всю эту информацию высрать мозг точно сгорит
https://jsbin.com/netobuwova/edit?html,console,output
Не вкатыш, просто вебом никогда не занимался
Нужно было вывести кол-во нагенеренных рандомных чисел для каждого целого числа из диапазона 1-5, например, чтобы посмотреть равномерно ли работает генератор, поэтому заморочился и создал объект, который при своем создании генерит внутри себя столько полей сколько задал юзер.
>>1671865
Ниже мой пост. Я просто не ебу как тут что устроено. Как бывалые, дайте совет. Мне нужно то бы объект управлялся мышкой и не проходил через стены. Сначала подумал о канвасе, но это мне самому придется ебаться с коллизиями если я правильно понял. Я уверен что есть уже такие библиотеки
>>1671682
https://vuejs.org/v2/guide/computed.html#Watchers
ну смотри бля какая сложная ниибаца концепция. есть картинка png без нихуя, например 2д космический корабль. а есть массив точек, абсолютно отдельно объявленный от этой картинки, но в тоже время повторяющий контуры того самого 2д космического корабля. ты скармливаешь этот массив точек физическому движку, физический движок отдает тебе координаты, ты по этим координатам рисуешь блять хоть на канвасе хоть <DIV/> спрайтами тот самый 2д космический корабль.png. и тем самым будет создаваться видимость, будто бы та блять пнг картинка без нихуя имеет физические свойства
Если ты там ничего не понимаешь, значит нужно подтянуть основы. Сначала смотри курс CS50 и пройди на хекслете курс "Введение в проргаммирование", он бесплатный. Это прям для совсем начинающих.
После этого можешь приниматься за learn.javascript.ru.
Есть миллион этих "введение в программирование" курсов, я рекомендую выше те, которые сам проходил.
Реакт мне нужен для реактивности. А с инпутами я работаю нормально и даже с селектами. Могу отправить данные на сервак, потом эти данные могу отредактировать через ту же самую форму. Форм у меня дохуище и все они создаются через одну функцию по объекту.
Просто вчера перетрудился похоже, ведь formData.set() не должна ничего отображать на странице
В учебники не могу, видосами как-то легче.
Ну или если есть какой-то аналог забесплатно...
В шапке вроде что-то похожее -->
https://2ch.hk/web/res/116059.html
Мимо другой нюфаг
> Реакт мне нужен для реактивности
>>1672136
> зачем мне в моей ситуации создавать локальный стейт
Ебик, ты для начала прочитай мой вопрос
> Как в среакте заставить элемент вести себя как обычный.
Прочитай вот про это, ебик https://ru.reactjs.org/docs/uncontrolled-components.html
Потом обдумай проблему с которой я столкнулся
> Хочу инпуту через formData.set() добавить значение - инпут не меняется. Вызываю formData.get() получаю то, что до этого передал.
И приди к тому же выводу что и я
> formData.set() не должна ничего отображать на странице
Помоги решить задачу.
Есть строка любой длины, нужно перебрать все возможные комбинации символов которые в нее входят
Например строка из двух символов 'hi' будет иметь две комбинции 'hi' и 'ih', а из например трех:
pen
pne
epn
enp
npe
nep
И так далее... Ну в общем смысл понятент. Есть какой-то быстрый оптимизированный алгоритм на дж, чтобы сделать это.
Спасибо
похуй
>>1672342
должны символы повторяться в любой сгенерированной строке в том же количестве, что и в оригинале, или не должны - хуй его знает, всем на это похуй, начиная от препода, который даже не удосужился накалякать нормальное описание задачи, заканчивая мной, который читает эту ебаную задачу для детсадовца
если юзаю console.log после success: function(json) { то он мне нормально выводит все необходимые мне варианты атрибутов. но почему когда я пытаюсь его поместить в переменную то он просто мне возвращает undefined ? почему он не возвращает мне тот объект который сука он получил в результате запроса?
сервак отправляет некий меда-контент зашифрованным
браузер сохраняет его в оперативке
через какое-то время сервер посылает ключ
браузер дешифрует контент и показывает/проигрывает его пользователю
Один чел мне сказал что это хуйня нереализуема, но я не могу понять где я обосрался. В вебе почти совсем нихуя не знаю, тыкните в проблему пожалуйста
хочу написать переписать "Свою Игру" https://vladimirkhil.com/si/game
Т.к. автор не выкладывает исходники и не правит баг, который меня очень бесит.
Там часто бывает, что в вопросе есть мелодия или картинка, и этот контент у кого-то позже, у кого-то раньше загружается, у кого-то совсем не загружается. И программа не "ретраит" закачку.
Из-за этого одни игроки получают преимущество, и у всех горит жеппа.
Я думаю высылать контент зашифрованным, дожидаться, когда все клиенты его получат, затем высылать ключи для расшифровки.
Таким образом картинка/мелодия заиграет у всех почти одинаково, только от скорости дешифровки зависеть будет.
Принципиальных проблем с таким нет вообще. Есть сложности с тем что сервер не может просто так послать инфу в браузер (только в ответ на запрос) тоесть тебе нужно будет или ебаться с вебсокетами, или с веб-пушами или костылить какую-то хуйню типа "раз в секунду отправлять запрос". Но в общем-то ничего сложного.
Вебсокеты не нужны, можно обычным способом, ничем задача не отличается от того, что высылать обычный текст.
Обеспечивать синхронность можно точно так же, как и в случае текстовых вопросов. Одни и те же проблемы.
Данные декодировать и подставить в видео объект или в качестве картинки можно, но сколько-то помучиться придётся.
Куки хранятся в браузере, на сервере и на машине пользователя?
С задачей ознакомься сначала, прежде чем пихать туда свежеосвоенные технологии, потому что типа круто.
У тебя вообще не про быструю синхронизацию спрашивали, а про доставку контента и декодирование его в браузере. Это отдельная задача, не связанная с транспортом.
Можно синхронизировать время браузеров перед отправкой, причём лучше через monotonic-время, и просто давать команду, что в такое-то время запускать тест.
Сломать не так просто (если именно monotonic-время) и для игры скорее всего не актуально. Тем более, что тут синхронизация на уровне пары секунд - пары десятков секунд.
https://jsbin.com/yetafatova/1/edit?js,console
Пока сделал так - в 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 токенов.
В переменной наверное тоже нормально, какая в общем то разница. Любые данные в клиенте имхо надо рассматривать как по умолчанию скомпрометированные, так что похуй.
>Какого фига бля?
Пиздец. Тупой комьютер нахуй. Сделали говно ебаное, нихуя не работает. Не могли нормально сделать, долбоебы сука тупые. Ну может хоть эти уебки в треде пояснят.
Далеко ходить не надо. Представь первый вызов функции. Если первый иф сработает, то функция что-то вернёт. А если нет? Дальше ни одного ритурна нет. Какие-то вызовы, хуё-моё. Но больше ничего функция не возвращает. В таком случае результат ундифайнед.
Пепепиши, чтоб функция возвращала в каждой ветке условий стремясь к базовому случаю.
Можно такое сделать без всяких жквери и подобного говна?
Да, сидеть на Гоа в гамаке с ноутом по 4 часа в день за 4к$/мес. Тебе в любом случае придется бороться за первые заказы пока не найдешь постоянного заказчика и мониторить рынок на требуемые технологии, так что регайся сейчас на фриланс биржах и смотри какие задания по каким фреймворкам там вообще предлагают. Из этого выбирай что учить. гайды по html css js есть в шапке.
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 ? Чтоб сказать "мама смотри я кулхацкер"?
Если кто не играл, то там уровни в Марио, но без большого количества этажей, максимум два. Почти всегда нужно бежать влево или вправо. Минимум взаимодействия с предметами.
Насколько я понимаю, клиентскую часть придется на таком языке программирования, как javascript. Какие фреймворки или библиотеки могут ускорить разработку такой игры?
Насколько я понимаю, серверную часть можно писать на чем угодно, php подойдет для этой задачи? Я его хорошо знаю.
Веб не очень для такого подходит. Ты страничку с часиками можешь научиться делать очень быстро. А дальше неожиданно начинается бездонный ад.
https://www.youtube.com/watch?v=lhNdUVh3qCc
Тут девочка ДОМ гоняет. Не очень это серьёзно. Но знания тебе точно в дальнейшем пригодятся и можешь прототип для своей поделки сделать.
https://phaser.io/
Целый фреймворк, всё серьёзно. Но я думаю, он скорее тебя отягощать будет, чем поможет.
https://www.pixijs.com/
Более низкоуровневая библиотека. Больше контроля и ответственности, больше мозгов надо. survive.io на ней сделан например
Мне кажется, у тебя будут трудности с таким подходом. Более вменяемым и лёгким для тебя будет долгий путь. Разобраться с ЖС, гайд во втором посте. Разобраться с ООП и ФП, как отделить логику игры от представления, есть в гайде. Начать прототипировать на ХТМЛ, как девочка. Потом открыть для себя канвас. После этого уже смотреть Пикси или Фазер. Иначе ты просто не поймёшь, как они работают и зачем нужны.
А для бека можешь любой язык выбрать. Вряд ли у тебя там планируется интенсивное взаимодействие по сети в реальном времени, так что и ПХП справится. Но раз уж тебе придётся ЖС дрочить для клиентской части, то лучше тогда и бек на Ноде делать, чтоб не распыляться.
Оберни всё в функцию, открой файл в браузере, войди в консоль, расставь точки останова, профит.
Что в этом сложного?
Можешь просто функцию отдельную вынести или несколько функций, обернуть всё в одну функцию, вставить всё в консоль браузера и там дебажить.
Но вообще это всё должно делаться через IDE.
>Выглядит ужасно
Нормально
https://pastebin.com/Kiacnruc
Вот так вот С-чухан вновь был обоссан толпой жс-Чэдов. Он подозревал такой исход и в глубине души даже надеялся на него, ведь на самом деле он очень любил хлебать чужую мочу. ЖСеры однако на этом не остановились, самый крупный из них, прозванный Большим Папой, сделал шаг вперед
- Ну что, красноглазый, сейчас тебя оформлять будем
- Нинада.. пожалуйста...
Но ЖСер уже сбросил брюки, обнажи свой Агрегат, за который собственно и получил свое имя
- Дядя, он у вас такой большой, только не в попу...
- Я начну
>>1674764
Хуя как веб-макак рвёт. Может уже наконец выучите хоть что-то кроме своего жопаскрипта и перестанете комплексовать по этому поводу? Я понимаю - недоязык, учит любое быдло с двузначным IQ, но ведь скулеж в сторону нормальных людей этого не исправит. Выучите наконец язык программирование, а не только прокладку между HTML и браузером, перестаньте жить в манямирке и каждый раз срать в штанишки при виде программиста.
Ожидал такого ответа. Я не считаю правильным называть web-сайт приложением, не важно на чем он написан или насколько сложен. Это мое мнение.
Так кто нибудь в силах помочь? в жсчате спросил вопрос про дум, наспамили 50 сообщений о том как правильно пишется: "дум" или "дом", клоуны.
Забыл добавить
https://www.npmjs.com/package/browserify Доку читать не умею, поэтому можете закидывать овощами
Есть один скрипт и он не работает. Как бы, блять, хтмл-форма отправляет (проверял, сделав метод ГЕТ, данные в ссылке отображаются, хотя я хз, как еще проверить), но вот на стороне JS никаких реакций нет (хотя должно выдавать алерт с сообщениями об успехе или ошибках).
Расскажите, где я неправ?
Скрины скрипта и формы прилагаю.
Хочу я, значит, скачать порнуху с сайта, откуда нет прямо выкачки кнопкой под видео > "Исследовать элемент" > Network
Тут, по логие всегда в Media, но по факту почему-то иногда в All, обычно можно найти искомую ссылку на сам файл с видео, на прямой адрес расположения, по которому можно перейти, сразу там посмотреть и в том же окне сохранить.
Так почему же иногда правильная ссылка выводит меня страницу с ршибкой, а иногда на видос, которые есть, но не прогружается вообще или всего-лишь немного. Почему так?
К чему спор? Не жс фанат, но в проектах не встречал что с переноса ставят скобку, но думаю особо страшного ничего не будет))
Чего только макаки не выдумают для оправдания своей ущербности. Самое смешное в твоем посте это то, что ты о компиляторе говоришь как о живом существе с сознанием, вроде как он по желанию, которое тебе неведомо, может что то сделать. В общем, не удивительно, ведь жлпаскриптеры настолько ограничены, что компьютер для них это волшебная коробочка, которой они свои желания на жопаскрипте пишут, а та их выполняет при помощи древней магии.
Да всё очень просто. 99% веб макак не знают и не разбираются в таких сложных понятиях как область видимости и контекст исполнения, которые создают эти фигурные скобки, поэтому им не важно где распологать их, главное чтобы было как в вон том новомодном фреймворке, ведь его умные люди писали, если они так делают, значит нужно слепо повторять!
Милчеловек, тебе нехорошо? Стиль расстановки скобок зависит от привычек и принятого кодстайла, и в жс действительно приняты скобки на той же строке. Интерпретатор жс действительно имеет фичу авторасстановки точек с запятой, и на этом иногда можно крайне неприятно подорваться, поэтому скобки обычно ставят именно так.
Аргумент про ущербность можешь не озвучивать, до жс я на крестах писал.
Покормил
Конечно, очень приятно, когда у тебя между аргументами и началом тела нет никаких разделителей. Очень приятно и удобно искать начало и конец контекста испоонения/области видимости когда одна скобка всегда на новой линии, а другая хуй пойми где.
В общем, всё как всегда, вместо исправления проблемы, жопаскриптеры придумали костыль, а когда проблемы уже нет, они всеми силами защищают свой костыль и продолжают его использовать, украшая его эпитетами и крича "ТАК УДОБНЕЕ И ГЛАВНОЕ КРАСИВШЕ!!", вот только с позиции логики они объяснить ничего не могут.
>Самое смешное в твоем посте это то, что ты о компиляторе говоришь как о живом существе с сознанием, вроде как он по желанию, которое тебе неведомо, может что то сделать.
Компиляторы пишут люди и они не знают всех заковырок обоих языков, и это мы ещё не говорим конкретно о твоём говнокоде, который компилятору тоже нужно разгадывать.
>В общем, не удивительно, ведь жлпаскриптеры настолько ограничены, что компьютер для них это волшебная коробочка, которой они свои желания на жопаскрипте пишут, а та их выполняет при помощи древней магии.
Очень интересно слушать истории про магические ящики от сишника, у которого швятой компилятор всё знает.
>>1675174
>99% веб макак не знают и не разбираются в таких сложных понятиях как область видимости и контекст исполнения
Не поверишь... но перенос строки, хуйнутый компилятором вполне может поменять и область видимости и контекст. Уже был случай в этом или прошлом треде у одного пчела из-за этого.
>Конечно, очень приятно, когда у тебя между аргументами и началом тела нет никаких разделителей. Очень приятно и удобно искать начало и конец контекста испоонения/области видимости когда одна скобка всегда на новой линии, а другая хуй пойми где.
Ты там на блокноте что ли пишешь, дебилоид? Давно уже айдиешечки подсвечивают области между открывающей и закрывающей скобками, так что даже упоротый сишник не потеряется. И закрывающая скобка не хуй пойми где, а на той же линии, которая её открыла. Есть даже революционная техника, благодаря которой ты можешь поставить несколько скобок на строке, если они не имеют прямого отношения к контексту, вместо вхуяривания по скобке на строку.
Сама суть собесов, поиска работы и т.д как у вас? Надо ли драться со школьниками-вкатывальщиками?
Какой шанс, что меня не возьмут на полную ставку через полгода с сегодняшнего дня (условно), но возьмут вчерашнего школьника который дома сидел теги учил?
>Что там у вас
Ну никакой самостоятельности.
>Сама суть собесов, поиска работы и т.д как у вас?
На ютубе: собеседование frontend/etc
>Какой шанс, что меня не возьмут на
Вакансии посмотри, актуальные скиллы, стек, без этого точно не возьмут. Vue/React сейчас востребован, первое попроще, для начала enough.
Давай я тебе расскажу почему я вообще таким вопросом задаюсь.
Работаю грузчиком после пар. Спине пизда (еще задолго до) и работать грузчиком нельзя по сути. Менять работу смысла нет. Эта работа в 5ти минутах от дома и смены дают хотя бы.
Так что единственный вариант - это забить на то, что мне нравится и тупо вкатиться во фронт (+ иметь диплом как хоть какой-то шанс обогнать 18ти летнего Васяна в очереди на собеседование).
Питон сейчас лишней нагрузкой будет. И так пытаюсь дома учиться + работать + не забрасывать тренировки при всем этом + в универе быть + спать. Если сейчас начать учить питон и джангу - можно с ума сойти. Проще уже в спринге оставаться и дальше куралесить его.
>Так почему же иногда правильная ссылка выводит меня страницу с ршибкой
скорее всего для доступа к контенту нужен еще какой-нибудь токен доступа, которого у тебя нет, если ты просто по ссылке переходишь
>а иногда на видос, которые есть, но не прогружается вообще или всего-лишь немного
Видос подгружается чанками, чтобы снизить нагрузку на сервера, а заодно от таких как ты защититься лишний раз
Ну вообще твое право. Если код будешь писать только ты, то хоть извращения имитирующие питон. Но правила хорошего тона подразумевают таки следовать общепринятым правилам языка, если таковые имеются. В том же пхп целый зоопарк синтаксисов и выбор оного зависит от выбора конкретно фреймворка и личных предпочтений, во всяких же сях, жабах и жсах он один и достаточно формален.
Толи я дурак, толи лыжи не едут.
инб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)
}
Добро пожаловать в поразительный мир JS
>>1675595
>>1675594
спасибо Анончики! @ пофиксил, теперь норм
кек да, я норм так ахуел, я полчаса не мог понять что происходит, и что это за магия
ЖС норм так надо мной постебалась @ что бы так вот совпало "мен" и "вумен" поменять местами, я даже хз @ я прямо начал уже паниковать от этой магии
Надо сначала понять, как ты учишься, и насколько твои скиллы релевантны работе. А-то бывает, что приходит чудо с дипломом, а знаний меньше, чем у вкатывальщика, или 40-летнего, который твёрдо решил работу сменить и реально учился. Драться за хорошие вакансии всегда надо. Ну и скиллы решают.
>>1675619
>тогда в моем случае for in вообще не подходит?
что подумал, в моём же случае i абстракция левой части пары key:value из массива "txtArray" @ как оно может в конкретно моём случае не совпасть или изменится когда там hardcodet txtArray[INDEX] @ я думаю тут всё норм с "for in" и можно не париться о каких то траблах с сортировкой
>наговнокодь уже хоть что-то
давно уже https://eurochan.org/
https://repl.it/@CharonIV/Words
Дальше сам
https://repl.it/@CharonIV/Words
Вот тебе через for
мисье Индус? @ пикрелейт из 10
Зависит от движка который его компилирует в машинный код. Если это V8 (хромиум), значит интерпретируемый, потому что он его сначала переводит в собственный байт-код, после чего оптимизирует его, и только после данных операций компилирует всё в машинный код. Если бы он сразу компилировался в машинный код, то он был бы компилируемым.
>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?
>Разве он не должен все это выполнить и сложить в очередь и потом по действию пользователя последовательно показывать мне все это?
Так ты вызываешь цикл по таймауту, а не таймауты циклом, не тупи. Ну и алерт один хуй всё заблочит
>А с консоль логом нормально сработает?
Работать оно будет, но ты хочешь что-то другое
https://libgen.is/
Стыдно не знать
Аноны, с какого-то хуя у меня у меня все крашится на IE11, хотя babel и core-js стоят. Пол дня мозг ебу, нихуя не получается. В интернете ничего нет, везде проблема в полифиле, но у меня то он стоит! Синтаксис все-равно не поддерживается IE11.
А то после 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, но никак не могу вкурить что вместо него надо возвращать.
>А как иначе?
Легко и иммутабельно https://repl.it/repls/TransparentCaringSquares
Как там мутировать массив?
this.data.push(1)
если делаю так, реакции не срабатывают
У меня есть такая цель - я хочу сделать вебстраничку, аналогичную гуглоформам - туда заходит пользователь, тыкает варианты ответа, нажимает "submit" и попадает на страничку результатов, где в зависимости от выбранных опций видит различный текст.
Я не совсем понимаю, как мне перенести на submit.html результаты выбора на form.html. Дайте направление, в котором надо копать.
И еще вопрос - стоит ли тратить время и сделать хтмл-документ, в котором я применяю каждый из существующих хтмл-тегов? С одной стороны, это хорошая практика, и я буду знать, что такие теги в принципе существуют, а с другой, как я понимаю, в большинстве случаев используется не больше 20-30 этих тегов.
> как мне перенести на 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
Правда под реакт уже есть.
>А так что-то тяжело у меня верстка идет.
https://www.freecodecamp.org/learn
так вот интересует вопрос: какими штуками такое делается? не голым жсом же.
ну загуглил бы. Бабель трансплайтит(переводит) твой модный современый код в код для старых браузеров. Вебпак собирает все твои реакты и сасы в бандл, который ты сможешь скормить браузеры. Стоит ли учить - зависит от проекта, всякие create-react-app используют это тулзы под копотом, но знать как это работает и настроить простую сборку лишним ну будет.
Т.е., судя по всему, функция от хекслета отличается от 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
Здесь половина паттернов применима к жс. И какой-нибудь итератор ты уж точно используешь даже с фреймворками.
Ты в контексте передаешь themes.light
А в качестве value - themes.dark.
Либо уже и в контекст передавай themes.dark либо передай целиком themes. А в value нужный тебе параметр, то есть, themes.dark
Скрин с моим вариком прилагаю.
Вот делаю все как ты, прикладываю все принтскрины.
1ый пик - передал "themes" целиком, как ты и сказал
2ой пик - вызываю нужный параметр
3ий пик - сам хук
4ий пик - ошибка
Пробовал кто вкат через Hexlet?
все топят за него, но я не вижу VUE в крупных, богатых компаниях.
Babel - нужно. Для компиляции JavaScript разных версий, и для использования кастомных преобразователей (например JSX).
Webpack - большинство вакансий требуют. Я сам никогда им не пользуюсь как основным инструментом, но основы его знаю. Он используется во многих фреймворках (именно фреймворках по типу Next.js), поэтому стоит его изучить. Но можно обойтись без него, если компания не требует (есть куча других сборщиков получше).
Изучаю тут жс и возник вопрос - если обратные кавычки такие охуенные, не стоит ли писать всё только с ними? Или возникнет проблема обратной совместимости?