front_end_dev | Technologies

Telegram-канал front_end_dev - FrontEndDev

29695

🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu № 4850240725

Subscribe to a channel

FrontEndDev

16 впечатляющих игр на чистом CSS

Демо и исходники прилагаются.

https://www.frontendplanet.com/css-game-examples/

Читать полностью…

FrontEndDev

Создаем сложную анимацию на ThreeJS

Красивый эффект реагирующий на движение мыши.

Demo | Github

https://tympanus.net/codrops/2023/12/13/creating-an-interactive-mouse-effect-with-instancing-in-three-js/

Читать полностью…

FrontEndDev

Eleventy vs NextJS

Сравниваем 2 фреймворка для генерации статических сайтов: перфоманс, сложность работы, фичи и другие аспекты.

https://blog.logrocket.com/eleventy-vs-next-js-static-site-generation/

Читать полностью…

FrontEndDev

Вам не нужен JS для этого

Несколько примеров того, когда стоит применять правило использования более простых технологий:
▫️переключатель чекбокса
▫️ввод с подсказкой
▫️аккордеон
и еще несколько случаев, когда можно обойтись без JS.

https://www.htmhell.dev/adventcalendar/2023/2/

Статья кстати из HTML Hell адвент календаря, где каждый день декабря выходит новая статья о веб разработке.

Читать полностью…

FrontEndDev

Примеры использования WebShare API

https://blog.logrocket.com/implementing-advanced-features-navigator-share-api/

Читать полностью…

FrontEndDev

Полный курс по HTTP Networking

https://www.youtube.com/watch?v=2JYT5f2isg4

Читать полностью…

FrontEndDev

Неочевидные моменты Typescript и способы их решения

Примеры ситуаций, с которыми можно столкнуться при работе с Typescript.

https://habr.com/ru/articles/775330/

Читать полностью…

FrontEndDev

Интерактивное руководство по CSS Grid

Отличная статья с примерами, в которых можно настраивать свойства гридов и визуализировать изменения.

https://www.joshwcomeau.com/css/interactive-guide-to-grid/

Читать полностью…

FrontEndDev

Никакие платные курсы больше не нужны — по этим 4 каналам можно освоить Frontend-разработку с нуля 👇

📌Senior Frontend — JS, HTML и CSS

📌Frontend Interview — как проходить собеседования

📌Web Craft — только Web-разработка

📌Frontender Libs — библиотеки для фронтендеров

Читать полностью…

FrontEndDev

Signals - альтернатива React Hooks

В чем проблема React Hooks и каким образом можно решить ее и улучшить перфоманс вашего приложения с помощью Signals.

https://www.youtube.com/watch?v=SO8lBVWF2Y8

Читать полностью…

FrontEndDev

Почему кэширование важно для API

Причины, почему стоит использовать кэширование при запросах к API, а также способы его реализации и ситуации, когда лучше обойтись без него.

https://thenewstack.io/why-http-caching-matters-for-apis/

Читать полностью…

FrontEndDev

Релиз Vite 5

▫️улучшенный перфоманс
▫️обновленный API
▫️server.warmup, позволяющий указывать приоритетный модули

https://vitejs.dev/blog/announcing-vite5

Читать полностью…

FrontEndDev

Структура проекта для NestJS

Если вы задавались вопросом, как организовать проект для своего API или сервера на NodeJs, то вот хороший пример. Причем в проекте уже реализована простая бизнес логика, аутентификация и другие аспекты проектов на NestJS.

https://github.com/CatsMiaow/nestjs-project-structure/

Читать полностью…

FrontEndDev

React + TypeScript

Подробное руководство с примерами по разработке React приложений на TS.

https://www.freecodecamp.org/news/use-typescript-with-react/

Читать полностью…

FrontEndDev

CSS relative color syntax

Новый нативный способ определения одних цветов относительно других.

https://developer.chrome.com/blog/css-relative-color-syntax/

Читать полностью…

FrontEndDev

Пример реализации инпута для одноразовых паролей

https://chriscoyier.net/2023/12/04/html-css-for-a-one-time-password-input/

Читать полностью…

FrontEndDev

Участвуй в захватывающих Всероссийских соревнованиях по спортивному программированию «Фонкод»!

Дисциплина: «Программирование алгоритмическое».

💰 Общий призовой фонд составляет целых 2 000 000 рублей!
20 счастливчиков получат 10 000 рублей.
Гарантированные призы первым 2000 учасникам!
Это твой шанс не только продемонстрировать свои навыки, но и выиграть крутые призы!

К участию приглашаются:

Учащиеся средних образовательных учреждений и лицеев России в возрасте от 14 до 17 лет.
Обучающиеся высших и средне-специальных учебных заведений.
Работники организаций сферы ИТ России (18+).

