Обработка ошибок с try...catch
#почитать
Рассмотрим понимание оператора try...catch, его базовую структуру и приведем примеры использования в реальных проектах.
⏱ Читать статью
#почитать
Рассмотрим понимание оператора try...catch, его базовую структуру и приведем примеры использования в реальных проектах.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1👌1
require vs import в JavaScript
#почитать
Когда ты начинаешь писать код при создании программы / приложения, периодически сталкиваешься с необходимостью импорта модулей в файлы. Эту задачу можно решить в JavaScript require() или import. Это немного сбивает с толку новичков и необходимо определить какую функцию при каких условиях использовать.
⏱ Читать статью
#почитать
Когда ты начинаешь писать код при создании программы / приложения, периодически сталкиваешься с необходимостью импорта модулей в файлы. Эту задачу можно решить в JavaScript require() или import. Это немного сбивает с толку новичков и необходимо определить какую функцию при каких условиях использовать.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1👌1
useEffect в React
#почитать
React стала одной из популярных библиотек для создания UI, а с появлением хуков в React 16.8 в распоряжении разработчиков появилось ещё больше мощных инструментов. Один из таких хуков — useEffect, позволяющий выполнять побочные эффекты в компонентах функций. Рассмотрим хук useEffect, его использование и лучшие практики.
⏱ Читать статью
#почитать
React стала одной из популярных библиотек для создания UI, а с появлением хуков в React 16.8 в распоряжении разработчиков появилось ещё больше мощных инструментов. Один из таких хуков — useEffect, позволяющий выполнять побочные эффекты в компонентах функций. Рассмотрим хук useEffect, его использование и лучшие практики.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1👌1
Плавное анимированное меню с помощью React и Frame Motion
#почитать
⏱ Читать статью
#почитать
Если вы хотите сделать ваш следующий проект более динамичным и привлекательным, настоятельно рекомендую попробовать Framer Motion. Эта библиотека невероятно универсальна.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1👌1
JavaScript. Обработка событий на
примерах
Автор: Янцев В. В
Год издания: 2021
#javascript #ru
Скачать книгу
примерах
Автор: Янцев В. В
Год издания: 2021
#javascript #ru
Скачать книгу
👍4🔥2👌1
Что означает гидратация
#почитать
Короткий ответ: это процесс, в ходе которого JavaScript выполняет, согласовывает и делает интерактивным HTML, уже находящийся в DOM, посредством рендеринга на стороне сервера (SSR).
⏱ Читать статью
#почитать
Короткий ответ: это процесс, в ходе которого JavaScript выполняет, согласовывает и делает интерактивным HTML, уже находящийся в DOM, посредством рендеринга на стороне сервера (SSR).
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥1👌1
Система типов и настройки TS
#почитать
Обязательно устанавливайте флажок strict. Он подключает дополнительные проверки типов.
При реализации интерфейсов, и работе с объектами корректность соблюдения принципа подстановки Барбары Лисков ложится на плечи разработчиков.
⏱ Читать статью
#почитать
Обязательно устанавливайте флажок strict. Он подключает дополнительные проверки типов.
При реализации интерфейсов, и работе с объектами корректность соблюдения принципа подстановки Барбары Лисков ложится на плечи разработчиков.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥2👌1
Как фронтенд-разработчику затащить на собесе
#почитать
Фронтендеру мало знать один только JavaScript. Разработчик, который ориентируется в понятиях из этого чеклиста, намного ценнее для команды, чем «энтузиаст», прорешавший тысячу задач на leetcode, поскольку владение нужными навыками и хотя бы базовое знакомство со смежными технологиями позволяет видеть и понимать фронтенд намного глубже, чем просто в разрезе голого кода. Благодаря перечисленным компетенциям опытный девелопер способен учесть запросы пользователя, потребности команды и возможности системы, а значит – сделать качественный фронтенд.
Хорошая новость состоит в том, что при собеседовании на позицию стажера или джуна вам понадобятся не все пункты из этого списка. Плохая новость (на самом деле, тоже хорошая) – с каждым из них рано или поздно предстоит столкнуться в работе. Не откладывайте изучение вспомогательных инструментов и смежных сфер в долгий ящик.
⏱ Читать статью
#почитать
Фронтендеру мало знать один только JavaScript. Разработчик, который ориентируется в понятиях из этого чеклиста, намного ценнее для команды, чем «энтузиаст», прорешавший тысячу задач на leetcode, поскольку владение нужными навыками и хотя бы базовое знакомство со смежными технологиями позволяет видеть и понимать фронтенд намного глубже, чем просто в разрезе голого кода. Благодаря перечисленным компетенциям опытный девелопер способен учесть запросы пользователя, потребности команды и возможности системы, а значит – сделать качественный фронтенд.
Хорошая новость состоит в том, что при собеседовании на позицию стажера или джуна вам понадобятся не все пункты из этого списка. Плохая новость (на самом деле, тоже хорошая) – с каждым из них рано или поздно предстоит столкнуться в работе. Не откладывайте изучение вспомогательных инструментов и смежных сфер в долгий ящик.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍1👌1
Горизонтальная галерея-аккордеон на CSS
#почитать
Это галерея-аккордеон, реализованная с помощью чистого CSS, которая создает адаптивный горизонтальный макет аккордеона, раскрывающий изображения в полном размере при простом наведении курсора.
Идеально подходит для демонстрации фотографий продуктов, портфолио или воспоминаний о путешествиях.
⏱ Читать статью
#почитать
Это галерея-аккордеон, реализованная с помощью чистого CSS, которая создает адаптивный горизонтальный макет аккордеона, раскрывающий изображения в полном размере при простом наведении курсора.
Идеально подходит для демонстрации фотографий продуктов, портфолио или воспоминаний о путешествиях.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤1🔥1
React и FormData
#почитать
О новейшем и одновременно старейшем стандарте React для доступа к данным формы, а также о том, как использовать его с TypeScript.
⏱ Читать статью
#почитать
О новейшем и одновременно старейшем стандарте React для доступа к данным формы, а также о том, как использовать его с TypeScript.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤2🔥1
#посмотреть
Рассказываю свои ощущения состояния рынка труда front-end разработчиков в 2024 году и как оно изменилось за последние два с половиной года.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤2🔥1
Ленивая загрузка - пример реализации на Vue.js
#почитать
Вместо того чтобы загружать весь контент при первом открытии страницы, ленивая загрузка позволяет загружать данные порциями, что снижает начальное время загрузки страницы и уменьшает нагрузку на сервер.
⏱ Читать статью
#почитать
Вместо того чтобы загружать весь контент при первом открытии страницы, ленивая загрузка позволяет загружать данные порциями, что снижает начальное время загрузки страницы и уменьшает нагрузку на сервер.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤1🔥1
Использование стандарта ES5
#почитать
Движки JavaScript оптимизируют код ES5 гораздо дольше, чем современный код, поэтому если у вас есть старый код ES5, который все еще работает, нет смысла обновлять его только для того, чтобы сделать его «современным».
Однако, если вы создаете код в синтаксисе ES6+, а затем используете инструмент сборки для его транспиляции в ES5, это обычно приводит к большому количеству полифиллов и транспиляторов, что может значительно увеличить размер ваших конечных бандлов.
⏱ Читать статью
#почитать
Движки JavaScript оптимизируют код ES5 гораздо дольше, чем современный код, поэтому если у вас есть старый код ES5, который все еще работает, нет смысла обновлять его только для того, чтобы сделать его «современным».
Однако, если вы создаете код в синтаксисе ES6+, а затем используете инструмент сборки для его транспиляции в ES5, это обычно приводит к большому количеству полифиллов и транспиляторов, что может значительно увеличить размер ваших конечных бандлов.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤1👌1
Что такое HMPL.js
#почитать
Как сократить размеры javascript-файлов с сохранением дизайна сайта.
⏱ Читать статью
#почитать
Как сократить размеры javascript-файлов с сохранением дизайна сайта.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤1🔥1
Отображение favicon сторонних сайтов в приложении
#почитать
Описанный способ отображения приложенных ссылок серьезно улучшает UX:
- ссылки имеют уникальный графический элемент,
- информация выделяется,
- пользователю «красиво и приятно»,
- он получает позитивный эмоциональный отклик.
⏱ Читать статью
#почитать
Описанный способ отображения приложенных ссылок серьезно улучшает UX:
- ссылки имеют уникальный графический элемент,
- информация выделяется,
- пользователю «красиво и приятно»,
- он получает позитивный эмоциональный отклик.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👍2❤1
this: управление контекстом выполнения
#почитать
Без четкого понимания, как работает this, ваш код может стать источником путаницы и ошибок.
⏱ Читать статью
#почитать
Без четкого понимания, как работает this, ваш код может стать источником путаницы и ошибок.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤1🔥1
#посмотреть
Разобрали сбор SLI и метрик для вашего фронтенд-приложения — важная часть работы команды, отвечающей за качество своего домена. Однако мы часто сталкиваемся с непониманием специфики фронтенда в области мониторинга и наблюдаемости. В докладе обсудим метрики и инструменты для их сбора во фронтенде, а также способы проектирования собственных метрик и структурирования логов.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤2🔥1
JavaScript Promise Interview Questions
#почитать
It’s not a friendly question for junior JS coders
⏱ Читать статью
#почитать
It’s not a friendly question for junior JS coders
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤3🔥2
#посмотреть
Регулярные выражения — это невероятно мощный инструмент, но что делать, если их выразительности не хватает? Действительно ли нам необходимы грамматики для обработки более сложных конструкций? Как с помощью обычных функций и итераторов можно написать парсер любой сложности? И при чем здесь ФП?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤1🔥1