29396
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu
Пример реализации инпута для одноразовых паролей
https://chriscoyier.net/2023/12/04/html-css-for-a-one-time-password-input/
Участвуй в захватывающих Всероссийских соревнованиях по спортивному программированию «Фонкод»!
Дисциплина: «Программирование алгоритмическое».
💰 Общий призовой фонд составляет целых 2 000 000 рублей!
20 счастливчиков получат 10 000 рублей.
Гарантированные призы первым 2000 учасникам!
Это твой шанс не только продемонстрировать свои навыки, но и выиграть крутые призы!
К участию приглашаются:
Учащиеся средних образовательных учреждений и лицеев России в возрасте от 14 до 17 лет.
Обучающиеся высших и средне-специальных учебных заведений.
Работники организаций сферы ИТ России (18+).
📝 Регистрация участников уже открыта на официальной платформе проведения соревнований – ЗАРЕГИСТРИРОВАТЬСЯ
Не упусти свой шанс стать частью этого захватывающего события!
Как работают JS Promise
Туториал для начинающих.
https://www.freecodecamp.org/news/javascript-promise-object-explained/
Создание SVG через код
25 примеров, которые помогут вам ближе познакомиться с созданием SVG через код. Автор проведет вас через все функциональные возможности от простого к сложному.
https://svg-tutorial.com/
Как сделать так, чтобы контент на сайте или приложении грузился быстро, а сервер выдержал всплеск клиентов во время новогодних онлайн-продаж?
Регистрируйтесь на вебинар от команды T1 Cloud «Ускоряй, загружай и продавай с помощью сервиса CDN»!
Вы узнаете:
🔵 В каких случаях пора подключать CDN
🔵 Сценарии использования сервиса и преимущества для бизнеса
🔵 О чем важно знать, перед подключением CDN
🎁 Участникам вебинара будет доступен бесплатный тестовый период сервиса CDN от T1 Cloud.
5 декабря в 11:00 мск
Зарегистрироваться ➡️Реклама. Информация о рекламодателе
Server-side rendering и практики работы с запросами
Нюансы работы с запросами, отличающие клиентскую разработку от серверной.
https://habr.com/ru/companies/domclick/articles/776714/
Бесплатный доступ к российской облачной платформе и скидка 30% на все сервисы в 2024 году
Провайдер облачных и AI-технологий Cloud․ru создает платформу Cloud․ru Evolution — публичное облако на базе собственных разработок и свободно распространяемых компонентов.
Cloud․ru — №1 облако для бизнеса. Провайдер оказывает полное сопровождение и поддержку 24/7 для бесшовной миграции в облако и решения бизнес-задач любого масштаба.
До конца 2023 года Cloud․ru предлагает интересные условия: 30 дней бесплатного доступа к виртуальным машинам и контейнерам и скидку 30% на все сервисы платформы в 2024 году.
Преимущества платформы Cloud․ru Evolution:
✅ импортонезависимость;
✅ инфраструктура в дата-центрах уровня Tier III и соответствие 152-ФЗ;
✅ передовые облачные сервисы без legacy-компонентов;
✅ оплата только использованных или выделенных ресурсов;
✅ детальная документация и простой интерфейс на русском языке.
👉 Подробнее о платформе и специальных условиях на сайте компании: cloud.ru/evolution
Вложенность CSS
Ахмад Шадид рассказывает и показывает на примерах, как с помощью нативной вложенности решать повседневные задачи стилизации.
https://ishadeed.com/article/css-nesting/
Чистая архитектура на NodeJS
Реализация подхода чистой архитектуры для backend, с помощью которого можно создавать гибкие, модульные и легко поддерживаемые приложения. Пример проекта на NestJS.
https://github.com/royib/clean-architecture-nestJS
WebAssembly: короткий обзор ассемблера для фронтенда
Как начать разработку с WebAssembly: практический пример с реализацией простого веб приложения с использованием фреймворка Yew, позволяющего использовать Rust.
https://habr.com/ru/companies/vk/articles/775852/
Друзья!
Тут ребята из vc.ru запилили бинго в стиле "Узнай свой психологический возраст" или "Как бы тебя звали на проекте, если б ты не положил прод".
Короткое бинго для программистов, которое по выбранным ачивкам выдает инфу о том, кто ты есть на самом деле. Я собрал 15 из 25 и перед вами в итоге страдающий сеньор с соответствующим гимном (жиза) 😅
Поиграться можно тут.
DDD на примерах
Запись часовой лекции о подходе Domain Driven Development от команды сервиса Сравни.ру
https://www.youtube.com/watch?v=PQq37uegigo
Ссылка на весь плейлист с докладами о разработке
Хочешь действительно стать сеньором и не выдумывать факты в резюме? Приходи на «Импульс Т1» и бустани свою карьеру в ИТ
1 декабря в Москве Холдинг Т1 устраивает большую тусовку-нетворкинг, где соберутся и матерые разрабы, и зеленые джуны. А еще, конечно, топ-менеджмент, который присматривает себе в команду таланты.
В программе – доклады про цифровизацию, архитектуру, чистый код и формирование эффективных продуктовых команд от тех, кто работает над передовыми российскими разработками прямо сейчас:
• Алексей Фетисов, генеральный директор Холдинга Т1
• Артем Кострюков, CEO TestIT ;
• Михаил Степнов, Руководитель центра R&D МТС Big Data/ CDO МТС Travel;
• Мария Тихонова, главный инженер по разработке в SberDevices
и другие эксперты.
Не пропусти ИТ-событие года: регистрируйся, вход бесплатный!
Бонус: вечеринка и классный мерч для айтишников :)erid: LdtCKBQST
18+ Реклама. ООО «Т1»
ОГРН 1197746617419
Настройка и продуктивное использование VS Code
Михаил Непомнящий делится советами и фишками при работе с VS Code
https://www.youtube.com/watch?v=UmgwQJ0T5Us
JetBrains JavaScript Day 2023
Запись 8 докладов с конференции JetBrains.
https://www.youtube.com/playlist?list=PLQ176FUIyIUZmRHOyz_n9iy2qfHo4_GRT
Создаем сложную анимацию на ThreeJS
Красивый эффект реагирующий на движение мыши.
Demo | Github
https://tympanus.net/codrops/2023/12/13/creating-an-interactive-mouse-effect-with-instancing-in-three-js/
Eleventy vs NextJS
Сравниваем 2 фреймворка для генерации статических сайтов: перфоманс, сложность работы, фичи и другие аспекты.
https://blog.logrocket.com/eleventy-vs-next-js-static-site-generation/
Вам не нужен JS для этого
Несколько примеров того, когда стоит применять правило использования более простых технологий:
▫️переключатель чекбокса
▫️ввод с подсказкой
▫️аккордеон
и еще несколько случаев, когда можно обойтись без JS.
https://www.htmhell.dev/adventcalendar/2023/2/
Статья кстати из HTML Hell адвент календаря, где каждый день декабря выходит новая статья о веб разработке.
Примеры использования WebShare API
https://blog.logrocket.com/implementing-advanced-features-navigator-share-api/
Полный курс по HTTP Networking
https://www.youtube.com/watch?v=2JYT5f2isg4
Неочевидные моменты Typescript и способы их решения
Примеры ситуаций, с которыми можно столкнуться при работе с Typescript.
https://habr.com/ru/articles/775330/
Интерактивное руководство по CSS Grid
Отличная статья с примерами, в которых можно настраивать свойства гридов и визуализировать изменения.
https://www.joshwcomeau.com/css/interactive-guide-to-grid/
Никакие платные курсы больше не нужны — по этим 4 каналам можно освоить Frontend-разработку с нуля 👇
📌Senior Frontend — JS, HTML и CSS
📌Frontend Interview — как проходить собеседования
📌Web Craft — только Web-разработка
📌Frontender Libs — библиотеки для фронтендеров
Signals - альтернатива React Hooks
В чем проблема React Hooks и каким образом можно решить ее и улучшить перфоманс вашего приложения с помощью Signals.
https://www.youtube.com/watch?v=SO8lBVWF2Y8
Почему кэширование важно для API
Причины, почему стоит использовать кэширование при запросах к API, а также способы его реализации и ситуации, когда лучше обойтись без него.
https://thenewstack.io/why-http-caching-matters-for-apis/
Релиз Vite 5
▫️улучшенный перфоманс
▫️обновленный API
▫️server.warmup, позволяющий указывать приоритетный модули
https://vitejs.dev/blog/announcing-vite5
Структура проекта для NestJS
Если вы задавались вопросом, как организовать проект для своего API или сервера на NodeJs, то вот хороший пример. Причем в проекте уже реализована простая бизнес логика, аутентификация и другие аспекты проектов на NestJS.
https://github.com/CatsMiaow/nestjs-project-structure/
React + TypeScript
Подробное руководство с примерами по разработке React приложений на TS.
https://www.freecodecamp.org/news/use-typescript-with-react/
CSS relative color syntax
Новый нативный способ определения одних цветов относительно других.
https://developer.chrome.com/blog/css-relative-color-syntax/
Нюансы работы с новыми CSS селекторами
https://cloudfour.com/thinks/surprising-facts-about-new-css-selectors/