Первое собеседование, или Почему устроиться на работу сложнее, чем сдать экзамен

В статье рассказывается о сложностях, с которыми сталкиваются соискатели при поиске первой работы, в ней сравнивается процесс собеседования с экзаменами в учебных заведениях. Автор объясняет, почему интервью часто оказывается более трудным испытанием: оно требует не только знаний и навыков, но и умения презентовать себя, справляться с неожиданными вопросами, демонстрировать софт-скиллы и адаптироваться к динамичной и непредсказуемой атмосфере собеседования.

👉 @sWebDev | #собес

Cesium.js

CesiumJS — это библиотека JavaScript, предназначенная для создания 3D-карт и геопространственных визуализаций в браузере. Она используется в различных приложениях, требующих отображения и анализа геопространственных данных.

👉 @sWebDev

Отложенные представления в Angular

Когда загружается компонент, обернутый в @defer?

Забыли? Вернитесь к посту от 24.06.2024.

👉 @sWebDev

Бэкенд-разработчик сел за фронтенд.

👉 @sWebDev | #юмор

Suspense и React 19 RC

В React 19 RC рендер всех дочерних компонентов происходит после завершения загрузки данных, в отличие от React 18, где рендерились все компоненты и отображался fallback до завершения загрузки.

export default function App() {
  return (
    <Suspense fallback={<p>...</p>}>
      <Header />
      <Navbar />
      <main>
        <Content />
      </main>
      <Footer />
    </Suspense>
  )
}

При приостановке компонента происходит последовательная загрузка данных и создается «водопад» запросов.

Для решения этой проблемы нужно делать предварительные запросы на уровне роута:

export const Route = createFileRoute('/')({
  loader: ({ context: { queryClient } }) => {
    queryClient.ensureQueryData(repoOptions('tanstack/query'))
    queryClient.ensureQueryData(repoOptions('tanstack/table'))
  },
  component: () => (
    <Suspense fallback={<p>...</p>}>
      <RepoData name="tanstack/query" />
      <RepoData name="tanstack/table" />
    </Suspense>
  ),
})

👉 @sWebDev

Timekeeping

Cекундомер созданный с использованием Vue.js и GSAP.js.

👉 @sWebDev

Часто берете больничный?

❤️ - Да.

👍 - Я на удаленке, у меня каждый день больничный.

👉 @sWebDev

Pixi.js

Pixi.js — это библиотека для создания 2D-графики с использованием WebGL и HTML5 Canvas. Она позволяет разработчикам создавать высокопроизводительные, интерактивные анимации прямо в браузере. Pixi.js поддерживает спрайты, текстуры, фильтры, текст, анимации и взаимодействие с пользователем. Библиотека также имеет модульную архитектуру, что позволяет расширять её функциональность через плагины и дополнительные модули.

👉 @sWebDev

Инфографика

Интерактивная инфографика на Anime.js.

👉 @sWebDev

Коварные утечки памяти в React: как можно обжечься на useCallback и замыканиях

Статья обсуждает проблему утечек памяти в React-приложениях, вызванных сочетанием замыканий и хука useCallback. Автор объясняет, как замыкания удерживают ссылки на большие объекты, что может приводить к бесконечным утечкам памяти. Рассматриваются примеры кода и предлагаются рекомендации по предотвращению подобных проблем, такие как минимизация областей видимости замыканий и осторожное использование мемоизации.

👉 @sWebDev

Собеседование в IT-компанию: что нужно знать джуниору

В статье даются советы начинающим разработчикам о том, как успешно пройти собеседование в IT-компанию. В ней обсуждаются ключевые навыки и знания, которые ценятся у джуниоров, как правильно составить резюме, подготовиться к вопросам на собеседовании и представить свои проекты. Также статья предлагает стратегии для саморазвития и улучшения профессиональных навыков через участие в практикумах и взаимодействие с IT-сообществом.

👉 @sWebDev

WakaTime

WakaTime — это плагин для отслеживания времени, предназначенный для разработчиков. Он интегрируется с текстовыми редакторами и IDE, а также с браузерами, такими как Chrome, и предоставляет автоматическое отслеживание времени, аналитику использования языков программирования и инструменты для повышения производительности.

👉 @sWebDev

Работа с рендерингом в React

Какой метод реализует React.PureComponent для предотвращения ненужных рендеров?

Если забыли, то вернитесь к посту от 01.07.2024.

👉 @sWebDev

Ленивое обнаружение роутов в React

Метод unstable_patchRoutesOnMiss в React Router позволяет загружать дополнительные роуты динамически, реализуя разделение кода.

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

import { createBrowserRouter } from 'react-router-dom';

const router = createBrowserRouter(
  [
    {
      id: "root",
      path: "/",
      Component: RootComponent,
    },
  ],
  {
    async unstable_patchRoutesOnMiss({ path, patch }) {
      if (path === "/a") {
        let route = await getARoute();
        patch("root", [route]);
      }
    },
  }
);

async function getARoute() {
  return { path: 'a', Component: A };
}

В этом примере, если пользователь переходит по пути /a, метод unstable_patchRoutesOnMiss загружает роут динамически и добавляет его к роуту root.

👉 @sWebDev

Айтишников без опыта берут в Сбер

И в другие IT-гиганты. Но ваш проект должен отличаться в 5-10 раз от кучи стандартных портфолио. Современный стек, модные технологии, отвечать требованиям работодателя, решать реальные проблемы пользователя.

Все эти критерии получится соблюсти, если сделать проект на микросервисной структуре на Kafka.

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

Вы узнаете, как:
– выбрать тему проекта, чтобы попадать в требования работодателей
– расширить свой проект фичами настоящей высоконагруженной системы
– перейти от древнего монолита к современным микросервисам
– реализовать фичи в проекте с помощью микросервисов и Kafka
– представить ваш проект в резюме, чтобы доказать профессионализм

Переходите и забирайте подарок - Большую Шпаргалку по Kafka с подробной информацией о концепциях, характеристиках и способах использования одной из самых популярных технологий в разработке.

ScrollTrigger Image Zoom

Зум переход на странице с использованием GSAP.

👉 @sWebDev

Task failed successfully

👉 @sWebDev | #юмор

Clusterize.js

Clusterize.js — легковесная JavaScript-библиотека для эффективного отображения больших списков данных в веб-приложениях. Она улучшает производительность, рендеря только видимую часть списка и обновляя её по мере прокрутки.

👉 @sWebDev