FrontEndDev

Как использовать кастомную easing функцию для анимации с помощью WebAnimations API Оказалось не так просто как кажется. Подробности с примерами в статье. https://www.bram.us/2024/01/12/waapi-custom-easing-function/

Материалы из этого канала дают на платных курсах Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое 👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!

Улучшаем работу с файлами в NodeJs с fsx Введение в бибилиотеку fsx, предлагающей современный подход в работе с файлами на JS. https://humanwhocodes.com/blog/2024/01/fsx-modern-filesystem-api-javascript/

JavaScript однопоточный или многопоточный? Ставим точку Разбираемся как работает JS, чтобы не плавать на интервью. https://habr.com/ru/articles/786330/

Проработка размеров элементов управления Интерактивный и большой гайд с примерами от Ахмада Шадида по проектированию удобных элементов управления для разных устройств. https://ishadeed.com/article/target-size/

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем 18 января.

Кейсы для использования :has селектора Примеры использования селектора :has, в которых он упрощает стилизацию или помогает избавиться от использования JS https://www.builder.io/blog/css-2024-has

Web Storage API Как хранить данные в браузере - ликбез по работе с Session Storage и Local Storage. https://www.freecodecamp.org/news/web-storage-api-how-to-store-data-on-the-browser/

Unit-тесты во фронтенде: 6 примеров с кодом, инструменты и подходы Большая лекция с практическими примерами от Георгия Бузина https://www.youtube.com/watch?v=GcwK0vbTf_s

Позвольте себе работать, не вставая с кровати! Углубите знания в веб-разработке, получите практичные инсайты и создавайте новые крутые проекты! Регистрируйтесь: https://epic.st/EFsuc Вы научитесь: — создавать веб-страницы, используя язык разметки HTML и технологию CSS; — реализовывать серверную часть (backend) веб-приложений на языке PHP; — работать с базой данных MySQL при помощи языка запросов SQL; — создавать приложения на языке программирования JavaScript; — размещать сайты в интернете. 📌Спикер — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах. 🎁Подарки: — сертификат на скидку 10 000 рублей на любой курс; — доступ к изучению английского языка на год; — 5 полезных подборок материала; — персональная карьерная консультация. Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

Топ 100 Codepen за 2023 год Подборка лучших codepen созданных в 2023 году - необычные визуальные эффекты и концепты. https://codepen.io/2023/popular

Dependency Invertion принцип в TypeScript Чем вам поможет подход Dependency Invertion при разработке и поддержке приложений https://blog.logrocket.com/dependency-inversion-principle-typescript/

11 best parctises для ваших форм логина и регистрации Несколько советов о том, как сделать ваши формы более удобными, доступными и практичными. https://evilmartians.com/chronicles/html-best-practices-for-login-and-signup-forms

Архитектурный паттерн Dependency Injection в React-приложении В статье рассказывается какой профит можно получить, используя паттерн DI и как его внедрить в свое приложение. https://habr.com/ru/companies/tinkoff/articles/540662/

Пишем змейку на JS Начинаем год с разработки браузерной змейки в ретро стиле на JS + CSS. https://www.youtube.com/watch?v=uyhzCBEGaBY

Псевдоклассы :user-valid и :user-invalid Улучшаем нативную валидацию полей при помощи селекторов псевдоклассов, которые применяются к полям, которые были изменены пользователем, в отличии от :valid и :invalid. https://web.dev/articles/user-valid-and-user-invalid-pseudo-classes?hl=ru

Веб компонент снежинок Честно говоря, веб компоненты используются не особо широко в современной разработке из-за своей сложности и проблем с поддержкой. Но на простом примере как этот можно посмотреть кейсы, где их удобно применять и как реализовывать. https://www.zachleat.com/web/snow-fall/

Используем Github Pages для хостинга NextJs приложения Простой туториал по конфигурации Github Pages и NextJs. https://www.viget.com/articles/host-build-and-deploy-next-js-projects-on-github-pages/

HTML и CSS ошибки, влияющие на доступность 4 статья из цикла про разработку приложений с учетом опыта незрячих пользователей. https://habr.com/ru/companies/ruvds/articles/776392/

TypeScript фичи, которые повысят уровень вашей разработки https://medium.com/@hamsterhomka/e40a3424fa50