29203
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu
Эффективная загрузка рекламы
Как не навредить перфомансу приложения при загрузке рекламного контента.
https://web.dev/loading-ads-page-speed/
Веб-стандарты - выпуск 389
Firefox, CSS-нестинг, HTML-заголовки, text-wrap, Фотошоп в вебе, Google Fonts, LCP, Tailwind
https://web-standards.ru/podcast/389/
Курс по Nuxt v3 для начинающих
Nuxt - фреймворк для построения фронтенд-приложений на Vue 3
https://www.youtube.com/watch?v=fTPCKnZZ2dk
Шарим своё локальное приложение
Как в VSCode открыть доступ к своей запущенной локальной версии приложения при помощи вкладки Ports.
https://www.youtube.com/watch?v=g0MrDxzTkr8
20 наиболее интересных фич в CSS
Список новых возможностей которые появились или появятся в ближайшем будущем.
https://my-js.org/blog/css-ui-2023/
🔥 Все для сайта от 49 ₽/мес!
В SpaceWeb вы можете разместить сайт по привлекательной цене, а также получите:
✔️ Домен для вашего сайта при заказе на год.
✔️ Автоустановка Wordpress, Joomla и других популярных CMS.
✔️ Антивирусная проверка сайтов и возможность автоматического лечения.
✔️ Техническая поддержка в течение 1-2 минут в чате и по телефону.
Переходите и тестируйте бесплатно в течение 14 дней
👍Запустить сайт
Или подпишитесь на канал и следите за тем, как SpaceWeb развивает IT в России.Реклама. ООО "СпейсВэб". erid: 2VtzqxQ59P8
Современный CSS Reset
Что нового в сбросе стандартных стилей? Энди Белл подробно рассказывает о каждом блоке правил
https://andy-bell.co.uk/a-more-modern-css-reset/
JavaScript async iterators
Протокол, который позволяет создавать кастомные итерируемые объекты. Как это делать и где это можно применить - в статье.
https://www.nodejsdesignpatterns.com/blog/javascript-async-iterators/
Регулярные выражения in JavaScript
Синтаксис регулярных выражений и методы работы с ними в JS. Большое руководство с примерами.
https://www.honeybadger.io/blog/javascript-regular-expressions/
Подборка бесплатных ресурсов для разработки
Список сервисов (бесплатных или с промо периодом), которые могут быть полезны для разработчиков. От кодогенерации и и проверки кода до облачных решений и AI.
https://free-for.dev/
RSC с нуля. Часть 1.
Серверные компоненты
Глубокое погружение: создаем с нуля очень простую версию серверных компонентов.
https://my-js.org/blog/rsc-1/
Erid: LdtCK2riAДрузья!
На базе школы программистов МШП запустилась программа "Код будущего", которая дает возможность старшеклассникам и студентам колледжей бесплатно освоить IT специальность!
Уровень знаний в IT не важен — эксперты крупных IT школ разработали гибкую программу для различных начальных знаний (начальный, базовый, продвинутый).
На программе вы сможете:
▫️изучить востребованные языки программирования Javascript, Python, C#
▫️научиться работать с искусственным интеллектом, создавать мобильные приложения и онлайн-игры, освоить анализ данных
▫️подготовиться к ЕГЭ - на курсах разбирают сложные задания и частые ошибки
▫️получить сертификат Министерства цифрового развития, связи и массовых коммуникаций РФ
Успей подать заявку до 30 сентября по ссылке. Напоминаем, это государственный проект. Обучение бесплатное.
🚀 Вперед за знаниями!Реклама. Рекламодатель АНО ДО "ШКОЛА ПРОГРАММИСТОВ". ИНН 5029259654.
#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 стабилен и готов к продакшену.
⭐️⭐️◽️◽️◽️
📖Читать
Анимируем межстраничные переходы с помощью View Transitions API
Реализации переходов на примере приложения на базе фреймворка Astro.
Демо | Github
https://tympanus.net/codrops/2023/10/03/animating-multi-page-navigations-with-browser-view-transitions-and-astro/
Привет!
Я написал бота, который собирает лучший контент для разработчиков с habr.ru. Часто там бывают интересные ресурсы по frontend, например:
▫️Рисуем верёвку в формате SVG
▫️Создаем тетрис на Three.js
▫️Почему ваш веб-сайт должен быть меньше 14 КБ
И еще много чего из мира технологий. Заходите в гости, буду рад 😉
@habr_for_dev
Используем Driver.js для выделения элементов
Driver.js - легковесная библиотека для реализации функционала онбординга и подсвечивания фич приложения.
https://blog.logrocket.com/using-driver-js-guide-user-focus/
Что делать, когда бандл нужно «посадить на диету»
Доклад Софьи Гусевой об оптимизации бандлов.
https://www.youtube.com/watch?v=biE-v-yCTpU
Что нового в DevTools
Улучшенные и новые фичи DevTools Chrome 118
https://developer.chrome.com/blog/new-in-devtools-118/
Web Skills
Визуализированный набор скилов для веб разработчиков, с сылками на ресурсы для изучения. Упрощенный аналог roasmap.sh
https://andreasbm.github.io/web-skills/
CSS Анимация
Быстрое введение в анимацию для новичков.
https://www.youtube.com/watch?v=SgmNxE9lWcY&ab_channel=SlayingTheDragon
GraphQL туториал
Цикл видео по работе с GraphQL + NodeJs + ReactJS для новичков.
https://www.youtube.com/playlist?list=PL55RiY5tL51rG1x02Yyj93iypUuHYXcB_
Коротко и по работному делу!
→ Море IT вакансий на удалёнку разработчикам джунам, миддлам и сеньорам
→ Каждый день
→ Прямые контакты эйчаров! Без ссылок на х—ха ツ
Подписаться на канал 🤘Реклама. ООО «Цифровые решения», ИНН: 7707469618, erid: LatgC28Hm
Создаем онлайн сервис с подписками с нуля
Туториал по созданию и деплою приложения с AI. Приложение работает по системе с подписками, предоставляя платный функционал для пользователей. Стек: NextJS, Stipe, OpenAI.
Github
https://www.youtube.com/watch?v=r895rFUbGtE
React Profiler
Измеряем перфоманс вашего React приложения.
https://deadsimplechat.com/blog/react-profiler/
Что нового в веб анимации?
Google I/O 2023
https://youtu.be/oDcb3fvtETs
Новые фичи 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/