Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Начните с маленькой подводной лодки: устанавливайте бомбы, избавляйтесь от врагов и старайтесь не попадаться на глаза своим плавучим врагам. Вас ждет еще несколько игровых вселенных, много уникальных сюжетов и интересных загадок.

Пикабомбер

Аркады, Пиксельная, 2D

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

Frontend

С этим тегом используют

IT Программирование Javascript IT юмор Web Веб-разработка Программист Все
674 поста сначала свежее
1
Divatoz
Divatoz
8 месяцев назад

17.марта.2022:⁠⁠

Упростил задачу по решению JS задачек.
В условие остались просмотра сериальчика и пиццы.
Продуктивность зашкаливает.

День 107 (продолжение)

17.марта.2022: Программирование, Frontend, IT, Программист, IT юмор, Telegram (ссылка), 100daychallenge

Pixel art retro style illustration, person watching TV series and eating pizza on a couch, laptop nearby, pastel color palette (light blue, pink, yellow, green), 8 bit style, --ar 16:9 --v 6.1

Программирование Frontend IT Программист IT юмор Telegram (ссылка) 100daychallenge
0
5
golodnyyFrontend
golodnyyFrontend
8 месяцев назад

Про самопрезентацию⁠⁠

И сразу интересное наблюдение про самопрезентацию

На прошлой неделе проходил техническое собеседование в прикольный стартап.

Прошел на финальную встречу с CTO и лидами - все супер, сидим болтаем, трём за технологии и кейсы, ничего не предвещает беды.

И тут CTO вспоминает что у него был пулл вопросов технического характера для самой самой финальной проверки кандидата. И первый из этих вопросов - на typescript.

Сначала подумал что просто по Utility types погоняют, или про различия interface и type спросят. И тут меня просят написать несколько разных дженериков 😱. А я их последний раз писал пол года назад, синтаксиса уже естественно не помню, короче жопа. На финальном этапе на таком базовом вопросе естественно опозориться не хочется.

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

На этом моменте я искренне почувствовал студенческое "прокатило".

По итогу оффер на 300+ прям в этот же день. И все благодаря правильной самопрезентации на протяжении всех этапов, по итогу которых в глазах команды я уже был "компетентным спецом с большим опытом".

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

  • На ваши сильные стороны делайте акцент и углубляйтесь в рассуждениях до потолка ваших знаний

Лучше выглядеть как специалист в некоторых областях, чем плавать во всех вопросах одинаково поверхностно

Показать полностью
[моё] Работа Программирование Веб-разработка Разработка Frontend Backend IT Айтишники Продуктивность Собеседование Карьера Поиск работы Программист Текст
1
AlexeyPerfilev
AlexeyPerfilev
8 месяцев назад

Жизнь фронтендера: когда твой код – это искусство, а браузер – холст⁠⁠

Привет, Пикабу! Сегодня я хочу рассказать вам о захватывающем мире фронтенд-разработки. Готовы погрузиться в пучину тегов, стилей и скриптов? Поехали!

1. HTML: скелет нашего цифрового тела

Представьте, что вы скульптор, но вместо глины у вас теги. Каждый <div> – это маленькая вселенная, а <p> – повествование целой истории. А когда вы случайно забываете закрыть тег, это как забыть застегнуть ширинку – вроде работает, но что-то не так.

2. CSS: макияж для вашего сайта

CSS – это как модный журнал для вашего HTML. Хотите, чтобы ваш сайт выглядел как топ-модель на подиуме? Просто добавьте немного flexbox и grid, и вуаля! Хотя иногда CSS больше похож на игру "Угадай, почему этот элемент съехал на 2 пикселя влево".

3. JavaScript: душа вашего сайта

Если HTML – это тело, а CSS – одежда, то JavaScript – это душа вашего сайта. Именно он заставляет всё двигаться, реагировать и иногда падать с криком "Uncaught TypeError". Но когда вы наконец-то заставляете всё работать идеально, чувствуете себя настоящим волшебником!

4. Фреймворки: когда вы устали изобретать велосипед

React, Vue, Angular – выбирайте свой яд. Эти ребята обещают сделать вашу жизнь проще, и они действительно это делают... после 10 часов настройки и 100 ошибок при сборке.

5. Отладка: детективная работа 21 века

Кто сказал, что программисты не детективы? Попробуйте найти ошибку в 1000 строк кода! Это как искать иголку в стоге сена, только стог постоянно меняет форму, а иголка превращается в стог.

Заключение

