Miroslav Kungurov Пишу об IT и на Python. kungurov.net В этом выпуске: создание, тестирование и деплой приложения книжного магазина с использованием React 18; вопросы на собеседовании фронтенд-разработчика; простые советы по адаптации сайтов для незрячих и слабовидящих людей; полный гайд по использованию CSS-фильтров с SVG. Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера» Интересно, перейти к каналу Новости Релиз Node 18.5.0 & Node 14.20.0 (LTS), 16.16.0 (LTS) Анонс React Native 0.69 Релиз fuite 1.6 Релиз oclif 3.1 Релиз Notion JavaScript Client 2.0 Релиз Tabulator 5.3 Релиз Preact 10.9 Релиз Perspective 1.5.1 Релиз react-archer 4.0.1 Релиз react-big-calendar 1.2.1 Релиз Firefox 102, Safari 16 Beta и Chrome 104 Beta Анонс Vite 3.0 Анонс Node-RED 3.0 Анонс NestJS 9 Анонс Ember 4.5 Анонс Safari Technology Preview 148 Анонс VS Code 1.69 Релиз Preact 10.10 Релиз pkg 5.8 Релиз React Big Calendar 1.4.2 Релиз AdminJS 6.0 Релиз Luxon 3.0.1 Релиз Commander.js 9.4 Релиз eruda 2.5 Релиз Tedious 15.0 Релиз mux.js 6.2 React Создание, тестирование и деплой приложения книжного магазина с использованием React 18, Vite, Netlify и Nightwatch. Пишем простое todo-приложение на React с нуля. Вот это жизненное начало: « … но в реальном мире все не так радужно. Нам часто приходится иметь дело с кодовыми базами, которые развивались в течение многих лет, и компонентами, которые несут на себе следы разных разработчиков … ». В общем, автор делится опытом рефакторинга больших React-компонентов. В его проекте он имел 2700 строк кода. Успеть за 45 минут: разбор задачи, с которой можно столкнуться на собеседовании JavaScript, CSS и HTML Разбор наиболее популярных недостатков JavaScript-кода, которые делают его недостаточно простым, лаконичным и понятным. Как типизировать CSS-переменные, делать плавные переходы между значениями переменных и анимировать градиенты: практические советы от Софии Валитовой. Bun — новая среда выполнения JavaScript с собственным сборщиком, транспайлером, средством запуска задач и встроенным клиентом npm. Как правильно рассчитать длину текста в Java Script? Алексей Ивасюта, фронтенд разработчик в Авито, разложил все по полкам относительно устройства Unicode и особенностей его работы в Java Script. WebGL — это большое дело, но знаете ли вы, что голографические эффекты, похожие на шейдеры, также можно создавать с использованием CSS? И да, интерактивные демонстрации в конце статьи просто прекрасны. Полный гайд по использованию CSS-фильтров с SVG. Оператор delete в JavaScript: назначение, подводные камни и рекомендации по использованию. Парсинг дат в JS — добавляем русский язык в библиотеку Chrono. Практика CSS и вёрстки от Елены Литвиновой. Запись вебинара на тему «10 кейсов масштабируемой вёрстки». Спикеры рассказывают, почему не всегда стоит верстать строго по макету, какие проблемы могут возникнуть при такой вёрстке и как их решать. Airbnb JavaScript Style Guide. ☕️ Шпаргалка по регулярным выражениям в JavaScript NodeJS Подробный разбор всего, что связано с работой с файловой системой в Node.js: от простых операций чтения и записи до потоков, буферов и манипуляций с каталогами. Разное 🎙️📹 Как стать IT-блогером: подробный гайд для начинающих Серия видеоуроков от YouTube-канала «АйТи Синяк» на тему архитектуры во фронтенде. Разбираемся с обновлениями, которые были добавлены в новую версию ECMAScript. Техническое собеседование на позицию фронтенд-разработчика. Запись вебинара, в рамках которого освящались следующие вопросы: — Чего ждать и к чему готовиться? — Почему на собеседовании дают те или иные задачи? — Как вести себя на лайвкодинге? Страницы состояния функций трех основных браузеров: — Chrome Platform Status — Mozilla Specification Positions + репозиторий — WebKit Feature Status + репозиторий Чек-лист для фронтенд-разработчиков, которые заботятся о производительности. Каждый раздел включает множество ссылок и описаний для дальнейшего исследования. Простые советы по адаптации сайтов для незрячих и слабовидящих людей. Превосходная серия статей о доступности и не только, которая точно заслуживает вашего внимания: — Under-Engineered Custom Radio Buttons and Checkboxen — Under-Engineered Toggles — Under-Engineered Toggles Too — Under-Engineered Text Boxen — Under-Engineered Responsive Tables — Under-Engineered Select Menus — Under-Engineered Dependency Questions — Under-Engineered Multi-Selects #27 Front-end. Вопросы на собеседовании. Руководство по работе с терминалом для фронтенд-разработчика. Сложно написать идеальное руководство, которое охватит все аспекты добавления темного режима для вашего сайта. Но это определенно удачная попытка Если кто-то уже попробовал или заинтересован в использовании Bun, на GitHub появилась коллекция полезных ресурсов в одном месте. Интервью Интервью с Яном Тишко. От охранника в Беларуси до Front-End Engineer в Калифорнии *** Материалы по теме 📰 Weekly #7: новости, подкасты, отборные статьи и обучающие материалы по фронтенду 📰 Weekly #5: новости, подкасты, отборные статьи и обучающие материалы по фронтенду 📰 Weekly #3: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
Пишу об IT и на Python. kungurov.net В этом выпуске: создание, тестирование и деплой приложения книжного магазина с использованием React 18; вопросы на собеседовании фронтенд-разработчика; простые советы по адаптации сайтов для незрячих и слабовидящих людей; полный гайд по использованию CSS-фильтров с SVG. Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера» Интересно, перейти к каналу Новости Релиз Node 18.5.0 & Node 14.20.0 (LTS), 16.16.0 (LTS) Анонс React Native 0.69 Релиз fuite 1.6 Релиз oclif 3.1 Релиз Notion JavaScript Client 2.0 Релиз Tabulator 5.3 Релиз Preact 10.9 Релиз Perspective 1.5.1 Релиз react-archer 4.0.1 Релиз react-big-calendar 1.2.1 Релиз Firefox 102, Safari 16 Beta и Chrome 104 Beta Анонс Vite 3.0 Анонс Node-RED 3.0 Анонс NestJS 9 Анонс Ember 4.5 Анонс Safari Technology Preview 148 Анонс VS Code 1.69 Релиз Preact 10.10 Релиз pkg 5.8 Релиз React Big Calendar 1.4.2 Релиз AdminJS 6.0 Релиз Luxon 3.0.1 Релиз Commander.js 9.4 Релиз eruda 2.5 Релиз Tedious 15.0 Релиз mux.js 6.2 React Создание, тестирование и деплой приложения книжного магазина с использованием React 18, Vite, Netlify и Nightwatch. Пишем простое todo-приложение на React с нуля. Вот это жизненное начало: « … но в реальном мире все не так радужно. Нам часто приходится иметь дело с кодовыми базами, которые развивались в течение многих лет, и компонентами, которые несут на себе следы разных разработчиков … ». В общем, автор делится опытом рефакторинга больших React-компонентов. В его проекте он имел 2700 строк кода. Успеть за 45 минут: разбор задачи, с которой можно столкнуться на собеседовании JavaScript, CSS и HTML Разбор наиболее популярных недостатков JavaScript-кода, которые делают его недостаточно простым, лаконичным и понятным. Как типизировать CSS-переменные, делать плавные переходы между значениями переменных и анимировать градиенты: практические советы от Софии Валитовой. Bun — новая среда выполнения JavaScript с собственным сборщиком, транспайлером, средством запуска задач и встроенным клиентом npm. Как правильно рассчитать длину текста в Java Script? Алексей Ивасюта, фронтенд разработчик в Авито, разложил все по полкам относительно устройства Unicode и особенностей его работы в Java Script. WebGL — это большое дело, но знаете ли вы, что голографические эффекты, похожие на шейдеры, также можно создавать с использованием CSS? И да, интерактивные демонстрации в конце статьи просто прекрасны. Полный гайд по использованию CSS-фильтров с SVG. Оператор delete в JavaScript: назначение, подводные камни и рекомендации по использованию. Парсинг дат в JS — добавляем русский язык в библиотеку Chrono. Практика CSS и вёрстки от Елены Литвиновой. Запись вебинара на тему «10 кейсов масштабируемой вёрстки». Спикеры рассказывают, почему не всегда стоит верстать строго по макету, какие проблемы могут возникнуть при такой вёрстке и как их решать. Airbnb JavaScript Style Guide. ☕️ Шпаргалка по регулярным выражениям в JavaScript NodeJS Подробный разбор всего, что связано с работой с файловой системой в Node.js: от простых операций чтения и записи до потоков, буферов и манипуляций с каталогами. Разное 🎙️📹 Как стать IT-блогером: подробный гайд для начинающих Серия видеоуроков от YouTube-канала «АйТи Синяк» на тему архитектуры во фронтенде. Разбираемся с обновлениями, которые были добавлены в новую версию ECMAScript. Техническое собеседование на позицию фронтенд-разработчика. Запись вебинара, в рамках которого освящались следующие вопросы: — Чего ждать и к чему готовиться? — Почему на собеседовании дают те или иные задачи? — Как вести себя на лайвкодинге? Страницы состояния функций трех основных браузеров: — Chrome Platform Status — Mozilla Specification Positions + репозиторий — WebKit Feature Status + репозиторий Чек-лист для фронтенд-разработчиков, которые заботятся о производительности. Каждый раздел включает множество ссылок и описаний для дальнейшего исследования. Простые советы по адаптации сайтов для незрячих и слабовидящих людей. Превосходная серия статей о доступности и не только, которая точно заслуживает вашего внимания: — Under-Engineered Custom Radio Buttons and Checkboxen — Under-Engineered Toggles — Under-Engineered Toggles Too — Under-Engineered Text Boxen — Under-Engineered Responsive Tables — Under-Engineered Select Menus — Under-Engineered Dependency Questions — Under-Engineered Multi-Selects #27 Front-end. Вопросы на собеседовании. Руководство по работе с терминалом для фронтенд-разработчика. Сложно написать идеальное руководство, которое охватит все аспекты добавления темного режима для вашего сайта. Но это определенно удачная попытка Если кто-то уже попробовал или заинтересован в использовании Bun, на GitHub появилась коллекция полезных ресурсов в одном месте. Интервью Интервью с Яном Тишко. От охранника в Беларуси до Front-End Engineer в Калифорнии *** Материалы по теме 📰 Weekly #7: новости, подкасты, отборные статьи и обучающие материалы по фронтенду 📰 Weekly #5: новости, подкасты, отборные статьи и обучающие материалы по фронтенду 📰 Weekly #3: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера» Интересно, перейти к каналу
delete
☕️ Шпаргалка по регулярным выражениям в JavaScript
🎙️📹 Как стать IT-блогером: подробный гайд для начинающих
— Чего ждать и к чему готовиться?
— Почему на собеседовании дают те или иные задачи?
— Как вести себя на лайвкодинге?
— Chrome Platform Status
— Mozilla Specification Positions + репозиторий
— WebKit Feature Status + репозиторий
— Under-Engineered Custom Radio Buttons and Checkboxen
— Under-Engineered Toggles
— Under-Engineered Toggles Too
— Under-Engineered Text Boxen
— Under-Engineered Responsive Tables
— Under-Engineered Select Menus
— Under-Engineered Dependency Questions
— Under-Engineered Multi-Selects
***
Ваш адрес email не будет опубликован. Обязательные поля помечены *
Сохранить моё имя, email и адрес сайта в этом браузере для последующих моих комментариев.
Δ
Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.