Рейтаните мой самопис плиз: gamesempire.ddns.netКакие у него слабые/сильные стороны, стоит ли продолжать его развивать, годное ли это портфолио для быдлоконторки/фриланса?Особенно интересно мобильных юзеров, а то в адаптиве мозиллы все брейкпоинты @media нормально срабатывают, а в гугле не доходит до последних и просто масштаб уменьшает. Сам не могу с телефона зайти, т.к. локалка на роутер сбрасывает.И работает ли поднятый мной сервер на коленке вообще?
>>93415 (OP)бамп
не работает чет
>>93415 (OP)Правда, не работает.>а в гугле не доходит до последних и просто масштаб уменьшаетПопробуй вставить это в <head> на всех страницах: <meta name="viewport" content="width=device-width, initial-scale=1">
>>93429>>93436Я вас просто не дождался, пришлось в /б/ постить, ну и ночью вырубил машину.
>>93437Так а чем всё закончилось, что тебе в бэ сказали?
>>93448В б, к моему удивлению, я встретил интересных личностей.Ко мне заглянул дизайнер и сказал, что у меня убогий интерфейс, неправильно расположена информация ну и в целом я мудак.Затем пришёл пентестер и выяснилось, что я забыл очищать гет запросы, так как он провёл мне пару СКЛ инъекций.Ещё был СЕОшник и он был печален от моего сайта, но я взял на заметку его рекомендации.И пару программистов похвалили меня за самопис.А остальным посетителям не понравился шрифт, у меня была какая-то тонкая жоржия с засечками (я его уже заменил), цветовая палитра и шапка.Одному чуваку сайт даже более менее понравился.Алсо машину я запустил, буду рад вашим мнениям.
>>93464Несколько мыслей: Он правда страшненький и не очень удобный, но практичный, потому что длина строки и междустрочный интервал для основного текста у тебя почти правильные. В смысле жиэс рекомендую изучить gulp и разбивать всю логику на маленькие файлы (например, один файл — это вся логика одной страницы), которые потом галпом объединяются в один файл и минимизируются, а потом этот один файл уже подаёшь на всех страницах. Также имеет смысл почитать о промисах, и как начать ими пользоваться уже сейчас. Не используй тэг онклик, программно привязывай event listener’ы через jQuery. Еще ты каждый раз делаешь аяксозапросы, скажем, нажимаю я на события, потом на что-то еще, потом опять на события, запросы имеет смысл кешировать, чтобы не грузить сервер. Ну и при сортировке делать запрос к сервере тоже не нужно, сортируй, что уже есть в кеше.>Затем пришёл пентестер и выяснилось, что я забыл очищать гет запросы, так как он провёл мне пару СКЛ инъекций.Я думаю, это был XSS, но ты с этим, во всяком случае, частично уже справился. Посмотри библиотеку http://htmlpurifier.org, которую можно использовать при сохранении пользовательского ввода (но ни в коем случае не при выводе, сервер обосрётся). Если будешь позволять не зарегистрированным пользователям комментировать, нужно какую-то спам-защиту встроить, а то тебя могут завалить и даже положить сервер; самое простое — добавить капчу.>И пару программистов похвалили меня за самопис.Серверную часть, разумеется, не видно, ничего не могу сказать, JS так себе, но тут нечего об этом говорить, читай чужой код, например, проекты с открытым исходным кодом, какие будешь использовать, со временем обретёшь стиль и улучшишь код. Можно вот это посмотреть https://github.com/rwaldron/idiomatic.js или это https://github.com/airbnb/javascript — это как бы вкусовщина всё, но с этого можно начать.Как-то вот так.
>>93467Насчёт галпа еще — то же самое имеет смысл делать и с CSS.
>>93467А, и еще, изучай фреймворки, как клиентские (Bootstrap/Semantic UI/Foundation), так и серверные (их сотни, сейчас модненький Laravel, тебе подойдёт) — используя их, тоже можно научиться лучше программировать.
>>93467>>93468>>93469Очень признателен за советы, буду изучать и прогрессировать.И хотелось бы подробнее про >Он правда страшненький и не очень удобныйт.к. я хотел бы стать сам себе дизайнером и в эту сторону расти тоже.>запросы имеет смысл кешировать, чтобы не грузить серверИмеется ввиду, скидывать всю базу в клиентскую часть и делать выборку оттуда, а не с сервера?>JS так себеТоже интересно знать, как и в плане дизайна, по каким критериям дана оценка?>А, и еще, изучай фреймворки, как клиентские (Bootstrap/Semantic UI/Foundation), так и серверныеТут мне интересно узнать, какой толк от фреймворков? Я долго бился над этим вопросом и в итоге для себя решил, что фреймворки необходимы для работы в команде, чтобы при текучке не пришлось разбираться в модулях предшественника либо выполняя шаблонные задания, по типу интернет магазинов и т.д. Во время разработки этого сайта у меня потребности в фреймворках не возникла, хотя я делал сайт полностью адаптивным (кстати как выглядит адаптация?).Какой круг задач я могу решить фреймворками и стоит ли в них вникать, если я уже своих собственных модулей на пол-фреймворка наклепал?
>>93415 (OP)> годное ли это портфолио для быдлоконторки/фриланса?Нет. Мелкие детали выдают в тебе начинающего.
>>93472> какой толк от фреймворков?Общие положения уже обыграны. Причем в лучшем свете. Ускоряет процесс разработки.
>>93474>Мелкие деталиКакие именно?
>>93478Я отметил что первое в глаза бросилось. Шрифт неудачно подобран. Иконки. Но для первого раза неплохо.
>>93478Продолжу. Тебе же посоветовали глянуть веб-фреймворки. Использовал бы его меню бы нормально сделал.
>>93480>меню бы нормально сделалТы про боковое меню или про верхнее? Что с ним не так?>>93479Что у тебя за браузер на втором пике? Какие-то у него аномально большие инпуты по стандарту.>Шрифт неудачно подобранВот этого не понимаю, уже второй раз меняю шрифт. В этот раз решил просто поставить шрифт с канобу, робото называется, но походу опять плохо получилось.>Но для первого раза неплохоСпасибо. Хотя это уже вторая попытка) Первая у меня была бордюрная фиеста без графики вообще в стиле форумов нулевых.
>>93472>т.к. я хотел бы стать сам себе дизайнером и в эту сторону расти тоже.Почитай про сетки и типографику, это база, которая даст тебе 80% симпатичного результата. Остальное со временем придёт.>Имеется ввиду, скидывать всю базу в клиентскую часть и делать выборку оттуда, а не с сервера?Варианта, думаю, два, в зависимости от потребностей, либо записывать после каждой публикации статьи набор статей в кеш на сервере (например, через Redis, или что ты там используешь), и доставать результат из кеша сервера для главной страницы, чтобы не обращаться каждый раз к базе, а потом просто разбить статьи по вкладкам на клиенте, тогда, понятно, не надо будет каждую вкладку подгружать, только если пользователь больше статей захочет увидеть, либо записывать результат в кеш после первого аякс-запроса, и при каждом переходе по вкладке проверять, есть ли что-то в кеше, и если есть, выводить его вместо запрашивания списка статей еще раз.>Тоже интересно знать, как и в плане дизайна, по каким критериям дана оценка?Я ничего толком не сказал, потому что это очень долго, просто продолжай на нём писать, читай код профессионалов, и всё у тебя будет хорошо.>Тут мне интересно узнать, какой толк от фреймворков? Я долго бился над этим вопросом и в итоге для себя решил, что фреймворки необходимы для работы в команде, чтобы при текучке не пришлось разбираться в модулях предшественника либо выполняя шаблонные задания, по типу интернет магазинов и т.д. Во время разработки этого сайта у меня потребности в фреймворках не возникла, хотя я делал сайт полностью адаптивным (кстати как выглядит адаптация?).Толк в том, что вжик-вжик, и в продакшн, иначе говоря, тебе не нужно писать бесконечные одинаковые велосипеды, которые из проекта в проект так или иначе присутствуют, а сразу приступать к реальной работе. Да, в команде они также очень полезны, адаптивность не тестировал, может, позже посмотрю, сейчас времени нет. Попробуй использовать фреймворк, базарю, еще захочешь потом.>Какой круг задач я могу решить фреймворками и стоит ли в них вникать, если я уже своих собственных модулей на пол-фреймворка наклепал?На работе, когда ты пойдёшь куда-нибудь работать, твои личные наработки никому на хуй не упёрлись, рано или поздно рынок заставит тебя начать ими пользоваться.
>>93481> Что у тебя за браузер на втором пике?Firefox. Везде. >>93481Про верхнее. > Вот этого не понимаю, уже второй раз меняю шрифт. В этот раз решил просто поставить шрифт с канобу, робото называется, но походу опять плохо получилось.Попробуй копнуть в гугловские открытые шрифты.
