FrontEndDev

Кейсы для использования :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

Думаете о карьере в сфере IT — начните с Python. Этот язык рекомендуют в качестве первого языка программирования, и для начала обучения вам не понадобятся технические знания и навыки. Запишитесь на бесплатный курс Нетологии «Основы Python: создаём телеграм-бота». Программа акцентирована на практике. За 5 занятий вы погрузитесь в логику и синтаксис языка, изучите основные инструменты для написания кода. С нуля разработаете планировщик задач и создадите полезного Telegram-бота, которым сможет пользоваться кто угодно. Попробуйте https://netolo.gy/csBo Реклама. ООО «Нетология». Erid LatgBhTrH

Тестирование JavaScript c помощью Jest Вводный курс за 1 час. https://www.youtube.com/watch?v=IPiUDhwnZxA&ab_channel=freeCodeCamp.org

Линтер Oxlint Простой линтер, не требующий конфигурации, основная цель которого поиск ошибочного или неиспользуемого кода. https://oxc-project.github.io/blog/2023-12-12-announcing-oxlint.html

Используем CSS Subgrid для создания продвинутой разметки https://blog.logrocket.com/designing-advanced-layouts-with-css-subgrid/

10 советов по оптимизции производительности приложений Краткие советы с ссылками на подробные ресурсы https://calendar.perfplanet.com/2023/ten-optimisation-tips-for-an-initial-web-performance-audit/

Фронтендеры, общий сбор ❄️ 22 декабря в 19:00 проведём уже пятый A?.Frontend Meetup. На этот раз — в Санкт-Петербурге и онлайн. Коллеги из Альфа-Банка, Сбера, BetaRobotics и Тинькофф обсудят связь IT-специалиста с комьюнити, стресс-менеджмент в программировании, какой профит можно получить от T-shape навыков, а ещё зачем фронтендеру микросервисы, CI/CD, Pipeline и Kubernetes ⚙️ Присоединяйтесь — зарегистрироваться на митап и узнать подробности можно по ссылке. Реклама. АО "АЛЬФА-БАНК" ИНН 7728168971