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

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

  • Oskanov Oskanov 8 постов
  • AlexKud AlexKud 26 постов
  • StariiZoldatt StariiZoldatt 3 поста
Посмотреть весь топ

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

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

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

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

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

Front-end

669 постов сначала свежее
Puwi
Puwi
8 месяцев назад

А ты в теме? Сколько нас...⁠⁠

А ты в теме? Сколько нас...
HTML Верстка Код Программирование Верстальщик Frontend Программист Создание сайта
19
5
golodnyyFrontend
golodnyyFrontend
8 месяцев назад

Про синдром самозванца⁠⁠

Про синдром самозванца Работа, Программирование, Веб-разработка, Разработка, Frontend, Backend, IT, Айтишники, Продуктивность, Собеседование, Карьера, Поиск работы, Программист, Текст, Scrum, Тайм-менеджмент, Эмоциональное выгорание, Самозванец, Синдром самозванца, Мат

Через 1.5 недели выхожу на новую работу. Там крайне опытный коллектив, амбициозные цели, новые креативные задачи, в общем все по списку "крутая модная компания".

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

ИМХО, это свойственно для большинства людей. Сначала мы не хвалим себя за успехи и достижение целей. А потом получаем в обратку страх ответственности за случившиеся перемены.

В своей жизни, также как и в команде, надо проводить ретроспективы. Как только начинает крыть - включаем наше РАЦИО, и заставить его поработать вместо нашего ЭМОЦИО.

Я для себя вывел следующий порядок действий: сел на задницу, забил кальян, выдохнул, и в мыслях раскидал:

  • что я сделал и чего я достиг

  • что я не сделал и чего я не достиг

  • что я сейчас чувствую и что меня выдрачивает

  • что я могу с этим сделать

  • какие новые цели я себе ставлю

Выглядит как "Я делаю ЭТИ три простых упражнения...", но в реальности это помогает голове сразу с двух сторон: антисамозванец и целеполагание

  1. Вспомнил тернистый путь до цели -> Благодаря усилиям добился цели -> Получил заслуженный приз. И вот самозванец внутри уже не может пынять на "незаслуженную выгоду"

  2. Добился целей -> Порефлексировал -> Поставил новые цели -> Сделал работу над ошибками и выполнил новые цели -> Repeat. Ура, мы изобрели скрам

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

А чтобы голова не простаивала и не занималась всякой ненужной хуйней - в голове всегда должны быть цели в статусе "В работе".

Показать полностью
Работа Программирование Веб-разработка Разработка Frontend Backend IT Айтишники Продуктивность Собеседование Карьера Поиск работы Программист Текст Scrum Тайм-менеджмент Эмоциональное выгорание Самозванец Синдром самозванца Мат
4
160
tproger.official
tproger.official
8 месяцев назад
Типичный программист

Тонкая шутка⁠⁠

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