Ответы, понравившиеся пользователю Niksak

Как бы вы сверстали такие блоки?

Виталий Першин @Get-Web

Front-End Developer

Первое как вариант:

Уголки можно заменить svg или png картинками, чтобы стало более гладко

А на второе времени нет

Ответ написан 18 февр.

6 комментариев

Как бы вы сверстали такие блоки?

YepBro @yesbro

Думаю, помогаю думать

Двойной див для каждого блока. Во внешнем задаем фон который виден за границами закруглений, во внутреннем радиусу закруглений отдельно по углам и фон самого элемента. Вроде должно сработать.

Ответ написан 18 февр.

3 комментария

Что изучать после пайтона?

Максим Припадчев @Maksim_64

Data Analyst

Часть первая: Английский Язык.

Часть вторая: поставь anaconda и jupyter lab

Часть третья: python фреймворки
1. numpy - изучать каждый метод не нужно, нужно освоить broadcasting Это правила по которым происходят операции с массивами разной размерности. Не изучишь, не сможешь работать с нейронными сетями и много еще с чем.

2. pandas - нужно научится понимать, как работают индексы (вся мощь но и сложность лежит в индексах особое внимание к многоуровневым индексам). Группировки объект groupby. Решайпинг, методы stack, unstack, melt и т.д. Решайпинг сложная тема, но без нее никуда.

3. matplotlib - нужно научится работать в ооп стиле, а не в матлаб стиле.

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

4. scikit-learn - это машинное обучение, тебе понадобится разобраться что такое оценщик (estimator) и transformer (трансформатор). Также научится пользоваться пайплайнами, объект Pipeline это для старта, естественно.

5. statsmodels - это не много иной взгляд на машинное обучение он включает в себя инферентивную статистику. Например построив логистическую регрессию, я могу посредством этой библиотеки найти каким образом изменение на одну единицу одного из моих предикторов отражается на вероятности, так называемый маржинальный эффект. Это очень важно для бизнеса. Также A/B тесты тоже там, и многое многое другое.

4 и 5 также учить по документации она совершенно фантастического уровня особенно для scikit-learn + очень важный плюс В этой области есть классика это книга Statistical Learning книга написана профессорами стенфорда, в мире датасаенс она очень известна. Раньше она была написана на R, я ее читал на R в свое время, так вот 2023 году этим летом вышла python edition. Книга и код доступны бесплатно. https://www.statlearning.com/
Это уникальная книга без равных, но к ней надо быть готовым.

Часть Четвертая: Математика
Все что нужно есть на Khan Academy. Начни со своего уровня и вперед, математика тебе нужна вся. Особенно Calculus. Заходишь на Khan Academy и вперед проходи бесплатные курсы со своего уровня,
Algebra 1,
Algebra 2,
Precalculus,
AP/College Calculus AB
AP/College Calculus BC
Statistics and Probability
AP College Statistics

Вот эти курсы вот этом порядке, ты должен освоить, то есть в конце курса финальный тест, должен проходить играючи, и все делать на листке бумаги не читерить, сам себя обманешь. Потом книга что я указал выше, код в книге естественно в основном использует scikit-learn и statsmodels, + первые три библиотеки само собой.

Потом придется прочитать еще пару книг по теории вероятности и статистике отдельно (со временем). Если calculus на Khan Academy на должном уровне, то вот теория вероятности и статистика слабенькая, нужно будет добавлять.

В добавление еще SQL но поверхостно, уровень не сложных запросов и подзапросов. Все дела будут происходить в pandas.

Ответ написан 03 авг. 2023

Комментировать

Каким образом создать свой полностью стилизованный видео плеер? Насколько можно разгуляться с либой video.js?

iljaGolubev @iljaGolubev

Собственный плеер под конкретную задачу можно написать используя api HTMLMediaElement.
Пример собственного плеера с уникальным дизайном

<html><body>
    <video id="v" style="max-width:300px">
        <source src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4" />
    </video>
    <p id="b" style='position:absolute; top: 60px; left: 130px; background: red; color: yellow; cursor:pointer'>play</>
    <script>
        v = document.getElementById('v')
        b = document.getElementById('b')
        b.addEventListener('click',()=>{
        if(b.innerText=='play'){
            b.innerText='pause'
            v.play()
        }else{
            b.innerText='play'
            v.pause()
        }
})
    </script>
</body></html>

video.js точно также работает с html5 video, так что можно подглядывать в их исходники ;)

Это если "собственный плеер" - не свой велосипед на замену video.js. Иначе, сначала нужно забыть о чатгпт и разобраться с video.js самостоятельно.

Ответ написан 24 июл. 2023

4 комментария

Вопрос по составлению резюме, может, с ним что-то не так?

Егор Андрианов @nemibe

PM, SM

По своему опыту могу сказать, что резюме надо переписать раз 10, чтобы придти к хорошему варианту.

Что улучшить:
- убери из резюме желаемую зарплату. Это всегда переменная величина;
- предыдущие места работы нужно описать по такой структуре: какие выполнял задачи, какик есть достижения/что смог изменить в лучшую сторону. Здесь нужна конкретика в цифрах, штуках или других измеримых величинах.
- раздел "Обо мне" должен дополнять тебя, как кандидата, с лучшей стороны. Если ты разработчик, то круто если твоё хобби это разработка чего-либо в свободное время.

Удачи!

Ответ написан более года назад

Комментировать

На что обращают внимания клиенты на фрилансе? Конкретно, Web разработка?

Sanes @Sanes

На биржах ничего интересного сейчас нет. Как правило доработки кривых Wordpress сайтов.

Ответ написан более года назад

3 комментария

Технологический потолок в Godot, есть ли? И насколько он высок? Каким видите его будущее?

SuQuLe @SuQuLe

1 - Unity на релизе 3.1 тоже особо не внушал доверия, а сейчас один из двух популярных.
2 - У godot прикольная архитектура проекта и его легковесность манит, по сравнению с той же Unity и его сра?ым хабом.
3 -Каждой задаче свой движок, так что тех упор зависит от твоей задачи. На новой версии (4й) может и можно в ЛонгДарк, тому есть ряд примеров на ютубе. Можно делать оптимизации на нативном языке, а также самому вносить правки в кишки
4 - Комьюнити годот и так растет с каждым днем. Появляются больше каналов, появляются вакансии на ХХ.

Ответ написан более года назад

Комментировать

По какой причине cloneNode undefined?

HeyAleksey @HeyAleksey

Пойдем по-порядку:
1. Никогда не используйте ключевое слово var. Есть вполне себе let и const
2. Переменные iframe и virtualDom объявлены так, что их значение будет сбрасываться в undefined при каждом ререндере компонента. Отсюда, собственно и ошибка.
Чтобы это поправить можно объявить эти переменные с использованием useRef
const virtualDom = useRef();
Далее в асинхронном коде произвести установку в ref
virtualDom.current = dom;
Ну и наконец, обернуть функцию save в useCallback:

const save = useCallback(() => {
    const newDom = virtualDom.current?.cloneNoder(virtualDom); //Копируем данные, лежащие в виртуальном dom
    ...
  }, [virtualDom]);

Кстати, обернуть в useCallback необходимо все функции, использующие переменную virtualDom и всё тоже свмое необходимо проделать относительно переменной iframe.

P.S. Обязательно почитайте про хуки и жизненный цикл компонентов React.

Ответ написан более года назад

8 комментариев

Динамическая маршрутизация vue, как получить все значения поста?

Алексей Ярков @yarkov Куратор тега Vue.js

Помог ответ? Отметь решением.

Элементарно же. В урл только id поста. На странице поста берёшь id из урла и идёшь на бэкенд за данными поста. Всё.

Ответ написан более года назад

5 комментариев

Верное у меня представление о разработке fullstack web приложений?

AgentSmith72 @AgentSmith72

JS - это моё хобби

Зависит от компании. бычно фронт занимается своими делами, а бэк своими.

В лучшем случае, вы будете делать то, что говорит Тим-лид. Если нужно делать фронт на готовое от Бэка api, то значит в команде все хорошо. В редких случаях, фронту приходится мокать данные с Бэка, и работать со статичными данными.

В худшем случае, это поддержка какого-нибудь сайта, где rest api и не пахнет.

Если вы фронтэндер, то познакомьтесь с Postman. Например в виде гугл плагина. Научитесь работать с ответами роутов сайта. Вы можете создать свой проект, только фронт часть, а через Postman брать ответы с любого сайта, например api городов и стран, и встроить этот api в свой проект. Вам тогда вообще бэк знать не нужно будет.

