Разбор резюме фронтенд-разработчика: как не утопить рекрутера в технологиях и не потерять фокус
Алексей Исаев, Talent Director и Partner в getmatch, разбирает резюме фронтендера и указывает на недостатки, которые можно улучшить. Прочитайте — может что-то возьмете на вооружение.
Читать
Алексей Исаев, Talent Director и Partner в getmatch, разбирает резюме фронтендера и указывает на недостатки, которые можно улучшить. Прочитайте — может что-то возьмете на вооружение.
Читать
Хабр
[Разбор резюме] Фронтенд-разработчик: как не утопить рекрутера в технологиях и не потерять фокус
Это вторая статья из нашей рубрики «Разбор резюме». В первой мы разбирали резюме бэкендера , а здесь нам прислал свое CV фронтендер. Давайте посмотрим и разберем, что в нем можно улучшить: почему это...
372. Chrome 114-115, WWDC, Safari, пароли, вертикальный ритм, Scroll…
Веб-стандарты
00:01:47 Chrome 114-115
00:18:42 Чего ждать от WWDC
00:28:40 Safari TP
00:35:43 Требования к паролям
00:45:34 Вертикальный ритм
00:56:23 Scroll Driven Animations
01:07:31 CSS Scoping
01:17:29 404 и Web3
01:31:00 Ответы на вопросы
🔗Слушайте на Ютубе
🔗Ссылки на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
🔧 Waku — минималистичный React-фреймворк с поддержкой React Server Components. Над ним работает некто Daishi Kato, поэтому можно ждать очень интересные новые фичи.
Репозиторий
Репозиторий
X (formerly Twitter)
Daishi Kato (@dai_shi) on X
React library author, maintaining three state management libraries, Zustand🐻, Jotai👻, Valtio🧙, and React framework, Waku⛩️.
7 ways to hide element using CSS.png
2 MB
7 способов скрыть элемент с использованием CSS: на заметку фронтенд-разработчику.
#css #tip by Shripal Soni
#css #tip by Shripal Soni
Обзор пакета ts-reset, который делает разработку на TypeScript более безопасной и удобной
ts-reset — это своего рода 'CSS reset' для TypeScript, который улучшает типы для распространенных API JavaScript. В статье также рассматриваются аспекты, которых не хватает в инструменте, но решение есть — использовать types-spring вместе с ts-reset.
ts-reset — это своего рода 'CSS reset' для TypeScript, который улучшает типы для распространенных API JavaScript. В статье также рассматриваются аспекты, которых не хватает в инструменте, но решение есть — использовать types-spring вместе с ts-reset.
Хабр
ts-reset и types-spring
Увы, typescript не идеален. Его ругают, но любят. Кто‑то даже не может представить свою жизнь без него так же, как не может представить жизнь без комфортного...
Подробное введение в алгоритм React reconciliation, особенности условного рендеринга, атрибут «key» и причины, по которым вы не должны объявлять компоненты внутри других компонентов.
Читать & Смотреть
Читать & Смотреть
Developerway
React reconciliation: how it works and why should we care
Looking in detail into how React reconciliation algorithm works. Explore in the process quirks of conditional rendering, the 'key' attribute, and why we shouldn't declare components inside other components.
🔎 Autocomplete — JavaScript-библиотека от Algolia, позволяющая быстро создавать фичи автозаполнения
Данные, заполняющие результаты автозаполнения, называются источниками. Вы можете использовать в своих источниках все, что захотите: статический набор поисковых запросов, результаты поиска из внешнего источника (например, индекс Algolia), недавние поисковые запросы и многое другое.
Данные, заполняющие результаты автозаполнения, называются источниками. Вы можете использовать в своих источниках все, что захотите: статический набор поисковых запросов, результаты поиска из внешнего источника (например, индекс Algolia), недавние поисковые запросы и многое другое.
GitHub
GitHub - algolia/autocomplete: 🔮 Fast and full-featured autocomplete library
🔮 Fast and full-featured autocomplete library. Contribute to algolia/autocomplete development by creating an account on GitHub.
Отложенная загрузка некритичных модулей для повышения производительности: на заметку фронтенд-разработчику.
#perfomance #tip by Shripal Soni
#perfomance #tip by Shripal Soni
🤖 Нейронки кодят за вас: 28 AI-сервисов в помощь разработчику
Расскажем о самых полезных новинках, которые помогут написать, отладить и протестировать код, а также ускорят процесс изучения нового стека и подготовку к собеседованию.
🔗 Основной сайт
🔗 Зеркало
Расскажем о самых полезных новинках, которые помогут написать, отладить и протестировать код, а также ускорят процесс изучения нового стека и подготовку к собеседованию.
🔗 Основной сайт
🔗 Зеркало
Помимо основных докладов об Angular на Google I/O 2023 🔽
▫️ What’s new in Angular
▫️ Rethinking Reactivity with Signals
▫️ Getting started with Angular Signals
можно увидеть еще много интересного. Узнайте подробнее о том, как Angular и Flutter Web могут работать вместе, Firebase теперь может запускать Angular Universal с Firebase deploy и многое другое.
▫️ What’s new in Angular
▫️ Rethinking Reactivity with Signals
▫️ Getting started with Angular Signals
можно увидеть еще много интересного. Узнайте подробнее о том, как Angular и Flutter Web могут работать вместе, Firebase теперь может запускать Angular Universal с Firebase deploy и многое другое.
YouTube
What’s new in Angular
Learn about the latest from Angular, including updates on hydration, SSR, and reactivity. Discover everything from community updates and the request for comments process to new features landing in v16 and beyond!
Resources:
Getting started with Angular →…
Resources:
Getting started with Angular →…
Типовые задачи на собеседованиях в разделе JavaScript live-coding: подходы к решению задач, советы по выполнению и важность коммуникации во время собеседования.
Читать
Читать
Хабр
JavaScript Live-Coding: Мастерство решения типовых задач на собеседованиях
Искусство live-coding в JavaScript становится все более важным для успешной карьеры веб-разработчика. Если ты стремишься преуспеть на собеседованиях и проявить свои навыки в реальном времени, то эта...
Множество способов выбрать n-й символ из строки в JavaScript.
Есть что добавить?
#javascript #tip by Christian Heilmann
Есть что добавить?
#javascript #tip by Christian Heilmann
Советы по оптимизации сборки веб-приложений
Автор статьи разделяет полный цикл сборки на четыре основных составляющих, о которых и пойдет речь под катом:
1️⃣ Установка зависимостей (время исполнения команды npm ci)
2️⃣ Статический анализ кода (время линтинга JS и CSS)
3️⃣ Запуск и успешное прохождение юнит-тестов (с помощью инструмента Jest)
4️⃣ Непосредственно этап сборки (на примере webpack)
Автор статьи разделяет полный цикл сборки на четыре основных составляющих, о которых и пойдет речь под катом:
1️⃣ Установка зависимостей (время исполнения команды npm ci)
2️⃣ Статический анализ кода (время линтинга JS и CSS)
3️⃣ Запуск и успешное прохождение юнит-тестов (с помощью инструмента Jest)
4️⃣ Непосредственно этап сборки (на примере webpack)
Хабр
Оптимизация сборки веб-приложения
По мере того, как ваше приложение растёт и развивается, растут и затраты времени на его тестирование и сборку, достигая нескольких минут при пересборке в dev-режиме и, возможно, десятков минут при...
373. Chrome DevTools, Firefox 114, Apple Web Apps, Safari 17, Figma…
Веб-стандарты
🎙️Подкаст «Веб-стандарты»: Андрей Мелихов, Алексей Симоненко, Никита Дубко про Chrome DevTools, Firefox 114, Apple Web Apps, Safari 17, Figma, ESM или CJS и Sass в браузере.
00:01:46 Chrome DevTools
00:19:54 Firefox 114
00:28:27 Apple Web Apps
00:53:22 Новинки Safari 17
01:11:44 Apple в Figma
01:18:00 ESM или CJS
01:28:58 Sass в браузере
01:35:07 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
#podcast
00:01:46 Chrome DevTools
00:19:54 Firefox 114
00:28:27 Apple Web Apps
00:53:22 Новинки Safari 17
01:11:44 Apple в Figma
01:18:00 ESM или CJS
01:28:58 Sass в браузере
01:35:07 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
#podcast
Современный CSS в реальной жизни: 5 новых аспектов CSS, которые действительно важны для реальной разработки
Это — адаптированная текстовая расшифровка недавнего выступления Криса Койера на RenderATL, в которую вложено много труда. Вы должны это увидеть:
✔️ Logical Properties & Layout
✔️ Container Queries & Units
✔️ Cascade Layers
✔️ New Colors
✔️ View Transitions
Читать
Это — адаптированная текстовая расшифровка недавнего выступления Криса Койера на RenderATL, в которую вложено много труда. Вы должны это увидеть:
✔️ Logical Properties & Layout
✔️ Container Queries & Units
✔️ Cascade Layers
✔️ New Colors
✔️ View Transitions
Читать
Chris Coyier
Modern CSS in Real Life
Hey! Chris Coyier here. This is a blog-itized version of a presentation I created. It started life as a Keynote file which I presented in person at RenderATL in June of 2023. I put a lot of work in…
Фронтенд-разработчик Stefano Magni в ходе своей карьеры сталкивался с двумя очень большими кодовыми базами на основе React и TypeScript, из которых извлек много опыта. Речь идет про WorkWave RouteManager и Hasura Console.
Читайте подробнее, если хотите узнать о вещах, которые обычно не представляют больших трудностей при работе с небольшими кодовыми базами, но становятся источником больших проблем при масштабировании приложения.
Читайте подробнее, если хотите узнать о вещах, которые обычно не представляют больших трудностей при работе с небольшими кодовыми базами, но становятся источником больших проблем при масштабировании приложения.
DEV Community
Some things I learnt from working on big frontend codebases
Until now (May 2024), I had three experiences working on very big front-end (React+TypeScript)...
This media is not supported in your browser
VIEW IN TELEGRAM
Простой совет по использованию CSS для реализации более доступного выпадающего меню.
#css #tip by Shripal Soni
#css #tip by Shripal Soni