📝 Регистрация участников уже открыта на официальной платформе проведения соревнований – ЗАРЕГИСТРИРОВАТЬСЯ
Не упусти свой шанс стать частью этого захватывающего события!

Читать полностью…

FrontEndDev

Как работают JS Promise

Туториал для начинающих.

https://www.freecodecamp.org/news/javascript-promise-object-explained/

Читать полностью…

FrontEndDev

Создание SVG через код

25 примеров, которые помогут вам ближе познакомиться с созданием SVG через код. Автор проведет вас через все функциональные возможности от простого к сложному.

https://svg-tutorial.com/

Читать полностью…

FrontEndDev

Как сделать так, чтобы контент на сайте или приложении грузился быстро, а сервер выдержал всплеск клиентов во время новогодних онлайн-продаж?

Регистрируйтесь на вебинар от команды T1 Cloud «Ускоряй, загружай и продавай с помощью сервиса CDN»!

Вы узнаете:
🔵 В каких случаях пора подключать CDN
🔵 Сценарии использования сервиса и преимущества для бизнеса
🔵 О чем важно знать, перед подключением CDN

🎁 Участникам вебинара будет доступен бесплатный тестовый период сервиса CDN от T1 Cloud.

5 декабря в 11:00 мск
Зарегистрироваться ➡️

Реклама. Информация о рекламодателе

Читать полностью…

FrontEndDev

Server-side rendering и практики работы с запросами

Нюансы работы с запросами, отличающие клиентскую разработку от серверной.

https://habr.com/ru/companies/domclick/articles/776714/

Читать полностью…

FrontEndDev

Бесплатный доступ к российской облачной платформе и скидка 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

Читать полностью…

FrontEndDev

Вложенность CSS

Ахмад Шадид рассказывает и показывает на примерах, как с помощью нативной вложенности решать повседневные задачи стилизации.

https://ishadeed.com/article/css-nesting/

Читать полностью…

FrontEndDev

Чистая архитектура на NodeJS

Реализация подхода чистой архитектуры для backend, с помощью которого можно создавать гибкие, модульные и легко поддерживаемые приложения. Пример проекта на NestJS.

https://github.com/royib/clean-architecture-nestJS

Читать полностью…

FrontEndDev

WebAssembly: короткий обзор ассемблера для фронтенда

Как начать разработку с WebAssembly: практический пример с реализацией простого веб приложения с использованием фреймворка Yew, позволяющего использовать Rust.

https://habr.com/ru/companies/vk/articles/775852/

Читать полностью…

FrontEndDev

Друзья!

Тут ребята из vc.ru запилили бинго в стиле "Узнай свой психологический возраст" или "Как бы тебя звали на проекте, если б ты не положил прод".

Короткое бинго для программистов, которое по выбранным ачивкам выдает инфу о том, кто ты есть на самом деле. Я собрал 15 из 25 и перед вами в итоге страдающий сеньор с соответствующим гимном (жиза) 😅

Поиграться можно тут.

Читать полностью…

FrontEndDev

DDD на примерах

Запись часовой лекции о подходе Domain Driven Development от команды сервиса Сравни.ру

https://www.youtube.com/watch?v=PQq37uegigo

Ссылка на весь плейлист с докладами о разработке

Читать полностью…

FrontEndDev

Хочешь действительно стать сеньором и не выдумывать факты в резюме? Приходи на «Импульс Т1» и бустани свою карьеру в ИТ

1 декабря в Москве Холдинг Т1 устраивает большую тусовку-нетворкинг, где соберутся и матерые разрабы, и зеленые джуны. А еще, конечно, топ-менеджмент, который присматривает себе в команду таланты.

В программе – доклады про цифровизацию, архитектуру, чистый код и формирование эффективных продуктовых команд от тех, кто работает над передовыми российскими разработками прямо сейчас:

Алексей Фетисов, генеральный директор Холдинга Т1
Артем Кострюков, CEO TestIT ;
Михаил Степнов, Руководитель центра R&D МТС Big Data/ CDO МТС Travel;
Мария Тихонова, главный инженер по разработке в SberDevices
и другие эксперты.

Не пропусти ИТ-событие года: регистрируйся, вход бесплатный!

Бонус: вечеринка и классный мерч для айтишников :)

erid: LdtCKBQST
18+ Реклама. ООО «Т1»
ОГРН 1197746617419

Читать полностью…

FrontEndDev

Настройка и продуктивное использование VS Code

Михаил Непомнящий делится советами и фишками при работе с VS Code

https://www.youtube.com/watch?v=UmgwQJ0T5Us

Читать полностью…

FrontEndDev

JetBrains JavaScript Day 2023

Запись 8 докладов с конференции JetBrains.

https://www.youtube.com/playlist?list=PLQ176FUIyIUZmRHOyz_n9iy2qfHo4_GRT

Читать полностью…
Subscribe to a channel