Быть фронтендером – значит быть немного художником, немного волшебником и чуточку мазохистом. Но когда вы видите, как ваш код оживает в браузере, понимаете – оно того стоило!

А вы, дорогие читатели, сталкивались с миром фронтенд-разработки? Поделитесь своими историями в комментариях!

Показать полностью
[моё] IT Разработка Frontend HTML CSS Javascript Текст
5
3
cododelia
cododelia
8 месяцев назад
Web-технологии

Отслеживание сетевой активности и переходов между страницами в SPA⁠⁠

При создании инъецируемых скриптов для сайтов, использующих архитектуру SPA (Single Page Application), может возникнуть потребность отслеживать переходы между страницами или перезагрузки элементов. Из-за динамической подгрузки контента через AJAX и Fetch, события DOMContentLoaded или load будут бесполезны.

Для инъецируемых скриптов, хорошим решением будет отслеживать состояние радиомолчания (network idle). Оно наступает, когда все сетевые запросы завершены, и сеть на некоторое время «замолкает». Подобное поведение полезно, если нужно запустить код только после того, как пройдут все запросы или после перехода на другую страницу, чтобы реинициализировать скрипт.

💻 Пример сценария использования

Представьте себе, что вы хотите внедрить кнопки, виджет или другую логику на странице, которая должна запускаться после перехода на новую страницу в SPA-приложении. В этом случае подойдет отслеживание network-idle, чтобы понять, когда контент страницы загрузился.

🤫 Как это работает

  1. Инициализация счетчика активных сетевых запросов.

    Сниппет отслеживает все сетевые запросы на странице (Fetch и XMLHttpRequest) с помощью PerformanceObserver. Каждый раз, когда начинается новый сетевой запрос, счетчик activeRequests увеличивается.

  2. Обработка завершения запросов.

    После завершения запроса activeRequests уменьшается, и проверяется состояние сети. Если активных запросов не осталось, через 500 мс на объекте window генерируется событие network-idle.

  3. Использование события network-idle.

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

    4. Задержка перед генерацией события.

    Задержка в 500 мс добавлена, чтобы устранить "шум" случайных срабатываний и убедиться, что действительно наступило состояние радиомолчания.

📞 Важно:

  • Модификации роутов в SPA. Если у вашего SPA-приложения не используются сетевые запросы при изменении маршрутов, дополнительно можно привязаться к событиям history.pushState и popstate.

  • Очистка обсерверов. Не забывайте отключать обсерверы, чтобы избежать утечек памяти, если ваш скрипт прекращает свое действие при определенных условиях.

🫡 Заключение

Этот сниппет помогает организовать логику на основе сетевых событий в инъецируемых скриптах для приложений с динамическим роутингом, позволяя учитывать состояние “радиомолчания” и гарантируя, инъецируемые скрипты выполняются после прогрузки страницы, а также помогает перезапускать инъецируемый скрипт при переходах между страницами.

Ознакомиться со сниппетом можно на GitHub Gist.
А подобные посты чаще в пишу в Telegram канале, там же и пример проекта, где это применимо.

Показать полностью
[моё] Программирование Javascript Frontend Web Web-программирование Tampermonkey Текст
3
Divatoz
Divatoz
8 месяцев назад

17.марта.2022:⁠⁠

Решил решать задачки JS.
Но сначала нужно встать с кровати.
Последнее условие усложняет весь алгоритм.

День 107

17.марта.2022: IT, Программирование, Программист, Frontend, Разработка, IT юмор, Telegram (ссылка)

Pixel Art аллегория на усталость

IT Программирование Программист Frontend Разработка IT юмор Telegram (ссылка)
0
Divatoz
Divatoz
8 месяцев назад

17.03.2022 / день107:⁠⁠

Пытаюсь понять, куда возвращается этот чертов return в JS. Видимо, в пучину моего отчаяния...

17.03.2022 / день107: Frontend, IT, Программист, Программирование
[моё] Frontend IT Программист Программирование
5
Divatoz
Divatoz
8 месяцев назад

11.02.2022 / день 73:⁠⁠

Создал «Джун на фронте».
Похоже, наконец-то нашел подходящее место для своих шедевров.

11.02.2022 / день 73: Frontend, IT, Программист, Программирование

Аллегория в виде мусорных Pixel Art баков

[моё] Frontend IT Программист Программирование
0
Divatoz
Divatoz
8 месяцев назад

Создал канал «Джун на фронте». Похоже, наконец-то нашел подходящее место для своих шедевров⁠⁠

11.02.2022:
#день73

Frontend IT Программист Программирование Текст
7
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии