Пишем змейку на JS

Начинаем год с разработки браузерной змейки в ретро стиле на JS + CSS.

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

Архитектурный паттерн Dependency Injection в React-приложении

В статье рассказывается какой профит можно получить, используя паттерн DI и как его внедрить в свое приложение.

https://habr.com/ru/companies/tinkoff/articles/540662/

11 best parctises для ваших форм логина и регистрации

Несколько советов о том, как сделать ваши формы более удобными, доступными и практичными.

https://evilmartians.com/chronicles/html-best-practices-for-login-and-signup-forms

Dependency Inversion принцип в TypeScript

Чем вам поможет подход Dependency Inversion при разработке и поддержке приложений.

https://blog.logrocket.com/dependency-inversion-principle-typescript/

Топ 100 Codepen за 2023 год

Подборка лучших codepen созданных в 2023 году - необычные визуальные эффекты и концепты.

https://codepen.io/2023/popular

Позвольте себе работать, не вставая с кровати! Углубите знания в веб-разработке, получите практичные инсайты и создавайте новые крутые проекты!

Регистрируйтесь: https://epic.st/EFsuc

Вы научитесь:
— создавать веб-страницы, используя язык разметки HTML и технологию CSS;
— реализовывать серверную часть (backend) веб-приложений на языке PHP;
— работать с базой данных MySQL при помощи языка запросов SQL;
— создавать приложения на языке программирования JavaScript;
— размещать сайты в интернете.

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

🎁Подарки:
— сертификат на скидку 10 000 рублей на любой курс;
— доступ к изучению английского языка на год;
— 5 полезных подборок материала;
— персональная карьерная консультация.

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

Unit-тесты во фронтенде: 6 примеров с кодом, инструменты и подходы

Большая лекция с практическими примерами от Георгия Бузина

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

Web Storage API

Как хранить данные в браузере - ликбез по работе с Session Storage и Local Storage.

https://www.freecodecamp.org/news/web-storage-api-how-to-store-data-on-the-browser/

Кейсы для использования :has селектора

Примеры использования селектора :has, в которых он упрощает стилизацию или помогает избавиться от использования JS.

https://www.builder.io/blog/css-2024-has

Верстаешь?

Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:

1. Ты сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».

А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.

👉 Проскочить на интенсив бесплатно

Начинаем 18 января.

Проработка размеров элементов управления

Интерактивный и большой гайд с примерами от Ахмада Шадида по проектированию удобных элементов управления для разных устройств.

https://ishadeed.com/article/target-size/

JavaScript однопоточный или многопоточный? Ставим точку

Разбираемся как работает JS, чтобы не плавать на интервью.

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

Улучшаем работу с файлами в NodeJs с fsx

Введение в бибилиотеку fsx, предлагающей современный подход в работе с файлами на JS.

https://humanwhocodes.com/blog/2024/01/fsx-modern-filesystem-api-javascript/

Как использовать кастомную easing функцию для анимации с помощью WebAnimations API

Оказалось не так просто как кажется. Подробности с примерами в статье.

https://www.bram.us/2024/01/12/waapi-custom-easing-function/

Как защититься от Server-Side Request Forgery

Что такое SSRF, чем отличается CSRF и какие методы защиты существуют.

https://www.freecodecamp.org/news/defending-against-ssrf-attacks/

Скрытые возможности элемента <input>

Как разные атрибуты input могут существенно влиять на его поведение.

https://habr.com/ru/companies/ruvds/articles/785690/