Расширенный TypeScript

Вы редко изучаете расширенные функции TypeScript сами по себе. Только в сочетании с другими частями языка и в контексте они раскрывают свою истинную силу. И именно этому посвящено данное руководство. https://fettblog.eu/advanced-typescript-guide/

[Перевод] Принцип работы async/await в JavaScript.

Если вам доводилось работать с JavaScript, то вы наверняка встречались с синтаксисом async/await. Эта функциональность позволяет прописывать асинхронную логику синхронным образом, упрощая тем самым её понимание. Некоторым ветеранам JS известно, что async/await – это просто синтаксический сахар для существующего Promises API. Это означает, что в JS должен быть способ реализации функциональности async/await без использования ключевых слов async и await, хоть и более громоздкий. Именно об этом и пойдёт речь в данной статье.

Видео от автора на ту же тему. Читать дальше →https://habr.com/ru/companies/ruvds/articles/759772/

Добро пожаловать в практическое руководство, посвященное интеграции ExpressoTS, Bun и Elysia в полнофункциональное приложение TypeScript. Давайте перейдем к делу и посмотрим, с какими ингредиентами мы будем работать. https://daniel-boll.me/posts/a-breakfest-with-expressots-and-bun

10 распространенных ошибок в CSS

Вот некоторые распространенные ошибки, которые допускает большинство веб-разработчиков, и то, как их выявление и избежание могут помочь вам писать лучше и больше. https://dev.to/aviligonda/10-common-mistakes-in-css-532j

Новый метод проверки URL-адресов в JavaScript

Есть новости о проверке URL-адресов в мире JavaScript! После всех этих лет проклятий JavaScript за отсутствие простого способа проверки URL-адреса, в городе появился новый метод URL.canParse()
https://www.stefanjudis.com/blog/validate-urls-in-javascript/

15 лучших тенденций CSS, за которыми стоит следить

В этой статье вы познакомитесь с основными тенденциями CSS для создания визуально потрясающих адаптивных дизайнов в 2023 году. https://dzone.com/articles/best-15-css-trends-to-watch-for

Инструмент для проверки вашего кода искусственным интеллектом 🔥

https://www.refactornow.dev/roast

✨Совет по CSS: dvh — новая единица измерения области просмотра. Мобильные браузеры имеют разные пользовательские интерфейсы для верхней и нижней панелей и меняют высоту области просмотра при прокрутке, что приводит к проблемам со свойством 'height: 100vh' на телефонах. Но теперь у нас есть модуль « dvh », динамически адаптирующийся к текущей высоте окна просмотра.

[Перевод] Как сделать эффект Parallax с помощью CSS.

Параллакс-скроллинг может улучшить восприятие сайта, сделав его более запоминающимся, динамичным и иммерсивным. Техника параллакс-скроллинга создает эффект трехмерности, что придает веб-странице большую глубину. Однако здесь есть свои нюансы, о которых мы и поговорим.

В этой статье мы рассмотрим, в каких ситуациях оправдано использование параллакс-скроллинга, разберем, как реализовать его с помощью CSS, и почему для этого стоит использовать именно CSS, а не JavaScript. Приведем несколько примеров CSS-параллакса, варианты его использования и лучшие практики. Читать далееhttps://habr.com/ru/companies/otus/articles/762358

Главные мифы про ноу-код разработку

Это самая дешёвая разработка?

Для неё не нужны специальные знания?

Приложения сильно уступают тем, что написаны на коде?

Как вообще все это работает?

Разберемся на бесплатном открытом уроке «No-code разработчик: мифы и реальность»: https://otus.pw/TPtv/

На занятии мы:

- разберёмся, чем занимается no-code разработчик и что входит в его обязанности, а что нет;

- развеем самые популярные мифы о no-code разработке;

- на практике разберем реальное ТЗ, с которым может работать no-code разработчик.

Занятие будет полезно:

✅ Тем, кто хочет попасть в IT без опыта программирования.

✅ Предпринимателям и продактам, которым необходимо создавать прототипы и MVP веб-приложений быстро и без лишних затрат.

✅ Фрилансерам, которые хотят освоить дополнительный навык для увеличения дохода.

✅ Студентам, ищущим перспективную карьеру в быстро развивающейся области No-Code.

Урок пройдёт 25.09 в 20:00 мск.

Регстрация: https://otus.pw/TPtv/

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. erid: LjN8KYXda

Next.js 13.5

Next.js 13.5 повышает производительность и надежность локальной разработки https://nextjs.org/blog/next-13-5

Основная цель этой статьи состоит в том, что я хотел иметь место, куда я мог бы сбросить всю известную мне информацию о переменных CSS. Вы узнаете обо всем, что вам нужно знать о переменных CSS, с множеством примеров и вариантов использования.

https://ishadeed.com/article/css-vars-101/

⚡️Программа курса "JavaScript Developer Professional" в Otus помогает студентам достичь нового профессионального уровня в веб-разработке на JS, и вот почему:

✅После обучения вы сможете полноценно работать с современными JavaScript-фреймворками и библиотеками, а также понимать их основы

✅Вам будут доступны популярные паттерны проектирования, такие как Event Loop, Flux, Immutable, Virtual DOM, Dependency Injection и Observables

✅Вы научитесь грамотно подбирать инструменты для каждого проекта, а также тестировать его с помощью юнит-тестов на разных уровнях

✅Кроме того, вы сможете создавать современные веб-приложения, используя последние технологии в этой области

Для поступления в группу курса по спеццене проверьте свои знания и пройдите тест

🔥 Бонусы после прохождения теста:

- бесплатный курс по GIT в записи

- доступ к открытым урокам курса

- скидка на обучение при поступлении в группу

👉 ПРОЙТИ ТЕСТ

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. erid: LjN8KVBaQ

🔥Визуальное руководство по получению равных столбцов в CSS Grid

https://codepen.io/wesbos/pen/xxmPXqd

Прекратите ленивую загрузку продуктов и главных изображений

Я наблюдаю повторяющуюся проблему с производительностью на многих сайтах электронной коммерции: самые важные изображения на странице загружаются отложенно, хотя этого делать не следует. Это влияет на пользовательский опыт, основные веб-показатели и, как следствие, на поисковую оптимизацию. Лучше вообще не реализовывать отложенную загрузку, чем реализовать ее неправильно. https://cloudfour.com/thinks/stop-lazy-loading-product-and-hero-images/

Theatre.js — это библиотека анимации Javascript с профессиональным набором инструментов для моушн-дизайна. Он поможет вам создать любую анимацию: от кинематографических сцен в THREE.js до восхитительных взаимодействий с пользовательским интерфейсом. https://www.theatrejs.com/

С этого момента я буду использовать ИИ для создания программного обеспечения, просто рисуя его.