#html #cheatsheet by David Mraz
Мини-шпаргалка по значениям атрибута type HTML-тега <input>, задача которого — сообщать браузеру, к какому типу относится элемент формы.
Мини-шпаргалка по значениям атрибута type HTML-тега <input>, задача которого — сообщать браузеру, к какому типу относится элемент формы.
Архитектура фронтенд-проектов: Feature Sliced Design в деталях
🌐Обзор архитектуры
➕➖Плюсы и минусы архитектуры
⚖️Сравнение с архитектурой Simple Modular
Читать
🌐Обзор архитектуры
➕➖Плюсы и минусы архитектуры
⚖️Сравнение с архитектурой Simple Modular
Читать
#холивар
К сертификации в айти-сфере работодатели относятся по-разному. Кто-то уверен, что это лучший способ доказать свою профпригодность, а другие не видят в них никакой практической ценности.
🤷♂️ Некоторые работодатели приветствуют желание разработчиков развиваться и оплачивают сертификаты.
💬 А у вас такое практикуется? Если бы у вас была возможность получить любой сертификат, какой выберете?
К сертификации в айти-сфере работодатели относятся по-разному. Кто-то уверен, что это лучший способ доказать свою профпригодность, а другие не видят в них никакой практической ценности.
🤷♂️ Некоторые работодатели приветствуют желание разработчиков развиваться и оплачивают сертификаты.
💬 А у вас такое практикуется? Если бы у вас была возможность получить любой сертификат, какой выберете?
📌 Сохраняй в заметки, чтобы не пропустить:
📺 Построение микрофронтендной архитектуры. Первый взгляд, боли и решения / Никита Морозов / АО «МТТ»
📺 TypeScript на максималках. Защищаемся от any в кодовой базе / Максим Земсков / Яндекс
📺 Beyond Frontend / Алексей Тюльдюков / VK
📺 Бьем монолит. Основные практики / Александр Гузенко / IT_ONE
📺 Построение микрофронтендной архитектуры. Первый взгляд, боли и решения / Никита Морозов / АО «МТТ»
📺 TypeScript на максималках. Защищаемся от any в кодовой базе / Максим Земсков / Яндекс
📺 Beyond Frontend / Алексей Тюльдюков / VK
📺 Бьем монолит. Основные практики / Александр Гузенко / IT_ONE
Самые полезные каналы для программистов в одной подборке!
Сохраняйте себе, чтобы не потерять 💾
🔥Для всех
Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
IT-мемы
☕️Java
Библиотека джависта — полезные статьи по Java, новости и обучающие материалы
Библиотека Java для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Java — код, квизы и тесты
Вакансии для java-разработчиков
👾Data Science
Библиотека Data Science — полезные статьи, новости и обучающие материалы
Библиотека Data Science для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Data Science — код, квизы и тесты
Вакансии по Data Science, анализу данных, аналитике, искусственному интеллекту
🧠C++
Библиотека C/C++ разработчика — полезные статьи, новости и обучающие материалы по C++
Библиотека C++ для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по C++ — код, квизы и тесты
Вакансии по C++
💻Другие профильные каналы
Библиотека фронтендера
Библиотека шарписта
Библиотека Go разработчика
Библиотека мобильного разработчика
Библиотека хакера
Библиотека питониста
Библиотека devops’a
Библиотека тестировщика
Библиотека пхпшника
💼Каналы с вакансиями
Вакансии по питону, Django, Flask
Вакансии по фронтенду, джаваскрипт, React, Angular, Vue
Вакансии по C#, .NET, Unity
Вакансии по Go
Вакансии по PHP, Symfony, Laravel
Вакансии по DevOps & SRE
Вакансии для мобильных разработчиков
Вакансии по QA тестированию
InfoSec Jobs — вакансии по информационной безопасности
Сохраняйте себе, чтобы не потерять 💾
🔥Для всех
Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
IT-мемы
☕️Java
Библиотека джависта — полезные статьи по Java, новости и обучающие материалы
Библиотека Java для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Java — код, квизы и тесты
Вакансии для java-разработчиков
👾Data Science
Библиотека Data Science — полезные статьи, новости и обучающие материалы
Библиотека Data Science для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Data Science — код, квизы и тесты
Вакансии по Data Science, анализу данных, аналитике, искусственному интеллекту
🧠C++
Библиотека C/C++ разработчика — полезные статьи, новости и обучающие материалы по C++
Библиотека C++ для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по C++ — код, квизы и тесты
Вакансии по C++
💻Другие профильные каналы
Библиотека фронтендера
Библиотека шарписта
Библиотека Go разработчика
Библиотека мобильного разработчика
Библиотека хакера
Библиотека питониста
Библиотека devops’a
Библиотека тестировщика
Библиотека пхпшника
💼Каналы с вакансиями
Вакансии по питону, Django, Flask
Вакансии по фронтенду, джаваскрипт, React, Angular, Vue
Вакансии по C#, .NET, Unity
Вакансии по Go
Вакансии по PHP, Symfony, Laravel
Вакансии по DevOps & SRE
Вакансии для мобильных разработчиков
Вакансии по QA тестированию
InfoSec Jobs — вакансии по информационной безопасности
〰️ Элемент
Форма элемента path определяется одним атрибутом: d. Атрибут
<path> в SVG — один из самых мощных элементов в библиотеке основных форм SVG. С его помощью можно создавать отрезки, кривые, дуги и многое другое.Форма элемента path определяется одним атрибутом: d. Атрибут
d содержит серию команд и параметров. Хотите погрузиться детально? Читайте подробное интерактивное руководство.#cheatsheet #javascript #easy by David Mraz
Шпаргалка по методам JavaScript DOM: на заметку фронтенд-разработчику.
Шпаргалка по методам JavaScript DOM: на заметку фронтенд-разработчику.
✍️«Библиотека программиста» собирает кейсы использования нейросетей
Какие самые необычные задачи вы выполняли с помощью нейросетей? Может быть, вы просили ИИ пройти тестирование по правилам безопасности или писали с его помощью заявление на увольнение?
Заполняйте форму — лучшие истории появятся в нашей подборке по теме.
👉Ссылка тут👈
Какие самые необычные задачи вы выполняли с помощью нейросетей? Может быть, вы просили ИИ пройти тестирование по правилам безопасности или писали с его помощью заявление на увольнение?
Заполняйте форму — лучшие истории появятся в нашей подборке по теме.
👉Ссылка тут👈
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 Parallel Routes в Next.js 13: наглядный пример для фронтенд-разработчика.
381. Firefox, CSS Math, Service Workers, WCAG 3, P3 Figma, SQ, Astro…
Веб-стандарты
#подкасты
🎙Подкаст «Веб-стандарты»: Вадим Макеев, Андрей Ситник, Никита Дубко про Firefox 116, новый Math в CSS, ускорение Service Workers, WCAG 3, P3 в Figma, Style Queries, Astro и View Transitions и всё ли PostCSS.
00:02:18 Firefox 116
00:10:49 Ещё Math в CSS
00:19:08 Ускорение Service Workers
00:25:25 WCAG 3 пока рано
00:45:22 P3 в Figma
00:53:58 Style Queries
01:07:44 Astro и View Transitions
01:17:39 PostCSS всё
01:42:29 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
🎙Подкаст «Веб-стандарты»: Вадим Макеев, Андрей Ситник, Никита Дубко про Firefox 116, новый Math в CSS, ускорение Service Workers, WCAG 3, P3 в Figma, Style Queries, Astro и View Transitions и всё ли PostCSS.
00:02:18 Firefox 116
00:10:49 Ещё Math в CSS
00:19:08 Ускорение Service Workers
00:25:25 WCAG 3 пока рано
00:45:22 P3 в Figma
00:53:58 Style Queries
01:07:44 Astro и View Transitions
01:17:39 PostCSS всё
01:42:29 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
#холивар
💬 Давайте немного пофантазируем. Как вы думаете, какие веб-технологии будут наиболее востребованы в ближайшие несколько лет, а какие канут в Лету? Пишите то, что первое приходит в голову👇
💬 Давайте немного пофантазируем. Как вы думаете, какие веб-технологии будут наиболее востребованы в ближайшие несколько лет, а какие канут в Лету? Пишите то, что первое приходит в голову👇
🐛🦋 Свитчеры после 30 лет: кто это, почему их не любят эйчары и как им найти работу в IT
Объясняем, как выжить тем, кто решил вкатиться в мир программирования после 30 лет.
🔗 Читать статью
🔗 Зеркало
Объясняем, как выжить тем, кто решил вкатиться в мир программирования после 30 лет.
🔗 Читать статью
🔗 Зеркало
#чтопроисходит
📌 Подборка для фронтенд-разработчика:
⚡️Анонс TypeScript 5.2: с настоящего момента до стабильного выпуска TypeScript 5.2 не выйдет никаких дальнейших изменений, кроме критических исправлений ошибок.
🤔 Возрожденное, но раннее предложение: Observable API для более эргономичной и компонуемой обработки событий JavaScript.
🔹 «Svelte 5 будет радикальным», — написал Рич Харрис в Твиттере.
🔹 Deno 1.36 была выпущена с расширенными параметрами безопасности, полифиллом для
🔹 esbuild 0.19.1 — высокопроизводительный упаковщик теперь может импортировать пути, содержащие подстановочные знаки, и поддерживает расширенные CSS-правила @import.
🔹 Astro 2.10 — также есть первая бета-версия Astro 3.
🔹 Релизы безопасности Node.js — v20.5.1 (текущая), v18.17.1 (LTS) и v16.20.2 (LTS).
🔹 Fuite 3.0 — инструмент для поиска утечек памяти в веб-приложениях.
🔹 Luxon 3.4 — библиотека управления датой и временем.
🔹 d3-graphviz 5.1 — визуализирует SVG из графиков, описанных на языке DOT с использованием @hpcc-js/wasm и выполняет анимированные переходы между графиками.
🔹 React Virtuoso 4.5 — самый мощный компонент виртуального списка/таблицы React.
🔹 Perspective 2.4 – быстрая потоковая визуализация данных в реальном времени.
🔹 express-rate-limit 6.9 — rate-limiting middleware для приложений Express.
🔹 PLV8 3.2 — использование JS в качестве процедурного языка в PostgreSQL.
🔹 Puppeteer 21.0.3 — библиотека Node.js, которая предоставляет высокоуровневый API для управления Chrome/Chromium по протоколу DevTools.
📌 Подборка для фронтенд-разработчика:
⚡️Анонс TypeScript 5.2: с настоящего момента до стабильного выпуска TypeScript 5.2 не выйдет никаких дальнейших изменений, кроме критических исправлений ошибок.
🔹 «Svelte 5 будет радикальным», — написал Рич Харрис в Твиттере.
🔹 Deno 1.36 была выпущена с расширенными параметрами безопасности, полифиллом для
node:test и многими другими незначительными улучшениями совместимости Node.js.🔹 esbuild 0.19.1 — высокопроизводительный упаковщик теперь может импортировать пути, содержащие подстановочные знаки, и поддерживает расширенные CSS-правила @import.
🔹 Astro 2.10 — также есть первая бета-версия Astro 3.
🔹 Релизы безопасности Node.js — v20.5.1 (текущая), v18.17.1 (LTS) и v16.20.2 (LTS).
🔹 Fuite 3.0 — инструмент для поиска утечек памяти в веб-приложениях.
🔹 Luxon 3.4 — библиотека управления датой и временем.
🔹 d3-graphviz 5.1 — визуализирует SVG из графиков, описанных на языке DOT с использованием @hpcc-js/wasm и выполняет анимированные переходы между графиками.
🔹 React Virtuoso 4.5 — самый мощный компонент виртуального списка/таблицы React.
🔹 Perspective 2.4 – быстрая потоковая визуализация данных в реальном времени.
🔹 express-rate-limit 6.9 — rate-limiting middleware для приложений Express.
🔹 PLV8 3.2 — использование JS в качестве процедурного языка в PostgreSQL.
🔹 Puppeteer 21.0.3 — библиотека Node.js, которая предоставляет высокоуровневый API для управления Chrome/Chromium по протоколу DevTools.
Please open Telegram to view this post
VIEW IN TELEGRAM
🚀С самого рождения JavaScript в каком-то смысле был языком для манипулирования текстом — от веб-страничек в самом начале до полноценных компиляторов сейчас. Неудивительно, что в современных JS-движках достаточно много сил уделено оптимизации внутреннего представления строк и операций над ними.
🤔Автор статьи рассматривает, как могут быть представлены строки в движке V8. Попытаюсь продемонстрировать их эффект, обогнав C++ в очень честном бенчмарке. А также покажу, в каких случаях они могут, наоборот, привести к проблемам с производительностью, и что в таких случаях можно сделать.
🔗 Читать
🤔Автор статьи рассматривает, как могут быть представлены строки в движке V8. Попытаюсь продемонстрировать их эффект, обогнав C++ в очень честном бенчмарке. А также покажу, в каких случаях они могут, наоборот, привести к проблемам с производительностью, и что в таких случаях можно сделать.
🔗 Читать
📺Гайд по использованию Document Picture-in-Picture API и Insertable Streams для записи экрана и камеры
❓Document Picture-in-Picture API позволяет поддерживать любой произвольный HTML-контент в окне Picture-in-Picture. Это открыло возможность для создания инновационных взаимодействий и улучшения рабочих процессов, таких как запись экрана.
🤩И хоть Document Picture-in-Picture API все еще находится в стадии тестирования, вы уже сейчас можете попробовать его использовать вместе с Insertable Streams для разработки простого инструмента записи экрана и камеры.
📌Что получаем в итоге? Пользователь сможет видеть свою камеру и управлять записью, беспрепятственно используя вкладку или окно браузера, которые выбраны для записи. А потоки экрана и камеры будут объединены в один видеофайл.
❓Document Picture-in-Picture API позволяет поддерживать любой произвольный HTML-контент в окне Picture-in-Picture. Это открыло возможность для создания инновационных взаимодействий и улучшения рабочих процессов, таких как запись экрана.
🤩И хоть Document Picture-in-Picture API все еще находится в стадии тестирования, вы уже сейчас можете попробовать его использовать вместе с Insertable Streams для разработки простого инструмента записи экрана и камеры.
📌Что получаем в итоге? Пользователь сможет видеть свою камеру и управлять записью, беспрепятственно используя вкладку или окно браузера, которые выбраны для записи. А потоки экрана и камеры будут объединены в один видеофайл.
⚒️ typograms — интересный способ элегантного рендеринга диаграмм ASCII. Это проект, с помощью которого вы «рисуете» диаграммы простым текстом ASCII со специальными тегами script, и они визуализируются в гораздо более привлекательных версиях. Отличная альтернатива, если Mermaid не подходит для ваших задач.
🔗 GitHub
🔗 GitHub
382. Safari, Sanitizer API, PWA на iOS, Firefox, ChatGPT, SVG-анимации…
Веб-стандарты
#подкасты
🎙 Подкаст «Веб-стандарты»: Алексей Симоненко, Юля Миоцен, Никита Дубко про Safari, Sanitizer API, PWA на iOS, расшишения Firefox, краулер ChatGPT, SVG-анимации, шаблонизацию и опять Jamstack.
00:01:54 Safari TP
00:08:46 Storage Policy в Safari
00:20:56 Переделка Sanitizer API
00:28:17 PWA в Chrome на iOS
00:31:59 Расширения Firefox
00:36:31 Краулер ChatGPT уходи
00:46:40 SVG-анимации
00:52:09 Будущее HTML-шаблонизации
01:06:56 Jamstack точно всё
01:18:50 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
00:01:54 Safari TP
00:08:46 Storage Policy в Safari
00:20:56 Переделка Sanitizer API
00:28:17 PWA в Chrome на iOS
00:31:59 Расширения Firefox
00:36:31 Краулер ChatGPT уходи
00:46:40 SVG-анимации
00:52:09 Будущее HTML-шаблонизации
01:06:56 Jamstack точно всё
01:18:50 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM