front_end_dev | Технологии

Telegram-канал front_end_dev - FrontEndDev

29203

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

Подписаться на канал

FrontEndDev

GraphQL туториал

Цикл видео по работе с GraphQL + NodeJs + ReactJS для новичков.

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

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

FrontEndDev

Коротко и по работному делу!

→ Море IT вакансий на удалёнку разработчикам джунам, миддлам и сеньорам
→ Каждый день
→ Прямые контакты эйчаров! Без ссылок на х—ха ツ


Подписаться на канал 🤘


Реклама. ООО «Цифровые решения», ИНН: 7707469618, erid: LatgC28Hm

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

FrontEndDev

Создаем онлайн сервис с подписками с нуля

Туториал по созданию и деплою приложения с AI. Приложение работает по системе с подписками, предоставляя платный функционал для пользователей. Стек: NextJS, Stipe, OpenAI.

Github

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

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

FrontEndDev

React Profiler

Измеряем перфоманс вашего React приложения.

https://deadsimplechat.com/blog/react-profiler/

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

FrontEndDev

Что нового в веб анимации?

Google I/O 2023

https://youtu.be/oDcb3fvtETs

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

FrontEndDev

Новые фичи JS в грядущем EcmaScript 2023

Удобные функции по работе с массивами и датами, а также поддержка декораторов и еще несколько фич.

https://thenewstack.io/the-new-javascript-features-coming-in-ecmascript-2023/

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

FrontEndDev

Hover анимация для гридовых элементов

Очередной эффект для оживления контента.

Демо | Github

https://tympanus.net/codrops/2023/09/13/grid-item-hover-effect/

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

FrontEndDev

4 типа покрытия кода тестами

Статья о том, какие бывают метрики покрытия тестами, какую вам стоит выбрать, и в чем отличие code coverage от test coverage.

https://web.dev/ta-code-coverage/

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

FrontEndDev

Друзья! С Днем Программиста! 🎉🎉

В честь праздника держите подборку анимаций для модальных окон 😉

https://codepen.io/designcouch/pen/obvKxm

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

FrontEndDev

CSS методологии

Обзорная статья с кратким описанием подходов к организации стилей.

https://www.arekibo.com/blog/popular-css-methodologies-for-scaling-web-projects/

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

FrontEndDev

Как prefetch помог Terra ускорить показатели LCP и скорость загрузки

Короткая заметка с реализацией способа загрузки контента

https://web.dev/terra-prefetching-case-study/

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

FrontEndDev

#ruvds_статьи #typescript

Рефлексия в JavaScript и TypeScript: обзор основных техник. Как сгенерировать CLI-интерфейс для класса

⭐️◽️◽️◽️◽️

📖Читать

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

FrontEndDev

Полиморфизм на TypeScript

Примеры полиморфизма из реального проекта с реализацией на TS. Лайвкодинг сессия от Ивана Горбунова.

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

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

FrontEndDev

Несколько интересных способов использования теней

https://www.smashingmagazine.com/2023/08/interesting-ways-use-css-shadows/

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

FrontEndDev

Трюки при работе с SVG

SVG предоставляет довольно гибкий API для реализации интересных анимаций и эффектов в вебе. Вот несколько примеров, которые помогут вам в этом разобраться.

https://blog.codepen.io/2023/08/28/chris-corner-even-more-svg-tricks/

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

FrontEndDev

Регулярные выражения in JavaScript

Синтаксис регулярных выражений и методы работы с ними в JS. Большое руководство с примерами.

https://www.honeybadger.io/blog/javascript-regular-expressions/

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

FrontEndDev

Подборка бесплатных ресурсов для разработки

Список сервисов (бесплатных или с промо периодом), которые могут быть полезны для разработчиков. От кодогенерации и и проверки кода до облачных решений и AI.

https://free-for.dev/

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

FrontEndDev

RSC с нуля. Часть 1.
Серверные компоненты


Глубокое погружение: создаем с нуля очень простую версию серверных компонентов.

https://my-js.org/blog/rsc-1/

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

FrontEndDev

Erid: LdtCK2riA
Друзья!

На базе школы программистов МШП запустилась программа "Код будущего", которая дает возможность старшеклассникам и студентам колледжей бесплатно освоить IT специальность!

Уровень знаний в IT не важен — эксперты крупных IT школ разработали гибкую программу для различных начальных знаний (начальный, базовый, продвинутый).

На программе вы сможете:
▫️изучить востребованные языки программирования Javascript, Python, C#
▫️научиться работать с искусственным интеллектом, создавать мобильные приложения и онлайн-игры, освоить анализ данных
▫️подготовиться к ЕГЭ - на курсах разбирают сложные задания и частые ошибки
▫️получить сертификат Министерства цифрового развития, связи и массовых коммуникаций РФ

Успей подать заявку до 30 сентября по ссылке. Напоминаем, это государственный проект. Обучение бесплатное.
🚀 Вперед за знаниями!

Реклама. Рекламодатель АНО ДО "ШКОЛА ПРОГРАММИСТОВ". ИНН 5029259654.

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

FrontEndDev

#html #css

Как HTML и CSS влияют на доступность

