● Build a TypeScript Project From Scratch
● Build a Dynamic Avatar Component with React & TypeScript
Please open Telegram to view this post
VIEW IN TELEGRAM
TypeScript Course
Build a TypeScript Project From Scratch Tutorial
In this tutorial, we are going to build a TypeScript project from scratch. We’ll go from designing in Excalidraw to using TDD to deploying to npm.
До появления CSS color-mix() для смешивания цветов необходимо было хоть и немного, но станцевать с бубном. Теперь-то заживем.
🎨 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Chrome for Developers
CSS color-mix() | Chrome for Developers
Mix colors, in any of the supported color spaces, right from your CSS.
📌 Если вы всегда хотите быть в курсе книжных новинок, обновлений и другой полезной информации, касающейся вашего языка или области программирования, вы можете начать читать один из наших каналов, где мы каждый день публикуем учебные материалы для разработчиков разного уровня.
😂 Канал с мемами: t.me/itmemlib
👨💻 Полезные материалы по всему, что может быть интересно любому программисту.
Библиотека программиста: t.me/proglibrary
Библиотека хакера: t.me/hackproglib
Go: t.me/goproglib
C\C++: t.me/cppproglib
PHP: t.me/phpproglib
Frontend: t.me/frontendproglib
Python: t.me/pyproglib
Mobile: t.me/mobileproglib
Data Science: t.me/dsproglib
Java: t.me/javaproglib
C#: t.me/csharpproglib
Devops: t.me/devopsslib
Тестирование: t.me/testerlib
Бот с IT-вакансиями: t.me/proglib_job_bot
🎓 Школа Proglib Academy: https://yangx.top/proglib_academy
📺 Канал на YouTube: https://www.youtube.com/c/Библиотекапрограммиста
📄 Лента в Дзен: https://zen.yandex.ru/proglib
🗺 Если вы хотите быть в курсе последних событий в мире разработки, подписывайтесь на нашего бота t.me/event_listener_bot. Там можно настроить бота под себя: указать интересующие города и темы.
Подписывайтесь: t.me/event_listener_bot
👨💻 Полезные материалы по всему, что может быть интересно любому программисту.
Библиотека программиста: t.me/proglibrary
Библиотека хакера: t.me/hackproglib
Go: t.me/goproglib
C\C++: t.me/cppproglib
PHP: t.me/phpproglib
Frontend: t.me/frontendproglib
Python: t.me/pyproglib
Mobile: t.me/mobileproglib
Data Science: t.me/dsproglib
Java: t.me/javaproglib
C#: t.me/csharpproglib
Devops: t.me/devopsslib
Тестирование: t.me/testerlib
Бот с IT-вакансиями: t.me/proglib_job_bot
📺 Канал на YouTube: https://www.youtube.com/c/Библиотекапрограммиста
📄 Лента в Дзен: https://zen.yandex.ru/proglib
🗺 Если вы хотите быть в курсе последних событий в мире разработки, подписывайтесь на нашего бота t.me/event_listener_bot. Там можно настроить бота под себя: указать интересующие города и темы.
Подписывайтесь: t.me/event_listener_bot
Please open Telegram to view this post
VIEW IN TELEGRAM
Знаете ли вы, что команда React работает над экспериментальным компилятором, который автоматически генерирует эквивалент вызовов useMemo и useCallback, чтобы минимизировать стоимость повторного рендеринга, сохраняя при этом модель программирования React?
В любом случае, вот статья создателя Angular/Qwik Misko Hevery о том, почему это решает только часть проблемы.
В любом случае, вот статья создателя Angular/Qwik Misko Hevery о том, почему это решает только часть проблемы.
Builder.io
React’s Upcoming Compiler Only Solves Part Of The Problem
I spoke about how I think signals are the future of web frameworks. Since then, I am excited to welcome Angular to the Signals club.
💰 Зарплаты в ИТ: подводим итоги первого квартала 2023 года
Слухи о том, что зарплатная планка, предложенная нанимателями отечественным ИТ-специалистам стала снижаться, до сих пор не дают покоя всем, кто работает в цифровой индустрии. Поэтому наша редакция решила разобраться с тем, что творится на рынке вакансий и так ли все страшно на самом деле.
🔗 Основной сайт
🔗 Зеркало
Слухи о том, что зарплатная планка, предложенная нанимателями отечественным ИТ-специалистам стала снижаться, до сих пор не дают покоя всем, кто работает в цифровой индустрии. Поэтому наша редакция решила разобраться с тем, что творится на рынке вакансий и так ли все страшно на самом деле.
🔗 Основной сайт
🔗 Зеркало
👾 24 марта приглашаем на вебинар: «Краткое введение в A/B тестирование и его применение в Data Science».
На вебинаре разберем основные методы A/B тестирования и их применение на примере реального финтех продукта.
Вы узнаете:
🔹Для чего нужны A/B-тесты и где они применяются
🔹Стандартные статистические методы проведения A/B тестов
🔹Что такое стратификация и как ее применять
🔹Как увеличить чувствительность A/B-тестов с помощью CUPED
🔹Как применять А/B-тесты на практике: реальный кейс из финтеха
📗Также, при регистрации вы получите: 4 книги по математическому анализу и теории вероятностей, где хорошо описаны основы a/b тестирования.
👉 Регистрируйтесь по ссылке: https://proglib.io/w/4cdb15e5
На вебинаре разберем основные методы A/B тестирования и их применение на примере реального финтех продукта.
Вы узнаете:
🔹Для чего нужны A/B-тесты и где они применяются
🔹Стандартные статистические методы проведения A/B тестов
🔹Что такое стратификация и как ее применять
🔹Как увеличить чувствительность A/B-тестов с помощью CUPED
🔹Как применять А/B-тесты на практике: реальный кейс из финтеха
📗Также, при регистрации вы получите: 4 книги по математическому анализу и теории вероятностей, где хорошо описаны основы a/b тестирования.
👉 Регистрируйтесь по ссылке: https://proglib.io/w/4cdb15e5
361. Firefox 111, анимация display, TS 5.x, CQ, Anchor Positioning…
Веб-стандарты
00:01:54 Firefox 111
00:13:45 Анимация display
00:21:03 TypeScript 5.x
00:34:40 Container Queries
00:49:37 Anchor Positioning
01:07:19 Electron 10 лет
01:15:49 React.dev
01:23:33 Ошибки на React
01:35:26 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
Игорь Агапов, фронтенд-разработчик в Timeweb Cloud, делится опытом использования React Hook Form для обработки форм и Zod для валидации пользовательских данных.
Читать
Читать
Хабр
React: интересная схема работы с формами
Hello, world! В этой статье я хочу рассказать о схеме (назовем ее так) работы с формами в React , которая на сегодняшний день кажется мне наиболее эффективной. Эта схема предполагает использование...
Пример использования AbortController для избежания ошибок дублирования запросов, которые часто встречаются при использовании fetch для отправки JavaScript-форм.
Читать
Читать
Austin Gil
Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms
Avoid duplicate-request & race-condition when creating JavaScript enhanced forms. Cancel previous fetch requests with AbortController.
🤖 GPT-4 против людей: кто выйдет победителем? На что способна новая мультимодальная языковая модель
OpenAI представила GPT-4 – большую мультимодальную языковую модель, которая генерирует данные на основе текстовых и визуальных запросов. Разбираемся, в чем модель превосходит своих предшественников и как скоро заменит человека.
🔗 Основной сайт
🔗 Зеркало
OpenAI представила GPT-4 – большую мультимодальную языковую модель, которая генерирует данные на основе текстовых и визуальных запросов. Разбираемся, в чем модель превосходит своих предшественников и как скоро заменит человека.
🔗 Основной сайт
🔗 Зеркало
Ускорение экосистемы JavaScript
Увлекательная серия статей на тему не самой очевидной оптимизации:
🚀 PostCSS, SVGO and many more
🚀 Module resolution
🚀 Linting with eslint
🚀 npm scripts
Увлекательная серия статей на тему не самой очевидной оптимизации:
Please open Telegram to view this post
VIEW IN TELEGRAM
marvinh.dev
Speeding up the JavaScript ecosystem - one library at a time
Most popular libraries can be sped up by avoiding unnecessary type conversions or by avoiding creating functions inside functions.
Почему в Deno была добавлена поддержка package.json?
Deno имеет некоторые общие корни с Node.js, но до недавнего времени он не фокусировался на поддержке функций Node, таких как npm-модули. Приоритеты меняются, но на это есть весомые причины.👇
Читать
Deno имеет некоторые общие корни с Node.js, но до недавнего времени он не фокусировался на поддержке функций Node, таких как npm-модули. Приоритеты меняются, но на это есть весомые причины.
Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Deno Blog
Deno 1.31: package.json support
Deno 1.31 adds support for package.json, stabilizes Node-API, Deno.Command API, adds `node:v8` module, and more.
Механизм CORS и другие связанные с ним аспекты не так сложны, но иногда могут вызывать трудности, — поэтому надо разобраться с ними раз и навсегда. А поможет нам в этом статья от Lydia Hallie, подкрепленная анимациями (такая же по JavaScript).
https://dev.to/lydiahallie/cs-visualized-cors-5b8h (2020 год)
В новой документации React нет create-react-app. Это, мягко говоря, вызывает у многих недоумение. Начать новый проект React теперь рекомендуется с помощью одного из популярных в сообществе фреймворков на базе React.
Robin Wieruch вот предлагает свой взгляд на то, как начать проект React в 2023 году.👇
https://www.robinwieruch.de/react-starter/
Robin Wieruch вот предлагает свой взгляд на то, как начать проект React в 2023 году.
https://www.robinwieruch.de/react-starter/
Please open Telegram to view this post
VIEW IN TELEGRAM
Хабр
Create react app умирает?
Зайдя на официальный сайт React я не сразу понял, что произошло. Когда мы заходим на страницу документации React в раздел установки, мы можем увидеть различные предложенные варианты установки...
📌 Если вы всегда хотите быть в курсе книжных новинок, обновлений и другой полезной информации, касающейся вашего языка или области программирования, вы можете начать читать один из наших каналов, где мы каждый день публикуем учебные материалы для разработчиков разного уровня.
😂 Канал с мемами: t.me/itmemlib
👨💻 Полезные материалы по всему, что может быть интересно любому программисту.
Библиотека программиста: t.me/proglibrary
Библиотека хакера: t.me/hackproglib
Go: t.me/goproglib
C\C++: t.me/cppproglib
PHP: t.me/phpproglib
Frontend: t.me/frontendproglib
Python: t.me/pyproglib
Mobile: t.me/mobileproglib
Data Science: t.me/dsproglib
Java: t.me/javaproglib
C#: t.me/csharpproglib
Devops: t.me/devopsslib
Тестирование: t.me/testerlib
Книги для программистов: t.me/progbook
Бот с IT-вакансиями: t.me/proglib_job_bot
🎓 Школа Proglib Academy: https://yangx.top/proglib_academy
📺 Канал на YouTube: https://www.youtube.com/c/Библиотекапрограммиста
📄 Лента в Дзен: https://zen.yandex.ru/proglib
🗺 Если вы хотите быть в курсе последних событий в мире разработки, подписывайтесь на нашего бота t.me/event_listener_bot. Там можно настроить бота под себя: указать интересующие города и темы.
Подписывайтесь: t.me/event_listener_bot
👨💻 Полезные материалы по всему, что может быть интересно любому программисту.
Библиотека программиста: t.me/proglibrary
Библиотека хакера: t.me/hackproglib
Go: t.me/goproglib
C\C++: t.me/cppproglib
PHP: t.me/phpproglib
Frontend: t.me/frontendproglib
Python: t.me/pyproglib
Mobile: t.me/mobileproglib
Data Science: t.me/dsproglib
Java: t.me/javaproglib
C#: t.me/csharpproglib
Devops: t.me/devopsslib
Тестирование: t.me/testerlib
Книги для программистов: t.me/progbook
Бот с IT-вакансиями: t.me/proglib_job_bot
📺 Канал на YouTube: https://www.youtube.com/c/Библиотекапрограммиста
📄 Лента в Дзен: https://zen.yandex.ru/proglib
🗺 Если вы хотите быть в курсе последних событий в мире разработки, подписывайтесь на нашего бота t.me/event_listener_bot. Там можно настроить бота под себя: указать интересующие города и темы.
Подписывайтесь: t.me/event_listener_bot
Please open Telegram to view this post
VIEW IN TELEGRAM
sin() и cos().Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
CSS-Tricks
Creating a Clock with the New CSS sin() and cos() Trigonometry Functions | CSS-Tricks
CSS trigonometry functions are here! Well, they are if you’re using the latest versions of Firefox and Safari, that is. Having this sort of mathematical power
Видеоруководство по работе с React 18 + Redux Toolkit: 14 часов убойного кодинга для начинающих от freeCodeCamp.
📺 Смотреть
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Learn React 18 with Redux Toolkit – Full Tutorial for Beginners
Learn how to use React version 18 and Redux Toolkit in this full course for beginners. React is a free and open-source front-end JavaScript library for building user interfaces based on components.
✏️ Course created by @CodingAddict
Source Code
React Tutorial:…
✏️ Course created by @CodingAddict
Source Code
React Tutorial:…
362. Safari TP, новый тег search, focus-visible, AI в дизайне и…
Веб-стандарты
00:01:08 Safari TP 166
00:09:33 HTML-элемент search
00:23:05 Focus-visible
00:31:20 GitHub Copilot X
00:47:34 AI в дизайне
01:05:32 AI в разработке
01:23:39 Печать на CSS
01:33:23 Планы на Vite 5
01:36:07 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
JavaScript Promises: серия статей для фронтенд-разработчика с подробным объяснением.
🗄 How promises work
🗄 How to get current promise status and build your own promise queue?
🗄 Garbage collection and memory leaks
Please open Telegram to view this post
VIEW IN TELEGRAM