❓👨💻 Вопросы для подготовки к собеседованию по JavaScript. Часть 2
В первой части мы разобрали стрелочные функции, замыкания, промисы и async/await, методы работы с массивами и объектами, шаблонные литералы, особенности Map и Set, оператор расширения и клонирование объектов.
Во второй — продолжаем рассматривать вопросы для джунов: рассказываем о прототипном наследовании, цикле событий, методах сохранения данных в браузере, конструкторах, генераторах, функциональных выражениях, микро- и макрозадачах.
👉 Читать статью
👉 Зеркало
В первой части мы разобрали стрелочные функции, замыкания, промисы и async/await, методы работы с массивами и объектами, шаблонные литералы, особенности Map и Set, оператор расширения и клонирование объектов.
Во второй — продолжаем рассматривать вопросы для джунов: рассказываем о прототипном наследовании, цикле событий, методах сохранения данных в браузере, конструкторах, генераторах, функциональных выражениях, микро- и макрозадачах.
👉 Читать статью
👉 Зеркало
⚒️ В случае ошибки hydration DevTools поможет вам найти разницу между отображаемым HTML на сервере и DOM, созданным браузером.
☑️ Hydration — это процесс, который восстанавливает отрисованные на стороне сервера приложение на клиенте. Сюда входят такие вещи, как повторное использование DOM-структур серверного рендеринга, сохранение состояния приложения, передача данных приложения, которые уже были получены сервером, и другие процессы.
#angular
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔 Остаться или уйти? Оптимальный срок работы на одном месте
Вы любите свою работу, интересные проекты вам гарантированы, зарплата повышается каждый год. Но вот уже 5 лет вы трудитесь в одной и той же компании. Не пора ли что-то изменить, пока мотивация окончательно не улетучилась?
Многие опытные айтишники сталкиваются с такой дилеммой. С одной стороны, текущее место работы устраивает. С другой — хочется разнообразия, новых задач и знаний.
Должен ли современный IT-специалист менять работу чаще, чем раз в 5 лет? Или лучше наращивать экспертизу в рамках одной компании? А может дело совсем не в сроках, а в качестве задач и развитии карьеры?
👉 Расскажите о своём опыте в нашем новом опросе 👈
Вы любите свою работу, интересные проекты вам гарантированы, зарплата повышается каждый год. Но вот уже 5 лет вы трудитесь в одной и той же компании. Не пора ли что-то изменить, пока мотивация окончательно не улетучилась?
Многие опытные айтишники сталкиваются с такой дилеммой. С одной стороны, текущее место работы устраивает. С другой — хочется разнообразия, новых задач и знаний.
Должен ли современный IT-специалист менять работу чаще, чем раз в 5 лет? Или лучше наращивать экспертизу в рамках одной компании? А может дело совсем не в сроках, а в качестве задач и развитии карьеры?
👉 Расскажите о своём опыте в нашем новом опросе 👈
409. Интенты, Safari, сайты в панели, PWA в Европе, JS-рантайм в…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Никита Дубко, Алексей Симоненко, Андрей Мелихов про интенты Blink, Safari TP, сайты в панели, PWA в Европе, JS-рантайм в AWS, JS Rising Stars и монополию npm.
00:01:07 Интенты Blink
00:19:19 Safari TP 188
00:34:35 Сайты в панели
00:41:50 Никаких PWA в Европе
00:52:19 JS-рантайм в AWS
01:00:47 JS Rising Stars
01:25:36 Монополия npm
01:40:13 Ответы на вопросы
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
00:01:07 Интенты Blink
00:19:19 Safari TP 188
00:34:35 Сайты в панели
00:41:50 Никаких PWA в Европе
00:52:19 JS-рантайм в AWS
01:00:47 JS Rising Stars
01:25:36 Монополия npm
01:40:13 Ответы на вопросы
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
📆 Tempo — новая библиотека для работы с датами и временем в JavaScript (и TypeScript). Это своего рода продолжение традиций популярных библиотек вроде moment.js, day.js и date-fns.
Основной акцент в Tempo сделан на минимальный размер и простоту использования, включая поддержку операций с часовыми поясами.
Важной особенностью является то, что она представляет собой набор утилит для работы с нативным объектом
Tempo использует возможности
👉 Сайт & GitHub
Основной акцент в Tempo сделан на минимальный размер и простоту использования, включая поддержку операций с часовыми поясами.
Важной особенностью является то, что она представляет собой набор утилит для работы с нативным объектом
Date
в JavaScript, в отличие от других библиотек, предлагающих собственные примитивы даты. Tempo использует возможности
Intl.DateTimeFormat
в JavaScript для извлечения сложных данных, таких как смещения часовых поясов и форматы дат, адаптированные к локали. Это обеспечивает простой API для форматирования, анализа и манипулирования датами.👉 Сайт & GitHub
🔄 Array.prototype.with на практике: мини-гайд для фронтендера
Появившийся во всех трех основных браузерных движках метод
Погрузитесь на практике в работу с новыми методами, включая
👉 Читать
Появившийся во всех трех основных браузерных движках метод
Array.prototype.with()
направлен на сохранение иммутабельности, что часто встречается в современных библиотеках и фреймворках. Погрузитесь на практике в работу с новыми методами, включая
Array.prototype.toReversed()
, Array.prototype.toSorted()
и Array.prototype.toSpliced()👇
👉 Читать
🖼 В Angular v17.2 директива
📑 Читайте подробнее в документации
#angular
NgOptimizedImage
теперь поддерживает плейсхолдер, который будет отображаться автоматически во время загрузки соответствующего изображения. 📑 Читайте подробнее в документации
#angular
Мы стараемся быть лучше для вас. Каких материалов вам не хватает на канале?
Anonymous Poll
18%
Инструменты для фронтенд-разработки
30%
JavaScript/TypeScript
14%
Советы по HTML/CSS
24%
React
13%
Vue
8%
Angular
11%
Node
48%
Веб-дизайн
11%
Продолжайте в том же духе — всё круто
1%
Свой вариант (напишу в комментариях)
410. Apple и веб, CSS-функции, полезный AI, новые фичи Set и сложности…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Андрей Мелихов, Алексей Симоненко, Вадим Макеев про Apple и веб, CSS-функции, полезный AI Magika, новые фичи Set, сложности классов и новую метрику INP.
00:01:46 Apple и веб
00:50:44 CSS-функции
01:08:55 Полезный AI Magika
01:21:35 Новые фичи Set
01:35:05 Новая метрика INP
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
00:01:46 Apple и веб
00:50:44 CSS-функции
01:08:55 Полезный AI Magika
01:21:35 Новые фичи Set
01:35:05 Новая метрика INP
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
This media is not supported in your browser
VIEW IN TELEGRAM
#devtool #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
💬 Какой(-ую) инструмент/фреймворк/библиотеку/... из мира фронтенд-разработки вы открыли для себя в 2023 году? Поделитесь опытом 👇
#интерактив
#интерактив
Please open Telegram to view this post
VIEW IN TELEGRAM
📊 Представлена версия 5.5 популярной библиотеки визуализации Apache ECharts
Большое преимущество ECharts — это баланс мощности и простоты. С ее помощью можно очень многое сделать (ознакомьтесь с многочисленными примерами здесь), при этом код не усложнится. Хотите убедиться? Тогда ознакомьтесь с любовным письмом Alice GG к Apache ECharts 💌
Версия 5.5 расширяет поддержку ESM, добавляет поддержку рендеринга на стороне сервера, позволяет создавать неполные круговые диаграммы и многое другое.
Большое преимущество ECharts — это баланс мощности и простоты. С ее помощью можно очень многое сделать (ознакомьтесь с многочисленными примерами здесь), при этом код не усложнится. Хотите убедиться? Тогда ознакомьтесь с любовным письмом Alice GG к Apache ECharts 💌
Версия 5.5 расширяет поддержку ESM, добавляет поддержку рендеринга на стороне сервера, позволяет создавать неполные круговые диаграммы и многое другое.
🤩 Подборка свежих видеоуроков и видеокурсов для фронтернд-разработчика от freeCodeCamp:
🌐 CRUD API — Node, Express, MongoDB
🌐 Изучите p5.js для креативной разработки — 5 проектов для новичков
🌐 SvelteKit
🌐 25 проектов на React
🌐 Веб-доступность
Please open Telegram to view this post
VIEW IN TELEGRAM
Эта сборка упакована в клиентскую TypeScript-библиотеку, которая позволяет запускать Postgres в браузере, Node.js и Bun без необходимости устанавливать какие-либо другие зависимости. Занимает 3,7 МБ в сжатом виде.
👉 Playground
Please open Telegram to view this post
VIEW IN TELEGRAM
📈 Тренды React в 2024 году
Robin Wieruch, фронтенд-разработчик и автор книги The Road to React, делится своим мнением относительно трендов React:
🚀 Astro с React
🚀 Аутентификация (в React)
🚀 tRPC для разработки full-stack приложений React
🚀 React Server Components и Next.js
🚀 TanStack Router для React SPA
🚀 Turbopack и Vite
🚀 React Compiler
🚀 Biome
🚀 Headless UI-библиотеки для React
Robin Wieruch, фронтенд-разработчик и автор книги The Road to React, делится своим мнением относительно трендов React:
🚀 Astro с React
🚀 Аутентификация (в React)
🚀 tRPC для разработки full-stack приложений React
🚀 React Server Components и Next.js
🚀 TanStack Router для React SPA
🚀 Turbopack и Vite
🚀 React Compiler
🚀 Biome
🚀 Headless UI-библиотеки для React
Rafael Gonzaga из команды Node.js TSC и Fastify делится полезными обновлениями о развитии Node.js за последний год.
Вы узнаете, как команда обеспечивает тестирование и надежность Node.js, об изменениях в зависимостях Node.js от внешних вендоров (три из которых появились в 2023 году), а также об улучшениях в области безопасности Node.js и его присутствия в вебе.
👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
➡️ Поиграть можно здесь
#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
📃 response-print-pdf — UI Kit для создания PDF-файлов с использованием React и TypeScript.
Забудьте о docx, latex или устаревших библиотеках. С помощью react-print-pdf вы получите:
☑️ Простоту в использовании
☑️ Готовые компоненты и шаблоны
☑️ 100% контроль макета
☑️ Интеграция динамических данных в PDF-файл
👉 GitHub
Забудьте о docx, latex или устаревших библиотеках. С помощью react-print-pdf вы получите:
☑️ Простоту в использовании
☑️ Готовые компоненты и шаблоны
☑️ 100% контроль макета
☑️ Интеграция динамических данных в PDF-файл
👉 GitHub
🧑💻 Статьи для IT: как объяснять и распространять значимые идеи
Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.
Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.
Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.
👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.
Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.
Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.
👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.