⭐️⭐️◽️◽️◽️

📖Читать

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

FrontEndDev

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

Регистрация и подробная программа по ссылке: https://epic.st/n7NlIm

Спикер мини-курса — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах. Автор 10 курсов по программированию и карьере программистов.

Всех участников ждут подарки!
— Сертификат на скидку 10 000 рублей на любой курс.
— Доступ к изучению английского языка на год.
— Персональная карьерная консультация

Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

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

FrontEndDev

#javascript #node.js

Релиз Bun 1.0 (новый runtime для JavaScript )

Представляем Bun версии 1.0.Bun — это быстрый и универсальный набор инструментов для запуска, сборки, тестирования и отладки JavaScript и TypeScript кода (от одного файла до fullstack-приложения). Сегодня Bun стабилен и готов к продакшену.

⭐️⭐️◽️◽️◽️

📖Читать

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

FrontEndDev

Вакансии Frontend разработчикам
Рекомендуем канал Разрабы, с дайджестами вакансий для разработчиков с прямыми контактами HR на удаленку или релокацию!

Какие позиции?
Выкладывают подборки для мидлов, сеньоров, лидов, CTO. Кроме фронтенд позиций есть для бэкенд,фуллстэк, мобильных разработчиков и админов (DevOps, SRE).
🌶Подписаться на канал
🌶Подписаться на канал

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

FrontEndDev

Как React 18 улучшает производительность приложения

Новые возможности React: конкурентный рендеринг, интерфейс переходов, серверные компоненты и кеширование.

https://my-js.org/blog/react-18/

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

FrontEndDev

Оффер за одну неделю для Backend & Frontend mobile разработчиков в компанию YADRO

Ведущая технологическая компания России YADRO проводит One Week Offer, в рамках которого ты сможешь получить оффер от компании за одну неделю.

Специалисты нужны в команду KVADRA OC, которая занимается созданием и разработкой операционной системы для персональных компьютеров, ноутбуков и других клиентских устройств, выпускаемых под брендом KVADRA.

Оставь заявку на участие до 17 сентября: https://oneweekoffer.yadro.com/

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

FrontEndDev

Quokka - JS playground в вашем редакторе

Расширение для вашей IDE, которое позволяет быстро запустить и отдебажить ваш код.

https://quokkajs.com/

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

FrontEndDev

Frontend на Стачке: технические лидеры и даже технические директоры из Сloud.ru, Mish, Яндекс и других крупнейших игроков рынка выступят в рамках секции, организованной Intelsy!

💡На секции поделимся экспертизой: расскажем как правильно проектировать приложения в 2023 году; как оптимизировать сайт, чтобы он загружался за наносекунду; что такое Web3, чем он отличается от Web 2.0; как разработать свою библиотеку компонентов на основе хуков React Aria, чтобы это было качественно,быстро, доступно; докопаемся до сути работы асинхронности в ECMAScript. Об этом этом расскажут:
Михаил Трифонов — старший технический лидер Cloud. ru;
Алексей Авдеев — CTO (Технический директор) Mish;
Владислав Клюев — старший разработчик интерфейсов Яндекс;
Алексей Золотых — frontend-разработчик Wrike;
Александр Биденко — Team Lead Frontend Intelsy;
Альберт Рыбалко — Team Lead отдела разработки в Студии Олега Чулакова;
Сэм Булатов – Фронтенд разработчик Тинькофф, krd.dev;
Глеб Михеев – директор по развитию образовательной платформы Skillbox.

📢Подробнее о спикерах, темах и содержании каждой - на странице секции на сайте Стачки.

STOP WORKING - все #nastachku!

erid: 2Vtzqv5eWUx
ИНН: 7328081691
Реклама. ООО "Стачка"

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

FrontEndDev

Preload, prefetch, preconnect...

Атрибуты загрузки ресурсов: как они работают и как влияют на скорость работы и загрузки приложений.

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

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

FrontEndDev

Frontend-команда Тинькофф проведет митап в Нижнем Новгороде 👾

Команды расскажут, как собрать приложение с сохранением данных на фронте и запустить помощника-бота на ChatGPT. А после обсудят софт-скиллы, которые помогут в карьерном росте.

Кстати, последний раз ребята собирали фронтенд-встречу в Нижнем два года назад. Поэтому ребята очень ждут осеннего IT’s Tinkoff Frontend Meetup и скорее хотят увидеться с комьюнити!

📆 Митап пройдет 6 сентября в пространстве Академии Маяк. Не забудьте зарегистрироваться и позвать с собой коллег: https://l.tinkoff.ru/nn_frontend

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

FrontEndDev

#ruvds_статьи #css

Ох уж эти CSS-переменные

Я люблю создавать компоненты везде и всегда, поэтому пользовательские CSS-свойства, также известные как CSS-переменные, являются одной из моих любимых фишек, которая позволяет писать более модульный код. При работе с ними я набил достаточно шишек, выпил литры чая и убил кучу времени. Теперь я «мастер», и хочу поделиться своим опытом.

⭐️⭐️◽️◽️◽️

📖Читать

Читать полностью…
Подписаться на канал