29203
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu
#html #css
Как HTML и CSS влияют на доступность
⭐️⭐️◽️◽️◽️
📖Читать
Знаете основы веб-разработки и хотите углубить свои знания? Присоединяйтесь к бесплатному мини-курсу, где вы получите практические советы и инсайты от опытного программиста, а также создадите 3 классных проекта — сайт, приложение и сервис — и добавите их в портфолио.
Регистрация и подробная программа по ссылке: https://epic.st/n7NlIm
Спикер мини-курса — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах. Автор 10 курсов по программированию и карьере программистов.
Всех участников ждут подарки!
— Сертификат на скидку 10 000 рублей на любой курс.
— Доступ к изучению английского языка на год.
— Персональная карьерная консультацияРеклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880
#javascript #node.js
Релиз Bun 1.0 (новый runtime для JavaScript )
Представляем Bun версии 1.0.Bun — это быстрый и универсальный набор инструментов для запуска, сборки, тестирования и отладки JavaScript и TypeScript кода (от одного файла до fullstack-приложения). Сегодня Bun стабилен и готов к продакшену.
⭐️⭐️◽️◽️◽️
📖Читать
Вакансии Frontend разработчикам
Рекомендуем канал Разрабы, с дайджестами вакансий для разработчиков с прямыми контактами HR на удаленку или релокацию!
Какие позиции?
Выкладывают подборки для мидлов, сеньоров, лидов, CTO. Кроме фронтенд позиций есть для бэкенд,фуллстэк, мобильных разработчиков и админов (DevOps, SRE).
🌶Подписаться на канал
🌶Подписаться на канал
Как React 18 улучшает производительность приложения
Новые возможности React: конкурентный рендеринг, интерфейс переходов, серверные компоненты и кеширование.
https://my-js.org/blog/react-18/
Оффер за одну неделю для Backend & Frontend mobile разработчиков в компанию YADRO
Ведущая технологическая компания России YADRO проводит One Week Offer, в рамках которого ты сможешь получить оффер от компании за одну неделю.
Специалисты нужны в команду KVADRA OC, которая занимается созданием и разработкой операционной системы для персональных компьютеров, ноутбуков и других клиентских устройств, выпускаемых под брендом KVADRA.
Оставь заявку на участие до 17 сентября: https://oneweekoffer.yadro.com/
Quokka - JS playground в вашем редакторе
Расширение для вашей IDE, которое позволяет быстро запустить и отдебажить ваш код.
https://quokkajs.com/
✅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
Реклама. ООО "Стачка"
Preload, prefetch, preconnect...
Атрибуты загрузки ресурсов: как они работают и как влияют на скорость работы и загрузки приложений.
https://habr.com/ru/articles/445264/
Frontend-команда Тинькофф проведет митап в Нижнем Новгороде 👾
Команды расскажут, как собрать приложение с сохранением данных на фронте и запустить помощника-бота на ChatGPT. А после обсудят софт-скиллы, которые помогут в карьерном росте.
Кстати, последний раз ребята собирали фронтенд-встречу в Нижнем два года назад. Поэтому ребята очень ждут осеннего IT’s Tinkoff Frontend Meetup и скорее хотят увидеться с комьюнити!
📆 Митап пройдет 6 сентября в пространстве Академии Маяк. Не забудьте зарегистрироваться и позвать с собой коллег: https://l.tinkoff.ru/nn_frontend
#ruvds_статьи #css
Ох уж эти CSS-переменные
Я люблю создавать компоненты везде и всегда, поэтому пользовательские CSS-свойства, также известные как CSS-переменные, являются одной из моих любимых фишек, которая позволяет писать более модульный код. При работе с ними я набил достаточно шишек, выпил литры чая и убил кучу времени. Теперь я «мастер», и хочу поделиться своим опытом.
⭐️⭐️◽️◽️◽️
📖Читать
🤬 Опять тупит VPN? Надоело 🤬
Просто расслабься и переходи в бота SolutVPN
В SolutVPN:
✔️ Скорость от 300 Мб/сек
Загружайте сайты за секунду и смотрите фильмы без зависаний
✔️ Нет ограничений по объему трафика
Фильмы в 4К, большие файлы, куча вкладок — не проблема
✔️ Демократичные цены
49₽ неделя, 99₽ месяц — ниже, чем у аналогов на рынке
Переходи и забирай 3 дня бесплатного пробного периода сейчас 👉 @SolutVPN
Откладываем загрузку некритического CSS
Практический пример оптимизации загрузки страницы с разделением критического и некритического CSS.
https://web.dev/defer-non-critical-css/
Оптимизация анимаций элементов
Как правильно с точки зрения браузера анимировать элементы на странице, чтобы кулеры ноутбука не свистели.
https://habr.com/ru/articles/701604/
Как браузер рендерит страницы
Краткое описание процесса с важными аспектами.
https://doka.guide/tools/how-the-browser-creates-pages/
Новые фичи JS в грядущем EcmaScript 2023
Удобные функции по работе с массивами и датами, а также поддержка декораторов и еще несколько фич.
https://thenewstack.io/the-new-javascript-features-coming-in-ecmascript-2023/
Hover анимация для гридовых элементов
Очередной эффект для оживления контента.
Демо | Github
https://tympanus.net/codrops/2023/09/13/grid-item-hover-effect/
4 типа покрытия кода тестами
Статья о том, какие бывают метрики покрытия тестами, какую вам стоит выбрать, и в чем отличие code coverage от test coverage.
https://web.dev/ta-code-coverage/
Друзья! С Днем Программиста! 🎉🎉
В честь праздника держите подборку анимаций для модальных окон 😉
https://codepen.io/designcouch/pen/obvKxm
CSS методологии
Обзорная статья с кратким описанием подходов к организации стилей.
https://www.arekibo.com/blog/popular-css-methodologies-for-scaling-web-projects/
Как prefetch помог Terra ускорить показатели LCP и скорость загрузки
Короткая заметка с реализацией способа загрузки контента
https://web.dev/terra-prefetching-case-study/
#ruvds_статьи #typescript
Рефлексия в JavaScript и TypeScript: обзор основных техник. Как сгенерировать CLI-интерфейс для класса
⭐️◽️◽️◽️◽️
📖Читать
Полиморфизм на TypeScript
Примеры полиморфизма из реального проекта с реализацией на TS. Лайвкодинг сессия от Ивана Горбунова.
https://www.youtube.com/watch?v=dZIuNsDbSkM
Несколько интересных способов использования теней
https://www.smashingmagazine.com/2023/08/interesting-ways-use-css-shadows/
Трюки при работе с SVG
SVG предоставляет довольно гибкий API для реализации интересных анимаций и эффектов в вебе. Вот несколько примеров, которые помогут вам в этом разобраться.
https://blog.codepen.io/2023/08/28/chris-corner-even-more-svg-tricks/
База SQL для начинающих
Frontend разработчикам для расширения кругозора короткий ликбез по SQL.
https://youtu.be/5sG9kmXYsKU
Репозиторий с решенными frontend проблемами
Алгоритмические задачи, задачи на верстку и React c объяснением
https://github.com/pinglu85/BFEdevSolutions
Как подключить нестандартные шрифты?
Несколько способов подключения и загрузки шрифтов, а также тонкости для максимальной оптимизации.
https://htmlacademy.ru/blog/html/fonts-loading
РАЗБОР ИГР, который поможет наконец-то на этом зарабатывать
Для этого совсем не обязательно иметь навыки в программировании, и об этом скоро — на РАЗБОРЕ от Евгения Гришакова, владельца студии Garden of Dreams.
Но! Если хочешь халяву - не кликай
Что будет на разборе?
— Посмотришь игры других и поймешь, как на всем этом зарабатывать
— Полный разбор твоей игры от геймдев экспертов. Разберем упаковку игры, геймплей, механики и многое другое.
— Разберем, почему твоя игра не залетела и как это исправить.
— Выявим слабые в игре и дадим практические советы по улучшению.
🔥 Все бесплатно! Цель — помочь ребятам начать зарабатывать на своих играх.
При регистрации ты получишь подарок — исходник игры. Это отличная вещь для тех, у кого еще нет своей игры, но кто очень хочет попробовать себя в геймдеве.
Приходи на разбор 29 АВГУСТА в 19:00 и открой для себя кучу полезной информации. Инвестируй свое время правильно!
patch-package
Инструмент, позволяющий пропатчить код библиотек из node_modules (когда другие варианты уже невозможны), сделать патч изменений и применять его на postinstall.
https://www.npmjs.com/package/patch-package