Проект по ссылке не столько не актуален, сколько ниже качества, чем нужно.

Бэк часть:

Не рабочая концепция проекта.
Не профессиональная архитектура. Обычно используется архитектура вида валидатор-контроллер-сервис-репозиторий. В данном случае это был бы ProductsService (директория products + класс в ней ProductsService). Также в этом сервисе лежал бы класс репозитория этого сервиса, где хранились бы методы запросов к базе данных. Запрос бы попадал в валидатор, затем в контроллер, оттуда в сервис, а сервис бы вызывал соответствующий метод в репозитории.
База данных. Нет внешнего ключа у продукта к категориям.
Нет типизации. Это нужно для статичных анализаторов, проверяющих код на ошибки. Пример public string $name - как свойство класса. public function getById(int $id) - как метод класса
Нет валидации запроса. Например, что поля формы должны не содержать определённые символы, или быть конкретного типа. (Очистка от тэгов , используемая в модели, должна находится ещё до того как запрос попадёт в контроллер.)
Коды и текстовки раскиданы по разным файлам. Всё должно лежать в одном файле, классе, куда будут обращаться все классы за результатом.
Отсутствует MVC. В каждом файле создаётся новый класс, и дескриптор подключения, хотя это повторяющееся действие нужно вынести в отдельный класс.
Коды ответа. Не соответствуют действительности. При создании не нужно возвращать 200. 200 подразумевает, что в ответе есть дополнительные данные. Правильный вариант 201

Фронт часть:

JQuery это рудимент.
Bootstrap не используется, если есть нормальный отдел разработки.
Стили страницы не разбиты на верхнюю и нижнюю части.
Не используется отложенная загрузка скриптов.
Вместо файлов JS для каждого типа CRUD достаточно одного JS файла
HTML код в JS. Загрузка JS это одна из самых затратных операций. Чем больше размер файла, тем выше время загрузки. Что сильно отщутимо на мобилке.
Везде используется POST запрос. В restfull api POST для создания, GET - для получения, DELETE - для удаления, Patch - для обновления части модели, PUT - Для обновления всех полей модели.

Этого курса достаточно, чтобы сделать востребованный на рынке restfull api проект.

Ответ написан более года назад

6 комментариев

Как сдвинуть 2 элемента вправо?

Виталий Моржов @morsa

Frontend-разработчик

Здравствуйте!
Можно так сделать

<nav>
  <input type="checkbox" name="menu" id="btn-menu"/>
      <label htmlFor="btn-menu">☰</label>
          <div class="flex">
               <ul>
                   <li><a href="#">ПОДДЕРЖКА</a></li>
                   <li><a href="#">ДИСКОРД</a></li>
                    <li><a href="#">СТАТУС</a></li>
                    <li><a href="#">КАТАЛОГ</a></li>
                    <li><a href="#">КУПИТЬ</a></li>
                 </ul>
                  <ul>
                    <li><a href="#" style={{boxShadow:'white 0 0 1px 1px', margin:'0 10px'}} className="1px">ВОЙТИ</a></li>
                    <li><a href="#" style={{boxShadow:'white 0 0 1px 1px'}}>РЕГИСТРАЦИЯ</a></li>
                 </ul>
           </div>
    </nav>

.flex {
  display: flex;
  justify-content: space-between;
}

Ответ написан более года назад

Комментировать

Почему React npm start не работает после установки Styled components?

Алексей @slide13

frontend/web-developer

Начиная с Node.js 17й версии там теперь используется OpenSSl 3.0, который, видимо, не поддерживается в одной из зависимостей стайлед компонентов.
В качестве временного решения либо откатить ноду на 16ю версию, либо запускать с параметром --openssl-legacy-provider. Можно еще в старт скрипт прописать

"start": "react-scripts --openssl-legacy-provider start"

Ответ написан более года назад

2 комментария

Какими инструментами добавляете 3d модели на веб страницу? Есть какой стандарт на 2022 год?

Виталий Першин @Get-Web

Front-End Developer

thee.js и babylon.js сложные для таких задач, много лишнего надо писать и знать. Если именно для взаимодействия с моделями, то modelviewer отлично подходит и там есть онлайн редактор в который можно загрузить свою модель и сгенерировать код, быстро и просто.

Ответ написан более года назад

4 комментария