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

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

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

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

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

Переходите и забирайте подарок - Большую Шпаргалку по Kafka с подробной информацией о концепциях, характеристиках и способах использования одной из самых популярных технологий в разработке.
👎3👍2
Media is too big
VIEW IN TELEGRAM
ScrollTrigger Image Zoom

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

👉 @sWebDev
👍8
Clusterize.js

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

👉 @sWebDev
👍7
Media is too big
VIEW IN TELEGRAM
Canvas sprite-sheet bubbles

Интерактивные мыльные пузыри реализованные с помощью GSAP.

👉 @sWebDev
👍4
Angular сделает RxJS необязательным; разработчики Drupal перейдут на Headless

Статья обсуждает, как Angular сделает библиотеку RxJS необязательной, упрощая работу для разработчиков, и как разработчики Drupal переходят на headless CMS, используя Drupal как бэкенд с современными JavaScript-фреймворками на фронтенде, что позволяет создавать более динамичные веб-приложения.

👉 @sWebDev
👍4
Media is too big
VIEW IN TELEGRAM
Travel carousel

Интерактивная карусель карточек с использованием Swiper.js.

👉 @sWebDev
👍6
Blaze.js

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

👉 @sWebDev
3
Работа с методами жизненного цикла

Какой метод жизненного цикла компонента в Angular используется для выполнения собственных проверок и действий, которые не могут быть захвачены встроенными механизмами обнаружения изменений?

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

👉 @sWebDev
👍4
Какой метод жизненного цикла компонента в Angular используется для выполнения собственных проверок и действий, которые не могут быть захвачены встроенными механизмами обнаружения изменений?
Anonymous Quiz
9%
ngOnInit;
12%
ngOnDestroy;
28%
ngAfterViewInit;
50%
ngDoCheck.
👍3
Объединение объектов с useSetState в React

useSetState — это хук, который позволяет объединять объекты в их текущем состоянии, аналогично this.setState в классовом компоненте.

Пример использования:
import { useSetState } from 'react-use';

const Demo = () => {
const [state, setState] = useSetState({});

return (
<div>
<pre>{JSON.stringify(state, null, 2)}</pre>
<button onClick={() => setState({ hello: 'world' })}>hello</button>
<button onClick={() => setState({ foo: 'bar' })}>foo</button>
<button
onClick={() => {
setState((prevState) => ({
count: (prevState.count || 0) + 1,
}));
}}
>
count
</button>
</div>
);
};

В этом примере, кнопка "hello" обновляет состояние, добавляя hello: 'world'. Кнопка "foo" обновляет состояние, добавляя foo: 'bar'. Кнопка "count" увеличивает значение счетчика count на 1. Этот подход помогает управлять состояниями, объединяя их в один объект.

👉 @sWebDev
👍4👎1🤔1
Media is too big
VIEW IN TELEGRAM
Shader-Experiment

Настраиваемая анимация на Three.js.

👉 @sWebDev
👍6
Часто вы отвлекаетесь при программировании?

❤️ - У меня получается концентрироваться.

👍 - Бывает.

👉 @sWebDev | #юмор
👍304🔥1
Particles.js

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

👉 @sWebDev
👍51
Офер в Яндекс для опытных фронтендеров за два дня

24–25 августа приглашаем фронтендеров с опытом работы от четырёх лет получить офер в Яндекс через multitrack за 2 дня. Достаточно решить задачи онлайн до 20 августа и пройти несколько технических секций 24 августа, чтобы уже 25-го получить офер и выбрать три команды, к которым вам было бы интересно присоединиться.

Как правило, за несколько собеседований сложно понять, подходит ли вам команда и наоборот. Multitrack позволит вам поработать в трёх разных командах Яндекса и выбрать подходящую. Вы сможете погрузиться в рабочие процессы, познакомиться с будущими коллегами и понять, с какими задачами и технологиями хотите работать.

Узнать подробности и зарегистрироваться.
This media is not supported in your browser
VIEW IN TELEGRAM
City Illustration

Интерактивная анимация города на GSAP и React.js.

👉 @sWebDev
👍6
Работа с деревом Angular

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

👉 @sWebDev
👍3
Dropzone.js

Dropzone.js - это легковесная библиотека JavaScript, предназначенная для простой интеграции drag-and-drop загрузки файлов на веб-сайты. Она позволяет пользователям перетаскивать файлы в специальную область.

👉 @sWebDev
7👎1
2025/07/10 08:32:12
Back to Top
HTML Embed Code: