​14 советов по оптимизации кода JavaScript для фронтенд-разработчиков

В этой статье собраны советы и рекомендации по повышению производительности вашего JavaScript-кода и ускорению загрузки сайта:

https://tprg.ru/FSWn

#фронтенд #javascript

Дяденька, у вас усы отклеились

​GitHub выпустила облачный Visual Studio Code, который работает в браузере

Называется он Codespaces и обладает всё теми же особенностями, что и обычный VS Code: редактор, терминал, расширения, GitHub Copilot и так далее. При этом работать в нём можно с любого устройства.

Подробнее рассказали в нашей статье:

https://tprg.ru/vXgz

​Svelte за 100 секунд

Посмотрев это видео, вы не станете специалистом по Svelte, но вы сможете познакомиться с основными особенностями и возможностями этого фреймворка.

Убедитесь сами:

https://tprg.ru/9C7W

#видео #svelte

​Появилась онлайн-игра для JavaScript-разработчиков

Если вам нравятся стратегии, онлайн-игры и JavaScript, то Yare.io вам точно придётся по душе.

Все действия в игре осуществляются с помощью написания JS-кода, а суть игры в том, чтобы разрушить базу противника, расширяя свою армию за счёт сбора энергии звёзд. Звучит интересно, не так ли?

Проявить свои навыки JS-программирования и стратегическое мышление можно тут:

https://tprg.ru/Ls3U

#javascript

Игра «Охота на утку» на CSS

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

Автору этой реализации хватило HTML и CSS, обёрнутых препроцессорами:

https://tprg.ru/eVuM

#codepen

​Как использовать push-уведомления в Angular

В этой статье предлагается реализовать push-уведомления с помощью Angular Service Worker. Особенность этого способа в том, что push-уведомления смогут приходить даже, если в браузере закрыта вкладка с вашим веб-сайтом.

Подробнее:

https://tprg.ru/WzeU

#angular

Junior HTML-разработчик никому не нужен?

А твой гугль хром так умеет??!11
Неть 🌚

​Чат: за сколько можно стать сениором в веб-разработке?

Стать джуниор-разработчиком относительно просто. Миддл-разработчиком тоже можно стать достаточно быстро, если приложить достаточно усилий — полгода-год и вы уже не просто джун, если вы достаточно хороши.
А вот сколько времени потребуется, чтобы стать сениором?

Не важно — фронтенд, бэкенд или фуллстак. Поделитесь своим мнением в комментариях.

#чат

"Frontend dasturlash asoslari" onlayn kursi saralash bosqichi uchun alohida Telegram guruh ochdik. Uy ishlarini shu guruhda yuborishingiz va darslarni boshqa o'quvchilar bilan muhokama qilishingiz mumkin.

https://t.me/joinchat/fvwf04PdHLFkYTM6

Saralash kursida o'qish bepul:
https://mohirdev.uz/courses/frontend-dasturlash-asoslari-saralash/

#onlayn_kurs

​Шесть частых ошибок при тестировании фронтенда и способы их решения

В этой статье собраны типичные ошибки, которые допускают фронтенд-разработчики при написании тестов:

https://tprg.ru/51Iu

#фронтенд

​Создание сайта-портфолио с Next.js и TailwindCSS

Что может сказать о разработчике лучше, чем его код? Да, пожалуй, ничего. Поэтому сайт-портфолио — это отличный способ продемонстрировать свои навыки потенциальному работодателю или заказчику.

В этой статье автор продемонстрировал, как создать такой сайт:

https://tprg.ru/Hxf7

#фронтенд #бэкенд

Как мыслят гении

​Текстовые и видеоэффекты нового уровня с помощью CSS и JavaScript

В этом видео не будет никакого хиндиша и скучных заумных объяснений. Тольк приятная музыка, код и результат его работы.

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

https://tprg.ru/htoS

#видео

Работаю под прикрытием

​Силы в JS свои испытай ты в новом джедайском тесте

Разгадайте 10 загадок от Магистра Йоды, познайте свою силу в JavaScript и выиграйте наборы LEGO:

https://tprg.ru/eFZO

#ad

​MobX & React. Полный курс

В этом видео вы разберёте библиотеку MobX, которая помогает работать с состоянием вашего приложения. MobX отлично работает в связке с React, поэтому в этом видео будет рассматриваться именно эта комбинация:

https://tprg.ru/x7B1

#видео #react

​Начало работы с React Cosmos

С помощью библиотеки React Cosmos вы может заниматься разработкой, отладкой и тестированием React-компонентов в изолированной песочнице. Это позволяет вносить необходимые изменения в компонент и мгновенно видеть результат, не влияя на весь проект.

Поближе познакомиться с возможностями библиотеки можно тут:

https://tprg.ru/tTP6

#фронтенд #javascript