Онлайн курс «Javascript-разработчик»

За 4 месяца поможем освоить язык программирования JavaScript. На курсе напишите сервис по бронированию жилья и игру для браузера. Курс составлялся на основе требований IT-компаний к JavaScript-разработчикам. Всё необходимое добавили, ненужное убрали — вам осталось посмотреть, всё выполнить и получить профессию. Во время обучения будете практиковаться на реальных задачах, создавать собственные проекты и улучшать навыки в работе с кодом. Таймеры и замыкание. Функции setInterval, setTimeout, clearInterval, clearTimeout. Что такое замыкание и как его можно использовать. JavaScript-анимации. Изменение CSS свойств элементов. Кривая Безье. Примеры анимаций. Кратко о том, как развиваться разработчику дальше и что изучать.

Другие видеокурсы по теме:

- Видеокурс «WordPress 6 с нуля»

- Курс «SEO-специалист»

- Онлайн курс «Веб-разработчик с нуля»

- Онлайн курс «Инженер по тестированию»

- Курс «SMM-специалист с нуля»

- Онлайн курс «Python-разработчик»

- Онлайн курс «Java-разработчик с нуля»

 

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

К статье

https://habr.com/ru/post/714270/?utm_source=habrahabr&utm_medium=rss&utm_campaign=714270

Всем привет, меня зовут Артём Арутюнян, и я уже пять лет изучаю реактивное программирование. Меня задела недавняя статья, Big State Managers Benchmark, в которой моя библиотека Reatom заняла лишь третье место (скорее второе, ну да ладно) и я решил написать самую эффективную реализацию реактивных состояний, убрав лишние фичи, сфокусировавшись на простоте и производительности.



Немного поэкспериментировав я добился удивительных результатов, в сто строк (0.3KB gzip) уместив максимально простое апи, которое позволяет подключаться к React и Svelte без дополнительных адаптеров. Но самое главное, найденный алгоритм фундаментально покрывает любые краевые случаи условных переподписок зависимых вычислений, с которыми подавляющее большинство популярных библиотек не справляется и дают глитчи.



Если вам интересны детали реализации — прошу под кат.
Читать дальше →

https://habr.com/ru/post/713808/?utm_source=habrahabr&utm_medium=rss&utm_campaign=713808

Да, про эту нейросеть сейчас слышно отовсюду, как она пишет текста песен, сдает экзамены, пишет куски кода, но я подумал, а сможет ли она сама целиком завершить проект под моим руководством?

Читать далее

https://habr.com/ru/post/713532/?utm_source=habrahabr&utm_medium=rss&utm_campaign=713532

Создание веб приложения на основе React и Django, с базой данных на postgress, небольшое прощупывание RabbitMQ и чуть-чуть nginx, потом объясню зачем. Ах да! Завернём все в контейнеры и заставим подниматься в три команды!

Читать далее

https://habr.com/ru/post/713490/?utm_source=habrahabr&utm_medium=rss&utm_campaign=713490

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

Читать далее

https://habr.com/ru/post/713374/?utm_source=habrahabr&utm_medium=rss&utm_campaign=713374

Привет, друзья!

Представляю вашему вниманию перевод этой замечательной статьи, в которой автор просит ChatGTP разработать компонент модального окна на React.

ChatGPT — это чат-бот с искусственным интеллектом, разработанный компанией OpenAI и способный работать в диалоговом режиме, поддерживающий запросы на естественных языках. ChatGPT — большая языковая модель, для тренировки которой использовались методы обучения с учителем и обучения с подкреплением. Чат-бот основывается на другой языковой модели от OpenAI GPT-3.5 — улучшенной версии модели GPT-3.

ChatGPT был запущен 30 ноября 2022 года и привлек внимание своими широкими возможностями: написание кода, создание текстов, возможности перевода, получения точных ответов и использование контекста диалога для ответов, хотя его фактическая точность подверглась критике (источник — Википедия).

Интересно? Тогда прошу под кат.

Читать дальше →

https://habr.com/ru/post/712828/?utm_source=habrahabr&utm_medium=rss&utm_campaign=712828

В этой статье мы рассмотрим адаптацию компонентов React 18 к много кратному монтированию и повторному вызову эффектов с повторно используемым стоянием (Reusable State). Под эффектами понимается срабатывание хуков: useEffect, useLayoutEffect, useInsertionEffect и методов componentDidMount, componentWillUnmount. Далее я буду писать просто эффекты чтобы заново не перечислять хуки и методы. Напишем несколько примеров типичных решений для адаптации компонентов, новому поведению React 18 StrictMode и функции React Fast Refresh. Все примеры в этой статье буду запущены в codesandbox, React запущен в режиме разработки и с включенным StrictMode.

Читать далее

https://habr.com/ru/post/712196/?utm_source=habrahabr&utm_medium=rss&utm_campaign=712196

Как мы все знаем, в React есть функциональные и классовые компоненты. Каждый вид имеет свои плюсы и минусы.

Классовые компоненты имеют меньшую производительность по сравнению с функциональными и вызывают некоторые сложности в переиспользовании одинаковой логики.

Читать далее

https://habr.com/ru/post/711940/?utm_source=habrahabr&utm_medium=rss&utm_campaign=711940

Всем привет! Меня зовут Павел Комягин, и я — тимлид команды разработки внутренних продуктов в Нетологии. Раньше на правки лендингов в нашей компании тратилось 3–4 часа разработки и тестирования в неделю. Не было единого стиля оформления, всё делалось вручную, а разработчики были постоянно в аврале.

Я придумал и вместе с командой воплотил в жизнь конструктор лендингов, который позволяет собирать страницы продуктов без участия разработки за считаные часы. Подробнее обо всём рассказываю в этом посте.

Спойлер: на конструкторе уже создано почти полторы тысячи страниц.

Читать далее

https://habr.com/ru/post/711472/?utm_source=habrahabr&utm_medium=rss&utm_campaign=711472